/* @override http://www.jimpiccillo.com/css/all.css */

/* Eric Meyer Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }


/* Basic Elements */

html, body{ background-color: #1c2858; }
body { font: 12px/1.5 arial, verdana, sans-serif; color: #555555; padding: 15px 0; background: #1c2858 url(../images/body-background.png) top repeat-x; }

h1, h2, h3, h4, h5, h6, ol, ul, p, form{ margin: 0 0 18px 0; }

ol, ul, dl { list-style: none; margin: 0 0 18px 18px; }
ol{ list-style: decimal; }
ul{ list-style: disc; }
dl dt{ font-weight: bold; }
dl dd{ margin-left: 18px; }

a:link, a:visited{ text-decoration: underline; }
a:hover, a:active{ text-decoration: none; }

blockquote, q { quotes: none; }

strong, b{ font-weight: bold; }

i, em{ font-style: italic; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

.generated-inline-form fieldset{
	margin: 0 0 18px 0;
}
.generated-inline-form label{
	display: block;
	font-weight: bold;
}
.generated-inline-form label.label{
	margin: 18px 0 0 0;
	font-size: 14px;
}
.generated-inline-form label.checkbox{
	margin: 5px 0;
}
.generated-inline-form input.text{
	margin: 0 0 5px 0;
	padding: 3px;
	width: 200px;
}
.generated-inline-form textarea{
	width: 400px;
	height: 150px;
}
.generated-inline-form-message{
	font-weight: bold;
	margin: 0 0 18px 0;
}

/* Wrapper */

#wrapper{
	background: #FFF;
	margin: 0 auto;
	width: 940px;
}


/* Header */

#header{ line-height: 0; }


/* Menu */

#menu{
	background: #FFF url(../images/menu-background.png) top left no-repeat;
	height: 42px;
	list-style: none;
	margin: 0 10px;
	padding: 0;
	position: relative;
	z-index: 2;
}
	#menu li{
		background: transparent url(../images/menu-divider.png) left no-repeat;
		float: left;
		position: relative;
	}
		#menu li a{
			display: block;
			padding: 0 30px;
			
			color: #FFF;
			font-weight: bold;
			font-size: 14px;
			line-height: 42px;
			text-decoration: none;
		}
		#menu ul{
			display: none;
			list-style: none;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 42px;
			left: 0;
			width: 200px;
		}
		#menu li:hover > ul{ display: block; }
			#menu ul li{
				float: left;
			}
				#menu ul li a{
					background: #23569E;
					padding: 5px 10px;
					width: 180px;
					font-weight: normal;
					font-size: 12px;
					line-height: 18px;
				}
				#menu ul li a:hover{ background: #2B76C6; }

/* Feature */

#feature{
	background: #FFF;
	margin: 0 0 1px 0;
	padding: 0 10px;
	position: relative;
	z-index: 1;
}
#feature:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
	#welcome{
		background: transparent url(../images/welcome-background.jpg) 0 0 no-repeat;
		float: left;
		height: 236px;
		padding: 30px 50px 0 286px;
		position: relative;
		width: 326px;
	}
		#welcome h1{
			margin: 0 0 10px 0;
			
			color: #FFF;
			font-weight: normal;
			font-size: 25px;
			line-height: 25px;
		}
		#welcome p{ margin: 0 0 10px 0; color: #FFF; }	
		a.feature-button{
			background-color: transparent;
			display: block;
			height: 29px;
			width: 114px;
			text-indent: -9999px;
		}
			a#meet-jim{
				background-image: url(../images/button-meet-jim.png);
			}

	#action-center{
		background: transparent url(../images/action-center-background.png) 0 0 repeat-y;
		float: left;
		height: 250px;
		padding: 10px 12px 6px;
		width: 234px;
	}
	body.page #action-center{ margin-bottom: 1px; }
		#action-center h2{
			margin: 0 0 10px 0;
			color: #38c2ff;
			font-size: 16px;
			line-height: 19px;
		}
		#action-center ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		  #action-center ul li {
		    margin-bottom: 7px;
		  }
			#action-center ul li input {
				background: #13366c;
				border: 0px;
				color: #fff;
				padding: 4px 5px;
				font-family: Arial, sans-serif;
				font-size: 14px;
				font-weight: bold;
		    border: solid #26446e;
		    border-width: 0 1px;
				-webkit-border-radius: 3px;
			}
			#action-center ul li input#field-31 {
				width: 168px;
			}
			#action-center ul li input#field-32, #action-center ul li input#field-33, #action-center ul li input#field-34 {
				width: 75px;
				margin-right: 6px;
				float: left;
			}
			#action-center ul li input.button {
				width: 86px;
				float: left;
				padding-right: 16px;
				background: #264b80 url(../images/arrow.gif) no-repeat 70px center;
				text-transform: uppercase;
				text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
			}
			#action-center ul li input.button:hover {
				background-color: #13366c;
				cursor: pointer;
			}
		
/* Content */

#content-wrapper{
	margin: 0 10px;
	padding-bottom: 18px;
	position: relative;
	z-index: 1;
}
#content-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#content{
	background: transparent url(../images/content-background.png) top repeat-x;
	float: left;
	height: 306px;
	padding: 30px 37px 0 37px;
	width: 587px;
}
html > body #content{ height: auto; min-height: 306px; }
body.page #content{ background-image: url(../images/content-page-background.png); }
	#breadcrumbs{
		border-bottom: 1px dotted #b4bec7;
		list-style: none;
		margin: -13px 0 20px 0;
		padding: 0 0 13px 0;
		
		color: #5f6f82;
		font-size: 11px;
	}
		#breadcrumbs li{ display: inline; }
			#breadcrumbs li a{ color: inherit; }
	#content h1{
		color: #1c2858;
		font-size: 26px;
		font-weight: normal;
	}
	#content h2{
		color: #555;
		font-size: 16px;
	}
	
	#section-list{
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#section-list li{
			border-bottom: 1px dotted #b4bec7;
			margin-bottom: 18px;
		}
		#section-list li.last{ border: none; }
		#section-list li h2{
			margin: 0;
			color: #0077bb;
			font-size: 14px;
		}
			#section-list li h2 a{
				color: inherit;
				text-decoration: none;
			}
			#section-list li h2 a:hover{ text-decoration: underline; }
		#section-list li .date{
			color: #777;
			font-size: 11px;
		}
		#pagination-links{
			list-style: none;
			margin: 0;
			padding: 0;
		}
			#pagination-links li{ display: inline; }
				#pagination-links li a.current{ font-weight: bold; color: #000; }

/* Blog */

.blog h2 { margin-bottom: 0; }
	.post-meta { font-size: 11px; margin-bottom: 9px; color: #888; }
		.post-meta a { color: #888; }

#comments { padding-top: 18px; }
	#comments ol { list-style-type: none; margin-left: 0; }
		#comments li { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #ccc; }
			#comments li h3 { margin: 0; }
				#comments li h3 cite { font-style: normal; }
			#comments li .date { font-size: 11px; color: #888; margin-bottom: 9px; }
	#comments form label { display: block; }
	#comments textarea, #comments .input-text { width: 50%; border: 1px solid #ccc; }
	
/* Siebar */

#sidebar{
	background: transparent url(../images/sidebar-background.png) 0 0 no-repeat;
	clear: right;
	float: right;
	width: 258px;
}
	#sidebar h2{
		color: #111a40;
		font-size: 16px;
	}
	#sidebar h3{
		margin-bottom: 5px;
		color: #0077bb;
		font-size: 14px;
		line-height: 16px;
	}
	#sidebar ul{
		list-style: none;
		margin: 0 0 18px 0;
		padding: 0;
	}
		#sidebar li p{ margin: 0; }
	
	/* Jim Online */
	
	#jim-online h2{
		background: transparent url(../images/sidebar-header-background.png) 0 0 no-repeat;
		height: 39px;
		margin: 20px 0 0 0;
		padding: 0 0 0 39px;
		width: 219px;

		line-height: 39px;
	}
	#jim-online ul{
		border-bottom: 1px dotted #b4bec7;
		list-style: none;
		margin: 10px 30px 0 39px;
		padding: 0 0 16px 0;
	}
	#jim-online ul:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
		#jim-online li{
			float: left;
			margin: 10px 0 0 0;
			width: 94px;
			text-align: center;
		}
		
	/* More Sidebar Content */
	
	#sidebar-content{ margin: 20px 30px 0 39px;	}
		#sidebar-content a{ color: #0077bb; text-decoration: none; }
		#sidebar-content a:hover{ text-decoration: underline; }
		
		

/* Footer */

#footer{
	background: transparent url(../images/footer-background.png) 0 0 no-repeat;
	height: 42px;
	padding: 0 47px;
	
	color: #425271;
	line-height: 42px;
}
	#footer p{ float: left; }
	#footer ul{
		display: inline;
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#footer li{ display: inline; }
	#footer a{ color: inherit; }