/*
Theme Name: TheoStrahlen
Theme URI: http://theodesign.se
Description: Very clean and simple two column layout in black and white. 
Author: Theo Stråhlén
Author URI: http://theodesign.se
Version: 1.0
Tags: theo, white, black, two column, simple, clean, tech, flash, javascript, as3, html
*/

html, body{height:100%; margin:0; padding:0;font-family:Adobe Garamond Pro,Garamond Premier Pro,Garamond,Times,Times New Roman,serif;}
h1{margin:0;}
a{color:#222; text-decoration:none; font-weight:bold;}
a:hover{color:#666; text-decoration:underline;}
#top{background-color:#212121; border-bottom:5px solid #CCC;height:50px; position:fixed; left:0; top:0; width:100%; z-index:888;}
#top_cont{width:1000px; height:50px; margin:0px auto;}
#top ul, li{list-style:none; display:inline;font-size:11px; color:#EEE; font-weight:normal; margin:0; padding:0; font-family:Helvetica, Arial, sans-serif}
#top li{margin-right:10px; text-transform:uppercase;}
#menu{float:right; padding-top:15px;}
#menu a{color:#EEE; text-decoration:none;}
#menu a:hover{color:#CCC; text-decoration:underline;}
h2{font-size:32px; color:#222; margin:10px 0px;}
h3{font-size:16px; color:#222; margin-bottom:10px; margin-top:0px;}
p{color:#222; font-size:12px; font-family:Myriad Pro,Calibri,Lucida Grande,Lucida Sans,Lucida Sans Unicode,Verdana,sans-serif;}
hr{margin:15px 0px; background-color:#CCC; height:1px; border:0px;}
#wrap{width:1000px;margin:0px auto; margin-top:100px; overflow:auto; padding-bottom:25px;}
#right{float:right; width:270px;}
#left{float:left; width:702px; overflow:hidden;}
#right hr{margin:5px 0px;}
#right a, .info_box a{font-weight:normal;}
#right ul{margin:0; padding:0;}
.cat_box{margin-top:10px;width:260px; overflow:auto;}
.cat-item{width:130px; float:left; font-size:14px; font-weight:bold; margin-bottom:15px;}
.children a{color:#666; font-size:11px;}
.children li{margin:0;}
.info_box a{color:#EEE}
.info_box a:hover{color:#CCC}
.blog_post{width:670px; background-color:#f5f5f5; border:1px solid #DDD; padding:15px; margin-bottom:15px;  -moz-border-radius:3px; -webkit-border-radius:3px;}
.blog_post img{border:5px solid #CCC;}
.blog_post p{font-size:13px;}
.info_box{width:auto; position:absolute; background-color:#212121; color:#EEE; padding:12px; -moz-border-radius:5px; -webkit-border-radius:5px; height:34px;font-family:Helvetica, Arial, sans-serif;}
.date{float:left; width:30px; line-height:18px; border-right:1px solid #555; line-height:17px; padding:0px 5px; height:35px;}
.date strong{font-size:24px;}
.date em{font-style:normal; font-size:12px; text-transform:uppercase;}
.cat_tags{float:left; padding:4px 10px 0px 10px; font-size:11px;border-right:1px solid #555;height:30px;}
.comments{float:left; padding:4px 0px 0px 10px; font-size:11px;}
.work_post{background-color:#dbdbdb; border:1px solid #AAA;}
.work_post img{border:5px solid #AAA;}
#footer{width:1000px; padding:10px 0px; height:25px; font-size:12px; font-family:Helvetica, Arial; border-top:1px dotted #888; margin:10px auto;}
.profile_pic{border:2px solid #CCC; float:left; margin:0px 7px 7px 0px;}
#copy{float:right; text-align:right; font-size:11px;}
#fb{float:left}
.search_form{background-image:url(images/search.png); background-repeat:no-repeat; width:175px; height:25px; border:0px; background-color:transparent; padding:-1px 25px 0px 5px;}
.search_form:focus{outline: none;}
.comment_box{width:680px; background-color:#212121; border:1px solid #111; padding:10px; margin:20px 0px;  -moz-border-radius:3px; -webkit-border-radius:3px; color:#EEE; overflow:auto;}
.comment_box p{color:#EEE; margin:0;}
.comment_box a{color:#EEE; font-weight:bold;}
.about p{font-size:14px;}
.comment_form{padding:5px; background-color:#FFF; color:#222; font-size:12px; font-family: Helvetica, Arial; border:1px solid #000; margin-bottom:5px;}
.contact_img{border:0px; float:left; margin-right:5px; margin-top:-2px;}
pre{padding:10px; background-color:#FFF; border:1px solid #CCC; font-size:12px;}
#tooltip {position: absolute;z-index: 3000;border: none;background-color: #111;padding: 4px 5px;}
#tooltip h3, #tooltip div { margin: 0; font-size:10px; font-family:Myriad Pro, Helvetica, Arial; color:#FFF; font-weight:normal; text-transform:uppercase; }