/*
Theme Name: Ferrari-Car-Theme
Description: Ferrari Wordpress theme
Version: 1.0
Author: Vcars
Author URI: http://www.vcars.co.uk/
Tags: Ferrari, red, cars, motoring, blue, red, motors


   This theme was designed and built by Vcars,
   whose blog you will find at http://www.vcars.co.uk/

   If you have any questions about this theme, please
   visit http://www.vcars.co.uk/wordpress-themes/
*/


/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
   margin:0;
   padding:0;
   }
ul,li {
   list-style-type:none;
   }



a{
   outline: none;
   text-decoration:none;
}

body {
   margin:0;
   padding:0;
   text-align:center;
   background:#fff;
   font-family: Arial, Helvetica, sans-serif;
   font-size:14px;
   background:url('images/bg.gif') repeat-x;

}

body p{
   color:#666;
   line-height:1.5em;
}

#wrapper{
   margin: 0 auto;
   width:900px;
   text-align:left;
}


/* Header
------------------------------------------------------------------*/

#header{
   float:left;
   height:175px;
   background:url('images/mainimage.jpg') no-repeat right;
   width:900px;
}

#title{
   position:relative;
   top:90px;
   color:#fff;
}

#title h1{
   font-size:30px;
}

#title h1 a{
   color:#fff;
}

#title h1 a:hover{
   color:#eee;
}

#navigation{
   float:left;
   width:900px;
   z-index:2;
   position:relative;
}

#navigation li{
   float:left;
   padding:6px;
}

#navigation li a{
   padding:6px;
   background:#D91A1A;
   color:#fff;
   letter-spacing:0.1em;
   font-size:13px;
}

#navigation li a:hover{
   padding:6px 6px 4px 6px;
   background:#333;
   color:#fff;
   letter-spacing:0.1em;
}

#contentleft{
   width:650px;
   float:left;
}

#content{
   float:left;
   margin-top:10px;
   margin-bottom:50px;
}

h2.pagetitle{
   width: 530px;
   float:left;
   margin-top:30px;
   font-size:30px;
}


/* Content
------------------------------------------------------------------*/


.post{
   float:left;
   width:650px;
   margin-top:20px;
   color:#666;
   border-bottom:2px solid #eee;
   padding-bottom:20px;
}

.postheader{
   width:650px;
   float:left;
}

.postdate{
   position:relative;
   width:50px;
   height:50px;
   background:url('images/date.gif') no-repeat;
   float:left;
}

.postdatemonth{
   color:#fff;
   font-size:11px;
   font-weight:bold;
   width:45px;
   text-align:center;
}

.postdatedate{
   color:#666;
   font-size:20px;
   font-weight:bold;
   width:43px;
   text-align:center;
   position:relative;
   top:3px;
}

.posttitle{
   float:left;
   width:500px;
}

.posttitle h2{
   display:inline;
}

.posttitle a{
   font-size:26px;
   color:#900;
}

.posttitle a:hover{
   color:#333;
}


.postcontent{
   float:left;
   width:530px;
   margin-top:15px;
   line-height:1.5em;
   font-size:12px;
}

.postcontent a{
   color:#990000;
   text-decoration:underline;
}

.postcategory{
   float:left;
   width:530px;
   font-size:12px;
   margin-top:10px;
}

.posttags{
   float:left;
   width:440px;
   font-size:12px;
   margin-top:10px;
}

.postcomment{
   float:left;
   width:90px;
   font-size:12px;
   margin-top:10px;
   height:46px;
   background:url('images/commenticon.gif');
}

.postcount{
   position:relative;
   float:right;
   right:8px;
   top:5px;
   width:21px;
   text-align:center;
}

.postcount a{
   color:#666;
   font-weight:bold;
}

.postcount a:hover{
   color:#333;
}

.postbottom{
   width:530px;
   float:left;
}

.posttags a{
   color:#666;
}

.posttags a:hover{
   text-decoration:underline;
}

.postcategory a{
   color:#E63C3C;
}

.postcategory a:hover{
   text-decoration:underline;
}


#paging{
   width:550px;
   float:left;
   margin-top:40px;
}

#paging a{
   color:#990000;
   font-size:24px;
}

#paging a:hover{
   color:#666;
}

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


.alignleft{
   width:225px;
   float:left;
}

.alignright{
   width:225px;
   float:right;
   text-align:right;
}

/* Sidebar
------------------------------------------------------------------*/


#sidebar{
   width:210px;
   float:left;
}

#sidebarabout{
   float:left;
   background:#fff;
   margin:10px;
   width:210px;
}

#sidebarabout h3{
   margin:15px 15px 0 15px;
   font-size:16px;
   letter-spacing:0.1em;
}

#sidebarabout p{
   padding:15px;
}


.sidebarlinks{
   float:left;
   background:#fff;
   margin:10px;
   width:210px;
}

.sidebarlinks h3{
   margin:15px 15px 0 15px;
   font-size:16px;
   letter-spacing:0.1em;
   color:#900;
   text-decoration:underline;
   width:180px;
   background:url('images/spanner.gif') left no-repeat;
   text-indent:30px;
}


.sidebarlinks ul.children li{
   width:180px;
}


.sidebarlinks ul{
   float:left;
   padding-bottom:15px;
   display:block;
}

.sidebarlinks li{
   margin:15px 15px 0px 15px;
}

.sidebarlinks li a{
   color:#900;
}

.sidebarlinks li a:hover{
   color:#666;
}

#searchmenu .searchbg{
   width:180px;
   border:1px solid #990000;
}

#searchmenu .searchbtn{
   border:1px solid #990000;
   color:#fff;
   background:#990000;
   font-weight:bold;
   font-size:12px;
   padding:1px;
}

/* Footer
------------------------------------------------------------------*/


#footer {
   background:#990000;
   text-align:center;
   padding:.5em;
   margin:0;
   clear:both;
   color:#fff;
   }

#footer a{
   color:#fff;
   text-decoration:underline;
}

#flag{
   background:url('images/flag.gif');
   height:201px;
   width:305px;
   position:absolute;
   left:0px;
   z-index:1px;
}


/* Comments
------------------------------------------------------------------*/


#commentform p{
   float:left;
   color:#333;
   margin-top:10px;
}

#commentform a{
   color:#900;
   text-decoration:underline;
}

#commentform a:hover{
   text-decoration:none;
}

#commentform input {
   width: 170px;
   padding: 2px;
   margin: 5px 5px 1px 0;
   border:1px solid #666;
   color:#666;
   }

#commentform textarea {
   width: 543px;
   padding: 2px;
   border:1px solid #666;
   }

#commentform #submit {
   margin: 0;
   float: right;
   }
   
.commentforminput{
   float:left;
   margin-top:10px;
}  

ol.commentlist li {
   float:left;
   list-style: none;
   display:block;
   margin: 0;
   padding: 10px;
   width:530px;
   border-bottom:1px solid #999; 
   }

.commentlist {
   padding: 0;
   text-align: justify;
   }


.nocomments {
   text-align: center;
   margin: 0;
   padding: 0;
   }

.commentmetadata {
   margin: 0;
   display: block;
   }
   
.leaveacomment{
   width:550px;
   float:left;
   border-bottom:3px solid #900;
   margin-top:30px;
}

.loggedin{
   float:left;
   margin:10px 0 10px 0;
}

.avatar{
   float:left;
   margin-right:5px;
}

.commentinfo{
   float:left;
   display:block;
   color:#666;
   font-size:11px;
}

#commentsubmitbtn{
   margin-top:10px;
   float:right;
}

.avatar img{
   border:1px solid #999;
   padding:2px;
}

.commentcontent{
   width:480px;
   float:left;
   display:block;
   padding-left:48px;
   font-size:13px;
   line-height:1.8em;
}

.commentforminput{
   float:left;
   display:block;
   width:500px;
}

.commentcontent p{
   margin-bottom:10px;
}

h4{
   background:#900;
   width:200px;
   text-indent:5px;
   padding:4px;
   color:#fff;
}  


/* Required by Wordpress
------------------------------------------------------------------*/


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption-dd {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}