/*

Theme Name: OneNews Premium
Theme URI: http://ericulous.com/2007/06/11/popurls-clone-using-wordpress/
Description: Smashing News Aggregator
Version: 2.4
AUTHOR: Genkisan
Author URI: http://ericulous.com/
Tags: 3 columns, white, black, feeds, aggregator, fixed width

*/

body {
background: #fff url(images/nav/background.jpg) repeat-x top; 
color: #8c8c8c;
font-family: verdana, geneva, sans-serif;
font-size: 75%;
line-height: 140%;
margin: 0;
padding: 0;
}

h2,h3,h4 {color:#00a7e5;font-family:"Century Gothic","Avant Garde Gothic","Avant Garde","URW Gothic L", Tahoma,sans-serif;font-weight: normal;}
h2 { font-size: 3.2em; line-height: 1.4em;margin: 5px 0; padding: 5px 0; }
h3 { font-size: 1.6em; margin: 5px 0; padding: 0; line-height: 140%;}
h4 { font-size: 1.4em; margin: 5px 0; padding: 5px 0; }
input, textarea { border: 1px solid #dcdcdc; }
form { margin: 0; padding: 0; }
p {	color: #8c8c8c;	margin:0 0 1em 0; padding:0; }
a { color: #00a7e5; text-decoration: none; border: none; }
a:hover { color: #006699; }
img { border: 0; }

.content { margin: 0px auto; width: 960px; }
.narrow {width:780px;margin-right:20px;float:left;}
/* Top part */
#top { height: 70px; padding-bottom:30px; }
	#top #logo {width:148px;height:70px;float:left;background: url(images/nav/logo.jpg) no-repeat;margin:0;text-indent: -9009px;}
	img#homepage_pic {float:left;margin-top: 20px;}



/*Navigation*/
ul#navigation {height:70px;width:800px;float:right;list-style: none;margin: 0;text-indent: 0;padding: 0;}
ul#navigation li {display: block;float: left; list-style-type: none;}
ul#navigation li a{display:block;height: 70px;text-indent: -9009px;}
ul#navigation li#home a{width:84px; background:url(images/nav/home.jpg) top;}
ul#navigation li#home a:hover{background-position: bottom;}
ul#navigation li#about a{width:92px; background:url(images/nav/about.jpg) top;}
ul#navigation li#about a:hover{background-position: bottom;}
ul#navigation li#thirdspace a{width:132px; background:url(images/nav/thirdspace.jpg) top;}
ul#navigation li#thirdspace a:hover{background-position: bottom;}
ul#navigation li#whatson a {width:129px; background:url(images/nav/whatson.jpg) top;}
ul#navigation li#whatson a:hover{background-position: bottom;}
ul#navigation li#headspace a {width:134px; background:url(images/nav/headspace.jpg) top;}
ul#navigation li#headspace a:hover{background-position: bottom;}
ul#navigation li#news a {width:84px; background:url(images/nav/news.jpg) top;}
ul#navigation li#news a:hover{background-position: bottom;}
ul#navigation li#contact a {width:107px; background:url(images/nav/contact.jpg) top;}
ul#navigation li#contact a:hover{background-position: bottom;}

#subnav {
width:280px;float:left;margin-right:20px;padding: 0;}
#subnav ul {
	border-top: #8c8c8c dashed thin;
	list-style: none;
	text-indent: 0px;
	margin: 0;
	padding:0;
	}
#subnav ul li{	
		border-bottom: #8c8c8c dashed thin;
		}	
#page-with-subnav .postcontent{
width:640px; float: left;}
.home .post {
	margin-right: 170px;
	}
#page-with-subnav h2{
margin-left:320px;}
#breadcrumbs{	
		border-top: #8c8c8c dashed thin;
		border-bottom: #8c8c8c dashed thin;
		margin-bottom: 5px;
		}	
/* News Blocks */
.newsblock {
width:320px; float:left; padding:0; margin:0 0 40px 0;
}

.newsblockfull {
width:960px; float:left; padding:0; margin:0 0 40px 0;
}

.favicon {
float:left; padding-right:5px; background-color:#fff;
}

.news-entry h2 {
font-size: 1.5em;
margin: 0;
padding: 0 0 15px 0;
}

.news-entry h2 a, .news-entry h2 a:active, .news-entry h2 a:link, .news-entry h2 a:visited {
color: #3f3f3f;
}

.news-entry h2 a:hover {
color: #000;
}

.news-entry a, .news-entry a:active, .news-entry a:link, .news-entry a:visited {
color: #326ea1;
text-decoration: none;
}

.news-entry ul{
list-style-type: none;
padding: 0;
margin: 0;
font-size: 0.9em;
width: 300px;
overflow: hidden;
}

.news-entry li  {
border-top: 1px solid #dcdcdc;
line-height: 16px;
}

.news-entry li a{
display:inline-block;
width: 300px;
padding: 2px 0 2px 0;
}

.news-entry li a:visited {
color: #888;
}

.news-entry li a:hover {
color: #333;
text-decoration: none;
background-color: #fafafa;
display:inline-block;
}

.news-entry img{
background-color: #fafafa;
}

.clearer { clear: both; height: 30px; }

/*Blog sidebar */
#sidebar {
	width: 160px;
	float:right;
	}
#sidebar ul {
	list-style: none;
	text-indent: 0px;
	margin: 0 0 20px 0;
	padding:0;
	}
#sidebar ul ul li, 	.home #sidebar ul li {
	border-bottom: #8c8c8c dashed thin;
	}	
#sidebar ul ul {
	border-top: #8c8c8c dashed thin;
	}	
/* Post */
.postcontent img {
	margin: 5px auto;}
.blog-heading {
	border-bottom: #8c8c8c dashed thin;
	padding-bottom: 5px;
	margin-bottom: 5px;
	}

.blog-heading h2 a{
	color:#00a7e5;font-family:"Century Gothic","Avant Garde Gothic","Avant Garde","URW Gothic L", Tahoma,sans-serif;font-weight: normal;}
.post {
margin: 0 15px 0 0;
}

.post a {
color: #326EA1;
}

.post a:hover {
color: #00a7e5;
text-decoration: underline;
}

.post blockquote {
background: url(images/quote.gif) no-repeat; 
margin:1em; 
padding: 0 0 0 3em;
color: #666;
}

.blog .postcontent, .single .postcontent{
	width: 780px;
}

.comments{
	padding:2px 0;
	border-top: #8c8c8c dashed thin;
	border-bottom: #8c8c8c dashed thin;
	clear:both;
	}

.postmeta {
color: #555;
font-size: 1.1em;
float: left; 
margin: 0 0 0 0; 
text-align:right;
width: 380px;
}

hr {
height: 1px; 
border-style: none; 
color: #d0d0d0; 
background-color: #d0d0d0;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
padding-bottom: 30px;
}


/* Comments */
.commentdiv {
width:780px;
}

h3#comments{
	border-top: #8c8c8c dashed thin;
	border-bottom: #8c8c8c dashed thin;
}
ol.commentlist {
color: #666;
list-style-type: none;
margin: 0;
margin-top: 1.5em;
padding: 0;
}

.commentlist li {
margin-bottom: 2em;
padding: 0.5em 1em 0.5em 0;
}

ol.trackbacklist {
color: #666;
list-style-type: none;
margin: 0;
padding: 0;
}

.trackbacklist li {
padding: 0.3em 0;
}

.trackbacklist li a{
color: #999;
font-weight: normal;
}

.alt1, .odd {
border-bottom:#8c8c8c dashed thin;
padding: 0.5em;
}

.alt2, .even {
border-bottom:#8c8c8c dashed thin;
padding: 0.5em;
}

.commentlist ul.children {
}

.commentlist ul.children li {
border: none;
list-style: none;
margin: 20px 0 0 0;
}

.bypostauthor {
}

.commentcount {
float: right;
font-size: 1.8em;
font-weight: bold;
font-style: italic;
margin-top: 5px;
}

.commentcount a {
color: #ccc;
}

.commenttext {
margin: 10px 55px 0 35px;
font-size: 1.1em;
}

.commenttext blockquote {
background: url(images/quote_comments.gif) no-repeat; 
padding-left: 25px;
}

.commentsnavigation {
padding: 30px 0;
}

.gravatar {
float: left;
margin-top: 2px;
padding-right: 10px;
}


/* Footer */
#footer {
border-top: 1px solid #efefef;
clear: both;
color: #999;
font-size: 0.8em;
margin: 0 15px 1em 0;
padding: 2em 0 1em 0;
text-align: center;
}

#bottombar {
clear: both;
margin: 30px 0 0 0;
padding: 0 0 20px 0;
}

#bottombar .bottomblock {
width:260px; float:left; padding:10px; margin-right:20px;
}


#bottombar .last {
padding: 0;
}

#bottombar h3 {
color: #00a7e5;
font-size: 1.4em;
margin: 10px 0;
padding: 0;
font-weight: normal;
}

#bottombar ul{
list-style-type: none;
padding: 0;
margin: 0;
width: 298px;
}

#bottombar li {
margin: 5px 0 5px 0;
}

#bottombar li a {
text-decoration: none;
}

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


/* Misc */


ul.photoblock {
width: 100%;
	border-bottom: 1px solid #ccc;

}
ul.photoblock li{
	display: block;
	float: left;
	width:160px;
	}
img.youtubeimage{
border: 1px solid #ccc;
padding: 3px;
margin: 3px 3px 3px 5px;
margin-bottom: 8px;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px 20px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
table#wp-calendar {
	width:160px;
	border-bottom: #8c8c8c dashed thin;}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */