/*
Theme Name: LazyTime
Theme URI: http://www.wheyproteinsite.co.uk/wplazytimetheme/
Description: A clean, 2 column, widget ready theme. Great for a blog with a featured posts showcase. <a href="http://www.wheyproteinsite.co.uk/wplazytimetheme/lazytime.zip">Download Theme</a>
Author: <a href="http://www.wheyproteinsite.co.uk">Whey protein</a> site


*/


#featured{ 
	width:590px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
	overflow: hidden;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:540px; 
	list-style:none; 
	padding:0; margin:0; 
	width:300px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
	text-decoration: none;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:540px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	width:540px;
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:13px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


	body {
		background: #000 url(images/bg.png) top center no-repeat;
		margin:0; padding:0;
	}
	
	#page {
		width: 850px;
		margin: 90px auto 0 auto;
		background: #fff;
		padding: 15px;
		position: relative;
	}
	
	#footer {
		width: 880px;
		background-image: url(images/footer.png);
		height: 55px;
		margin:0 auto 100px auto;padding:0;
	}
	
	#footer p {
		margin:0;
		padding: 10px;
		color: #fff;
		font: 12px "Trebuchet MS";
	}
	
	#footer a {
		color: #000;
		text-decoration: none;
		border-top: 1px dotted #fff;
		border-bottom: 1px dotted #fff;
	}
	
	#footer a:hover {
		color: #fff;
		text-decoration: none;
		border-top: 1px dotted #000;
		border-bottom: 1px dotted #000;
	}
	
	.clear {
		clear: both;
	}
	
	#navbar {
		border-top: 1px dotted #000;
		border-bottom: 1px dotted #000;
		height: 30px;
		font: 15px Georgia;
		text-transform: uppercase;
	}
	
	#navbar ul {
		margin:0; padding: 6px 0 0 0;
	}
	
	#navbar ul li {
		display: inline;
		padding: 0 4px;
	}
	
	#navbar ul li a {
		color: #3366cc;
		text-decoration: none;
		font-weight: bold;
	}
	
	#navbar ul li a:hover {
		color: #000;
	}
	
	#content {
		width: 550px;
		padding: 10px;
		margin: 10px 0 0 0;
		float:left;
		
	}
	
	#content a {color: #3366cc; text-decoration:none;}
	#content a:hover {text-decoration: underline;}
	
	
	#content h2 {
		font: 30px "Trebuchet MS", Arial;
		font-weight: bold;
		margin:0; padding:0;
	}
	
	#content h2 a {
		color: #000;
		text-decoration: none;
	}
	
	#content h2 a:hover {
		text-decoration: none;
	}
	
	#content h1 {font-family:"Trebuchet MS", Arial;}
	
	.postyinfo {
		color: #444;
		font-family: "MS Serif", "New York", serif;
		padding: 4px 0; margin:4px 0;
        border-top: 1px dotted #ccc;
	    border-bottom: 1px dotted #ccc;
	}
	
	.postyinfo a {
		color: #0002d2;
		text-decoration: none;
	}
	
	.postyinfo a:hover {
		text-decoration: underline;
	}
	
	#content p {
		font: 13px "Trebuchet MS", Arial;  
		line-height: 1.5em;
		color: #000;
	}
	
	#sidebar {
		float:right;
		width: 250px;
		padding: 10px;
	}
	
	#sidebar h2 {
		border-bottom: 1px dotted #000;
		margin:20px 0 5px 0; padding: 0;
		font: 20px "Trebuchet MS";
	}
	
	#sidebar ul {
		margin:0; padding:0;
		font: 13px Verdana;
		text-transform: uppercase;
	}
	
	#sidebar ul li {
		margin:0; padding: 5px 0;
		list-style-type: none;
		
	}
	
	#sidebar ul li a {
		color: #3366cc;
		text-decoration: none;
	}
	
	#sidebar ul li a:hover {
		border-bottom: 1px dotted #000;
	}
	

	
	#slogan {
		position: absolute;
		top: 44px;
	   left: 220px;
	   font-family: "Trebuchet MS";
	   font-size: 16px;
	}
	
	#rss {
		position: absolute;
		top: 33px;
	   right: 310px;
	}
	
	#rss img {
		border: none;
	}
	
	img {border: none;}
	
	.readmore {float:left;}
	.postpadding {padding: 0; margin:0 0 15px 0;}
	.morepages {font: 14px "Trebuchet MS";}
	.morepages a {color: #000; text-decoration:none;}
	.morepages a:hover {text-decoration:underline;}
	
	.captify {margin:10px;}


.search {position: absolute; top: 30px;	right: 0px;width: 280px;height: 39px; padding:0;margin:0;}
.search form,.search form input{ width: 250px; margin: 0; padding: 0; border: 0; font-size: 13px; background: transparent; outline: none;}
.search form .keyword{ float: left; width: 237px; height: 35px; overflow: hidden; background: #fff url(images/search.png) no-repeat; padding:0;margin:0;}
.search form .keyword #s{ width:250px; margin: 8px 0 0 10px;}
.search form input#searchsubmit{ position: absolute; right: 25px; width: 27px; height: 34px; overflow: hidden; display: inline; padding:0;margin:0;}


.commentpro textarea {width: 530px;}
.commentpro h3 {font: 20px "Trebuchet MS"; font-weight: bolder;}
.commentpro p {font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.commentpro p a {color: #3366cc; text-decoration:none;}
.commentpro p a:hover {text-decoration: underline;}
.commentspadding {width: 530px;}
.commentspadding h3 {font: 20px "Trebuchet MS"; font-weight: bolder;}
.commentspadding .comment-content {width: 520px; padding: 2px 10px;}
.commentspadding h4 {font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; margin:0; padding:0 0 0 10px; text-transform:uppercase;}
.commentspadding h4 a {font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; margin:0; padding:0 0 0 10px; text-transform:uppercase;} 
.commentspadding h4 a:hover {text-decoration:none;}


.notfound {font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; color: #3366cc;}
.notfound:hover {text-decoration: underline;}
	
	.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 2px 0px;
}
.caption-bottom {
   border-width: 2px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: right;
}
br.c { clear: both; }