/*

Theme Name: Newsworthy
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: An news/magazine theme.  Template designed by <a href="http://www.demusdesign.com">DemusDesign</a>
Version: 1.0
Author: Theme Lab
Author URI: http://www.themelab.com/
Tags: magazine, widgets, newspaper
*/

* {
	margin: 0;
	padding: 0;
	}

body {
	background: #DDD;
	color: #333;
	}

/* ------------------------------------------

                  HTML STYLE TAGS

    ------------------------------------------- */

/*block elements */

p {
	line-height: 1.5em;
	margin-bottom: 10px;
	font-family: georgia,times,serif;

	}

code {
  	margin: 3px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em'Lucida Console', 'Courier New', Monospace;

  	/* white-space: pre; */

  	border: 1px solid #F0F0F0;
	background: #F8F8F8;  

}

blockquote {
	padding: 20px;
	background: #F8F8F8;
	border: 1px solid #F0F0F0;
	}

	
/* headers */

h1 {
	font-family: georgia,times,serif;
	margin-bottom: 5px;

	}

h1.head, h1.head a {
	margin: 15px 10px 0px 20px;
	color: #000;
	text-decoration: none;

	}

h1.head a {
	margin-left: 0px;

	}

h2.head {
	font-style: italic;
	font-size: 1.2em;
	color: #900;
	margin: 0 10px 15px 20px;

	}

h2 {
	margin-bottom: 10px;

	}

h3 {
	margin: 5px 0;

	}

h4 {
	color: #900;

	}

	

	

/* images */

img.left {
	border:1px solid #DDD;
	padding: 2px;
	background: #F0F0F0;
	margin: 0 8px 8px 0;

	}

	

img.banner {
	background: #FFF;
	padding: 3px;
	border: 1px solid #DDD;
	margin: 0 7px 14px 7px;

	}

	

img.banner:hover {
	border: 1px solid #B6B6B6;
	background: #F6F6F6;

	}



/*lists & definitions */

ol.normal {

	margin: 10px 0px 10px 30px;

	}	

ul.normal {
	margin: 10px 0px 10px 12px;
	list-style: none;

	}	

	

ul.normal li {
	padding-left: 15px;
	background: url('images/bullet.gif') no-repeat left center;

	}
	


dl {
	margin: 20px 0;

	}

	

dt {
	color: #900;
	font-weight: 600;

	}

	

dd {
	font-style: italic;
	margin: 0 0 5px 15px;

	}

	

/* start - table */

table {
	border-collapse: collapse;
	margin: 10px 20px;		

}

tr { background: #FFF; }

tr.altrow { background: #F9F9F9;	}

th, td {
	text-align: left;			
	border-width: 1px;
  	border-style: solid;

}

th {

	color: #900;
	background: #F0F0F0; 
	padding: .8em 1em;	
  	border-color: #DDD #DDD #CCC #DDD;	

}

td {
	border-color: #EFEFEF;	
	padding: .7em 1em;	

}	



/* form elements */

form {
	margin: 10px 0; 
	padding: 15px 25px 25px 25px; 
	border: 1px solid #F0F0F0;
	background: #F8F8F8;

}

form#searchform {
	margin: 0; 
	padding: 0; 
	border: 0;
	background: none;

}

form#searchform p {
	border-bottom: 0;
	padding: 0;	margin: 0;	
	color: #666666;

}


form p {
	border-bottom: 1px solid #E6E6E6;
	padding: 12px 0 5px 0;	margin: 0;	
	color: #666666;

}

label {
	font-weight: bold;
	color: #666666;

}

input, select, textarea {
	margin: 5px 0;
	padding: 5px;
	color: #666;
	border-width: 1px;
	border-style: solid;
  	border-color: #D4D4D4 #EBEBEB #EBEBEB #D4D4D4; 	

}

input:focus, select:focus, textarea:focus {

	color: #333;

}

#author, #email, #comment, #url {

	width: 380px;

}

input.button { 

	height: 30px;

	margin: 0;

	padding: 2px 3px; 

	color: #FFF;

	background:#900;

	border-width: 1px;

  	border-style: solid;

  	border-color: #c33 #600 #600 #c33;

}



/* ------------------------------------------

                   SITE LAYOUT

    ------------------------------------------- */

	

#wrap {

	width: 960px;

	margin: 0 auto;

	}

	

#content {

	width: 100%;

	margin: 10px 0 0 0;

	background-color: #FFFFFF;

	border: 1px solid #999999;

	}

	

#maincontent {

	background: #F3F3F3 url('images/fade.jpg') repeat-x top left;

	padding: 15px 0 0 0;

	}

	

#right {

	float: right;

	width: 299px;

	padding: 0px 10px 0 10px;

	font-size: 0.8em;

	margin-bottom: 10px;

	}

	

.middle {

	float: right;

	width: 140px;

	margin: 0;

	padding: 0;

	font-size: 12px;

	margin: 0 0px 10px 10px;

	}


	

#main {

	width: 620px;

	margin-left: 9px;

	padding: 10px 10px 0 0;

	background: #fff;

	border: 1px solid #DDD;

	}

#mainfea {

	width: 620px;

	margin-left: 9px;

	padding: 10px 10px 0 0;

	background: #fff;

	border: 1px solid #DDD;

	}	

#left {

	PADDING: 0 0 0 10px

	}



.footer {

	width: 960px;

	margin-bottom: 30px;

	border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999;

	font-size: 0.7em;

	clear: both;

	padding-top: 4px;

	background: #FFF url('images/subfade.gif') repeat-x top left;

	}

	

/* ------------------------------------------

                     NAVIGATION

    ------------------------------------------- */

/* site-meta - very top right navigation */

#sitemeta {

	width: 960px;

	font: 400 0.8em arial,sans-serif;

	color: #000;

	text-align: right;

	margin: 5px 0;

	}

	

#sitemeta .nav {

	float: right;

	clear: both;

	}

	

#sitemeta a {

	color: #944;

	text-decoration: none;

	margin: 0 5px;

	}

	

#sitemeta a:hover {

	text-decoration: underline;

	}

	

/* main menu bar */

#menubar {

	width: 100%;

	padding-top: 4px;

	background: url('images/subfade.gif') repeat-x top left;

	}

	

#menubar ul.nav {

	width: 960px;

	background-color: #F0F0F0;

	margin-left: 0px;

	}

	

#menubar li {

	list-style-type: none;

	display: inline;

	}



#menubar li a {

	float: left;

	display: block;

	color: #333;

	text-decoration: none;

	background: #FFF url('images/menu_fade.jpg') repeat-x bottom left;

	padding: 8px 6px 8px 6px;

	border-right: 1px solid #DDD;

	border-bottom: 1px solid #DDD;

	font-size: 0.9em;

	font-family: 'times new roman',times,serif;

	font-variant: small-caps;

	}

	

#menubar li a.meta {

	float: right;

	background: #DCDCFF url('images/menu_meta.jpg') repeat-x bottom left;

	border-right: none;

	border-left: 1px solid #ccc;

	color: #600;

	}

	

#menubar li.up a, #menubar li.current-cat a {

	background-image: none;

	background: #FFF;

	border-bottom: 1px solid #FFF;

	}

	

#menubar li a:hover {

	color: #fff;

	background-color: #444449;

	background-image: none;

	}

	

#menubar li.up a:hover {

	background: #FFF;

	color: #333;

	text-decoration: underline;

	}

	

#menubar li a.meta:hover {

	background-image: none;

	background-color: #DADAFF;

	color: #600;

	}

	

/* submenu - directly under the main menubar */

#submenu {

	width: 934px;

	padding: 4px 20px 5px 6px;

	background-color: #fff;

	font-size: 0.6em;

	font-family: arial,sans-serif;

	border-bottom: 1px solid #CCC;

	}

#submenu li {

	list-style-type: none;

	display: inline;

	}	

#submenu a {

	float: left;

	color: #600;

	padding: 0 12px 0 5px;

	text-decoration: underline;

	border-left: 1px solid #DDD;

	}

	

#submenu a:hover {

	text-decoration: none;

	}

	

	

#main a, #foot a {

	color: #999;

	}

	

#main a:hover, #foot a:hover {

	text-decoration: none;

	}

	

/* --------------------------------------------------------------------------

                  UNIVERSAL WIDTH AND POSITION STYLES

   -------------------------------------------------------------------------- */

	

.fullcontent {

	width: 620px;

	}

	

.halfcontent {

	width: 296px;

	margin: 0 5px 10px 4px;

	background: url('images/subfade.gif') repeat-x top left;

	font-size: 0.9em;

	padding-top: 14px;

	}

	

.threehundred {

	width: 296px;

	margin: 0 5px 0 4px;

	}

	

.left {

	float: left;

	}



.clearboth {

	clear: both; 

	line-height: 0; 

	height: 0;

	font-size: 0;

	}

	

.clearright {

	float: right;

	clear: right;

	line-height: 0; 

	height: 0;

	font-size: 0;

	}



.clear {

	clear: left;

	line-height: 0;

	font-size: 0;

	}

	

#right .half {

	width: 130px;

	float: left;

	margin: 0 10px 10px 0;

	}

	

.middle .half {

	width: 110px;

}

	

/* ----------------------------------------------

                    BLOG POSTS

   ----------------------------------------------- */

	

.post {	

	border-top: 1px solid #DDD;

	margin-bottom: 20px;

	padding: 10px 0;

	}

.postmeta {

	margin: 10px 0 0 0;

	padding: 10px 5px;

	border-top: 1px solid #F0F0F0;

	}

.postmeta a {

	padding: 0 12px 0 18px;

	}

.postmeta a.readmore {

	background: url('images/readmore.gif') no-repeat left center;

	}

.postmeta a.comments {

	background: url('images/comments.gif') no-repeat left center;

	}

.postmeta span.category {

	background: url('images/file.gif') no-repeat left center;

	padding: 0 12px 0 18px;

	}

.postmeta span.category a {

	padding: 0;

	}



/* -------------------------------------------------

                  THREADED COMMENT STYLES

    ------------------------------------------------- */

.comment {

	border-top: 1px solid #F0F0F0;

	border-right: 1px solid #F0F0F0;

	border-left: 1px solid #F0F0F0;

	padding: 20px;

	width: 410px

	}

.lastcomment {

	border-bottom: 1px solid #F0F0F0;

	}

	

.odd {

	background: #F8F8F8;

	}



.avatar {

	border: 2px solid #E6E6E6;

	float: left;

	margin: -5px 20px 5px 0;

	}



#respond, #comments {

	margin-top: 30px;

	}

.author, .comment-meta {

	color: #666;

	font-style: italic;

	margin-bottom: 10px;

	}

.comment-meta a {

	color: #333;

	text-decoration: none;

	}

.commentlist {

	width: 452px;

	border-bottom: 1px solid #F0F0F0;

	}

.commentlist li {

	list-style: none;

	}

.comment-author {

	margin: 5px 0;

	}

.fn, .says {

	font-size: 1.2em;

	font-weight: bold;

	font-style: normal;

	}

.fn a {

	color: #333 !important;

	text-decoration: none;

	}

.children .comment {

	width: 390px;

	border-right: 0;

	border-top: 0;

	border-bottom: 1px solid #F0F0F0;

	margin-top: 20px;

	}

.children .children .comment {

	width: 370px;

	}

.children .children .children .comment {

	width: 350px;

	}

.children .children .children .children .comment {

	width: 330px;

	}

.children .children .children .children .children .comment {

	width: 310px;

	}

	

/* -------------------------------------------------

                  AREA SPECIFIC STYLES

    ------------------------------------------------- */

/*search */

.search {

	float:right;

	background-color: #F6F6F6;

	border:1px solid #999;

	height:16px;

	width:280px;

	padding: 3px;

	margin: 20px 20px 0 0;

	color: #999;

	}

	

.search_default  {

	float:right;

	background-color: #F6F6F6;

	border:1px solid #999;

	height:16px;

	width:150px;

	padding: 3px;

	margin: 20px 10px 0 0;

	color: #999;

	}

	

.search_hover {

	float:right;

	background-color: #F6F6F6;

	border:1px solid #999;

	height:16px;

	width:150px;

	padding: 3px;

	margin: 20px 10px 0 0;

	color: #999;

	}



/* top story */	

.topstory2 {
	width: 610px;
	padding: 10px;
	border-bottom: 1px solid #DDD;
	margin: -10px 0 10px 0;
	background: #fff;
	height: 350
	}

.topstory {
	width: 610px;
	padding: 10px;
	border-bottom: 1px solid #DDD;
	margin: -10px 0 10px 0;
	background: #fff;

	}
	
		
.topstory p, .substory p {

	margin: 0px 2px 0px 2px;

	}
	

.topstory:hover {
	background: #444449;
	color: #AAA;

	}

	

.topstory:hover h1 {	
color: #FFF;

}


.topstory img {
	margin-bottom: 10px;

	}



/* substory */

.substory:hover {

	background: #444449 url('images/subfade.gif') repeat-x top left;

	color: #AAA;

	}



.substory:hover h2 {	

color: #FFF;

}

	

	

.substory {

	float: left;

	width: 180px;

	padding: 9px 5px 5px 5px;

	font-size: 0.7em;

	margin: 0 3px 10px 0px;

	background: url('images/subfade.gif') repeat-x top left;

	}

.substory.first {

	clear: left;

	}	

.rightsubstory {

	margin: 0 0 10px 0;

	}

	

/* footer */

.footer p {

	padding: 10px;

	}



.footer .footnav {

	border-bottom: 1px solid #CCC;

	padding: 10px;

	}



.footnav a, .footer p a {

	text-decoration: none;

	padding: 5px 8px;

	color: #666;

	font-family: georgia,times,serif;

	border: 1px solid #FFF;

	background-color: #FFF;

	}

	

.footnav a:hover, .footer p a:hover {

	color: #000;

	background-color: #f3f3f3;

	border: 1px solid #CCC;

	}

	

.footnav h3 {

	border-bottom: 1px solid #eee;

	color: #633;

	}

	

.footnav a.first {

	font-size: 1.5em;

	font-weight: 800;

	margin-left: -5px;

	}



.linksleft {

	float: left;

	margin-right: 10px;

	width: 140px;

	padding: 0 0px 0px 0px;

	list-style-type: none;

	}



.linksleft ul {

	list-style-type: none;

	}



.linksleft li {

	display: inline;

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	}



.linksleft li a {

	padding: 4px;

	display: block;

	margin:  0;

	text-decoration:none;

	}

	

.topstory:hover .postmeta, .substory:hover .postmeta {

	border-top: 1px solid #555;

	}

	



/* right column lists */	

#right ul.links, .middle ul.links, .tabbertab ul {

	list-style-type: none;

	border-top: 1px solid #DDD;

	margin: 0 10px 10px 0;

	}

#right ul.links li a, .middle ul.links li a, .tabbertab ul li a{

	display: block;

	width: 122px;

	border-bottom: 1px solid #DDD;

	padding: 3px 0px 3px 8px;

	background: url('images/bullet_light.gif') no-repeat left center;

	text-decoration: none;

	color: #666;

	}

	

#right ul.links li a:hover, .middle ul.links li a:hover, .tabbertab ul li a:hover {

	background: url('images/bullet.gif') no-repeat left center;

	color: #333;

	}

	

/* middle column lists */	

.middle ul.links {

	margin: 0 0 0 0;

	}

	

.middle ul.links li a {

	width: 102px;

	}

	

.middle .box {

	float: right;

	width: 110px;

	border: 1px solid #DDD;

	background: #F6F6F6;

	padding: 10px;

	margin: 0 0 10px 10px;

	}

ul.xoxo {
	padding-left: 5px;
	line-height: 150%;
	font-size: 14px;
	list-style: none;
	}

	