/*
Theme Name: uffefey.dk
Theme URI: http://uffefey.dk/
Description: Theme for uffefey.dk
Version: 1.0
Author: Uffe Fey
Author URI: http://uffefey.dk/
*/

body{background:#505050;font-size:11px;text-align:center;}
body,a{color:#333;}
#header{background:#fff url(img/swirl_blue.gif);background-repeat:no-repeat;height:120px;margin-top:10px;}

.container{background:#fff;width:940px;font-family:'Arial','Helvetica';margin:0px auto;display:block;text-align:left;padding:0 10px;}
.topleft{width:140px;float:left;padding:85px 0 0 4px;}
.topright{width:360px;float:right;padding-top:50px;margin-bottom:10px;}
.topright img{float:left;}
.topright p{padding-top:4px;line-height:14px;}
.topright a{color:#3366cc;}

/* featured indlæg + twitter på forsiden */
#front-feature{border-bottom:10px solid #fff;}
#front-feature .feature{border-top:10px solid #000;background:#333;height:250px;color:#fff;}
#front-feature .featurepost{width:570px;float:left;padding:20px 20px 0 20px;}
#front-feature .featurepost img{border:2px solid #fff;float:left;margin-right:20px;}
#front-feature .featurepost .text{float:left;width:330px;}
#front-feature .featurepost .text h1{font-size:24px;letter-spacing:-0.01em;margin-bottom:10px;}
#front-feature .featurepost .text p{font-size:12px;line-height:16px;margin-bottom:10px;}
#front-feature .feature .tweets{width:320px;float:right;margin:20px 10px 10px 0;}
#front-feature .tweets .pipper{float:left;margin-right:10px;}
#front-feature .tweets h3{font-size:12px;font-weight:bold;padding-top:4px;margin-bottom:2px;}
#front-feature a{color:#a0a0a0;}
#front-feature a:hover{color:#d0d0d0;text-decoration:underline;}
#twitter_update_list ul{border-top:1px solid #505050;margin-top:6px;list-style:none;}
#twitter_update_list li{border-bottom:1px solid #505050;padding:5px;line-height:12px;font-size:11px;margin:0;}
#twitter_update_list small{font-size:9px;}

/* kategorier på forsiden */
#front-categories{padding:10px;background:#fff;padding-top:0;}
.category{float:left;width:215px;padding:8px 10px;cursor:pointer;}
#front-categories h3{font-size:14px;font-weight:bold;margin:0 0 4px 0;letter-spacing:-0.01em;}
.category1{border-top:7px solid #ff9900;}
.category1:hover,.category1active{background:#ff9900;}
.category2{border-top:7px solid #339933;}
.category2:hover,.category2active{background:#339933;}
.category3{border-top:7px solid #3366cc;}
.category3:hover,.category3active{background:#3366cc;}
.category4{border-top:7px solid #cc3333;}
.category4:hover,.category4active{background:#cc3333;}

/* main indhold */
#contentwrapper{height:100%;}
.diag{background:url(img/diag_stripe.gif);padding:10px;}
#leftcol{width:590px;float:left;padding:0;}
#leftcol .content{background:#fff;padding:10px;border-top:1px solid #ececec;float:left;width:100%;margin-bottom:10px;}
#leftcol .content p{font-size:12px;line-height:20px;margin-bottom:12px;}
#leftcol .leftcol{float:left;width:285px;margin-right:20px;}
#leftcol .rightcol{float:left;width:285px;}
#leftcol h2, .post-list h2{font-size:14px;font-weight:bold;letter-spacing:-0.01em;margin-bottom:4px;}
.diag #leftcol .content .postimg{margin:0 10px 5px 0;border:1px solid #ccc;padding:2px;float:left;}
.diag #leftcol .thecontent a{color:#3366cc;text-decoration:underline;}
.diag #leftcol .thecontent a:hover{color:#808080;}

/* sidebar */
#rightcol{width:300px;float:right;padding:0;}
#rightcol .content{padding:10px;background:#fff;margin-bottom:10px;border-top:1px solid #ececec;}
#rightcol .content p{margin-top:10px;}
#rightcol h3{background:#333;color:#fff;padding:4px 8px;font-size:12px;font-weight:bold;margin-bottom:10px;}
#rightcol input{width:240px;}
#rightcol .searchimg{margin-bottom:-2px;padding-left:6px;cursor:pointer;}

/* footer */
#footer{color:#aaa;padding:0 10px 10px 10px;background:#fff;border-bottom:10px solid #505050;}
#footer img{float:left;margin-right:10px;}
#footer h3{font-size:12px;font-weight:bold;}
#footer a{color:#aaa;}
#footer h3 a:hover{color:#ff9900;}
#footer p{padding-top:4px;line-height:14px;}
#footer .sections{background:#333;padding:10px;}
#footer .section{float:left;margin-right:20px;border-right:1px solid #707070;width:220px;color:#aaa;}
#footer .lastsection{float:left;margin-right:20px;border-right:none;color:#aaa;width:300px;;}

.fix{clear:both;}
.dots{background:url(img/dots_content.gif);width:100%;height:1px;margin:10px 0;font-size:0px;}
.post-meta{font-size:10px;font-weight:bold;margin-bottom:10px;}
.ad{border:1px solid #dbecde;}
.post-list h2{padding-top:6px;}
a{color:inherit;text-decoration:none;}
a:hover{color:#808080;text-decoration:underline;}
ol li,ul li{font-size:12px;line-height:20px;margin-left:30px;}
ol,ul{margin-bottom:12px;}

/* bruges på single */
.post-crumb{border-bottom:2px solid #e2e2e2;padding:0 0 6px 0;margin:0 0 10px 0;}
.post-meta-single{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:6px 0 6px 0;font-size:11px;font-weight:bold;margin:6px 0 10px 0;}
.post-meta-single .left{float:left;}
.post-meta-single .right{float:right;}
h1{font-size:22px;letter-spacing:-0.01em;margin-bottom:4px;color:#000;}
.single-category{padding:0 10px;background:#fff;}
.cat1{border-top:7px solid #ff9900;}
.cat2{border-top:7px solid #339933;}
.cat3{border-top:7px solid #3366cc;}
.cat4{border-top:7px solid #cc3333;}
.generic{border-top:7px solid #000;}
.post .postimg{margin:0 10px 5px 0;border:1px solid #ccc;padding:2px;float:left;}
.post p a,.post li a{color:#3366cc;text-decoration:underline;}
.post p a:hover,.post li a:hover{color:#808080;}
.post h2{margin-top:16px;}

/* bruges på archive */
h1.archive{border-bottom:1px solid #e2e2e2;padding:0 0 6px 0;margin-bottom:10px;}

/* bruges til kommentarer */
h3.comments{border-top:1px solid #e2e2e2;padding:10px 0 6px 0;margin-bottom:6px;font-size:12px;}
input,textarea{border:1px solid #e2e2e2;padding:4px;font-family:'Arial','Helvetica';font-size:13px;width:400px;}
label{font-size:12px;font-weight:bold;}
#respond{border-top:2px solid #e2e2e2;padding-top:6px;}
#respond .row{border-bottom:1px solid #e2e2e2;padding:6px 0;}
#respond .left{float:left;width:100px;padding-top:5px;}
#respond .right{float:left;}
#respond .right .small{padding-top:4px;}
.submit{width:auto;background:#333;color:#fff;font-weight:bold;padding:4px;margin-top:10px;border:1px solid #cdcdcd;cursor:pointer;}
.comment .left{float:left;width:42px;}
.comment .right{float:left;width:545px;font-weight:bold;}
.comment-date{margin-top:4px;margin-bottom:6px;border-bottom:1px solid #f0f0f0;font-weight:normal;padding-bottom:4px;}
#leftcol .content .comment p{line-height:16px;}