/*

		 BCG Wordpress Blog
		 
		 By: John Kellyn Resman
		 http://brocktoncg.com
		 
		 -- Shout out to Chris Coiyer (chriscoiyer.net) and Elliot Jay Stocks (elliotjaystocks.com).
		 -- Feel free to alter and use this theme for whatever you would like.
		 -- A link back is always nice but not required.
		 
		 Light Tan: #eae7da
		 Yellow: #ffc600
		 Dark Gray: #7c7e7e
		 Dark Red: #a22226
		 
*/

/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 53.3%; font-family: Helvetica, sans-serif; color: #7c7e7e; }
ul									{ list-style: none; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ font-family: Georgia, serif; font-style: italic;border: 1px solid #7c7e7e; background: #eae7da; padding: 3px 8px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #7c7e7e; }
.button:hover						{ background: #a22226; color: white; }


/*
	TYPGROGRAPHY
*/
p								{ font-size: 1.5em; line-height: 1.7em; margin: 0 0 10px 0; }
li								{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0; }
a									{ color: #a22226; }
a:hover								{ background: #a22226; color: white; }
h1					{ font-size: 3.3em; font-family: Georgia, serif; font-weight: normal; }
h2 { color: #ffc600; font-size: 3.3em; font-family: Helvetica, Verdana, sans-serif; font-weight: bold; }
h3 { color: #7c7e7e; font-size: 1.3em; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; margin: 0 0 10px 0; padding: 3px 0 0 3px; border-bottom: 1px solid #acacac; border-right: 1px solid #acacac; }
h4									{ color: white; font-size: 2.0em; margin-bottom: 15px; }
.post h4							{ font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; color: #900; }
.yellow { color: #ffc600; }
.yellowa a { color: #9f9f9f; }
.yellowa a:hover { background: none; color: #ffc600;  }

blockquote { width: 100%; background: #e7e7e7; padding: 10px; border-left: 5px solid #a22226; margin: 10px;}
	blockquote p {font-size: 1.9em; font-family: Georgia, serif; color: #000; font-weight: normal;} 

/*
	FORMS
*/
input								{ padding: 3px; }



/*
	STRUCTURE
*/
#page-wrap							{ width: 960px; height: 100%; margin: 0px auto;}
#bcg-sidebar 						{ width: 215px; float: left; margin-right: 15px; overflow: hidden; }
#content-pad						{ padding: 35px 0 0 0; }
#main-col							{ width: 540px; float: left; padding: 0 0 0 25px; float: left; }					


/*
	HEADER
*/
h1#logo								{ width: 412px; height: 155px; background: url(images/blog_header.png) bottom left no-repeat; text-indent: -9999px;
									  margin: 0 10px 0 0; float: left; }
#main-pic							{ float: left; margin-right: 10px; }
#topbar							{ width: 960px; height: 155px; text-indent: -9999px; margin: 0 10px 0 0; float: left; border-bottom: 1px solid #7c7e7e; }
#topbar p							{ text-indent: -9999px; }
form#searchform						{ margin: 5px 0 0 0; float: right; }
.bcglogo 							{ float: right; margin-top: 35px;}

/*
	MENU
*/
#menu-bar							{ height: 45px; padding-top: 10px; border-bottom: 1px solid #7c7e7e; }
ul#main-nav							{ width: 450px; float: left; margin: 10px 0 0 0; font-family: Georgia, serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; margin-top: 5px; list-style: none; }
ul#main-nav	li		{ display: inline; }
ul#main-nav li a	{ color: #a22226; font-size: 1.2em; padding: 3px 8px;
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#main-nav li a:hover { background: #a22226; color: white; }

/*
	SIDEBAR
*/
ul#side a { color: #7c7e7e; font-family: Georgia, serif; font-style: italic; }
ul#side a:hover { color: white; }
.picpad 		{ padding: 0 0 10px 0;}


/*
	BLOG ENTRIES
*/
.post								{ margin: 0 0 0 20px; }
.datebox							{ height: 20px; width: 150px; padding: 2px 3px 2px 0; color: #000; text-align: center; }
.day								{ font-size: 1.5em; margin: 0; font-family: Georgia, serif; }
ol.commentlist						{ list-style: none; }
.comment-bubble						{ background: #a22226; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ol.commentlist li p					{ font-size: 1.0em; }
.gravatar							{ margin-top: 3px; padding: 2px; height: 40px; }

/*
	FOOTER
*/
#footer { height: 20px; position: relative; margin-top: -20px; text-align: center; clear: both;}
#footer p { font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0; }
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

