/*  

Theme Name: NewsPixel

Theme URI: http://newspixel.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. Please don't steal.

*/




body { 

	background: #E5E3DD url(images/back.gif) top repeat-x;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: center;

	padding-bottom: 0px;
	
	margin:0px;
}



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

		Link Styles

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

a {

	color: #666666;

	text-decoration: none;

}

a:hover { text-decoration: underline; }



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

		Text Elements

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

p, ul, ol, blockquote {color: #333;}

ol, ul {

	margin: 5px 35px;

}


img { border: 0px; background: none; }


.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: 24px;

	font-weight: normal;

	padding: 0px 0px 5px 0px;

	margin: 0px;

	color: #333333;

	text-decoration: none;

}

h2 { /* This style used as  in the sidebars */


	color: #4B4D4C;

	font-family: Georgia, serif;

	font-weight: bold;

	font-size: 13px;

	margin: 0px 0px 5px 0px;

	padding: 15px 10px 5px 3px;

	text-transform: uppercase;

	letter-spacing: .02em;

	border-bottom: 1px solid #A3A195;	

}

h3 { /* This style used as the post titles on homepage/archive */

	font-family: Georgia, serif;

	font-size: 24px;

	font-weight: normal;

	padding: 0px 0px 5px 0px;

	margin: 0px;

	color: #DE3704;

	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: #DE3704;

	text-decoration: none;

}

h5  { 

	color: #ff6000; 

	margin: 0px 0px 0px 0 ;  

	padding-bottom: 3px;  

	font:bold 14px Georgia, "Times New Roman", Times, serif; 

}


h6 { /* This style used as  in the sidebars */


	color: #4B4D4C;

	font-family: Georgia, serif;

	font-weight: bold;

	font-size: 13px;

	margin: 0px 0px 5px 0px;

	padding: 15px 10px 5px 3px;

	text-transform: uppercase;

	letter-spacing: .02em;

	border-bottom: 1px solid #D0CFCA;	

}
/*********************************************

		Container Div

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

#container {

	text-align: left;

    margin: 0px auto;

    width: 960px;

    padding: 0px;

}


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

		Header Styles

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

#header {

	text-align: left;

    margin: 0px auto;

    width: 960px;

    padding: 0px;

}

#header .topbar {

padding:5px 0px;


}

#header .topbar .date {

	float: left;

	width: 460px;

	font-family: Arial, "Times New Roman", Serif;

	font-size: 11px;

	font-weight: bold;

	color: #FFF;

}

#header .topbar .rss {

	float: right;

	width: 470px;

	text-align: right;

	padding:0px 0px 0px 10px;

	font-size: 11px;

}

#header .topbar .rss a {

	background: url(images/toprss.png) 5px 1px no-repeat;
	color: #FFF;
	padding:0px 0px 0px 20px;
}

#header .topbar .rss a:hover {
	text-decoration: underline;
}

#header #logo {
padding-top:14px;

}
#header #logo #left {
padding-top:0px;
float:left;
width:300px;

}
#header #logo #right {
padding-top:0px;
float:right;
width:480px;
}
/*********************************************

		Horizontal Navigaion Styles

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

#menu {

	clear: both;

	color: #1F78BE;

	font-size: 11px;
	
	font-weight:bold;	
	

	font-family: Georgia, Arial, Helvetica, sans-serif;

	text-align: left;	

	text-transform: uppercase;

	padding: 0px 0px;

	margin: 0px;

	display: block;

	width: 960px;
	

}

/* This is the navigation */

#menu ul {

	margin: 0px;

	padding: 22px 0px 23px 0px;

	width: 680px;

	overflow: hidden;
	

	float: left;	

	}

#menu ul li {

	display: inline;

	list-style-type: none;

	margin: 0px -4px 0px 0px;

	padding: 22px 0px 23px 0px;

	}

#menu ul li a {

	color: #fff;

	padding: 22px 10px 23px 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:#1F7086;
	color:  #fff;
}

#menu ul li a:hover {

	color:  #fff;

	text-decoration: none;

	background:#1F7086;
	}

	

/*This is the search */

#menu #search {

	float: right;

	width: 160px;

	padding: 17px 5px 0px 10px; margin: 0px;

	background: url(images/search.gif) 0px 19px no-repeat;

}

#menu #search #searchform {

	margin: 0px; padding: 0px;

}

#menu #search .s {

	float: right;

	margin: 0px;

	
	background:#20738A;
	
	border:0px;
	width: 170px; border-radius: 2px; padding:4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; color:#fff;
}

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

		Atase Featured 
*********************************************/

#topb {
	background:#FFFFFF;
	
	text-align: center;

    margin: 0px 0px;

    width: 100%;

    padding: 20px 0px 20px 0px;

}

#top {

	text-align: left;

    margin: 0px auto;

    width: 960px;

    padding: 0px;

}

#top .left {

	float: left;

	display: block;

	width: 580px;

	margin: 0px; padding: 0px 0px;

}

#top .right {

	float: right;

	display: block;

	width: 280px;
	
	border-left:3px solid #D4D0C3;

	margin: 0px; padding: 0px 20px;
	
	color:#737373;

}

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

		Featured Posts

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

#featb {

	text-align: center;

    margin: 0px;

    width: 100%;

    padding: 0px;
	
	background:#464646 url(images/top_back.png) repeat-x;

}

#feature {

	text-align: left;

    margin: 0px auto;

    width: 960px;

    padding: 0px;
	
	color:#8F8F8F;

}

#feature p {
	color:#8F8F8F;
}

#feature a {
	color: #fff;
}

#feature a:hover {
	text-decoration:underline;
}

#feature .left {

	float: left;

	display: block;

	width: 455px;

	background: none;

	margin: 0px; padding: 15px 0px;
	
	text-align:justify;

}

#feature .right {

	float: right;

	display: block;

	width: 455px;

	background: none;

	margin: 0px; padding: 15px 0px;
	
	text-align:justify;

}

	

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

		Content Div

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

#content {

	display: inline;

	float: left;
	
	width:620px;

	margin: 2px 10px 0px 10px;

	padding: 0px 0px 20px 0px;

	display: block;

	border-top: 3px solid #A3A097;;

}

#content img {

	padding: 10px 10px 10px 0px;

}

.post {

	padding: 10px; margin: 0px 0px 10px 0px;

	border-bottom: 1px solid #BFBDB3;

}

.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;
	
	width:145px;

	margin: 2px 0px 15px 0px;
	
	border-top: 3px solid #A3A097;
	
	padding:5px;

	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;

}

#l_sidebar img {

	text-align: center;

}

#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 4px;

	margin: 0px;

	/*background: url(images/bluedot.png) bottom left repeat-x;*/
	
	border-bottom:1px solid #BFBDB3;

}
#l_sidebar ul li ul li:hover {
	background: #F2F0EC;
}

#l_sidebar ul li ul li a {

	margin: 0px 0px 0px 5px;

	display: block;
	
	color:#333333;
	
	background:url(images/bullet_black.gif) left center no-repeat;
	
	padding-left:18px;

}

#l_sidebar ul li ul li a:hover {
	text-decoration:none;
}

#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;

	background: url(images/bluedot.png) top left repeat-x;

}



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

		Right Sidebar

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

#r_sidebar {

	display: inline;

	float: right;

	width: 150px;
	
	border-top: 3px solid #A3A097;

	margin: 2px 0px 15px 0px;
	
	padding:5px;

	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;

	/*background: url(images/bluedot.png) bottom left repeat-x;*/
	
	border-bottom:1px solid #BFBDB3;

}

#r_sidebar ul li ul li:hover {
	background:#F2F0EC;
}

#r_sidebar ul li ul li a {

	margin: 0px 0px 0px 5px;

	display: block;
	
	color:#333333;
	
	background:url(images/bullet_black.gif) left center no-repeat;
	
	padding-left:18px;
}

#r_sidebar ul li ul li a:hover {
	text-decoration:none;
}

#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-top: 3px solid #A3A097;
	
	border-left: 1px solid #A3A097;
	
	border-right: 1px solid #A3A097;
	
	border-bottom: 1px solid #A3A097;

	background: #E9E8E4;

	width: 203px;

	margin: 2px 5px 15px 0px; padding: 5px;

	display: block; /* floats are handled as block elements, this is to fix 

							   a margin collapsing bug in IE */

}

#m_sidebar p {

	padding: 3px 2px 1px 4px;

	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;

}

#m_sidebar .title {

	font-size: 12px;

	font-family: Verdana, Arial, Sans-Serif;

	color: #333;

	margin: 0px 0px 5px 0px;

}

#m_sidebar .title a {

	color: #333;

	text-decoration: none;

	font-weight: bold;

	margin: 5px 0px 5px 0px;

}

#m_sidebar .title a:hover {

	color: #E9133B; text-decoration: none;

}

#m_sidebar #ebook {
	margin-top:10px;
	padding:10px;
	background:#fff;
	border:1px solid #cecdcc;
}

#m_sidebar #ebook input {	
	margin-bottom:2px;
	margin-top:2px;
	padding:2px;
}

#m_sidebar #ebook input.text {	
	width:160px;
	border:1px solid #CBC9C8;
}

#m_sidebar #ebook form {	
	margin-top:5px;
	padding-top:5px;
	
}

#m_sidebar #ebook p {	
	padding-bottom:5px;
	border-bottom:1px solid #CBC9C8;
}

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

		Comment Styles

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

#comments {

	padding: 8px;

}

#comments .even {

	margin: 5px 0px 10px 0px;

	padding: 10px;

	background: #EFEDE8;

	overflow: hidden;

	border-top: 4px solid #A3A195;

	border-bottom: 1px solid #A3A195;

}

#comments .odd {

	margin: 5px 0px 10px 0px;

	padding: 10px;

	background: #FAF9F6;

	overflow: hidden;

	border-top: 4px solid #A3A195;

	border-bottom: 1px solid #A3A195;

}

#comments form input {

	margin: 0px;
	
	background:#fff;
	
	border:0px;
	
	width: 170px;
	
	border-radius: 2px;
	
	font-size:12px;
	
	padding:4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; color:#625F5A;


}

#comments form textarea {

	margin: 0px;
	
	background:#fff;
	
	border:0px;
	
	width: 420px;
	
	border-radius: 2px;
	
	font-size:12px;
	
	padding:4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; color:#625F5A;


}	
/*********************************************

		Footer Styles

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


#footerb {

	clear: both;
	
	background:#E9E8E4;

	margin: 15px 0px 0px 0px;

	padding: 20px 0px;

	color: #666;

	border-top: 1px solid #BDBAB3;

	text-align: center;

	font-size: 11px;

}

#footer {
	

    margin: 0px;
	

    padding: 0px;
	
	
}

#footer a {

	color: #999999;

	text-decoration: underline;

}

#footer a:hover {

	color: #000;

	text-decoration: none;

}