/*
Theme Name: Fire House Labs 2
Theme URI: 
Description: The default WordPress theme for Fire House Labs 2
Version: 1.0
Author: Christian Cuan
Author URI: 
Tags: black, custom header, fixed width, two columns, widgets

	
	This theme was designed and built by Christian Cuan,

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
	body {
		font-family:Arial, Helvetica, sans-serif;
		color: #333;
		font-size:10px;
	}
	h1, h2, h3 {
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	h1 {
		font-size: 4em;
		text-align: center;
	}
	h2 {
		font-size: 1.6em;
	}
	h3 {
		font-size: 1.3em;
	}
	
	h2.pagetitle {
		font-size: 1.6em;
		}

	#sidebar h2 {
		margin: 0 0 0 0;
	}	
		
	h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
		text-decoration: none;
		color: white;
	}

	h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
		color: #291605;
	}

	h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
		text-decoration: none;
	}
	
	/* a, h2 a:hover, h3 a:hover {
		color: #000000;
		text-decoration: none;
	}*/
	h1 {
	padding-top: 70px;
	margin: 0;
	}

	h2 {
		margin: 20px 0 0;
		}
	
	h2.pagetitle {
		margin-top: 30px;
		text-align: center;
	}

	a:hover {
		color: #cd5705; 
		text-decoration: underline;
		}
	h3 {
		padding: 0;
		margin: 30px 0 0;
		}
	
	h3.comments {
		padding: 0;
		margin: 40px auto 20px ;
		}
	
	/*.entry p a:visited {
		color: #b85b5a;
	}*/

	.sticky {
		background: #f7f7f7;
		padding: 0 10px 10px;
		}
	.sticky h2 {
		padding-top: 10px;
		}

	.commentlist li, #commentform input, #commentform textarea {
		font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
		}
	.commentlist li ul li {
		font-size: 1em;
	}

	.commentlist li {
		font-weight: bold;
	}

	.commentlist li .avatar { 
		float: right;
		border: 1px solid #eee;
		padding: 2px;
		background: #fff;
		}

	.commentlist cite, .commentlist cite a {
		font-weight: bold;
		font-style: normal;
		font-size: 1.1em;
		}

	.commentlist p {
		font-weight: normal;
		line-height: 1.5em;
		text-transform: none;
		}

	#commentform p {
		font-family:Arial, Helvetica, sans-serif
		}

	.commentmetadata {
		font-weight: normal;
		}

	#sidebar {
		font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
		}

	small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
		color: #964e15;
		}
	small{
		font-size:11px;
	}

	code {
		font: 1.1em 'Courier New', Courier, Fixed;
		}

	acronym, abbr, span.caps
	{
		font-size: 0.9em;
		letter-spacing: .07em;
		}
	
	#wp-calendar #prev a, #wp-calendar #next a {
		font-size: 9pt;
		}
	
	#wp-calendar a {
		text-decoration: none;
		}
	
	#wp-calendar caption {
		font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
		text-align: center;
		}
	
	#wp-calendar th {
		font-style: normal;
		text-transform: capitalize;
		}
/* End Typography & Colors */


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	
	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}
	
	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}
	
	.alignright {
		float: right;
		}
	
	.alignleft {
		float: left;
		}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

	html>body .entry ul {
		margin-left: 0px;
		padding: 0 0 0 30px;
		list-style: none;
		padding-left: 10px;
		text-indent: -10px;
		}
	
	html>body .entry li {
		margin: 7px 0 8px 10px;
		}

	.entry ol {
		padding: 0 0 0 35px;
		margin: 0;
		}
	
	.entry ol li {
		margin: 0;
		padding: 0;
		}
	
	.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
		}

	#sidebar ul, #sidebar ul ol {
		margin: 0;
		/*padding: 0;*/
		}
	
	#sidebar ul li {
		list-style-type: none;
		}
	
	#sidebar ul p, #sidebar ul select {
		margin: 5px 0 8px;
		}
	
	#sidebar ul ul, #sidebar ul ol {
		padding-left:0px;
		list-style-image:url(images/menu_bullet.jpg);
		list-style-position:inside;
	}

	#sidebar ul ul ul, #sidebar ul ol {
		margin: 0 0 0 10px;
		}
	
	ol li, #sidebar ul ol li {
		list-style: decimal outside;
		}
	
	#sidebar ul ul li, #sidebar ul ol li {
		margin: 3px 0 0;
		padding: 0;
		}
/* End Entry Lists */

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Begin Form Elements */
	#searchform {
		text-align: center;
		}
	
	/*#sidebar #searchform #s {
		width: 108px;
		padding: 2px;
		}*/
	
	/*#sidebar #searchsubmit {
		padding: 1px;
		}*/
	
	.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;
		}
	
	select {
		width: 130px;
		}
	
	#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		}
	
	#commentform {
		margin: 5px 10px 0 0;
		}
	#commentform textarea {
		width: 100%;
		padding: 2px;
		}
	#respond:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
	#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
		}
/* End Form Elements */



/* Begin Comments*/
	.alt {
		margin: 0;
		padding: 10px;
		}
	
	.commentlist {
		padding: 0;
		text-align: justify;
		}
	
	.commentlist li {
		margin: 15px 0 10px;
		padding: 5px 5px 10px 10px;
		list-style: none;
	
		}
	.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
	}
	
	.commentlist p {
		margin: 10px 5px 10px 0;
	}
	.children { padding: 0; }
	
	#commentform p {
		margin: 5px 0;
		}
	
	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}
	
	.commentmetadata {
		margin: 0;
		display: block;
		}
/* End Comments */

/* Begin Calendar */
	#wp-calendar {
		empty-cells: show;
		margin: 10px auto 0;
		width: 155px;
		}
	
	#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}
	
	#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		}
	
	#wp-calendar a {
		display: block;
		}
	
	#wp-calendar caption {
		text-align: center;
		width: 100%;
		}
	
	#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}
	
	#wp-calendar td.pad:hover { /* Doesn't work in IE */
		background-color: #fff; }
/* End Calendar */



/*-------------------- Added CSS ----------------------------*/
/*-------------------- by: Christian Cuan -------------------*/

body{
		background-color:#291605;
		background-image:url(images/bgc.jpg);
		background-repeat:repeat-x;
		margin:0;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.template_wrapper{
		width:900px;
		margin:0 auto;
	}

		.template_header{
			height:124px;
		}
			.template_header_logo{
				width:346px;
				height:103px;
				float:left;
				padding-top:10px;
			}
			.template_header_search{
				width:550px;
				float:left;
				text-align:right;
			}
				.template_search{
					width:296px;
					height:35px;
					padding-top:14px;
					background-image:url(images/search_bgc.jpg);
					float:right;
				}
				.template_search_text{
					color:#d99b42;
					font-size:16px;
					font-weight:bold;
					margin-top:30px;
				}
		.template_menu{
			background-image:url(images/menu_bgc.jpg);
			background-repeat:repeat;
			height:41px;
		}
			#navmenu ul {
				margin: 0; 
				padding: 0; 
				list-style-type: none; 
				list-style-image: none; 
				height:31px;
				line-height:24px;
				padding-top:10px;
			}
			#navmenu li {display: inline; }
			#navmenu ul li a {
				text-decoration:none;  
				margin: 4px;
				padding: 15px 15px 11px 15px; 
				color:#d99b42;
				font-size:12px;
				font-weight:bold;
				
			}
			#navmenu ul li a:hover {
				color:#FFFFFF;
				background-color:#4c2806;
				
			}
				/*.template_menu a{
					font-size:12px;
					margin-left:15px;
					color:#d99b42;
					text-decoration:none;
					padding-top:15px;
					height:26px;
				}
				.template_menu a:hover{
					font-size:12px;
					margin-left:15px;
					color:#ffffff;
					text-decoration:none;
				}
				.template_menu a:visited{
					font-size:12px;
					margin-left:15px;
					color:#d99b42;
					text-decoration:none;
				}*/
		.template_content_holder{
			background-color:#ffffff;
			margin-top:10px;
			padding:8px;
			min-height:980px;
		}
			.template_content{
				/*margin-top:15px;*/
			}
			.template_content_left{
				float:left;
				width:610px;
				padding-left:10px;
			}
			.template_content_right{
				float:right;
				width:235px;
			}
		.template_footer{
			margin-top:15px;
			background-image:url(images/footer_border.jpg);
			background-repeat:repeat;
		}
			.template_footer_bottom{
				margin-top:15px;
				padding-top:10px;
				border-top:1px solid #361f0c;
			}
				.template_footer_bottom a{
					font-size:12px;
					margin-left:15px;
					color:#964e15;
					text-decoration:none;
				}
				.template_footer_bottom a:hover{
					font-size:12px;
					margin-left:15px;
					color:#ffffff;
					text-decoration:underline;
				}
				.template_footer_bottom a:visited{
					font-size:12px;
					margin-left:15px;
					color:#964e15;
					text-decoration:none;
				}
			.template_footer_column{
				float:left;
				width:268px;
				color:#964e15;
				font-size:11px;
				padding-left:16px;
				padding-right:16px;
			}
				.template_footer_column a{
					color:#ffffff;
					font-size:11px;
				}
			.template_footer_column ul{
				list-style:none;
				padding:0;
				margin:0;
			}
			.template_footer_column li{
				list-style:none;
				line-height:18px;
				padding:5px 0px;
				background-image:url(images/footer_bookmarks_border.jpg);
				background-repeat:repeat-x;
				background-position:bottom;
			}
			.template_footer_title{
				color:#d99b42;
				font-size:14px;
				font-weight:bold;
			}
	
	.clear{
		clear:both;
	}
	.entry{
			font-size:12px;
			line-height:20px;
			text-align:justify;
			padding-bottom:10px;
			border-bottom:1px solid #ecebeb;
		}
		.more-link{
			float:right;
			padding-top:15px;
		}
		.pagenav h2, .archives h2, .categories h2, .widget h2{
			height:25px;
			font-size:14px;
			font-family:Arial, Helvetica, sans-serif;
			padding-top:3px;
			background-image:url(images/sidebar_header.jpg);
			padding-left:40px;
		}
		#right_navigation ul li , #sidebar ul li{
			line-height:24px;
			margin-bottom: 15px;
		}
		.pagenav ul li, .categories ul li, .archives ul li, .widget ul li {
		
			background-image:url(images/sidebar_border.jpg);
			background-repeat:repeat-x;
			background-position:bottom;
			
		}
		.sidebar_navigation{
				padding:10px 10px 10px 10px;
				font-size:11px;
			}
		.sidebar_navigation a{
			color:#595858;
			text-decoration:none;
		}
		.sidebar_navigation a:hover{
			color:#cd5705;
			text-decoration:underline;
		}
		
		.comment_author{
			text-align:right;
			color:#964e15;
			font-size:11px;
			font-style:italic;
		}
		#search p{
			text-align:justify;
		}
		#searchsubmit{
			width:61px;
		}	
		.header_logo{
			float:left;
			width:381px;
		}
		.header_search{
			float:right;
			width:320px;
			background-color:#424242;
			padding:10px 0 10px 0;
			margin-top:20px;
		}	
		.screen-reader-text{
			display:none;
		}
		#searchform #s{
			width:209px;
			background-color:#ab8561;
			border:2px solid #623f20;
		}
		.left{
			float:left;
		}
		.right{
			float:right;
		}
	/*---- FONT STYLES -----*/
	
	.content_title{
		font-size:20px;
		color:#291605;
	}