/*
Theme Name: zavviblog2
Description: zavviblog2
Author: zavviblog2
*/

/* reset */

body, html, p, h1, h2, h3, h4, h5, h6, img, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	}
			
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #3b3b3b;
	}
	
p {
	font-size: 12px;
	margin: 1em 0;
	}
	
/* end of reset */

a {
	color: #4DA002;
}

#outerHeader {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	background: #131a13;
	height: 156px;
	border-bottom: 5px solid #85d706;
}

#innerHeader {
	width: 960px;
	margin:0 auto;
	height: 156px;
	position: relative;
}

#headerBanner {
	float: left;
	clear: none;
	width: 728px;
	height: 90px;
	background: #444;
	margin-top: 15px;
}

#innerHeader h1 {
	width: 205px;
	height: 57px;
	text-indent: -9999px;
	float: left;
	clear: both;
	margin-top: 28px;
	margin-right: 10px;
}

#innerHeader h1 a {
	width: 205px;
	height: 57px;
	display: block;
	background: url(images/zavvi-logo.gif) no-repeat;
}

/* Search */
#search {
height:34px;
padding-top:13px;
padding-bottom: 2px;
margin-top:9px;
margin-bottom: 12px;
width:299px;
float:right;
clear: none;
background:transparent url(images/search-bg.gif) no-repeat scroll left top;
}

#search form {
display:inline;
margin:4px;
padding:0;
}

#search fieldset {
border:none;
margin:0;
padding:0;
}

#search p {
margin:0;
}

#s {
float:left;
width:186px;
border:1px solid #D6D9D1;
color:#000;
margin:0 10px 0 15px;
padding:3px;
}

#searchsubmit {
width:68px;
float:left;
background:url(http://www.zavvi.com/images/buttons/catalogue-spritev2.png) -1px 122px;
border:none;
color:#FFF;
height:22px;
cursor:pointer;
}

#searchsubmit:hover {
background:url(http://www.zavvi.com/images/buttons/catalogue-spritev2.png) 69px 122px;
}

/*************************************************************
Navigation
**************************************************************/
#nav {
width:935px;
float:left;
clear: both;
margin: 18px 0 0 0 ;
}

#nav ul {
list-style:none;
margin:0;
padding:0;
}

#nav ul li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
z-index:9998;
margin:0 2px 0 0;
padding:0;
}

#nav li a {
float:left;
text-indent:-9999px;
background-image:url(images/blog-nav-bg-v3.png);
background-repeat:no-repeat;
text-decoration:none;
cursor:pointer;
height:33px;
padding:0;
}

#nav li.last a {
margin-right:0;
}

#nav a.home,#nav a.home-on {
width:71px;
background-position:0 0;
}

#nav a.films,#nav a.films-on {
width:138px;
background-position:-71px 0;
}

#nav a.music,#nav a.music-on {
width:71px;
background-position:-209px 0;
}

#nav a.games,#nav a.games-on {
width:71px;
background-position:-280px 0;
}

#nav a.gadgets,#nav a.gadgets-on {
width:138px;
background-position:-351px 0;
}

#nav a.fashion,#nav a.fashion-on {
width:89px;
background-position:-489px 0;
}

#nav a.competitions,#nav a.competitions-on {
width:125px;
background-position:-578px 0;
}

#nav a.zavvi-news,#nav a.zavvi-news-on {
width:115px;
background-position:-704px 0;
}

#nav a.shop,#nav a.shop-on {
width:70px;
background-position:-820px 0;
}

.home #nav a.home {
background-position:0 -37px;
}

.category-films #nav a.films {
background-position:-71px -37px;
}

.category-music #nav a.music {
background-position:-209px -74px;
}

.category-games #nav a.games {
background-position:-280px -74px;
}

.category-gifts-gadgets #nav a.gadgets {
background-position:-351px -37px;
}

.category-fashion #nav a.fashion {
background-position:-489px -37px;
}

.category-competitions #nav a.competitions {
background-position:-578px -37px;
}

.category-zavvi-news-and-stories #nav a.zavvi-news {
background-position:-704px -37px;
}

.category-shop-zavvi #nav a.shop {
background-position:-820px -37px;
}

#nav a.home:hover,#nav li.hover a.home {
background-position:0 -74px;
}

#nav a.films:hover,#nav li.hover a.films,#nav li.active a.films {
background-position:-71px -74px;
}

#nav a.music:hover,#nav li.hover a.music,#nav li.active a.music {
background-position:-209px -74px;
}

#nav a.games:hover,#nav li.hover a.games,#nav li.active a.games {
background-position:-280px -74px;
}

#nav a.gadgets:hover,#nav li.hover a.gadgets,#nav li.active a.gadgets {
background-position:-351px -74px;
}

#nav a.fashion:hover,#nav li.hover a.fashion,#nav li.active a.fashion {
background-position:-489px -74px;
}

#nav a.competitions:hover,#nav li.hover a.competitions,#nav li.active a.competitions {
background-position:-578px -74px;
}

#nav a.zavvi-news:hover,#nav li.hover a.zavvi-news,#nav li.active a.zavvi-news {
background-position:-704px -74px;
}

#nav a.shop:hover,#nav li.hover a.shop,#nav li.active a.shop {
background-position:-820px -74px;
}


#outerMain {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	background: #ffffff;
}

#innerMain {
	width: 960px;
	margin:0 auto;
	min-height: 400px;
	position: relative;
}

#mainColumn {
	float: left;
	clear: both;
	width: 620px;
	margin-top: 20px;
	margin-right: 20px;
}


/****************************************************************************
Big Post stuff (the ones with thumbnails)
****************************************************************************/

.big-post {
	float: left;
	clear: both;
	width: 580px;
	margin-bottom: 20px;
	padding: 20px;
	background: url(images/big-post-bg.jpg) no-repeat;
	height: 145px;
	position: relative;
}

.big-post .read-more {
	text-indent: -9999px;
	width: 94px;
	height: 22px;
	display: block;
	background: url(images/read-more.gif) no-repeat;
	position: absolute;
	bottom: 25px;
	left: 180px;
}

.big-post .read-more {
	outline: none;
}

.big-post-thumb {
	float: left;
	clear: both;
	width: 162px;
	height: 142px;
}

.big-post-info {
	float: left;
	clear: none;
	width: 415px;
}

.big-post img, #mainColumn img {
	border: solid 1px #7bc143;
}

.big-post h4 {
	float: left;
	width: 100%;
}

.big-post p {
	line-height: 16px;
}

.time {
	font-size: 11px;
}

.time a {
	color: #4DA002;
}

/****************************************************************************
Sub Posts stuff (the ones without thumbnails)
****************************************************************************/

#sub-posts-top {
	float: left;
	clear: both;
	width: 620px;
	background: url(images/sub-posts-bg-top.jpg) no-repeat;
	height: 15px;
	position: relative;

}

#sub-posts-main {
	float: left;
	clear: both;
	width: 580px;
	margin-bottom: 20px;
	padding: 2px 20px 5px 20px;
	background: url(images/sub-posts-bg-main.jpg) bottom left no-repeat;
	position: relative;
}

.sub-post {
	width: 100%;
	border-bottom: solid 2px #85d706;
	margin-bottom: 1em;
}

.sub-post .time {
	margin-top: -5px;
}

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

#rightColumn {
	float: left;
	clear: none;
	width: 300px;
	min-height: 300px;
	margin-top: 12px;
}

.right-col-box-top {
	float: left;
	clear: both;
	width: 300px;
	background: url(images/right-col-box-top.jpg) no-repeat;
	margin-top: 20px;
	height: 10px;
}

.right-col-box {
	float: left;
	clear: both;
	width: 270px;
	padding: 1px 15px 15px 15px;
	background: #e8e8e8 url(images/right-col-box-bottom.jpg) bottom left no-repeat;
}

* html .right-col-box {
	margin-top: -10px;
}

#latest-tweet {
	width: 270px;
	height: 157px;
	padding: 15px;
	float: left;
	clear: both;
	background: url(images/latest-tweet-bg.jpg) no-repeat;
	position: relative;
}

#latest-tweet h4 {
	margin-top: 5px;
}

#latest-tweet .ltp {
	font-style: italic;
	width: 250px;
	margin: 20px 0 0 10px;
}

#latest-tweet .ltp a {
	color: #3b3b3b;
	text-decoration: none;
}

#latest-tweet .ltp a:hover {
	color: #4DA002;
}

.aktt_tweet_time {
	display: block;
	font-style: normal;
	}
	
.follow {
	position: absolute;
	bottom: 5px;
}	
	
.follow a {
	color: #4DA002;
}

#email-signup {

}	

#email-signup .textinput {
	width:230px !important;
	width: 210px;
	margin: 0;
	padding: 3px 1px 1px 1px;
	height:20px;	
}

#email-signup .submit-it {
	background: url(images/email-signup-submit.jpg) no-repeat;
	border:0;
	cursor:pointer;
	width:25px;
	height:20px;
	padding:0;
	margin: 0;
}

#rss {
	padding: 5px 15px 5px 15px;
}

#rss p {
	font-size: 11px;
	margin-top: 5px;
}

#rss img {
	float: left;
	margin-right: 15px;
}

#rss h4 {
}

#rss h4 a {
	text-decoration: none;
	color: #3b3b3b;
}

#rss h4 a:hover {
	text-decoration: underline;
}

#poll {

}

#poll ul li {
	list-style: none;
	line-height: 1.2em;
}

#poll label, #poll li {
	font-weight: normal;
	font-size: 12px;
}

* html #poll label {
	font-size: 18px;
}

.poll-vote-btn {
	width: 55px;
	height: 22px;
	text-indent: -9999px;
	display: block;
	cursor:pointer;
	background: url(images/poll-vote-btn.jpg) no-repeat;
}

#view-poll-results, #vote-poll {
	color: #4DA002;
}

#tag-cloud {
	float: left;
	clear: both;
	width: 300px;
	padding: 0 0 5px 0;
	background: #e8e8e8 url(images/right-col-box-bottom.jpg) bottom left no-repeat;
	margin-top: -5px;
}

* html #tag-cloud {
	margin-top: -10px;
}

#outerFooter {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	background: #131a13;
	border-top: 5px solid #85d706;
	margin-top: 20px;
}

#innerFooter {
	width: 960px;
	margin:0 auto;
	position: relative;
	font-size: 12px;
	padding: 15px 0;
}

.footer-column a {
	color: #908f8f;
	text-decoration: none;
}

#popular-posts {
	float: left;
	clear: both;
	width: 210px;
	margin-right: 20px;
	padding: 0 5px;
}

#recent-comments {
	float: left;
	clear: none;
	width: 210px;
	padding: 0 5px;
	margin-right: 20px;
}

#recent-comments strong {
	display: none;
}

#recent-comments li {
	margin-top: -1.3em;
}

#recent-tweets {
	float: left;
	clear: none;
	width: 450px;
	padding: 0 5px;	
}

.footer-column h4 {
	border-bottom: solid 2px #333;
	margin-bottom: 10px;
}

.footer-column li {
	display: block;
	margin-bottom: 0.5em;
}

.footer-column li a:hover {
	text-decoration: underline;
}

#f-terms {
	float: left;
	clear: both;
	width: 100%;
	border-top: solid 2px #333;
	margin-top: 15px;
	padding: 15px 0;
}

#f-terms li {
	list-style-type: none;
	float: left;
	margin-right: 1em;
	color: #908f8f;
}

#f-terms a {
	color: #4DA002;
	text-decoration: none;
	font-weight: bold;
}

#f-terms a:hover {
	text-decoration: underline;
}

.search #mainColumn h2, .tag #mainColumn h2 {
	margin-bottom: 0.5em;
}

.search #mainColumn .post {
margin: 1.5em 0;
}

.search #mainColumn .postmetadata {
	margin-top: 0.5em;
}

.error404 #mainColumn h2 {
	margin-top: 1em;
}

.commentmetadata {
	font-size: 12px;
}

#browse-box ul li {
	list-style-type: none;
}

#browse-box li {
	font-size: 12px;
	line-height: 1.4em;
	}
	
#categories, #archives {
	width: 125px;
	float: left;
	clear: none;
}

#categories {
	margin-right: 15px;
}	

.read-more-2 {
	font-size: 12px;
	margin: -0.5em 0 1.2em 0;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.navigation a {
	font-size: 14px;
	font-weight: bold;
}

.entry img.alignleft {
	margin-right: 10px;
}

.entry img.alignright {
	margin-left: 10px;
}

.entry ul li {
	font-size: 12px;
	margin-left: 2em;
}

.category .post {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 2px solid #85D706;
}

#categories ul li ul.children li {
	margin-left: 1em;
}

.entry img {
	text-align: center;
	margin:0 auto;
}

.no-border {
	border: none;
}

.entry h2, .entry h1 {
	font-size: 16px;
}

#post_author_profile {
	list-style: none;
	font-size: 12px;
}

#post_author_profile h2 {
	display: none;
}

#author-info {
	width: 600px;
	float: left;
	clear: both;
	margin-bottom: 20px;
	background: #E8E8E8;
	padding: 10px;
}

#author-image {
	width: 90px;
	float: left;
	clear: both;
}

#author-bio {
	width: 505px;
	float: left;
	clear: none;
}

#author-bio p {
	margin: 0.5em 0;
}

#sidebarBanner {
	float: left;
	clear: both;
	width: 300px;
	height: 100px;
	background: #444;
	margin-top: 5px;
	margin-bottom: 12px;
}