/*

Theme Name:		JoeBrooks2010

Theme URL: 		http://www.joebrooks.me

Version: 		Version 1 (Wordpress 2.9.2)

Description: 	This theme was built by Joe Brooks. Please visit joe-brooks.com to inquire about getting your own custom wordpress theme or email me at joebrooks+wp[at]gmail.com

Author: 		Joe Brooks

Author URI:		http://www.joebrooks.me

Tags:			Custom Wordpress Theme, Wordpress, Custom Theme, New Theme



== Short-cuts for Joe ==

Link to to inside the image folder:  (Can only be used on the php files, not in CSS - DUH!

	<img src="<?php bloginfo('template_directory') ?>/images/headerbg.png">

	

	link to home; <?php echo get_settings('home'); ?>/

*/



/* Reset Browser Defaults*/

@import url(library/styles/reset.css); 



/* Site Specific Styles */

@import url(css/screen.css);



/* Site Specific Styles */

@import url(css/wordpress-extras.css);

blockquote {

	padding:5px;

	font-size:12px;

	border: 2px dashed #999999;

	color:#111;

        margin-bottom:10px;

	}

body {

	background:url(images/bodybg.jpg) left top no-repeat;

	font-family: Arial, Sans-Serif;

	background-color:#535353;

}



#wrapper {

	margin:0 auto;

	margin-bottom:15px;

	width:1000px;

}

#header {

	height:250px;

}



h2 {

	color:#FFFFFF;

	font-size:26px;

	padding:0 5px 0 5px ;

}

#headerlogo {

	padding-top:5px;

	padding-left:90px;

}













#headernav {

	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;

	font-size:12px;

	list-style: none; 

	margin:0 auto;

	height: 25px; 

	width:700px;

	margin-left:120px;

	float:left;

}

#headernav a {

	color:#eb1a1a;

	margin-right:5px;

	font-weight:700;

	text-decoration:none;

}

#headernav a:hover {

	color:#000;

}

#headernav li {

	float: left; 

    background: url(images/nav-divider.jpg) no-repeat top right; 

	height: 25px; 

	padding: 4px 0 12px 3px; 

	list-style:none;

}

#headernav li:hover {

}

#headernav li a {

	background: url(images/tab-right.png) no-repeat top right; 

	height: 25px; 

    padding: 7px 5px 19px 5px; 

	margin-top: -4px; 

	margin-left:-4px;

}

#headernav li a:hover {

	background: url(images/nav-hover.jpg) repeat-x top right; 

}

#icons {

	float:right;

	margin-top:5px;

}

.breakingwidgetbg {

	float:right;

	width: 925px;

	margin:0 auto;

	margin-top:33px;

}

.breakingwidget {

	font-size:13px;

	color:#2b2b2b;

}



.breakingwidget a {

	color:#d11919;

}

.breakingwidget a:hover {

	text-decoration:underline;

}

.breakingwidget ul {list-style:none;}

.breakingwidget li {

	list-style:none;

	display:block;

}

.breakingwidget ul li {list-style:none;}

.breakingwidget ul li ul {list-style:none;}

.breakingwidget ul li ul li {list-style:none;}



#cwrapper-top { 

	width:997px;

	height:15px;

	margin:0 auto;

	background:url(images/cwrapper-top.png);

}

#cwrapper {

	width:997px;

	margin:0 auto;

	background:url(images/cwrapper-wrapper.png);

}

#cwrapper-footer {

	margin:0 auto;

	background:url(images/cwrapper-footer.png);

	width:997px;

	height:64px;

}

.contentwrapper {

	float:left;

	display:inline;

	width:667px;

	margin-left:9px;

}

.content-top {

	width:667px;

	height:12px;

	background:url(images/content-top.png);

}

.content {

	width:667px;

	background:url(images/content-wrapper.png);

}

.content-footer {

	width:667px;

	height:12px;

	background:url(images/content-footer.png);

}

.left-sidebar {

	float:left;

	width:140px;

	margin-left:5px;

}

.postwrapper {

	float:right;

	width:511px;

	margin-right:10px;

}

.post-top {

	background:url(images/post-top.png);

	height:11px;

	width:511px;

}	

.post {

	background:url(images/post-wrapper.png);

	width:511px;

}

.post-footer {

	background:url(images/post-footer.png);

	height:13px;

	width:511px;

	margin-bottom:10px;

	}

.posttitle{

}

h1 {

	font-size:20px;

	color:#CC0000;

	font-weight:500;

	padding-left:15px;

}

h1 a {

	color:#CC0000;

	text-decoration:none;

}

.posttext { 

	color:#1b1b1b;

	font-size:13px;

	padding:15px 20px 15px 15px;

	line-height:18px;

}

.posttext h2 {

	margin: 5px 0 5px 0;

}

.posttext h3 {

	font-size:16px;

	font-weight:bold;

	text-align:left;

	padding:0;

	margin: 5px 0 5px 0;



	}

.posttext h4 {

	font-size:14px;

	font-weight:bold;

	text-align:left;

	padding:0;

	margin: 5px 0 5px 0;



	}

.posttext h5 {

	font-size:12px;

	font-weight:bold;

	text-align:left;

	padding:0;

	margin: 5px 0 5px 0;



	}

.posttext h6 {

	font-size:10px;

	font-weight:bold;

	text-align:left;

	padding:0;

	margin: 5px 0 5px 0;



	}

.posttext p{

	padding-bottom:10px;

}

.posttext a{

	color:#CC0000;

	text-decoration:none;

}

.posttext a:hover{

	color:#666666;

}

.posttext ul {

	padding-left:20px;

	padding-right:20px;

	color:#1b1b1b;

	margin-top:10px;

	margin-bottom:10px;

}

.posttext ul li {

	list-style-type:disc;

	list-style-position:inside;

	color:#1b1b1b;

	margin-bottom:5px;

}

.posttext ol {

	list-style-type:decimal;

	padding-left:20px;

	padding-right:20px;

	color:#1b1b1b;

	margin-top:10px;

	margin-bottom:10px;

}

.posttext ol li {

	list-style-type:decimal;

	list-style-position:inside;

	color:#1b1b1b;

	margin-bottom:5px;

}

.postmeta {

	text-align:left;

	font-size:10px;

	color:#2b2b2b;

	padding-left:15px;

}

.postmeta a{

	color:#CC0000;

}

.postmeta a:hover{ 

	background-color:#e5e9f1

}

.sidebar {

	display:inline;

	float:right;

	width:309px;

	margin-right:10px;

}

.sidebarwidget-top {

    background:url(images/sidebar-top.png);

	height:10px;

}

.sidebarwidget-bottom {

    background:url(images/sidebar-footer.png);

	height:10px;

	margin-bottom:15px;



}

.sidebarwidgetbg {

	background:url(images/sidebar-wrapper.png);

}

.sidebarwidget {

	background: url(images/sidebarbg-bottom.png) bottom repeat-x;

	font-size:12px;

	color:#2b2b2b;

}

h3 {

	color:#CC0000;

	font-weight:400;

	font-size:18px;

	text-align:left;

	padding:3px;

	padding-left:16px;

}

h3 a {

	color:#CC0000;

	text-decoration:none;

}

h4 {

	color:#fff;

	font-weight:400;

	background:#000;

	font-size:18px;

	text-align:left;

	padding:3px;

	padding-left:7px;

}

h4 a {

	color:#fff;

	text-decoration:none;

}

.sidebarwidget a {

	color:#CC0000;

	text-decoration:none;

}

.sidebarwidget a:hover {

	color:#666666;

}

.sidebarwidget ul {list-style:none;}

.sidebarwidget li {

	list-style:none;

	padding: 10px;

	margin-right:8px;

	margin-left:7px;

	display:block;

}

.sidebarwidget ul li {list-style:none;border-bottom:1px dashed #dddddd;}

.sidebarwidget ul li ul {list-style:none;}

.sidebarwidget ul li ul li {list-style:none;}



#footer {

	min-height:100px;

	padding:5px;

	text-align:center;

	font-size: 12px;

}

#footer a {

	color:#6e6e52;

	font-weight:bold;

	margin-right:5px;

	text-decoration:none;

}

#footer a:hover {

	text-decoration:underline;

}

.postmeta-single {

	background:#eef0f1;

	padding:15px;

}



.comment-count {

	float:right;

	margin-left:25px;

	font-weight:bolder;

	color:#b7bfc4;

}

.comment-count a{

	font-size: 20px;

	font-weight:bolder;

	color:#b7bfc4;

	text-decoration:none;

}





























/* Index Main Masthead

-------------------------------------------------------------- */



#masthead {

	width: 931px;

	margin: 0 auto;

	padding: 0;

	clear: both;

	background:url(images/top-section.png) no-repeat;

	height:265px;

	}



#myController span{

	text-indent:-10000px;

	display: none;

}



#jFlowSlide{ float: left;}



#myController span.jFlowSelected {

}



.jFlowPrev{

	float: left;

	width: 30px;

	height: 30px;

	margin: 120px 0 0 -15px;

	text-indent:-10000px;

	cursor:pointer;

	background: transparent url(images/topslideleft.png) top left no-repeat;

}



.jFlowNext{

	float: right;

	width: 30px;

	height: 30px;

	margin: 120px -15px 0 0;

	text-indent:-10000px;

	cursor:pointer;

	background: transparent url(images/topslideright.png) top left no-repeat;

}



.masthead_lft{

	float:left;

	margin:	45px 0 0 30px;

	width:350px;

	color:#484848;

}



.masthead_lft h2 a{

	color:#484848;

	font-weight:bolder;

	text-decoration: none;

	}



.masthead_lft h2 a:hover{

	color:#484848;

	text-decoration: none;

}



.masthead_lft h2{

	color:#B71517;

	font-size: 20px;

	}

.masthead_lft p{

	font-size: 12px;;

	line-height: 1;

	margin-bottom: .15em; 

	}



.mh_contact{

	float:right;    

	background:transparent url(images/mh_contact.png) no-repeat;

	display:block;

	margin:8px 0 0 12px;

	height:30px;    

	width:130px;   

	text-indent:-9999px;    

	overflow:hidden;

	}

	

a.mh_contact:hover{

	background:transparent url(images/mh_contact.png) 0 -30px no-repeat;    

	display:block;    

	height:30px;    

	width:130px;    

	text-indent:-9999px;    

	overflow:hidden

	}



.masthead_rgt{

	float:right;

	padding: 21px 20px 0 0px;

	width:413px;

	height:212px;

	background:transparent url(images/msthdframe.png) top left no-repeat;

	}



.masthead_rgt img{

	width: 413px;

	height: 212px;

	border: 3px #fff solid;

	}



.footerbar-top {

	background: url(images/footer-top.png);

	width:928px;

	height:9px;

	margin-top:20px;

}

.footerbar-wrapper {

	background: url(images/footer-wrapper.png);

	width:928px;

	padding-left:3px;

	min-height:210px;

}

.footerbar-bottom {

	background: url(images/footer-bottom.png);

	width:928px;

	height:10px;

}	

.footerbar-sidebar {

	width:285px;

	margin-left:10px;

	margin-right:14px;

	float:left;

}

.post-byline {

	color:#505050;

	font-size:12px;

	margin-left:15px;

}

.post-byline a{

	color:#CC0000;

	font-size:10px;

	font-weight:bold;

	text-transform:uppercase;

	text-decoration:none;

	

}

.post-byline a:hover{

	color:#666666;

}

  

.index-category  { 

	color:#505050;

	margin-left:5px;

	margin-bottom:2px;

}

.index-category h3 a {

	color:#505050;

	font-size:12px;

	font-weight:bold;

	text-transform:uppercase;

	text-decoration:none;

	background:url(images/category-img.jpg);

	padding:3px;

	border:1px solid #d4d4d4;

	margin-right:3px;

}

.index-category h3 a:hover {

	color:#111;

	border:1px solid #a4a4a4;

}

#ad-bg {

	width:1000px;

	height:116px;

	background:url(images/ad-bg.jpg) top no-repeat;

	padding-top:10px;

	text-align:center;

}