/*  

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: 240px 0 0 10px;
}	

#header h2 {
color: #F7EEE1;
font-family: georgia, arial;
float: left;
clear: left;
font-size: 1.1em;
margin: 3px 0 0 -200px;
}

#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;
}
	
#navmenu ul {
width: 100%;
background: #000000; 
margin: 0; 
padding: 10px; 
list-style-type: none; 
list-style-image: none; 
}
	
#navmenu li {
display: inline; 
padding: 5px 2px 5px 2px;
}
	
#navmenu a {
text-decoration:none; 
color: #996600; 
}
	
#navmenu a:hover {
	color: purple; 
}
	
#navmenu ul li a {
text-decoration:none;  
margin: 0px; 
color: #F1F7CD;
background: #2F3125;
border: 1px solid #999;
padding: 4px 10px 4px 10px;
}
	
#navmenu ul li a:hover {
color: #FFFFFF;
font-weight: bold;
background: #70801A; 
}
	
/************************************************

	Header End

************************************************/

/************************************************

	Sidebar, Widget Area Start

************************************************/

.sidebar {
float: left;
width: 230px;
margin: 10px;
padding: 10px;
background-color: #CBCFC1;
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: #595959;
text-decoration: none;
}

.sidebar a:link, a:visited {
text-decoration: none;
color: #595959;
}

.sidebar h2 {
font-family: verdana, georgia, Sans-serif;
font-size: 14px;
color: #6C4502;
text-decoration: none;
padding: 6px;
margin: 4px 0 4px 0;
background-color: #CAC1CF;
border: 1px solid #999;
}

/************************************************

	Sidebar, Widget Area End

************************************************/

/************************************************

	Container, Content, Main Post Area Start

************************************************/

#container {
background: #ffffff;
float: left;
width: 676px;
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;
}

.alignright {
float: right;
margin-left: 15px;
margin-bottom: 10px;
}

.alignleft {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}

/************************************************

	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 {
clear: both;
float: left;
width: 980px;
padding: 40px;
background: #000000;
font-family: georgia;
font-size: 14px;
color: #996600;
text-decoration: none;
background: #fff url(images/bg.png) repeat-x 0 0;
}

/************************************************

	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

************************************************/