/*
Theme Name: Best Practices
Theme URI: http://www.indywebshop.com/bestpractices/
Description: Custom theme
Version: 1.0
Author: Clay mabbitt
Author URI: http://www.sitepotion.com/
Tags: fixed width, three columns

The CSS, XHTML and design is for exclusive use on the Best Practices blog.  The rights are not released for any other purposes.

*/

html * { padding: 0; margin: 0; }

body {
	background-color: #c0c4b6;
	color: #2c494e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	text-align: center;
}
a, a:visited { color: #5e4b1a; text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 5px;
}
h1 { font-size: 3.6em; }
h2 { font-size: 2.4em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.8em; font-weight: normal; }
p, li { font-size: 1.4em; }
pre { font-size: 1.2em; }

/* general margins */
p, ul, ol, blockquote, table { margin-bottom: 25px; }
blockquote {
	padding-left: 10px;
	border-left-width: 5px; border-left-style: solid; border-color: #c0c4b6;
	font-family: "Times New Roman", Times, serif;
}
table { 
	border-collapse: collapse; 
}
td, th { 
	vertical-align: top; 
	padding: 2px 4px;
	font-size: 1.2em;
	border-width: 1px; border-style: solid; border-color: #ccc;
}

.clear { clear: both; }
.alignleft { text-align: left; float: left; }
.alignright { text-align: right; float: right; }



/* layout ************************************/
#hug {
	width: 930px;
	margin: 0 auto;
	text-align: left;
	background: url('images/brand.back.jpg') repeat-y;
	background-position: 500px 0;
	padding: 20px 0 40px 0;
	position: relative;
}	

#content {
	width: 500px;
	float: left;
}

#brand {
	width: 238px;
	float: left;
	position: relative;
}

#navigation {
	width: 190px;
	float: left;
	overflow: hidden;
}



/* post ***************************************/
.post {
	position: relative;
	margin-bottom: 30px;
	background: url('images/post.bl.gif') #fff bottom left no-repeat;
}
.post a { text-decoration: underline; }
.post .topright {
	padding: 22px 25px;
	background: url('images/post.tr.gif') top right no-repeat;
}
.summary {
	background-color: #c0c4b6;
	padding: 0;
	background-image: none;
}
.summary .topright { background-image: none; }
.post p { line-height: 130%; }

.post .postdate {
	line-height: normal;
	margin: 0;
	font-size: 1.0em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #777777;
}
.post h2 {
	font-weight: normal;
	font-style: normal;
}
.post h2 a, .post h2 a:hover { text-decoration: none; }
.postmetadata {
	font-size: 1.1em;
	text-align: right;
	margin-bottom: 0;
	clear: both;
}
.navigation {
	clear: both;
	margin: 3px 0;
	font-size: 1.1em;
}
.navigation div {
	width: 240px;
}

.postmetadataalt { font-size: 1.1em; }

.post ul, .post ol {
	margin-left: 20px;
}
.post li {
	line-height: 130%;
	margin-bottom: 8px;
}
.post h3 { font-size: 1.8em; }
.post .scroll {
	overflow: scroll;
	width: 460px;
	margin-bottom: 25px;
}
.post .wp-smiley {
	margin-top: 2px;
}


/* contact form *******************************/
#gb_form fieldset { padding: 15px; margin-bottom: 15px; }
#gb_form legend { margin-bottom: 10px; font-size: 1.1em; text-transform: uppercase; padding: 0 3px; }
#gb_form label { font-size: 1.2em; }
#gb_form input, #gb_form textarea, #gb_form select { margin-bottom: 3px; }
#gb_form textarea { width: 384px; }

.main_formhead { display: none; }
#formwrap { border-width: 0; border-style: none; padding: 0; }
#mainlegend { display: none; }

#gb_form_div dt, #gb_form_div dd { text-align: right; }
#gb_form_div #result_dl_blockq dt, #gb_form_div #result_dl_blockq dd, { text-align: left; } 


/* comments ***********************************/
#comments, #respond {
	margin-top: 60px;
	font-weight: normal;
}
#respond { margin-bottom: 30px; }
.commentlist li {
	padding: 25px 0 10px 0;
	font-size: 1.0em;
	border-bottom-style: dashed; border-bottom-width: 1px; border-color: #97a39d;	
}
.commentlist li .commentmeta {
	width: 125px;
	float: left;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4f4f4f;
}
.commentlist li .commentmeta cite { font-weight: bold; font-size: 1.2em; }
.commentlist li .commentmeta p { font-size: 1.2em; margin-bottom: 0; }
.commentlist li .commentmeta a { text-decoration: none; }
.commentlist li .commentmeta a:hover { text-decoration: underline; }
.commentlist li .commentbulk {
	width: 373px;
	float: left;
}
.commentlist li .commentbulk p {
	font-size: 1.2em;
	margin-bottom: 15px;
	line-height: 130%;
}
#commentform p { 
	margin: 15px 0; 
	font-size: 1.3em;
}
#commentform #comment {
	width: 498px;
}


/* excerpt *************************************/
.excerpt {
	padding: 25px 0;
	border-bottom-style: dashed; border-bottom-width: 1px; border-color: #97a39d;
}
.excerptdate {
	width: 100px;
	float: left;
	font-size: 1.2em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4f4f4f;
}
.teaser {
	width: 398px;
	float: left;
}
.teaser h2 {
	font-size: 1.2em;
	font-weight: normal;
}
.teaser h2 a {
	text-decoration: none;
}
.teaser h2 a:hover { text-decoration: underline; }
.teaser p {
	font-size: 1.1em;
	margin-bottom: 0;
}



/* brand ***************************************/
#logo {
	width: 189px; height: 94px;
	margin-left: 27px;
	background: url('images/logo.jpg') top left no-repeat;
}
#logo a {
	display: block;
	width: 189px; height: 94px;
}
#logo span { display: none; }

#mortarandpestlemain {
	position: absolute;
	width: 218px; height: 337px;
	left: 513px; top: 70px; 
	background: url('images/mortarandpestle.main.gif') top left no-repeat;
	overflow: visible;
	clear: both;
}
#mortarandpestlemain a {
	display: block;
	width: 218px; height: 337px;
}
#mortarandpestleadd {
	position: absolute;
	width: 51px; height: 84px;
	left: 218px; top: -18px;
	background: url('images/mortarandpestle.add.gif') top left no-repeat;
}

#presentedby {
	width: 232px; height: 206px;
	margin-top: 310px;
	margin-left: 6px;
	background: url('images/sitepotion.gif') top left no-repeat;
}
#presentedby a {
	display: block;
	width: 232px; height: 206px;
}
#presentedby a span { display: none; }

#listpages { 
	list-style: none; 
	margin-left: 60px; 
}
#listpages li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.8em;
	margin-bottom: 5px;
}
#listpages li a { 
	text-decoration: none;
	color: #fff;
}
#listpages li a:hover { text-decoration: underline; }



/* navigation *************************************/
#searchform {
	margin-top: 4px;
	margin-bottom: 35px;
}
#searchform div { text-align: right; }
#searchform #s {
	width: 182px;
}
#searchform #searchsubmit {
	
}
#navigation h2 {
	font-weight: normal;
}
#navigation ul {
	list-style: none;
}
#navigation li {
	font-style: italic;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url('images/bullet.navigation.gif') no-repeat;
	background-position: 0 4px;
	padding-left: 45px;
	text-indent: -30px;
	margin-bottom: 3px;
}
#navigation li a { text-decoration: none; }
#navigation li a:hover { text-decoration: underline; }


/* footer *****************************************/
#footerhug {
	background: url('images/footer.gif') #112d30 top left repeat-x;
	color: #fff;
	text-align: center;
	padding-bottom: 15px;
}
#footerhug a { color: #fff; text-decoration: underline; }
#footer {
	width: 930px;
	text-align: left;
	margin: 0 auto;
	padding-top: 30px;
}
#footer h2 {
	font-weight: normal;
	margin-bottom: 30px;
}

#blogroll {
	width: 190px;
	float: left;
}
#blogroll ul {
	list-style: none;
}
#blogroll li {
	font-size: 1.2em;
	background: url('images/bullet.footer.gif') no-repeat;
	background-position: 0 4px;
	padding-left: 46px;
	text-indent: -30px;
	margin-bottom: 9px;
}
#blogroll li a {
	text-decoration: none;
}
#blogroll li a:hover {
	text-decoration: underline;
}

#books {
	width: 735px;
	float: left;
}
#books img {
	border-width: 0; border-style: none;
	margin-right: 40px;
}

#copyright { 
	clear: both; 
	text-align: right; 
	font-size: 1.1em;
	margin-bottom: 0;
}



/* home *******************************************/
#firsttimehere p {
	font-size: 1.2em;
	margin-bottom: 30px;
}