/*  
Theme Name: Best of New Jersey
Theme URI: http://bestofnj.com
Description: Elegant two column, left sidebar Wordpress theme from <a href="http://bestofnj.com">BestofNJ.com</a> by John Stringfellow.
Version: 1.0
Author: John Stringfellow
Author URI: http://bestofnj.com/
Tags: fixed width, two columns, left sidebar, left side navigation, 2 columns, 2 column, green, widget ready, easy, simple, elegant, black, white, widgets, left navigation, left menu

/************************************************
	Basics Start
************************************************/

body {
margin: 0;
padding: 0;
text-align: center;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 10px;
padding: 0;
}

body {
	font-family: verdana, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #ffffff url(images/bg.png) repeat-x 0 0;
	color: #404040;
	}

a:link, a:visited {
	text-decoration: none;
	color: #6C4502;
	}

a:hover {
	text-decoration: none;
	}
	
h3 {
font-family: Georgia, Sans-serif;
color: #660000;
font-size: 18px;
padding: 10px;
background: #B9C09B url(images/bg.png) repeat-x 0 0;
}

#wrapper {
	background: #E4E4C8;
	width: 980px;
	text-align: left;
	overflow:auto; 
	overflow:hidden;
	border: 1px solid #999;
	margin: 40px auto 40px auto;
	}
	
/************************************************
	Basics End
************************************************/

/************************************************
	Header Start
************************************************/
#header {
	background: #E4E4C8 url(images/headers/rotate.php) no-repeat top center;
	width: 980px;
	height: 290px;
	padding-top: 1px;        
	}
	
#header h1{
	color: #F7EEE1; 
	font-family: copperplate gothic bold, arial; 
	font-size: 44px;
	text-decoration: none;
	margin: 10px 0 0 20px;
	}
	
#header h2 {
	color: #F7EEE1;
	font-family: georgia, arial;
	float: left;
	clear: left;
	font-size: 1.1em;
	margin: 3px 0 0 20px;
	}

#header a:link {
	color: #F7EEE1; 
	font-weight: bold;
	font-size: 44px;
	text-decoration: none;
	text-align: left;
	}
 
#header a:visited {
	color: #F7EEE1; 
	font-weight: bold;
	font-size: 44px;
	text-decoration: none;
	text-align: left;
	}

#header a:hover {
	color: #D1B103; 
	font-weight: bold;
	font-size: 44px;
	text-decoration: none;
	text-align: left;
	}
 
#header a:active {
	color: #666600; 
	font-weight: bold;
	font-size: 44px;
	text-decoration: none;
	text-align: left;
	}

/************************************************
	Header End
************************************************/

/************************************************
	Sidebar, Widget Area Start
************************************************/

.sidebar {
float: left;
width: 340px;
margin: 10px 10px 10px 10px;
padding: 10px;
background-color: #cccc99;
border: 1px solid #999;
}

.sidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
text-decoration: none;
}

.sidebar ul li {
font-family: verdana, georgia, Sans-serif;
font-size: 12px;
color: #996600;
text-decoration: none;
}

.sidebar h2{
font-family: georgia, Sans-serif;
font-size: 14px;
color: #6C4502;
text-decoration: none;
padding: 10px;
margin: 10px 0 10px 0;
background: #fff url(images/header-container.gif) repeat-x 0 0;
}

/************************************************
	Sidebar, Widget Area End
************************************************/

/************************************************
	Container, Content, Main Post Area Start
************************************************/

#container{
background: #ffffff;
float: right;
width: 566px;
padding: 10px;
margin: 10px 10px 10px 0;
border: 1px solid #999;
}

.post{
padding: 0 0 10px 0;
}

.post h2{
font-family: occidental, Georgia, Sans-serif;
color: #808080;
font-size: 36px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;
}

.post a:visited {
	color: #595959; 
	border-bottom: 2px solid #98AD65;
	}

.pagelink {
	color: #595959;
         background: #E4E4C8;
         padding: 10px; 
	border: 2px solid #98AD65;
         font-size: 14px;
	}
	
#container-wide {
	background: #E4E4C8;
	float: left;
	width: 938px;
	height: 1200px;
	padding: 10px;
	margin: 10px 10px 10px 10px;
	border: 1px solid #999;
}

#container-wide-white {
	background: #FFFFFF;
	float: left;
	width: 938px;
	height: 1200px;
	padding: 10px;
	margin: 10px 10px 10px 10px;
	border: 1px solid #999;
}

/************************************************
	Container, Content, Main Post Area End
************************************************/

/************************************************
	Images Start
************************************************/
img {
	padding: 3px;
	background: #eee;
	border: 1px solid #666;
	}
.post img {
	max-width:98%;
	}
	
/************************************************
	Images End
************************************************/

/************************************************
	Captions Start
************************************************/
.wp-caption {
	padding: 3px 0 0 0;
	background: #f9f9f9;
	border: 1px solid #ccc;
	text-align: center;
	}
.wp-caption p.wp-caption-text {
	margin: 0; padding: 0 5px;
	text-align: right;
	font-size: .8em;
	color: #555;
	}
.wp-caption img {
	margin: 0; padding: 0;
	border: 1px solid #666;
	}
.thumbnail {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 15px;
	}
#feature img, #features-numbers img {
	float: left;
	margin-right: 15px;
	max-width: 270px;
	}
#author-box img {
	float: left;
	width: 70px;
	height: 70px;
	padding: 1px;
	margin-right: 15px;
	}
.author .post .avatar {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 15px;
	}
	
/************************************************
	Captions End
************************************************/

/************************************************
	Comments Template Start
************************************************/
.comments-template {
	margin-bottom: 15px;
	padding: 5px 10px 10px 10px;
	background: #DEDCDC;
	border: 1px solid #ccc;
	}
	
.comments-template ol{
	margin: 10px;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	background: #ffffff;
	margin: 10px 0 0 0;
	line-height: 18px;
	padding: 10px;
	border: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	width: 520px;
	text-align: left;
}

/************************************************
	Comments Template End
************************************************/


/************************************************
	Footer Start
************************************************/

#footer {
width: 980px;
padding: 40px;
background: #000000;
font-family: georgia;
font-size: 14px;
font-weight: bold;
color: #996600;
background: #fff url(images/bg.png) repeat-x 0 0;
clear: both;
}

/************************************************
	Footer End
************************************************/

/************************************************
	Homepage Features Start
************************************************/

.breaking, .recent {      
border: 1px solid #999;   
margin: 15px 0 0 0;   
}

.breaking h2 {
font-family: Georgia, Sans-serif;
color: #660000;
font-size: 18px;
padding: 0;
}

.breaking, .recent h4 {
font-family: Georgia, Sans-serif;
color: #660000;
font-size: 14px;
padding: 0;
}

.breaking, p {
font-family: verdana, Sans-serif;
color: #404040;
font-size: 12px;
padding: 0;
}

/************************************************
	Homepage Features End
************************************************/

/************************************************
	Header 2 Start
************************************************/
#header-2 {
	background: #E4E4C8;
	width: 980px;
	padding-top: 20px;        
	}
	
#header-2 h1{
	color: #F7EEE1; 
	font-family: Times new roman, times, arial; 
	font-size: 20px;
	text-decoration: none;
	margin: 10px 0 0 20px;
	}
	
#header-2 h2 {
	color: #F7EEE1;
	font-family: georgia, arial;
	float: left;
	clear: left;
	font-size: 1.1em;
	margin: 3px 0 0 20px;
	}

#header-2 a:link {
	color: #F7EEE1; 
	font-weight: bold;
	font-size: 44px;
	text-decoration: none;
	text-align: left;
	}
 
#header-2 a:visited {
	color: #F7EEE1; 
	font-weight: bold;
	font-size: 44px;
	text-decoration: none;
	text-align: left;
	}

#header-2 a:hover {
	color: #D1B103; 
	font-weight: bold;
	font-size: 44px;
	text-decoration: none;
	text-align: left;
	}
 
#header-2 a:active {
	color: #666600; 
	font-weight: bold;
	font-size: 44px;
	text-decoration: none;
	text-align: left;
	}

/************************************************
	Header 2 End
************************************************/