@import url("bg.css");







/* Temp fix for flickr db problem */



#error{display:none;}



html{height:100%;}



body{margin:0; background:#fffdfe url(images/bg.png) repeat-x; font-family:"Helvetica", "Myriad Pro", Arial; cursor:default;}



a{color:#00dfe7; text-decoration:none; outline:none;} a:hover{color:#00d1d9; text-decoration:underline;}



img{border:none;}



hr {display:none;}



a{color:#00dfe7;}



h1, h2, h3{color:#616161; font-family:"Helvetica", "Myriad Pro", Arial;}



pre{margin:10px; padding:15px; border:1px dashed grey;  background:#f0f0f0; font-family:"Courier New", Courier, monospace;}











#wrapper{min-width:970px; width:auto; margin:0 auto;}



#page{width:962px; margin:0 auto; padding-top:40px; height:100%; clear:both; float:none;}



#header{height:auto; width:962px; margin:0 auto;}



#top_nav{width:962px; margin:0 auto; min-height:38px; height:auto; background:transparent url(images/logo.png) no-repeat left; position:relative;}



#top_nav .home{width:170px; height:38px; display:block; clear:left; float:left;}



#headerimg{width:962px; min-height:274px; height:auto; margin:30px auto;}



#header_post{width:550px; height:auto; color:#fff; padding:35px 0 0 45px; position:relative;} #headerimg #header-post, .signup{display:inline;}



#header_post .title{width:330px; font:42px "Helvetica", "Myriad Pro", Arial; font-weight:bold; padding:5px; margin-right:10px;} #header_post .title span{width:auto;}



#header_post .title a{color:#00dfe7; text-decoration:none; margin-left:0;}



#header_post .title a:hover{color:#00d1d9;}



#header_post .sub_title{color:#fff; font-size:16px; background:none;}



#header_post p{max-width:350px; padding-left:5px; font:12px "Helvetica", "Myriad Pro", Arial; color:#d8d8d8; background:#202020; line-height:135%; margin:25px 0 25px 0;}

#header_post a.link{display:block; margin:0; padding:0; width:600px; height:274px; position:absolute; left:0; top:0; z-index:1; background:none;} 







#header_post .time{width:auto; padding-left:5px; font:9px "Helvetica", "Myriad Pro", Arial; color:#b2b2b2;} #header_post .time strong{font-weight:bold; font-size:12px; color:#eaeaea;}



#header_post a{color:#eaeaea; text-decoration:none; margin-left:10px;}



#content{width:600px; clear:left; float:left; height:auto; margin:0 auto;  }



#sidebar{ width:360px; clear:right; float:right; height:auto; margin-bottom:50px;} #sidebar .activity, .flickr, .videos{border-top:1px solid #c4c3c3; margin-bottom:25px; padding-top:15px; padding-left:25px;} 



#mainContent{width:962px; height:inherit; clear:both; min-height:1300px; margin-bottom:25px;}



#footer{clear:both; margin:0 auto; margin-top:15px; width:960px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; min-height:250px; height:auto; padding-top:5px;} 



#footer ul{margin:0; padding:0;}



#footer ul li{display:inline; float:left;} #footer ul li.spotlight{margin:0 21px 0 21px;}



#footer h3{color:#00dfe7; font:16px "Helvetica", "Myriad Pro", Arial; font-weight:bold;}



#footer p{font:11px "Helvetica", "Myriad Pro", Arial; color:#9d9d9d; line-height:150%; width:300px;}



p{font-family:"Helvetica Bold", "Myriad Pro", Arial; line-height:160%; color:#616161;}



.white{font-size:16px; font-weight:bold; color:#fff;}



.grey{font-size:12px; font-weight:bold; color:#7c7c7c;}



.top_nav{width:500px; text-align:right; height:38px; font:12px "Helvetica", "Myriad Pro", Arial; font-weight:bold; color:#747474; position:absolute; right:0; top:10px;}



.top_nav ul{list-style:none; margin:0; height:38px; position:relative; right:20px; top:10px;}



.top_nav ul li{display:inline; margin-left:20px;}



.top_nav ul li a{color:#747474; text-decoration:none;} .top_nav ul li a:hover{color:#00dfe7; text-decoration:none;}



.top_nav ul li form{display:inline; position:relative; top:6px;}



.top_nav ul li form img{display:inline;}



.top_nav ul li form input{outline:none; display:inline; height:22px; padding-top:3px; background:url(images/search_bg.png) repeat-x; border:none; position:relative; top:-7px; width:0; font-size:12px;}







.twitter{left:180px; top:-10px; width:auto; position:absolute;}



.twitter .content{position:relative; width:auto; max-width:415px; background-color:#00d1d9; height:23px;}



.corner{position:absolute; height:23px; width:5px;}



.left_cap{left:-5px; top:0; background:url(images/blurb/left_cap.png) no-repeat;}



.right_cap{right:-5px; top:0; background:url(images/blurb/right_cap.png) no-repeat;}



.tweet{margin:5px; position:relative; z-index:1; top:3px; padding:2px; color:#fff; font:12px "Helvetica", "Myriad Pro", Arial;}



.arrow{background:url(images/blurb/arrow.png) no-repeat top; background-color:transparent; position:absolute; left:7px; bottom:-7px; height:7px; width:8px;}



.tweet small{color:#569092; font:11px Georgia, "Times New Roman", Times, serif; font-style:italic; margin-left:5px;}







.signup{width:362px; clear:right; float:right; margin:0;}



.post{width:600px; border-top:1px solid #e9e8e9; padding-top:15px; padding-bottom:20px;}



.post .time{clear:left; float:left; color:#292929; font:12px "Helvetica", "Myriad Pro", Arial; font-weight:bold; text-transform:lowercase; margin-left:10px;}



.post .catcon{margin-left:20px;}



.post .content{margin-left:100px;}



.post .title a{font:14px "Helvetica", "Myriad Pro", Arial; font-weight:bold; color:#00dfe7; text-decoration:none;} .post .title a:hover{color:#00d1d9; text-decoration:none;}



.post .entry p{font:13px "Helvetica", "Myriad Pro", Arial; color:#616161; padding-right:15px; line-height:160%;}



.post p{margin-top:5px;}.post .author{color:#9b9b9b; }



.post .entry p img{margin:0 10px 2px 0;}







/* Special post types */



#quote p{font:14px "Times New Roman", georgia; color:#292929; line-height:160%;} #quote .quoteauthor{color:#8e8e8e; font-size:12px;}



#release p{font:13px "Helvetica", "Myriad Pro", Arial; color:#616161; padding-right:15px; border-left:1px solid grey; padding-left:20px; margin-left:20px; line-height:160%;} #release a{text-decoration:underline;}.archive{color:#8e8e8e; font:12px "Helvetica", "Myriad Pro", Arial; margin:15px 0 20px 0;}



.archive a{color:#00dfe7; text-decoration:underline; font-weight:bold;}



.activity{height:auto; overflow:hidden;  margin-top:0;}



.activity .title{color:#00dfe7; font:16px "Helvetica", "Myriad Pro", Arial; font-weight:bold;}



.forum{margin:5px auto; padding:0; vertical-align:middle;}



.forum tr td{width:170px; height:20px; padding:3px; background:url(images/icons/bullet.png) left no-repeat;}



.forum tr td a{margin-left:6px; color:#7c7c7c; font:11px "Helvetica", "Myriad Pro", Arial; text-decoration:none; display:block;}



.forum tr td a:hover{color:#979797;}











.flickr{}



.flickr .title{color:#00dfe7; font:16px "Helvetica", "Myriad Pro", Arial; font-weight:bold;}



.flickr ul{margin:0; padding:0;}



.flickr li{display:inline; margin:1px;}



.flickr a{border:0;}



.flickr .hover{display:inline; width:50px; height:50px; position:relative; z-index:1;}.flickr .hover:hover{}







.videos{height:180px;}



.videos .title{color:#00dfe7; font:16px "Helvetica", "Myriad Pro", Arial; font-weight:bold;}



.promo{left:0;}



.promo img{clear:left; float:left; margin-bottom:12px;}



.promo p{padding-right:5px;}.spotlight{margin-left:320px;}



.giveaway{right:0;}



.giveaway .title{margin-left:12px;}







.giveaway p{padding-left:13px;}



.giveaway img{clear:right; float:right; margin-bottom:12px;}



.info{margin:15px auto; padding-bottom:5px; font:11px "Helvetica", "Myriad Pro", Arial; color:#9f9f9f; clear:left; float:left;}

.more{margin:15px auto; padding-bottom:5px; font:11px "Helvetica", "Myriad Pro", Arial; color:#9f9f9f; clear:right; float:right;}



/* Comment styles - for single pages */







.commentlist{list-style:none;}



.commentlist li{margin-bottom:25px; height:auto;}



.commentlist .comment{background:#ececec; padding:10px; font:12px tahoma; color:#616161;}



.commentlist .comment_data{background:url(images/arrow.gif) no-repeat left top; padding-left:30px; margin-left:25px;}



.commentlist .author{font:11px tahoma; color:#616161;} .commentlist .author a{color:#00dfe7; text-decoration:underline;}



.commentlist .edit a{}



.nofocus{background:#f0f0f0; border:1px solid grey;}



.focus{background:#fff; border:1px solid grey;}