/* 
Theme Name: EmmisF1
Theme URI: 
Description: Simple F1 fansite theme.
Author: Emmi G
Author URL: 
Tags: f1, formula 1, formula one, fernando alonso, bernie ecclestone, race

The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php

*/

/*
This theme was designed by the developpers of bestfreecards.net, coding based on 'Desk Mess' theme by geekwithlaptop.com
*/

*{
    margin:0;
    padding:0;
    }
    
body{
    background:#000000 url(images/bg.png) repeat top left fixed;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:21px;
    color:#4f4f4f;
    margin:0;
    padding:0;
    }
    
a:hover{
    text-decoration:none;
    }
    
h1{
    font-size:25px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:400;
    line-height:normal;
    padding-bottom:2px;
    }
    
h2{
    font-size:20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:400;
    line-height:normal;
    padding-bottom:11px;
    padding-top:15px;
    }
    
h3{
    font-size:17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:400;
    line-height:normal;
    padding-bottom:10px;
    padding-top:14px;
    }
    
#header-container{
    width:990px;
    margin:auto;
    padding:0;
    }
    
#header{
    position:relative;
    height:295px;
    background:url(images/header.png) no-repeat;
    }
    
#cup{
    float:left;
    height:275px;
    width:59px;
    margin-top:26px;
    }
    
#logo{
    margin-left:-67px;
    float:left;
    width:304px;
    height:170px;
    }
    
#logo h2{
    font-family: Arial, Helvetica, sans-serif;
    font-size:35px;
    /*color:#494134;*/
    color: #FFF;
    text-align:left;
    width:480px;
    margin:75px 0 0 50px;
    }
    
#logo p{
    color:#fff;
    margin-left:180px;
    margin-top: 30px;
    text-align:center;
    font-size:15px;
    font-family: Arial, Helvetica, sans-serif;
    width:380px; 
    padding-left: 410px; 
    padding-top: 50px; 
    font-weight: bold;
    }
    
#headerright{
    float:left;
    width:534px;
    height:295px;
    margin-left:-85px;
    }
    
#menu{
    background:url(images/menu2.png) repeat-x;
    text-transform:uppercase;
    position:absolute;
    text-align:center;
    left:4%;
    height:55px;
    top:248px;
    margin:0;
    padding:0;
    }
    
#menu,#menu ul{
    list-style:none;
    line-height:2;
    }
    
#menu a,#menu a:hover{
    display:block;
    border:none;
    text-decoration:none;
    color:#f9f6e0;
    }
    
#menu li{
    float:left;
    list-style:none;
    border-right:1px solid #4e583c;
    }
    
#menu a,#menu a:visited{
    display:block;
    font-weight:700;
    color:#f9f6e0;
    padding:10px 12px;
    }
    
#menu a:hover,#menu a:active{
    background:#4f4f4f;
    color:#f9f6e0;
    text-decoration:none;
    }
    
.clear{
    position:relative;
    clear:both;
    height:5px;
    }
    
#wrapper{
    position:relative;
    width:977px;
    background-image:url(images/mainmidpart.png);
    background-repeat:repeat-y;
    margin:0 auto;
    }
    
#mainwrap{
    width:990px;
    margin:0 auto; 
    position: relative;
    }
    
#maintop{
    position:relative;
    width:977px;
    margin:0 auto;
    }
    
#maintopimg{
    position:relative;
    background:url(images/maintoppart.png);
    height:113px;
    padding:0;
    }
    
#content{
    position:relative;
    width:950px;
    margin:0 0 0 45px;
    }
    
#main-blog{
    float:left;
    width:580px;
    padding:0px 10px 10px;
    }
    
#main-blog h1{
    font-size:36px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:400;
    line-height:normal;
    padding-bottom:2px;
    
    }
    
#main-blog h1 a,#main-blog h1 a:visited,#main-blog h1 a:active{
    color:#4e463b;
    text-decoration:none;
    border-bottom:1px dashed #b2b0a4;
    }
    
#main-blog h1 a:hover{
    color:#D80A0B;
    text-decoration:none;
    border-bottom:1px solid #D80A0B;
    }
    
.postdata{
    margin-bottom:20px;
    font-size:11px;
    font-weight:400;
    color:#4e463b;
    }
    
.post{
    margin-bottom:60px;
    }
    
.post p{
    text-align:justify;
    /*font-variant:small-caps;*/
    font-size: 14px;
    margin:0;
    padding:0 0 10px;
    }
    
post ul{
    margin-left:35px;
    }
    
.post-comments{
    float:right;
    width:63px;
    height:61px;
    font-size:38px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:400;
    background:url(images/commentbck.png) no-repeat;
    margin:-7px 20px 0 0;
    padding:18px 0 0 24px;
    }
    
.post-social{
    float:right;
    width:78px;
    height:74px;
    background:url(images/socialbck.png) no-repeat;
    margin:-22px 30px 0 0;
    }
    
.rss{
    background:url(images/rssicon.png) no-repeat 0 50%;
    padding-left:20px;
    padding-top:1px;
    }
    
.post-comments a:link,.post-comments a:visited,.post-comments a:active{
    color:#4e463b;
    text-decoration:none;
    }
    
#sidebar-top{
    height:10px;
    min-height:10px;
    }
    
#sidebar-content{
    padding:9px 30px 30px;
    }
    
#sidebar-bottom{
    height:37px;
    min-height:37px;
    text-align:right;
    margin-left:-1px;
    }
    
#sidebar{
    width:305px;
    position:relative;
    float:left;
    margin:-20px 0 0 -8px;
    }
    
.subcolumn{
    width:255px;
    }
    
#search{
    width:252px;
    height:125px;
    background:url(images/searchbck.png) no-repeat;
    margin-left:4px;
    }
    
.form-input{
    width:173px;
    background:#faf6f6;
    border:1px solid #e3dccb;
    color:#666;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.8em;
    margin:65px 10px 10px 37px;
    padding:2px;
    }
    
.form-input:focus{
    background:#f0f0f0;
    border:1px solid #636f55;
    }

.search-submit{
    width:85px;
    background:#f0f0f0;
    border:1px solid #D80A0B;
    color:#666;
    font-size:.85em;
    margin:0 0 0 84px;
    padding:3px;
    }

.widget{
    width:252px;
    margin-left:4px;
    background:url(images/widgetbck.png) repeat-y;
    border-bottom:1px solid #D80A0B;
    margin-bottom:20px;
    text-align:left;
    font-size:95%;
    padding-bottom:10px;
    margin-top:10px;
    }

#calendar_wrap{
    margin-left:55px;
    }

.widget p{
    padding-left:5px;
    }

.widget h2{
    height:40px;
    width:252px;
    background:url(images/widgeth2.png) no-repeat;
    text-align:center;
    font-size:20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:400;
    line-height:normal;
    color:#4e463b;
    margin:0;
    padding:22px 0 0;
    }
    
.widget ul{
    border:none;
    list-style:none;
    margin:0 0 15px;
    padding:5px 0;
    }

.widget ul li{
    background:url(images/listseparator.png) no-repeat 25% 100%;
    margin:0;
    padding:5px 15px 10px 40px;
    }
    
.textwidget{
    padding:0 8px;
    }
    
.widget ul li a:hover{
    color:#635537;
    text-decoration:none;
    }
    
p img{
    max-width:100%;
    /*float:left;*/
    /*margin:0 10px 0 0;
    padding:0 10px 0 0;*/
    margin: 10px;
    }
    
img.aligncenter{
    border:1px solid #59350b;
    margin-left:auto;
    margin-right:auto;
    display:block;
    }
    
img.alignright{
    border:1px solid #59350b;
    display:inline;
    margin:0 0 13px 13px;
    }
    
img.alignleft{
    border:1px solid #59350b;
    display:inline;
    margin:0 13px 13px 0;
    }
 /*   
.alignleft{
    float:left;
    }
    
.alignright{
    float:right;
    }
    */
.wp-caption{
    border:1px solid #59350b;
    text-align:center;
    background-color:#f3f3f3;
    padding-top:4px;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin:10px;
    }
    
.wp-caption img{
    border:0 none;
    margin:0;
    padding:0;
    }
    
.wp-caption p.wp-caption-text{
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
    }
    
#bottom{
    background:url(images/footer2.png) no-repeat;
    height:154px;
    }
    
#bottom p{
    text-align:center;
    }
    
#wp-footer{
    position:absolute;
    background:url(images/footer-wp.png) no-repeat;
    width:95px;
    height:26px;
    margin-top:95px;
    margin-left:460px;
    }
    
#wp-footer a{
    display:block;
    height:0;
    padding-top:26px;
    overflow:hidden;
    text-decoration:none;
    width:95px;
    }
    
#wp-footer a:hover{
    background:url(images/footer-wp.png) no-repeat 0 -28px;
    }
    
.commentlist{
    text-align:justify;
    padding:0;
    }
    
.commentlist p{
    clear:both;
    margin:0 15px 10px 2px;
    }
    
#commentform p{
    margin:0;
    padding:6px 0;
    }
    
.nocomments{
    text-align:center;
    margin:0;
    padding:0;
    }
    
.alt{
    margin-top:1px;
    background:#f2f2f2;
    border:1px solid #b2b0a4;
    padding:10px 10px 5px;
    }
    
.alt2{
    margin-top:1px;
    background:#fff;
    border:1px solid #b2b0a4;
    padding:10px 10px 5px;
    }
    
.administrator{
    margin-top:1px;
    background:#e5dfcf url(images/author.png) no-repeat center;
    border:1px solid #7e7d75;
    padding:10px 10px 5px;
    }
    
.cgravatar{
    float:left;
    width:60px;
    height:60px;
    border:1px solid #47453a;
    margin:0 12px 0 0;
    }
    
.comment-author{
    font-size:90%;
    font-family: Arial, Helvetica, sans-serif;
    color:#2b2d2f;
    }
    
.comment-author a:link,.comment-author a:visited,.comment-author a:active{
    color:#D80A0B;
    border-bottom:1px solid #D80A0B;
    text-decoration:none;
    }
    
.comment-author a:hover{
    color:#635537;
    border-bottom:1px solid #b2b0a4;
    text-decoration:none;
    }
    
.comment-date{
    margin-left:2px;
    margin-top:3px;
    font-size:.75em;
    color:#888;
    }
    
#com{
    width:580px;
    clear:both;
    padding:0 0 5px;
    }
    
#comhead{
    margin-bottom:10px;
    color:#271b03;
    font-size:18px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:400;
    width:175px;
    height:36px;
    border-bottom:1px dashed #ccc;
    padding:8px 0 0 40px;
    }
    
#respond{
    clear:both;
    width:175px;
    height:36px;
    margin-top:25px;
    color:#271b03;
    font-size:18px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:400;
    padding:8px 0 0 70px;
    }
    
#commentform{
    font:110% Arial, Helvetica, sans-serif;
    margin:10px 10px 30px 0;
    }
    
#commentform label{
    color:#787878;
    font-size:87%;
    }
    
#commentform input{
    width:200px;
    background:#fff;
    border:1px dashed #b2b0a4;
    margin-top:3px;
    font:100% Arial, Helvetica, sans-serif;
    padding:5px;
    }
    
#commentform textarea{
    height:130px;
    background:#fff;
    border:1px dashed #b2b0a4;
    margin-top:3px;
    font:100% Arial, Helvetica, sans-serif;
    overflow:auto;
    padding:5px;
    }
    
#commentform #submit{
    cursor:pointer;
    }
    
.contactform input,.contactform textarea{
    background:#333;
    border:1px dashed #b2b0a4;
    color:#fff;
    }
    
.contactform input:focus,.contactform textarea:focus{
    background:#444;
    border:1px dashed #000;
    padding-bottom:30px;
    color:#fff;
    }
    
.contactform #contactsubmit{
    width:85px;
    background:#111;
    border:1px dashed #666;
    color:#e3e3e3;
    font-size:.85em;
    }
    
.contactform #contactsubmit:focus{
    width:85px;
    background:#333;
    border:1px dashed #666;
    color:#e3e3e3;
    font-size:.85em;
    }
    
.contactform textarea{
    width:340px;
    height:200px;
    margin-bottom:10px;
    }
    
.ddfmwrap{
    width:450px;
    margin:0;
    padding:10px 0;
    }
    
.ddfmwrap form.ddfm{
    width:450px;
    margin:0;
    padding:0;
    }
    
.ddfmwrap form.ddfm legend{
    font-size:1.1em;
    font-weight:400;
    color:#635537;
    }
    
.ddfmwrap form.ddfm label{
    padding-top:4px;
    color:#635537;
    font-weight:400;
    line-height:normal;
    }
    
.ddfmwrap form.ddfm fieldset{
    border:1px dashed #b2b0a4;
    padding:15px;
    }
    
.ddfmwrap p{
    color:#635537;
    }
    
form.ddfm .credits{
    display:none;
    }
    
.ddfmwrap .required{
    color:#cf0e0e;
    }
    
.ddfmwrap .fmtext,.ddfmwrap .fmtextarea,.ddfmwrap .fmselect{
    background:#fdfef6;
    border:1px dashed #b2b0a4;
    color:#635537;
    font-family:Arial, Helvetica, Geneva, sans-serif;
    font-size:1em;
    padding:4px 5px;
    }
    
.ddfmwrap .fmtextarea{
    height:200px;
    }
    
.ddfmwrap .fmtext:focus,.ddfmwrap .fmtextarea:focus,.ddfmwrap .fmselect:focus{
    border:1px dashed #918b6e;
    }
    
.ddfmwrap .submit{
    margin-left:-8px;
    text-align:left;
    }
    
.ddfmwrap .submit input{
    background:#fdfef6;
    border:1px dashed #918b6e;
    color:#2b2d2f;
    font:normal 0.9em Arial, Helvetica, Geneva, sans-serif;
    padding:3px 12px;
    }

#wp-calendar{
    empty-cells:show;
    font-size:12px;
    font-weight:700;
    text-align:left;
    text-decoration:none;
    width:180px;
    margin:0;
    padding-right: 10px;
    }

a:link,a:visited,a:active,.post-comments a:hover,.widget ul li a{
    color:#D80A0B;
    text-decoration:none;
    }

#rss {
	position: absolute;
	left: 900px;
	top: -110px;
	width:70px;
	height: 70px;
	border: 0;
	}
	
#twitter {
	position: absolute;
	left: 830px;
	top: 10px;
	border: 0;
	}
    
.navigation {
    font-size:20px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px
    }
    
#previous-entries a{
	float: left;
	}

#next-entries a{
	float: right;
	}
