/* **************************************************** 

Title: 		GetSimple CSS Document
Author: 	Cameron Pease
URL: 			http://brianhalldesignchicago.com
Created: 	March 24, 2010

**************************************************** */

/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

/** GLOBAL SETS **/
.clear {clear:both;}
body {
	text-align:center;
	font-family:arial, "lucida Grande", verdana, helvetica, sans-serif;
	font-size: .95em;
	background: #FFFFFF url('images/bkg-body.jpg') fixed 50% 2% no-repeat;
	color:#222;
	}
body#mailing-list {
	color:#fff;
	background:#2160AD;
	margin:10px;
	}
body#mailing-list .postcontent {
	
	}
.wrapper {
	padding:40px 0;
	margin-left:auto;
	margin-right:auto;
	width:930px;
	}
#header, #content, #footer {
	padding:0 20px;
}
	
	
/* HEADER */
#header {
	background:url('images/bkg-header.png') top center no-repeat;
	position:relative;
	height:185px;
	text-align:left;
	}
#header #mailing-list {
	position:absolute;
	top:25px;
	right:25px;
	width:330px;
}
#header #mailing-list a {
	color:#FFF;
}
#header #mailing-list a:hover {
	text-decoration:underline;
}
#header .logo{
	position:absolute;
	top:25px;
	left:25px;
	color:#FFF;
	font-family:arial;
	font-weight:bold;
	font-size:45px;
	}
#header .tagline{
	border-top:solid 1px #FFF;
	color:#ccc;
	font-family:georgia;
	font-size:12px;
	line-height:14px;
	padding-top:8px;
	position:absolute;
	top:60px;
	right:25px;
	width:330px;
	}

#header #nav{
	position:absolute;
	top:140px;
	left:17px;
	color:#FFF;
	font-size:13px;
	text-transform:none;
	list-style:none;
	}
	#header #nav li {float:left;}
	#header #nav li:first-child {}
	#header #nav li a {
		padding:13px 20px;
		line-height:40px;
		color:#333;
		margin:0 15px;
		-moz-border-radius: 6px; /* FF1+ */
		-webkit-border-radius: 6px; /* Saf3+, Chrome */
    border-radius: 6px; /* Opera 10.5, IE 9 */
	}
	#header #nav li.current a,
	#header #nav li a:hover {
		background:transparent url('images/bkg-nav-li.png') top left repeat-x;
		color:#FFF;
	}


	
	
/* BODY */
#content {
	background:url('images/bkg-content.png') top center repeat-y;
}

#bodycontent {
	width:580px;
	float:left;
	text-align:left;
	}
#bodycontent .post {
	float:right;
	width:375px;
	padding:0 0 55px 0;
	}
#bodycontent .post h1 {
	font-family:georgia;
	font-size:2em;
	color:#000;
	line-height:1em;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:#ccc 1px dotted;
	}
#bodycontent .post p {
	margin:0 0 18px 0;
	line-height: 20px;
	}

	#bodycontent .post ul, #bodycontent .post ol {
	margin:0 0 18px 25px;
	line-height: 20px;
	}
	#bodycontent .post ul ul, #bodycontent .post ol ul, #bodycontent .post ul ol, #bodycontent .post ol ol {
		margin:0 0 0 25px;
	}
	#bodycontent .post blockquote {
	margin:0 0 18px 30px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	}
	#bodycontent .post code {
	font-size:12px;
	color:#666;
	padding:2px;background:#fafafa;
	border:1px solid #eee;
	}
	#bodycontent .post pre code {
	display:block;
	font-size:12px;
	color:#666;
	padding:8px;background:#fafafa;
	border:1px solid #eee;
	margin-bottom:18px;
	}
	#bodycontent .post h2 {
	font-weight:bold;
	padding:8px 0;
	font-size:20px;
	}
	#bodycontent .post h3 {
	font-weight:bold;
	padding:8px 0;
	font-size:17px;
	}
	#bodycontent .post h4 {
	font-weight:bold;
	padding:8px 0;
	font-size:14px;
	}
	#bodycontent .post a:link, #bodycontent .post a:visited {
		color:#000000;
		text-decoration:underline;
		}
	#bodycontent .post a:hover {
		color:#2160AD;
		text-decoration:underline;
		}
	#bodycontent .post .meta {
		margin-top:20px;
		font-size:11px;line-height:18px;
		color:#555;
		border:1px dotted #ccc;
		background:#f9f9f9;
		padding:8px;
	}


/* CONTACT FORM */

.contactform {margin:0 0 20px 0;}
.contactform b {display:block;}
.contactform input.text, .contactform textarea, .contactform select {width:250px;padding:4px;font-family:arial;font-size:13px;margin:2px 0 7px 0;}
.contactform textarea {height:150px;width:350px;}
.contactform input#contact-submit {padding:4px;width:150px;font-weight:bold;}
.contactform p.contactmsg {padding:4px;border:1px solid #ccc;background:#f9f9f9;font-weight:bold;}
.contactform p.success {color:#00CC33;}
.contactform p.error {color:#CC0000;}
.pot {display:none;}



/* SIDEBAR */
#mini-sidebar {
	width:185px;
	float:left;
	padding-right:20px;
}

#sidebar {
	width:290px;
	float:right;
	text-align:left;
	font-size:13px;
	}
	#sidebar .featured {
		background:#2161AD url('images/bkg-post.png') top center no-repeat;
		padding:20px;
		margin:0 0 30px 0;
		color:#eee;
		font-family:arial;
		line-height:20px;
	}
	#sidebar .featured h3 {
		color:#fff;
		font-family:georgia;
		font-size:1.5em;
		line-height:24px;
		border-bottom: 1px dotted #fff;
		padding:0 0 2px 0;
		margin:0 0 20px 0;
		}
	#sidebar .featured p {
		margin:0 0 17px 0;
		}
	#sidebar a:link, #sidebar a:visited {
		color:#000;
		text-decoration:underline;
		}
	#sidebar a:hover {
		color:#009865;
		text-decoration:underline;
		}
		
	#sidebar .featured a:link, #sidebar .featured a:visited {
		color:#009865;
		text-decoration:underline;
		}
	#sidebar .featured a:hover {
		color:#ffffff;
		text-decoration:underline;
		}
	#sidebar ul, #sidebar ol {
		margin:0 0 18px 30px;
	}



/* FOOTER */

#footer {
	background:url('images/bkg-footer.png') bottom center no-repeat;
	text-align:left;
	line-height:18px;
	font-size:12px;
	color:#666;
	border-top:1px solid #ccc;
	padding-top:10px;
	padding-bottom:20px;
	}
	#footer .nav { float:right;	}
	#footer .nav li {
		list-style:none;
		display:inline;
		padding:0 15px;
		border-left:solid 1px #666;
	}
	#footer .nav li:first-child {
	border:none;
	padding-left:0;
	}
	#footer .nav a { text-decoration:none; }
	#footer p.left-footer {text-align:left;float:left;}
	#footer p.right-footer {text-align:right;float:right;color:#2360AC;}
	
	#footer a:link, #footer a:visited {
		color:#666;
		}
	#footer a:hover {
		color:#000;
		}
	
/* Home Page Special Styles */
#index #bodycontent { width:895px; margin-top:15px;}
#index #slideshow { float:left; }
#index .post {
	float:right;
	font-size:.8em;
	width:280px;
	padding:0 15px;
	color:#FFF;
	background:#2360AC;
	height:340px;
}
#index .post p { line-height:1.2em; }

#index .postcontent #tweet {
	height:260px;
	overflow-y:auto;
}
#index .postcontent #tweet ul {
	margin:0;
	padding:0;
	line-height:1.5em;
}
#index .postcontent #tweet ul li {
	margin-bottom:10px;
}
#index #lowercontent { clear:both; width:100%; }
#index #lowercontent .component {
	background:#2360AC;
	color:#fff;
	font-family:Georgia, serif;
	font-size:.8em;
	float:left;
	width:31.33%;
	height:150px;
	margin:1%;
	-moz-border-radius: 6px; /* FF1+ */
	-webkit-border-radius: 6px; /* Saf3+, Chrome */
  border-radius: 6px; /* Opera 10.5, IE 9 */
}
#index #lowercontent .component img {
	padding: 0 10px;
}
#index #lowercontent .component h3 {
	background:url('images/bkg-nav-li.png') bottom left repeat-x;
	font-size:1.1em;
	margin:5px;
	padding:5px;
	text-align:left;
	text-transform:uppercase;
	-moz-border-radius: 6px; /* FF1+ */
	-webkit-border-radius: 6px; /* Saf3+, Chrome */
  border-radius: 6px; /* Opera 10.5, IE 9 */
}
#index #lowercontent .component h3:first-letter {
	font-size:1.25em;
}
#index #lowercontent .component .h3-before {
	float:left;
	margin:8px 5px 0 10px;
	background:url('images/component-h3-before.png');
	height:20px;
	width:25px;
}
#index #lowercontent .component p {
	text-align:left;
	padding-right:2px;
}
#index #lowercontent .component a {
	color:#fff;
}
#index #bodycontent .post {
	background:url('images/bkg-post.png') top center no-repeat;
}
#index #bodycontent .post h1 {
	font-style:italic;
	text-align:center;
	color:#FFF;
	padding-top:10px;
}
#index .alignleft { float:left; }