@charset "utf-8";
/* CSS Document */

body{background:#111;margin:0 auto;padding:0;font-family:calibri, tahoma, arial, sans-serif;font-size:13px;width:960px;color:#FFF;line-height:1.4em;}

#header{float:right;}
h1{text-indent:-99999px;background:url(../images/title.jpg) no-repeat;margin:0;width:286px;height:55px;}
h2{margin:0;padding:10px 0;font-weight:normal;}
em{color:#999;}
:focus { outline: 0;}

.right {float:right;}
.left  {float:left;}

#menu{height:31px;color:#FFF;clear:both;}
#menu ul{list-style:none;margin:0;padding-left:10px;}
#menu li{margin:0; padding:0;}
#menu li a{float:left;margin-left:15px;background:url(../images/menutab.jpg) no-repeat bottom;height:27px;width:95px;font-size:16px;		text-align:center;padding-top:5px;text-decoration:none;color:#FFF;}
#menu li a:hover, #menu li a.curent{background:url(../images/menutab.jpg) top;}

#container{position:relative;width:960px;}
.wrapper{width:690px; margin:0 auto;}
.main{width:690px;}
.grid{width:100%}
.center{text-align:center; margin:0 auto;}
.sidebar{float:right;width:262px;position:absolute; right:0; top:0;}
.single{width:960px;}

.gallery{border-color: #222;position: relative; background:url(../images/gradien.jpg) repeat-x;}
.gallery-no-bg{border-color: #222;position: relative;}

.TL, .BL, .TR, .BR{ width: 10px; height: 10px; position: absolute; background-repeat: no-repeat; background-color: transparent; z-index: 9999 !important;}
				
.TL{  top:0; left:0;}
.BL{  bottom: 0; left: 0;}
.TR{  top:0; right:0;}
.BR{  bottom: 0; right: 0;}

.gallery .TL{background-image:url(../images/rounded_tl.png);}
.gallery .BL{background-image:url(../images/rounded_bl.png);}
.gallery .TR{background-image:url(../images/rounded_tr.png);}
.gallery .BR{background-image:url(../images/rounded_br.png);}
.innerContainer{ border-width: 1px; border-style: solid; }
.innerContainer a img{border:none;}
.innerContainer p {color:#CCC;}
.innerContainer a{color:white; text-decoration:none;}
.innerContainer a:hover{text-decoration:underline;}
.gallery .innerContainer{ border-color: #222; padding:20px;}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:600px; margin:0 auto; display:none;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:600px; height:400px;}
#information {position:absolute; bottom:0; width:600px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:600px; background:#fff;}
#image img {position:absolute; z-index:25; width:auto;left:0; top:0;}
.imgnav {position:absolute; width:25%; height:360px; cursor:pointer; z-index:150}
#imgprev {left:-35px; background:url(../images/previmg.png) left center no-repeat}
#imgnext {right:-35px; background:url(../images/nextimg.png) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:71px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:71px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative;margin-left:5px; height:71px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer;padding:2px}
.slidewidth{width:910px;}
.fix{width:690px;}

#post-gallery{margin-bottom:20px;}
#form_box{border-top:1px solid #444; padding:8px 0;}
.row{padding:8px; clear:both; margin:1px solid #333; background:#111; margin-bottom:10px; -moz-border-radius:3px; border:1px solid #333;}
.row label{width:150px; text-align:left; float:left; cursor:pointer;}
.row input, .row textarea{background:#222; border:1px solid #444; color:white; padding:3px;}
.row textarea{font:inherit;}
.button{background:url(../images/button.png) no-repeat; width:73px; height:25px; color:grey; border:none;} 
.button:hover{color:white}

.stories{float:left; margin:14px; text-align:center; width:200px; height:200px; position:relative; background:#111;}
.caption{position:absolute; bottom:0; left:0; width:100%; background:#111; opacity:0.7;} 
.caption h2{text-align:center; font-size:16px; padding:3px;}
.fix{clear:both;}

.error{padding:0 5px; background:#FFFF66; border:2px solid #FF3300;}
.info{padding:0 5px; background:#333; border:2px solid #555;}
.info p{color:white}
.error p{color:#FF0000;}

#thumb-wrap{-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border:1px solid #222; position:relative;background:#111; padding:10px;}
#thumb-wrap img{margin:5px 8px;}

.post{}
.post a{color:#CCC; text-decoration:none;}
.post a:hover{ color:white; text-decoration:none;}
.post em{float:right;padding:10px 0;}
.post-thumb{margin:10px; float:left;}
.post-content{color:#CCC;}

.post-meta{-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;background:#111; padding:10px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;border:1px solid #222;}
.post-meta img{}
.post-meta h2{margin:0; padding:0; font-size:1.3em;}
.post-meta em{font-size:0.8em;}
.post-meta a{text-decoration:none; color:white;}
.post-meta a:hover{text-decoration:underline;}
.post-meta .post-link{float:right; background:url(../images/button.png) no-repeat; width:73px; height:25px; text-align:center; padding:2px 0; margin-top:-2px;}

#thumbwrap{height:100px;-moz-border-radius-bottomleft:9px;-moz-border-radius-bottomright:9px;-moz-border-radius-topleft:9px;-moz-border-radius-topright:9px;border:1px solid #222; margin:10px auto;}
#thumbarea{overflow:hidden;height:100px;position:relative;}
#thumbs {position:absolute; list-style:none; height:100px; width:10000px;top:15px;margin:0 5px; padding:0;}
#thumbs li {float:left; margin:0 5px; cursor:pointer}
.area{height:400px;overflow-y:auto;}
.area a{color:#999; text-decoration:none;}
.area a:hover{text-decoration:underline;}

#twitter{overflow:hidden; border-top:1px solid #444; margin-bottom:5px;}
#twitter_update_list{margin:0; padding:0; color:#999;}
#twitter_update_list li{list-style:none; border-bottom:1px dashed #444;}

#brightkite{padding:5px 0; border-top:1px solid #444;}

#page{text-align:center;}
#page span{padding:5px; background:#333; border:1px solid #999;margin:0 4px;}
#page a{padding:5px; background:#222; border:1px solid #333;color:#999;text-decoration:none;}
#page a:hover{background:#333; border:1px solid #999; color:white}

#footer{overflow:hidden; text-align:center; clear:both; position:relative;}
#footer .area{padding:10px; height:auto; overflow:hidden;}
#footer .area p{color:#999;margin:0;}
#footer .area p a{text-decoration:none;color:#FFF;}
#footer .area p a:hover{text-decoration:underline;}