/*
Theme Name: LaTavola
Theme URI: 
Description: A magazine style theme with a fully customizable layout. Theme options include site width, 1 or 2 widgetized sidebars, logo uploader, multiple front page grid layouts, Google Analytics, header ad space and tons more. Also includes dynamic SEO keywords and page descriptions. Tested on WP 2.8 using Firefox, IE6 and IE7. Fully optimized for search engine ranking. 100% valid xHTML. Designed by <a href="http://www.SteptoandSon.co.uk">Stepto and Son Design</a>.
Version: 1.0
Author: Stepto and Son Design
Author URI: http://www.steptoandson.co.uk/
Tags: right-sidebar,left-sidebar,fixed-width,three-columns,two-columns,white,custom-header,theme-options

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	#21BCFC light blue
	#3929C6 neon purple
*/

/* Basic Tag Elements */

a {
	text-decoration: none;
	outline: none;
	color: #21bcfc;
	}
	
	
	
img { 
	border: 0;
	}
	
.clear{clear:both;}

body {
	color: #ffffff;
 	margin: 0 auto; 
	font-size: 0.9em; 
	padding: 0px; 
	font-family:arial;
	background-color:#000000;
	/*background-image:url(images/background.jpg);
	background-position:center top;*/
	
	width: 965px;
	line-height:1.3;
	position:relative;
	}

	

	#leftcontent, #twocol, #threecol, #threecol2, .commentlist { width: 650px;}
	#leftcontent img { max-width: 610px; }

	
h1, h2, h3, h4, h5{font-style: italic; font-family:georgia;font-weight:normal;}
	
	h1{font-size:1.4em; line-height:1;} /* was 1.7em */
	
	h1.catheader{margin-left:14px;margin-top:10px;font-style: normal;line-height:1; margin-bottom:0px;
	font-size:1.3em;/* was 1.1em */
	font-family:georgia;
	color:#3929c6;
	/*text-transform:uppercase;*/}
	
	.post h1 {margin-bottom:0px;}
	
    h3{font-size:1.3em; line-height:1;} /* was 1.5em */
textarea {
	width: 97%;
	font-family:arial;
	}

/* Header Elements */

#header{
	
	width: 100%;
	text-align: center;
	}

#headerad {
    border:3px solid #ffffff;
	float:right;
	width: 728px;
	height:90px;
    margin:auto;
	margin-top:12px;
	}	

#login {
    margin-top:13px;
	color:#999999;
	text-align: right;
	float:right;
	font-size:0.8em;
	}
	
	#login a {
		
		}
	
#sub-navigation{}
	

#title {
    float:left;
	position:relative;
	left:-7px;
	width:231px; /* was 237 */
	}
	
#title img{
   
	left:-6px;
	}
	

		
#description {
  display:none;
	}		
	
#navigation {
	background-color:#000000;
    margin-top:6px;
	height:34px;
	 margin-bottom:10px;
	padding-left:3px;
	border-bottom:1px solid #3929C6;
	border-top:1px solid #3929C6;
	}

#navigation ul{
	margin:0px; 
	padding:0px;
	line-height:2.1;
	font-size:1.1em;
	font-family:georgia;
	/*text-transform:uppercase;*/
	}

	
	
	#navigation ul li {
		list-style-type: none;
		color:#21BCFC;
		float: left;
		padding: 0;
		margin: 0;
		}
	
	#navigation ul a {
		display: block;
		
		padding: 0 12px;
		color:#21BCFC;
		}
	
	#navigation ul li.current-cat a{color:#3929C6;}
	
								
.search_input{color:#999999; width:130px}

/* Main Elements */
	
#mainwrapper {
	width: 100%;
	padding: 0px;
	}

#sidebar {
	float: right;
	width: 300px;
	}
	
.side {
	margin-bottom: 0;
	}	
	
.side-widget {
	margin: 0 0 10px;
	}
	
	.side-widget ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

	.side-widget ul li {
		padding: 0;
		margin: 0;
		}
		
	.side-widget ul li {
		padding-left: 15px;
		margin: 2px 0;
		}
	
	.side-widget h2 {
		font-size:1.7em; line-height:1; font-style: italic; font-family:georgia;font-weight:normal;
		}
		
	.side-widget .storycontent {
		border-bottom: 1px solid #ddd;
		}
		
	.side-widget .noline {
		border-bottom: 0;
		}		

.posts {
	
	margin-bottom: 10px;
	float: left;
	}
	
	.posts h2 {
		font-size:1.7em; line-height:1; font-style: italic; font-family:georgia;font-weight:normal; margin:0px;
		}
		
	.posts p{
	margin-bottom: 10px;
	}
		
	.posts img {
		margin: 10px 0px 10px 0;
		float: left;
		}
		
		.posts img.alignleft{margin-right:20px;}
		
.readmore {
	font-size:1.3em;
	line-height:0.5;
	}
		
#footer {
margin-top:100px;
	clear: both;
	float: left;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	/*background-image:url(images/bottombar-bg.jpg);*/
	font-size:0.8em;
}

#footer ul{list-style-type:none; margin:0px; padding:0px; text-align:center;}
#footer ul li{display:inline; margin-right:10px;}
/* Left Content Elements */

#leftcontent {
	float:left;
	}
	
	
	.pages, .post{
	padding:1px;
	padding-left:14px;
	}
	
	.posts{
	padding:14px;
	
	border-bottom:1px dotted #3929c6;
	}
   
	.nocomments{padding-left:14px;}
	.meta{font-size:0.8em; color:#999999;}
	.date{ margin-right:6px;display:inline;}
	#comments{padding-left:14px;}
	
	#respond{padding:1px;
	padding-left:14px;}
		
/* This is your subtitle style */

#leftcontent p.sub {
	font-weight: bold;
	font-style: italic;
	}

/* This is your blockquote style */
	
#leftcontent blockquote {
	width: 250px;
	float: right;
	font-style: italic;
	}
	
	#leftcontent blockquote p {
		}

#searchpanel{float:right; padding-right:5px; padding-top:5px;}		
#newsletterbox{height:134px; width:300px; /*background-image:url(images/newsletter-bg.jpg);*/}
#newsletterbox h2{color:#ffffff; padding-top:20px; line-height:1; margin-bottom:10px; padding-bottom:0px; margin-left:20px;font-size:1.4em;}	
#newsletterbox form{margin-bottom:10px; margin-top:0px;}
#newsletterbox div{ padding-top:0px; margin-left:20px;}
#newsletterbox img{ margin-top:0px; margin-left:20px;}		
.more-link {
	text-align: right;

	}

.tags a {
	
	}
	
.ind-post{
	float: left;
	background-color:#000000;
	
	margin-bottom: 10px;
	width:100%;
	border-bottom:1px solid #3929c6;
}

.ind-post h1{margin-top:19px;}
.ind-post p{padding-bottom:10px;}

	.ind-post img {
		margin: 0px 10px 5px 0;		
		}

#twocol {
	float: left;
	margin-bottom: 3px;
	padding: 0px;
	background:url(images/psf-2col-bg2.gif) #000000 top center repeat-y;
	
	}

	#twocol img {
		margin: 0px 8px 5px 0;
		
		}
		
	#twocol hr.two {
		height: 0;
		border: 0;
		clear: both;
	
		}
	
.mainhr {
	float: left;
	
	clear: both;
	width: 100%;
	height: 1px;
	border: 0;
}	
	
.twopost {
	width: 46%;
	float: left;
	border-bottom:1px solid #3929C6;
	padding-bottom:15px;
	}	

	.twopost2, .twopost4 {
		margin-left: 7.5%;
		}
		
	.twopost3, .twopost4 {
		
		padding-top:5px;
		}
		
	.twopost1, .twopost3 {
		clear: left;
		}	
		
		.ind-post .storycontent, .twopost .storycontent{padding-left:13px;}	
		.ind-post h1, .twopost h1{padding-left:13px;}	
		
#threecol {
	float: left;
	background: url(images/line.png) repeat-y 31.5% 0;
	margin-top: 3px;
	}

#threecol2 {
	float: left;
	padding: 0;
	background: url(images/line.png) repeat-y 67% 0;
}

	#threecol img {
		margin: 0px 5px 5px 0;
		border: 1px solid #aaa;
		}

.threepost {
	width: 29%;
	float: left;
	border-top: 1px solid #aaa;
	padding-top: 10px;
	}

	.threepost2, .threepost5 {
		padding: 10px 0 0;
		margin: 0 6%;
		}
		
	.threepost1, .threepost2, .threepost3 {
		border-top: 0;
		}
		
	.threepost1, .threepost4 {
		clear: left;
		}
	
	
		
/* Other Elements */

.red, .entry a {
	
	}
	
#tagcloud {

	text-align: center;
	margin: auto;
	padding: 20px;
	}	
	
#tagcloud a {
	
	}

/* Comment Elements */

h3#comments {
	text-transform: none;
	padding-bottom: 5px;
	}

#postcomments {
	padding-top: 20px;
	}
			
 #author, #email, #url, #comment{border-top:1px solid #bbbbbb; border-left:1px solid #cccccc; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; background-color:#f6f6f6;}
#author, #email, #url{height:28px;}

	 ol.commentlist { list-style:none; margin:0; padding:0;margin-left:14px; }

	 ol.commentlist li { border-bottom:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }

	 ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }

	 ol.commentlist li div.vcard { font-weight:bold;}

	 ol.commentlist li div.vcard cite.fn { font-style:normal;}

	 ol.commentlist li div.vcard cite.fn a.url, .cancel-comment-reply a { 
	  }

	 ol.commentlist li div.vcard cite.fn a.url:hover, .cancel-comment-reply a:hover { color:#000; }

	 ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }

	 ol.commentlist li div.comment-meta { font-weight:bold; position:absolute; right:10px; text-align:right; top:5px; }

	 ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }

	 ol.commentlist li p { font-weight:normal;margin:5px 0 12px; }

	 ol.commentlist li ul { font-weight:normal; list-style:square; margin:0 0 12px; padding:0; }

	 ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 arial,helvetica,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }

	 ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }

	 ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }

	 ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }

	 ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }

	 ol.commentlist ul.children li.odd { background:#fff; }

	 ol.commentlist ul.children li.even { background:#f6f6f6; }

	 ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
			
.commentnumber {
		position: absolute;
		left: 7px;
		bottom: 3px;
		color: #ccc;
		}

/* WordPress Required Elements */

.aligncenter, div.aligncenter {
   display: block;
   margin: 5px auto;
}

.entry .alignleft, div.alignleft {
   float: left;
   margin: 5px 10px 5px 0px;
   
}

.alignleft {
   float: left;}
   

.alignright, div.alignright {
   float: right;
   margin: 5px 0px 5px 15px;
   
}

.alignnone {
	margin: 5px 0;
	}

.wp-caption {
  
   text-align: center;
   /*background-image:url(images/image-bg.jpg)*/;
   background-repeat:no-repeat;
   background-position:bottom left;
   padding: 5px;
   
   margin: 0;
 margin-bottom:7px;
  
}

.entry .alignleft, div.alignleft .wp-caption{
/*background-image:url(images/image-left-bg.jpg);
 
   background-position:bottom right;*/
}

.wp-caption img {
   margin: 0;
   padding: 5px;
   margin-bottom:5px;
   display:block;
}

.wp-caption p.wp-caption-text {
 /*background-image:url(images/label.gif)*/;
 padding-top:5px; 
padding-bottom:6px; 
margin:0px; 
padding-left:15px; 
padding-right:15px;  
background-repeat:repeat-x;

color:#21bcfc;/* #aa6b7f */
display:inline;
}

#today {
	color: #cc0000;
	}

#wp-calendar {
	margin: auto;
	}
	
.twitterbird{text-align:center; padding-top:0px;}
.twitterbird img{position:relative; top:20px;}	
ul.twitter{font-size:0.8em;margin:0px;padding:5px;}
ul.twitter li{margin:0px; padding:0px; padding-bottom:5px; border-bottom:1px dotted #ededed; margin-bottom:5px;}
span.twitter-timestamp{font-style:italic; color:#04acea; border:0px;}
		
		.post-ratings em, .post-ratings strong{font-weight:normal;font-style: normal; font-size: 1em; 
	padding: 0px; 
	font-family:arial;
}


#newtagcloud ul, #newtagcloud li{margin-left:4px; padding-left:0px;}

.addtoany_share_save_container{/*clear:both;*/ padding:10px 0;}

/*.wpcf7 input{border-top:1px solid #bbbbbb; border-left:1px solid #cccccc; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; background-color:#f6f6f6;height:28px;}*/
.wpcf7 input{}
.wpcf7 textarea{border-top:1px solid #bbbbbb; border-left:1px solid #cccccc; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; background-color:#f6f6f6;}
.nlfield input{ width:140px;}

p {font-size:0.9em;}

#cksubscribe { padding:20px;}
#cksubscribe h2 {font-size:1.4em; line-height:1;}
#cksubscribe .wpcf7 input {
/*background-color:#F6F6F6;
border-color:#BBBBBB #EEEEEE #EEEEEE #CCCCCC;
border-style:solid;
border-width:1px;
height:17px;*/
}

.twopost {height:200px;}
#cksubscribe {padding:20px 20px 0 20px;}
div.wpcf7-mail-sent-ok  { border:none; color:#21BCFC;}
div.wpcf7-response-output  {
margin:0;
padding:0.5em 0;
}