/*  
Theme Name: Amalgamuse
Theme URI: http://amalgamuse.com/
Description: Version 2.0 of the grid-based, magazine-style theme that blends elements from <a href="http://5thirtyone.com/grid-focus/">Grid Focus</a> + <a href="http://themasterplan.in/themes/the-morning-after/">The Morning After</a> into an amalgam of Wordpress sweetness.
Version: 2.0
Author: Jason Loftis
Author URI: http://jloft.com

Notes: This theme was inspired by two others.
It blends my favorite features from both.

Derek Punsalan's "Grid Focus" - http://5thirtyone.com/grid-focus/
Arun Kale's "The Morning After" - http://themasterplan.in/themes/the-morning-after/

Derek and Arun were likely inspired by Khoi Vinh's Subtraction Blog - http://subtraction.com

Customize, edit, poke, prod, and adapt to your own style.
Please leave credit where credit is due so that others may
find the source for your site and adapt a suitable version
for their own website.
*/


/* BEGIN: General Site Styling */

	/* body + wrapper styles */
	*{margin:0px;padding:0px;}
	body{background:#220d01 url(images/bkgd.jpg) top center repeat;color:#333;text-align:left;font:12px verdana,arial,helvetica,sans-serif;}
	#wrapper{background:#000;margin:0px auto;width:960px;margin-bottom:20px;}
	
	/* general heading + link font styles */ 
	h1{font-size:22px;}
	h2{font-size:18px;}
	h3{font-size:16px;}
	h4{font-size:14px;}
	h5{font-size:12px;}
	
	a{color:#000;text-decoration:none;}
	a:hover{color:#666;text-decoration:none;}
	
	p a{color:#333;text-decoration:none;}
	p a:hover{color:#000;text-decoration:underline;}
	
	/* column links styling - This provides the general format for the unorderd lists that most often appear in the secondCol. */
	ul {list-style:none;margin:8px 0px 4px 0px;}
	.col_links h3{font-size:1em;background:transparent;color:#333;padding:8px 5px 8px 5px;position:relative;line-height:16px;text-transform:uppercase;margin:10px 5px 0px 5px;}
	.col_links p{margin:0px 0px 5px 0px;padding:0px 0px 0px 10px;}
	.col_links{margin:0px;padding:5px 0px 15px 0px;border:1px dashed #ccc;}
	.col_links ul li{background:url(images/li.png) no-repeat 0px 8px;color:#7F7F7F;line-height:1.6em;border-top:1px solid #BBB;padding:6px 0px 4px 18px;margin-left:15px;}
	.col_links ul li a{padding:0px 3px;}
	.col_links ul li a:hover{border-bottom:dotted 1px #000;color:#000;}
	
	/* IE6 Hack */ .ie6 .col_links ul li{background:url(images/icons/li.gif) no-repeat 0px 8px;}  /* IE6 Hack */
	
/* END: General Site Styling */


/* BEGIN: header.php = styles for the masthead, search, and navigation portions of the header.php file (appears atop all site pages) */

	/* mastHead - horizontal header area at the top of the page that hold the site's title, description, + search bar */
	#mastHead{width:960px;padding:0px;margin:0px;height:170px;background:url(images/wakebird_masthead.jpg) no-repeat top center;border:none;border-bottom:thin solid #000;}
	
	/* mastTitle displays as an h1 heading the title you gave your blog in the Wordpress admin --> options --> general section */
	#mastTitle h1 a{font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-size:55px;text-transform:lowercase;color:#333;width:390px;float:left;margin-top:15px;padding:0px; text-align:center;}
	#mastTitle h1 a:hover{color:#000;}
	
	/* mastDescription displays the text you entered below the blog's title in the field called "tagline" */
	#mastDescription{float:left;width:900px;float:left;margin:0px;padding:10px 30px;}
	#mastDescription p{width:900px;font-size:11px;line-height:14px;color:#333;text-align:center;}
	#mastDescription p a{font-weight:bold;color:#000;padding:3px;}
	#mastDescription p a:hover{border:1px dashed #000;padding:2px;}
	
	/* mastHead search - styles the search function that resides in searchform.php but is called by header.php */
	#mastRight{width:570px;float:right;margin-top:28px;padding:0px;}
	#mastSearch {float:right;margin:0px;width:320px;padding:10px 30px;}
	#mastSearch #searchForm {float:right;}
	#mastSearch #searchWrap input {vertical-align:middle;}
	#mastSearch #searchWrap input#s {width:290px;font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:3px;}	
	
	/* header horizontal navigation bar */	
	#navigation{background:#250f01;font-family:arial, helvetica, sans-serif;text-align:right;margin:0px;padding:0px;height:100%;border-bottom:2px solid #000;border-top:2px solid #000;}
	#navigation p{font-family:arial, sans-serif;font-size:12px;font-weight:900;padding:0px;}
	#navigation:after{content:".";display:block;line-height:1px;font-size:1px;color:transparent;clear:both;} /* to stretch the container div to contain floated list  */
	#navigation	img{margin:0px;padding:0px 0px 1px;}
	ul.nav{list-style:none;background-color:#000;font-size:12px;margin:0px;padding:0px;}
	ul.nav li{text-align:left;float:left;height:100%;background-color:#250f01;voice-family:inherit;width:97px;margin:0px;padding:0px;border-right:thin solid #748491;}
	html>body ul.nav li{width:97px;}
	ul.nav li a{display:block;color:#fff;font-size:11px;font-weight:bold;text-decoration:none;height:1%;text-shadow:0 0 #000 #000;padding:15px 5px 15px 10px;line-height:15px;margin:0px;}
	#navigation>ul.nav li a{width:auto;height:auto;}
	ul.nav li#active a{background:#f0e7d7;color:#C30;}
	ul.nav li a:hover,ul.nav li#active a:hover{color:#000;background-color:#fff;}
	ul.nav li.admin{float:right;width:59px; text-align:center;}
	ul.nav li.admin a{font-size:11px;padding:15px 0px 15px 0px;line-height:15px;}
	ul.nav li.top{float:right;width:180px;border-right:none;border-left:1px solid #748491;}
	ul.nav li.admin#dashboard{border-right:none;}
	ul.nav li.admin#register{border-left:1px solid #748491;}
	
	/*IE6 Hack */ .ie6 ul.nav li a {text-shadow:none;} /* IE6 Hack */
	
	/* header navigation - archives drop-down */
	#archives{background:#fff;margin:0px;padding:0px;border-top:#748491 1px solid;}
	#archives ul{list-style:none;padding:5px;}
	#archives li{float:left;display:block;}
	#archives li a{background:#0a304b;font-weight:bold;color:#fff;display:block;padding:0px 5px;margin:0px 10px;border:1px solid #113c5a;text-transform:uppercase;width:915px;}
	#archives li a:hover{color:#ccc;}
	#archives li.cat-item {margin-bottom:10px;}
	#archives li.cat-item ul.children a {border:none; font-weight:normal;background:#fff;color:#8d3f01;text-transform:lowercase;text-transform:capitalize;padding:2px;width:inherit;}
	#archives li.cat-item ul.children a:hover {border:thin solid #8d3f01;padding:1px;}
	
/*  #archives{background:#0a304b;margin:0px;padding:0px;border-top:#748491 1px solid;}
	#archives ul{list-style:none;padding:5px;}
	#archives li{float:left;display:block;}
	#archives li a{background:#fff;font-weight:bold;color:#8d3f01;display:block;padding:0px 5px;margin:0px 10px;border:1px solid #113c5a;text-transform:uppercase;}
	#archives li a:hover{color:#000;}
	#archives li.cat-item {margin-bottom:10px;}
	#archives li.cat-item ul.children a {border:none; font-weight:normal;background:#0a304b;color:#fff;text-transform:lowercase;text-transform:capitalize;padding:2px;}
	#archives li.cat-item ul.children a:hover {border:thin solid #fff;padding:1px;}
/* END: header.php styling (mastHead, search, nav) */


/* BEGIN: Default/Homepage Styling of Content Area */

	/* mid, midContent, row - these provide the default styling for the middle content area */
		#mid{background:#fff url(images/mid_bkgd.jpg) repeat-y top left;width:960px;margin:0 auto;padding:0px;}
		#midContent{background:transparent;width:780px;margin:0px;padding:0px;float:left;}
		#row{background:transparent;float:left;margin:0px;padding:0px;}
		#row2{background:transparent;float:left;margin:0px;padding:0px;}
		
		/* I6 Hack */ .ie6 #midContent {width:778px;}	
		
	/* firstCol (first column) general structure - the content that appears under "Featured Post | Category Name" */
		#firstCol{float:left;margin:0px;padding:15px 0px;width:450px;}
		
	/* secondCol (second column) general structure - the content that appears under "More From The Category Name*/
		#secondCol{float:right;margin:0px;padding:15px 0px;width:320px;}
		
		/* IE6 Hack */ .ie6 #secondCol{width:230px;margin:0px;padding:0px;} /* IE6 Hack */
		
	/* thirdCol (third column) general structure - the content that appears under the "Asides" header */
		#thirdCol{float:right;margin:0px;padding:15px 0px 0px 5px;width:170px;height:100%;}
		
		
	/* BEGIN: firstCol (first column) styling for the DEFAULT/HOMEPAGE content */
		
		/* BEGIN: latest_post styling - the content that appears under "Feature Content" heading */
		#latest_post {padding:0px;margin:0px;padding-top:5px;}
	
		/* h3.feature_latest = "Feature Content" header */
		h3.feature_latest {font-size:14px;background:#fff;color:#000;padding:7px 0px 7px 7px;margin:7px 0px 0px 19px;width:420px;line-height:20px;text-transform:uppercase;position:relative;}
				
		/* latest_post_image = styles the large (367px wide) image for each featured post + it pulls the image up under the h3.feature_latest header to crop the image height */
		#latest_post_image img {background:#fff;width:410px;margin:-35px 0px 5px 15px;}
		#latest_post_image a img {padding:3px;border:1px solid #000;}
		#latest_post_image a:hover img {border:1px dashed #999;}
		/* image generated by using CUSTOM FIELDS in the post editor ... key = img / value = year/month/imagename.jpg */
				
		/* h3.latest_post_title = The actual title of the featured post (this appears under the latest post's image) */
		h3.latest_post_title {font-size:14px;background:#4c2200;color:#d6e8f4;padding:5px 5px 5px 20px;margin:5px 0px 10px -15px;width:430px;line-height:20px;text-transform:uppercase;position:relative;}
		h3.latest_post_title a {color:#d6e8f4;}
		h3.latest_post_title a:hover {color:#ccc;border-bottom:1px dotted #ccc;}

		/* lastest_post_content = displays the excerpt (if one is specified) or the first 55 words of the blog post */		
		#latest_post_content {background:transparent;width:435px;margin:0px;padding:0px 5px 20px 15px;position:relative;font-size:1.1em;}
		#latest_post_content p {padding:4px;width:427px;line-height:18px;margin:3px 0px;}
		#latest_post_content p a {color:#153f5c;font-weight:700;border-bottom:thin dotted #333;text-decoration:none;font-size:0.95em;}
		#latest_post_content p a:hover {color:#000;font-weight:700;border-bottom:thin solid #333;text-decoration:none;}
		#latest_post_content img, #latest_post_content a img {border:1px solid #999;max-width:410px;padding:4px;margin:5px 10px 5px 0px;text-decoration:none;}
		#latest_post_content a:hover img {border:1px dashed #999;text-decoration:none;}
		/* IE 6 Hack */ .ie6 #latest_post_content img, .ie6 #latest_post_content a img {width: expression(this.width > 410 ? 410: true);} /* IMPORTANT IE 6 Hack */
	
		
		/* latest_post_meta = read more, comment, category name - these items appear below each featured excerpt */		
		.latest_post_meta {font-size: 0.9em; line-height: 2em; margin-top:1em;padding:0px 4px; }
		.latest_post_meta a {color:#333;font-weight: bold; }
		.latest_post_meta a:hover { color:#000;text-decoration: underline; }
		.latest_read_on {padding: 5px 20px 5px 30px; background: url(images/readon.png) no-repeat 0 3px; }
		.latest_comments {padding: 5px 20px 5px 30px; background: url(images/comment.png) no-repeat 0 3px; }
		.latest_category {padding: 5px 20px 5px 30px; background: url(images/category.png) no-repeat 0 3px; }
		.latest_tag {padding: 5px 20px 5px 30px; background: url(images/tag.png) no-repeat 0 3px; }
		#latest_post_content .feedFlare p {width:100%;margin:0;padding:0;text-align:left;}
		#latest_post_content .feedFlare a {font-size:x-small;margin:0;padding:0;text-align:left;}
		
		/* h3.feature_recent = "Recent Content" Heading on the Homepage + feature_latest = the "Recent Content" dynamically pulled under the h3 heading */
		h3.feature_recent {font-size:14px;color:#713403;padding:20px 0px 7px 7px;width:297px;line-height:20px;text-transform:uppercase;position:relative;margin:0px 0px 2px 15px;border-top:dashed 1px #999;}
		#feature_latest { background:#ddd url(images/feature_content_bkgd.jpg) top right repeat-y; margin:0px 0px 15px 15px; float:left; width:373px; border:1px dashed #666;border-bottom:none;}
		
		/* IE6 Hack */ 
		.ie6 #feature_latest {float:right;margin:0px 0px 15px 0px;}
		.ie6 .latest_read_on {background: url(images/icons/readon.gif) no-repeat 0 3px;}
		.ie6 .latest_comments {background: url(images/icons/comment.gif) no-repeat 0 3px;}
		.ie6 .latest_category {background: url(images/icons/category.gif) no-repeat 0 3px;}
		.ie6 .latest_tag {background: url(images/icons/tag.gif) no-repeat 0 3px;}
		/* IE6 Hack */
	
	/* END: firstCol + latest_post styling */
	
	
	/* BEGIN: secondCol (second column) styling for the DEFAULT/HOMEPAGE content */
		
		/* h3.feature_head = "Feature | Category Name" header */
		h3.feature_head {color:#713403;font-size:14px;padding:7px 0px 7px 7px;width:297px;line-height:20px;text-transform:uppercase;margin:7px 0px 0px 15px;}
		h3.feature_head a {color:#713403;}
		h3.feature_head a:hover {color:#333;border-bottom:1px dotted #333;}
		
		h3.feature_head_front {color:#713403;font-size:14px;padding:7px 0px 7px 5px;width:290px;line-height:20px;text-transform:uppercase;margin:7px 0px 20px 20px;}
		h3.feature_head_front a {color:#713403;}
		h3.feature_head_front a:hover {color:#333;border-bottom:1px dotted #333;}
		
		/* IE6 Hack */ .ie6 h3.feature_head {width:250px;float:left;margin-top:15px;} /* IE6 Hack */
		/* IE6 Hack */ .ie6 h3.feature_head_front {width:250px;float:left;margin:15px 0px 0px 5px;} /* IE6 Hack */
		
		/* feature_ = these styles format the content that is dynamically generated under the "Feature | Category Name" section */
		.feature_content {float:left;padding:1em;border:1px dashed #999;background:#eff3f6;margin-left:5px;margin-bottom:20px;width:90%;}
		.feature_content p {line-height:17px;}		
		.feature_thumb img, .feature_thumb a img { background:#fff; float: left;padding:2px; margin: 0.2em 1em 0.5em 0;border:1px solid #333;width:70px;}
		.feature_thumb a:hover img {border:#000 1px dotted;}
		
		/* IE6 Hack */ .ie6 .feature_content {padding:15px;width:250px;margin:0px 0px 20px 5px;} /* IE6 Hack */
		
		h3.feature_title { color:#234f6d; font:700 13px verdana,arial,sans-serif;padding:0px 0px 0.3em 0px; }
		h3.feature_title a { color:#234f6d; }
		h3.feature_title a:hover { color:#333;border-bottom:1px dotted #333; }
		
		h3.feature_title_front { color:#234f6d; font:700 13px verdana,arial,sans-serif;padding:0px 0px 0.3em 5px; }
		h3.feature_title_front a { color:#234f6d; }
		h3.feature_title_front a:hover { color:#333;border-bottom:1px dotted #333; }
		
		/* IE6 Hack */ .ie6 h3.feature_title_front {padding-left:5px;} /* IE6 Hack */
		/* Safari Hack */ .webkit h3.feature_title_front {padding-left:5px;}  /* Safari Hack */

		.feature_exc p {color:#333;}
		.feature_read_on {padding: 2px; background: url(images/readon.png) no-repeat left;float:right; }
		
		.feature_post_meta {margin:2px 0px 5px 5px;}
		.feature_comments {padding: 5px 20px 5px 20px; background: url(images/comment.png) no-repeat 0 3px;}
		.feature_category {padding: 5px 20px 5px 25px; background: url(images/category.png) no-repeat 0 3px; }
		.feature_tag {padding: 5px 20px 5px 30px; background: url(images/tag.png) no-repeat 0 3px; }
		/* NOTE: the feature_ styles are used throughout the site, so these form the general style parameters while specifc page/post styles later in this CSS modify some or all of the above formatting */
		
		/* Safari Hack */ .webkit .feature_thumb img, .webkit .feature_thumb a img { }  /* Safari Hack */
		/* IE6 Hack */ .ie6 .feature_read_on {background: url(images/icons/readon.png) no-repeat left;} /* IE6 Hack */
		
		/* home_ = these styles format the feature content that appears under each featured category in the homepage's secondCol */
		#feature_about { background:#ddd url(images/feature_content_bkgd.jpg) top right repeat-y; margin:0px 0px 20px 15px; float:left; width:303px; border:1px dashed #666;border-bottom:none;}
		#feature_category_one { background:transparent; margin:0px 0px 20px 20px; float:left; width:295px; border:none;}
		#feature_category_two { background:#ddd url(images/feature_content_bkgd.jpg) top right repeat-y; margin:0px 0px 20px 15px; float:left; width:303px; border:1px dashed #666;border-bottom:none;}
		#feature_category_three { background:#ddd url(images/feature_content_bkgd.jpg) top right repeat-y; margin:0px 0px 20px 15px; float:left; width:303px; border:1px dashed #666;border-bottom:none;}
		#feature_category_four { background:#ddd url(images/feature_content_bkgd.jpg) top right repeat-y; margin:0px 0px 20px 15px; float:left; width:303px; border:1px dashed #666;border-bottom:none;}
		#feature_category_five { background:#ddd url(images/feature_content_bkgd.jpg) top right repeat-y; margin:0px 0px 20px 15px; float:left; width:303px; border:1px dashed #666;border-bottom:none;}
		
		/* IE6 Hack */ 
		.ie6 #feature_category_one, .ie6 #feature_category_two, .ie6 #feature_category_three, .ie6 #feature_category_four, .ie6 #feature_category_five {float:right;width:260px;margin:15px 5px 15px 5px;padding:0px;}
		/* IE6 Hack */
		
	/* END: secondCol styling */

	/* BEGIN: thridCol (third column) styling - this is the DEFAULT content format used by all pages */
	
		/* asides + elseWhere = h3.feature_asides + h3.feature_elsewhere are the headers for their respective sections */
		h3.feature_asides {font-size:14px;color:#713403;padding:7px 0px 7px 7px;width:157px;line-height:20px;text-transform:uppercase;margin:7px 0px 0px 7px;}
		h3.feature_elsewhere {font-size:1em;background:transparent;color:#333;padding:8px 5px 8px 10px;width:150px;line-height:16px;text-transform:uppercase;margin-top:10px;}
		
		/* IE6 Hack */ h3.feature_asides {width:156px;} h3.feature_elsewhere {width:155px;} /* IE6 Hack */
		
		/* asides = #asides + ul.asides style the unordered list that displays up to 5 recent posts categorized as "asides" */
		#asides {margin:0px 10px 0px 10px;}
		#asides span.date {color:#693002;margin:0px;padding:5px 0px 0px 0px;}
		ul.asides, ul.cat, ul.reccom, ul.email { list-style: none; list-style-image: url(foo.gif); margin:0px; padding:0px 5px; }
		ul.asides li { padding: 0px 0px 0.5em 12px; margin: 0px 0px 0.5em 0px; border-bottom: 1px solid #ddd; border-left: 5px solid #dadada; }
		ul.asides li a, ul.reccom li a, ul.email li a { color: #000; border-bottom:1px dotted #000; }
		ul.asides li a:hover, ul.reccom li a:hover, ul.email li a:hover { color: #000; border-bottom:1px dotted #a7b3c1; }
		
		/* elsewhere = this is the <div> that holds all of the external links */
		#elseWhere{margin:0px 0px 20px 0px;}
		#elseWhere p{padding:0px 10px;}
		
		/*ul#imgLinks = this is the unordered list that holds the links with fancy buttons instead of text */
		ul#imgLinks{list-style:none;margin:7px 0px 0px 0px;}
		ul#imgLinks li{color:#7F7F7F;line-height:1.2em;padding:0px 0px 1px 0px;margin-left:10px;}
		ul#imgLinks li a img{border:none;width:155px;color:#333;font-weight:bold;}
		ul#imgLinks li a:hover img{border:none;background:#333;}
		
		/*ul#textLinks = this is the unordered list that holds the text links */
		ul#textLinks{padding-left:15px;}
		ul#textLinks li{background:url(images/li.png) no-repeat 0 8px;color:#7F7F7F;line-height:1.1em;border-top:1px solid #BBB;padding:8px 0px 4px 18px;}
		ul#textLinks li a{color:#333;padding:0px 3px;}
		ul#textLinks li a:hover{text-decoration:underline;color:#000;}
		
		/* IE6 Hack */ .ie6 ul#textLinks li{background:url(images/icons/li.gif) no-repeat 0 8px;} /* IE6 Hack */
	
	/* END: thirdCol styling */

/* END: Default/Homepage Styles */


/* BEGIN: single.php formatting - used to display single blog posts */

	#firstCol_single{float:left;margin:0px;padding:0px;width:500px;height:100%;padding-bottom:15px;}
	#secondCol_single{float:right;margin:0px;padding:0px;width:280px;height:100%;padding-bottom:15px;}
	
	/* NOTE: The site uses the #thirdCol <div> on all pages, so there is no need for a special style here. */
	
	/* h3.feature_title_single replaces the h3.feature_lastest element that heads the homepage's firstCol. */
	h3.feature_title_single {font-size:14px;color:#713403;padding:7px 0px 7px 7px;width:445px;line-height:20px;text-transform:uppercase;margin:15px 0px 0px 15px;}
	h3.feature_title_single a {color:#713403;}
	h3.feature_title_single a:hover {color:#333;border-bottom:1px dotted #333;}
	h3.feature_title_single_secondary {font-size:14px;color:#000;padding:7px 0px 20px 7px;width:430px;line-height:20px;text-transform:uppercase;margin:15px 0px 0px 15px;text-decoration:underline;}
	
	/* on the single entry page, h3.feature_head_single replaces the h3.feature_head header that was on the homepage */
	h3.feature_head_single {font-size:14px;color:#713403;padding:7px 0px 7px 7px;width:257px;line-height:20px;text-transform:uppercase;margin:15px 0px 0px 0px;}
	h3.feature_head_single a {color:#713403;}
	h3.feature_head_single a:hover {color:#333;border-bottom:1px dotted #333;}
	
	#firstCol_single .post {background:transparent;width:450px;margin:0px;padding:0px 5px 20px 5px;position:relative;font-size:1.1em;}
	#firstCol_single .post .entry p {padding:4px;width:442px;line-height:18px;margin:3px 0px;}
	#firstCol_single .post .entry p a {color:#153f5c;font-weight:700;border-bottom:thin dotted #333;text-decoration:none;font-size:0.95em;}
	#firstCol_single .post .entry p a:hover {color:#000;font-weight:700;border-bottom:thin solid #333;text-decoration:none;}
	
	/* NOTE: Again, because the third column is universal to all pages, there is no need to style its h3 heading here. */
	
	/* #feature_single + .feature_content_single style the feature content that appears in the secondCol. */
	#feature_single {margin:0px;float:left;width:100%;}
	.feature_content_single {float:left;padding:10px;width:257px;border:1px dashed #999;background:#eff3f6;}
	
	/* NOTE: The following CSS establishes the maximum width of an image that is embedded in the content of a blog post, but it allows for its natural height in proportion to the 440px width. */
	#firstCol_single img, #firstCol_single a img {border:1px solid #999;max-width:410px;padding:4px;margin:5px 10px 5px 0px;text-decoration:none;}
	#firstCol_single a:hover img {border:1px dashed #999;text-decoration:none;}
	#firstCol_single .post, #firstCol_single .post_comment{padding:15px 20px 0px 20px;} /* This gives the post's content and comment text some white space around it in the first column. */
	
	/* an alternate h3.features_asides that reduces its top margin. */
	h3.feature_asides_alt {font-size:14px;color:#713403;padding:7px 0px 7px 7px;width:157px;line-height:20px;text-transform:uppercase;margin:0px 0px 0px 7px;}
	
	/* IE 6 Hack */ .ie6 #secondCol_single {width:260px;float:right;} /* IE 6 Hack */
	/* IE 6 Hack */ .ie6 .feature_content_single {margin:0px;width:250px;} /* IE 6 Hack */
	/* IE 6 Hack */ .ie6 #firstCol_single img, .ie6 #firstCol_single a img {width: expression(this.width > 410 ? 410: true);} /* IMPORTANT IE 6 Hack */
	
/* END: single.php formatting */


/* NOTE: page.php primarily uses the single.php formatting, so there is no additional CSS needed. */


/* BEGIN: index.php formatting - used to display search results and archive lists */

	#feature_index { background:#faf7f1; margin:15px 0px 10px 15px; float:left; border-top:thin dashed #b45103; border-bottom:thin dashed #b45103; width:94%; }
	#feature_index .feature_thumb a img {margin:4px 10px 0px 0px;}	
	#feature_index .feature_exc p {margin-top:5px;}
	#category_page {margin:25px;border-bottom:1px dashed #333;}
	
	/* IE6 Hack */ .ie6 #feature_index {width:400px;margin:15px 0px 10px 0px;}  /* IE6 Hack */

/* END: index.php formatting.  Index.php primarily uses the single.php formatting, so these are just some minor tweaks. */


/* BEGIN: .post + .entry styles = these format the blog's post and page content (the stuff you enter in the post/page editor) */
	span.postCategory p {padding: 5px 20px 0px 30px; background: url(images/category.png) no-repeat 0 3px;}
	span.postTags p {padding: 5px 20px 0px 30px; background: url(images/tag.png) no-repeat 0 3px;}
	span.postCategory p, span.postTags p {margin:0px 0px 0px 7px;}
	span.postCategory p a, span.postTags p a {border-bottom:1px dotted #333;text-decoration:none;}
	span.postCategory p a:hover, span.postTags p a:hover {color:#000;border:none;border-bottom:1px dotted #000;text-decoration:none;}
	.postMeta{background:url(images/dot.gif) repeat-x left bottom;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}
	.postMeta span.date{background:transparent;color:#693002;padding:0px 2px 0px 4px;}
	.postMeta span.comments{background:transparent url(images/comment.png) no-repeat left center;padding:2px 5px 2px 15px;margin-left:7px; height:10px;}
	.postMeta span.comments a {margin-left:7px;}
	.postMeta span.comments a, .postMeta span.date a{color:#113c5a;}
	.post{margin:0px 0px 20px 0px;}
	.post h2{line-height:1.2em;margin-bottom:7px;}
	.post h2 a{width:100%;display:block;outline:none;}
	.entry h3{margin:1em 0px;}
	.post .entry{line-height:1.4em;overflow:hidden;}
	.post .entry p{margin:1em 0px;text-align:justify;padding-left:5px;padding-right:5px;}
	.post .entry p a{font-weight:bold;margin:10px 0px;}
	.post_comment{border:none;}
	.entry blockquote{margin:0px 1.3em 0px;}
	.entry ul{margin:0px 1.3em 0px;list-style:none;}
	.entry li a{color:#333;font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
	.entry ul li{background:url(images/li.png) no-repeat 0 9px;line-height:1.1em;padding:8px 0px 4px 18px;}
	.entry ol{margin:0px 1em 0px 3em;}
	.entry ol li{margin:0px 0px 7px 0px;}
	.entry a:hover img{border-color:#71a9eb;}
	.entry table tr { padding: 15px 0px; }
	.entry table tr.alt { background: #eee; }
	
	/* IE6 Hack */
	.ie6 span.postCategory p {background: url(images/icons/category.gif) no-repeat 0 3px;}
	.ie6 span.postTags p {background: url(images/icons/tag.gif) no-repeat 0 3px;}
	.ie6 .postMeta span.comments{background:transparent url(images/icons/comment.gif) no-repeat left center;}
	.ie6 .entry ul li{background:url(images/icons/li.gif) no-repeat 0 9px;}
	/* IE6 Hack */
	
/* END: .post + .entry styling */


/* BEGIN: more_reading + continueReading = the styling of the pagination buttons */
	#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin:15px 10px 15px 0px; padding:0px 10px; text-align: right; }
	#more_reading p, #more_reading img { vertical-align: middle; }
	#more_reading a img { border: none; margin:0px 0px 3px 2px; padding:2px; }
	#more_reading a, #more-reading a img {text-decoration:none;border:none;}
	#more_reading a:hover, #more_reading a:hover img {text-decoration:none;border:none;}
	#more_reading a:hover {color:#254a6f;font-weight:700;}
	.continueReading p {float:right;background:transparent url(images/readon.png) no-repeat center right;color:#7F7F7F;line-height:1em;padding:5px 30px 5px 0px;margin:7px 1px 10px 1px;}
	.continueReading p a{color:#000;border:none;text-decoration:none;text-transform:uppercase;}
	.continueReading p a:hover{border-bottom:1px solid #000;}
	
	/* IE6 Hack */ .ie6 .continueReading p {background:transparent url(images/icons/readon.gif) no-repeat center right;} /* IE6 Hack */
	
/* END: more_reading */


/* BEGIN: comments + inputs = this section styles the comments function and its form inputs */
	#comments{width:400px;padding:12px 0px 0px 0px;}
	#comments h3,h3#respond{color:#555;margin-bottom:7px;}
	ol.commentslist{list-style:none;margin:5px 0px 12px;}
	.commentslist li{background:#edf5fb;border:1px solid #BBB;margin-bottom:7px;padding:7px 0px;}
	.commentslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
	.commentslist li.alt{background:#FFF;}
	.commentslist li:hover{border-color:#888;}
	.commentslist .comment_text{margin:0px 7px;line-height:1.4em;overflow:hidden;}
	.comment_text p,
	.comment_text ul,
	.comment_text ol,
	.comment_text blockquote{margin:1em 0px;}
	.comment_text ul,
	.comment_text ol,
	.comment_text blockquote{margin:0px 1em;}p.author_meta{font-weight:bold;text-transform:uppercase;margin:0px 0px 0px 7px;}
	p.post_meta{font-size:11px;text-transform:uppercase;text-align:right;margin:0px 7px 0px 0px;}
	.commentslist li.author{background:#f4ecdf;color:#113148;border:2px dashed #b45103;}
	.commentslist li.author a{color:#6b3102;}
	.commentslist li.author a:hover{color:#3f1d01;}
	#comments_closed{background:#333;color:#ccc;padding:7px 0px;margin-top:12px;line-height: 1.5em;}
	p.nocomments{margin:0px 12px 0px 7px;}
	p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}
	p.nocomments a:hover{color:#FFF;}
	ol.pingslist{margin:1.5em 2em;font-size:12px;}
	.pingslist li{color:#7F7F7F;margin:0px 0px 7px 0px;}
	.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
	#commentfrom p #comment{width:400px;}
	#commentform p{margin:1em 0px;}
	#commentform p a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
	#author,#email,#url,#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
	#comment{width:429px;overflow:auto;}
	#commentform p small{font-size:10px;color:#7F7F7F;}
	.commentslist code{background:transparent;}
	#comments_wrapper h3 {background:transparent;}
	#comments_wrapper {padding:15px 0px 0px 5px;margin-right:10px;border-top:1px dashed #333;}
	#comments_wrapper textarea {width:440px;height:300px;}
/* END: comments + inputs styling */


/* BEGIN: footer.php = styles the navigation and site information (credits) that appears at the bottom of all pages */
	#footer p {background:#fff;padding:15px; text-align:center;color:#000; }
	#footer p a:hover{color:#000;border:1px dotted #000;padding:2px; text-decoration:none;}
	#footer p a{color:#333;padding:3px;text-decoration:none;font-weight:bold;}
/* END: footer.php */


/* BEGIN: float rules = these are mysterious bits of CSS that help this site operate smoothly, so DON'T EDIT/REMOVE */
	.floatleft{float:left;margin:0px;}
	.floatright{float:right;margin:0px;}
	.right{float:right;}
	.left{float:left;}
	.clear{clear:both;}
	.fix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
	.fix{display:inline-block;} 
	* html .fix{height:1%;}
	.fix{display:block;}
/* END: float rules */


/* BEGIN: Add-Ons = these are styles for some of the 3rd party add-ons integrated into this tempalte */

	/* AddThis social bookmarking tool (http://www.addthis.com/) */
	.addthisPost {float:right;margin-top:5px;margin-bottom:25px;padding:1px;}
	.addthisPost:hover {border:1px solid #333;padding:0px;}
	#addthisBlog {width:190px;height:20px;padding:0px;margin-bottom:10px;margin-left:3px;}
	#addthisBlog ul.menu_addthis {margin:0px;padding:0px;}
	#addthisBlog ul.menu_addthis li.menu_bookmark {float:left;margin:0px;padding:0px;padding-top:2px;padding-left:1px;list-style:none;} 
	#addthisBlog ul.menu_addthis li.menu_subscribe {float:right;margin:0px;padding:0px;padding-top:2px;padding-right:1px;list-style:none;}
	#addthisBlog ul.menu_addthis li:hover {background:#333;}
	
	/* Technorati badge */
	#technorati {padding:4px;margin-bottom:10px;}
	
	/* Feedburner Feedflare = will function if you use Feedburner's service for your RSS (http://feedburner.com) */
	.feedFlare {clear:both;margin:10px 5px 10px 5px;padding:2px;border:1px dotted #bbb;text-align:center;}
	.feedFlare a{color:#000;text-transform:lowercase;border:none;text-decoration:none;}
	
	/* All Comsuming = formats the display of your All Consuming account activities (http://allconsuming.com) */
	#allConsuming ul #ac-javascript p.ac-item {clear:both;margin:7px 0px 5px 0px;padding-bottom:5px;}
	#allConsuming ul #ac-javascript p.ac-item img {width:50px;float:left;margin:5px 5px 5px 0px;}
	#allConsuming ul #ac-javascript p.ac-item .ac-title {width:140px;float:right;margin:-5px 0px 5px 0px;font-size:small;}
	#allConsuming ul #ac-javascript p.ac-item .ac-creator {width:140px;float:right;margin:0px 0px 0px 0px;font-size:small;}
	#allConsuming ul #ac-javascript .ac-logo {clear:both;width:200px;float:right;margin:5px 0px 0px 0px;border:1px dotted #999;}
	#allConsuming ul #ac-javascript .ac-logo a img {border:none;}
	
	/* Ultimate Tag Warrior = plugin that formats and displays your site's tags (keywords) */
	.categoryCloud {margin-bottom:15px;}
	.categoryCloud h3 {margin-bottom:7px;}

/* END: Add-Ons styling */


/* BEGIN: Misc. */

	/* home_about = this is an optional content area that may be displayed on the homepage (or any page for that matter) */
	#home_about { background: #f3f9ff url(images/bg/dot.png) repeat-x bottom left; margin: 0px 0px 1.1em 0px; float:left; width:100%; border-right:1px dashed #bd9b46; border-bottom:1px dashed #bd9b46; }
	.about_content { float: left; padding: 0.6em 0.7em 0.2em 0.7em; }
	.about_content p { font-size: 1em; font-family: arial, sans-serif; }
	
	/* I can't remember what this does or why its here, but this */
	#highlight_info {display:none;}
	
	/* YouTube (Video) Object Emedding Styled */
	object {display:block; margin:10px auto; padding:2px; background:#4c2200;}
	
	/* Twitter */
		ul#imgLinks_twitter {list-style:none;margin:0px 0px 0px 0px;}
		ul#imgLinks_twitter li{color:#7F7F7F;line-height:1.2em;padding:0px 0px 1px 0px;margin-left:10px;}
		ul#imgLinks_twitter li a img{border:none;width:155px;color:#333;font-weight:bold;margin:0;padding:0;}
		ul#imgLinks_twitter li a:hover img{border:none;background:#333;}
		.text_twitter {color:#666;font-size:1em;line-height:14px;width:145px;margin:2px 0px 10px 15px;padding:0px 0px 5px 0px;border-bottom:thin solid #ccc;}
		
		ul#imgLinks{list-style:none;margin:7px 0px 0px 0px;}
		ul#imgLinks li{color:#7F7F7F;line-height:1.2em;padding:0px 0px 1px 0px;margin-left:10px;}
		ul#imgLinks li a img{border:none;width:155px;color:#333;font-weight:bold;}
		ul#imgLinks li a:hover img{border:none;background:#333;}
	
/* END: Misc. */
