/*  
Theme Name: Dark News Theme
Theme URI: http://darknewstheme.rockinthemes.com/
Description: A premium newspaper/magazine WordPress theme
Version: 1
Author: Premium RockinThemes
Author URI: http://premium.rockinthemes.com/

	NewsPixel v.1
	http://newspixel.rockinthemes.com/
	November 5, 2007
	This theme, including the CSS, XHTML, and associates files are copyrighted. 
	
*/

html, body { margin: 0; padding: 0; }

body { 
	background: #ffffff top center repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4f4f4f;
	text-align: center;
	padding-bottom: 20px; 
	text-align: center;
}

body * {margin: 0px; padding: 0px;}

/*********************************************
		Link Styles
*********************************************/
a {
	color: #00aaee;
	text-decoration: none;
}
a:hover { color: #4f4f4f; text-decoration: underline; }

/*********************************************
		Text Elements
*********************************************/
p, ul, ol, blockquote {color: #757575;}
ol, ul {
	margin: 5px 35px;
}
blockquote {
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 4px solid transparent 8FAD2B;
	font-style: normal;
}
blockquote blockquote {
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 4px solid  transparent CC3300;
        font-style: normal;

}
img { border: 0px; background: none; }
p {
	padding: 10px 0px;
	margin: 0px;
}
.clearboth:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }

/*********************************************
		Header Styles
*********************************************/
h1 { /* This style used as title on single posts and pages */
	font-family: Georgia, serif;
	font-size: 20px;
	font-weight: normal;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	color:#e0461f; Dark Orange EBA919
	text-decoration: none;
}
h2 { /* This style used as header in the sidebars */
	color: #4f4f4f;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 13px;
	margin: 0px 0px 5px 0px;
	padding: 2px 3px;
	text-transform: normal;
	letter-spacing: .02em;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
h3 { /* This style used as the post titles on homepage/archive */
	font-family: Georgia, serif;
	font-size: 20px;
	font-weight: normal;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	color: #267ABF; Blue;   
	text-decoration: none;
}
h4, h4 a { /* This style used as title for comments and as the identifying header on archive page  */
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	color: #0099ff;
	text-decoration: none;
}
h5  { 
	color: #ff6000; 
	margin: 0px 0px 0px 0 ;  
	padding-bottom: 3px;  
	font:bold 14px Georgia, "Times New Roman", Times, serif; 
}

/*********************************************
		Container Div (background for bottom of page)
*********************************************/
#container {
	background: transparent;
	text-align: left;
    margin: 0px auto;
    width: 960px;
    padding: 0px;
}

/*********************************************
		Header Styles
*********************************************/
#header {
	border: 0px #e0461f;
	background: transparent;
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
}
#header .topbar {
	width: 940px;
	text-align: left;
	padding: 8px 10px; margin: 0px;
	background: #e0461f;dark orange
        color: #Fff;
}
#header .topbar .date {
	float: left;
	width: 460px;
	font-family: Verdana, Arial, San-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	padding: 0px;
}
#header .topbar .rss {
	float: right;
	width: 470px;
	text-align: right;
	padding: 0px 0px 0px 0px;
	font-size: 15px;
     
}
#header .topbar .rss a {
	background: url(images/toprss.png) 5px 1px no-repeat;
	padding: 0px 0px 0px 22px;
	font-family: Verdana, Arial, San-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}
#header .topbar .rss a:hover {	
}

#header {
	clear: both;
	padding: 2px 0px; margin: 0px;
	overflow: hidden;
}
/*********************************************
		Horizontal Navigation Styles
*********************************************/
#menu {
	clear: both;
	color: #292906;
	font-family: Verdana, Arial, San-Serif;
	font-size: 11px;
	text-align: left;	
	text-transform: uppercase;
	padding: 0px 0px;
	margin: 10px;
	display: block;
	width: 960px;
	background: transparent;
}
/* This is the navigation */
#menu ul {
	margin: 0px;
	padding: 8px 0px;
	width: 680px;
	overflow: hidden;
	font-weight: bold;
	float: left;
	}
#menu ul li {
	display: inline;
	list-style-type: none;
	margin: 0px -4px 0px 0px;
	padding: 8px 0px;
	}
#menu ul li a {
	color: #292906;
	padding: 8px 10px;
	margin: 0px;
	text-decoration: none;
	}
/* if you want to set a "current page item" style, do it here */
#menu ul li.current_page_item a, #menu ul li.current_page_item a:visited {
	background: #fff;
	color: #292906;
}
#menu ul li a:hover {
	color: #fff;
	text-decoration: none;
	background: #ff9900;
	padding: 8px 9px;
	border-left: 2px solid #ff9900;
	border-right: 2px solid #ff9900;
	}
	
/*This is the search */
#menu #search {
	float: right;
	width: 160px;
	padding: 7px 5px 7px 10px; margin: 0px;
}
#menu #search #searchform {
	margin: 0px; padding: 0px;
}
#menu #search .s {
	float: right;
	margin: 0px;
	width: 140px;
}

/*********************************************
		Main Photo
*********************************************/
#mainphoto {
	background: transparent;
	text-align: center;
	margin: 3x 0px 10px 0px;
	padding: 0px;
	border-top: 0px solid #99ccff;
	border-bottom: 0px solid #99ccff;
}

/*********************************************
		Featured Posts
*********************************************/
#feature {
	clear: both;
	display: block;
	width: 960px;
	margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: #F1F4F0;clear
}
#feature .left {
	float: left;
	display: block;
	width: 435px;
	background: none;
	margin: 0px; padding: 15px 20px;
	border-top: 5px solid #ff9858;
}
#feature .right {
	float: right;
	display: block;
	width: 435px;
	background: none;
	margin: 0px; padding: 15px 20px;
	border-top: 5px solid #fed100;
}
#feature img {
	padding: 0px 10px 10px 0px;
}
	
/*********************************************
		Content Div
*********************************************/
#content {
	display: inline;
	float: left;
	margin: 10px 15px 0px 15px;
	padding: 0px 0px 20px 0px;
	width: 620px;
	display: block;
	border-top: 4px solid #757575;
}
#content img {
	padding: 10px 10px 10px 0px;
}
.post {
	background: #F1F4F0;clear #E7F0E4
	padding: 10px; margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #7397B4;
}
.post-more { /* Use this class to style the "more" tag */
	clear: both;
	text-align: right;
	margin: 10px 0px 10px 0px; padding: 0px;
}
.post-more a, .post-more a:visited { /* Use this class to style the link within the post-more div */
}

/*********************************************
		Post Meta Styles
*********************************************/
.meta-top {
	clear: both; /* we need this so floats in the post are cleared */
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px;
	background: transparent;
}
.meta-bottom {
	clear: both; /* we need this so floats in the post are cleared */
	padding: 5px;
	margin: 10px 0px;
	background: none;
}
.meta-date {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background: url(images/date.png) 0px 1px no-repeat;
}
.meta-author {
	margin: 0px;
}
.meta-comments {
	margin: 0px 5px;
}
.meta-category {
	margin: 0px 5px;
}

/*********************************************
		Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 10px 0px;
	padding: 10px 0px;
}
.nav-previous {
	width: 249px; 
	float: left; 
	text-align: left;
}
.nav-next {
	width: 249px; 
	float: right; 
	text-align: right;
}
	
/*********************************************
		Left Sidebar
*********************************************/
#l_sidebar {
	display: inline;
	float: left;
	border: 0px solid black;
	width: 155px;
	margin: 10px 0px 15px 0px;
	display: block; /* floats are handled as block elements, this is to fix 
						a margin collapsing bug in IE */
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#l_sidebar p {
	padding: 5px;
}
insert here
}
#l_sidebar form {
	padding: 0px;
	margin: 5px;
}
#l_sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#l_sidebar ul li {
	padding: 0px 0px 10px 0px;
}
#l_sidebar ul li ul {
	padding: 0px 0px 0px 0px;
}
#l_sidebar ul li ul li {
	padding: 5px 0px 6px 0px;
	margin: 0px;
}
#l_sidebar ul li ul li a {
	margin: 0px 0px 0px 5px;
	display: block;
}
#l_sidebar ul li ul li a:hover {
}
#l_sidebar ul li ul li ul {
	padding: 0px;
	margin: 5px 0px 0px 0px;
}
#l_sidebar ul li ul li ul li {
	padding: 5px 0px 6px 5px;
	margin: 0px;
}

/*********************************************
		Right Sidebar
*********************************************/
#r_sidebar {
	display: inline;
	float: right;
	width: 155px;
	margin: 10px 0px 15px 0px;
	display: block; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#r_sidebar p {
	padding: 5px;
}
#r_sidebar img {
	text-align: center;
}
#r_sidebar form {
	padding: 0px;
	margin: 5px;
}
#r_sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#r_sidebar ul li {
	padding: 0px 0px 10px 0px;
}
#r_sidebar ul li ul {
	padding: 0px 0px 0px 0px;
}
#r_sidebar ul li ul li {
	padding: 5px 0px 6px 0px;
	margin: 0px;
}
#r_sidebar ul li ul li a {
	margin: 0px 0px 0px 5px;
	display: block;
}
#r_sidebar ul li ul li a:hover {
}
#r_sidebar ul li ul li ul {
	padding: 0px;
	margin: 0px;
}
#r_sidebar ul li ul li ul li {
	padding: 0px;
	margin: 5px 10px 5px 5px;
}

/*********************************************
	Middle Sidebar - the one with the video :-)
*********************************************/
#m_sidebar {
	display: inline;
	float: left;
	border: 0px solid black;
	width: 205px;
	margin: 10px 15px 15px 0px; padding: 0px 0px 0px 0px;
	display: block; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */
}
#m_sidebar p {
	padding: 3px;
	text-align: justify;
	
}
#m_sidebar img {
	text-align: center;
}
#m_sidebar form {
	padding: 0px;
	margin: 5px;
}
#m_sidebar .video {
	text-align: center;
	margin: 0px 0px 5px 0px;
}
#m_sidebar .sidenotes {
	padding: 3px;
}
#m_sidebar .sidenotes p {
	padding: 0px;
	margin: 5px 0px;
        background: #E7F0E4;
}
#m_sidebar .title {
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
	color: #7aa5cf;
	margin: 0px 0px 5px 0px;
}
#m_sidebar .title a {
	color: #7aa5cf;
	text-decoration: none;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}
#m_sidebar .title a:hover {
	color: #fff; text-decoration: none;
}

/*********************************************
		Comment Styles
*********************************************/
#comments {
	padding: 8px;
}
#comments .even {
	margin: 5px 0px 10px 0px;
	padding: 10px;
	background: #e7f0e4;
	overflow: hidden;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#comments .odd {
	margin: 5px 0px 10px 0px;
	padding: 10px;
	background: #e7f0e4;very pale grey
	overflow: hidden;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

/*********************************************
		Footer Styles
*********************************************/
#footer {
	clear: both;
	margin: 15px 0px 0px 0px;
	padding: 10px 0px;
	color: #999;grey
	border-top: 4px solid #6699cc;blue
	text-align: left;
	font-size: 11px;
}
#footer a {
	color: #999999;
	text-decoration: underline;
}
#footer a:hover {
	color: #4f4f4f;
	text-decoration: none;
}