/* 
	Theme Name: Tobi's Spring Theme
	http://www.opensource.org/licenses/gpl-license.php
	Tags: widget ready, fixed width, three columns, 3 colums, 3 columns, widgets, sidebar left, sidebar right, widget sidebar, YAPB integration, YAPB
	Author: Tobias Kern
	Version: 0.1.0
	Description: A black 3-column theme witgetized with YAPB integration
*/

/* general font styles */
body,html,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input{margin:0; padding:0;}
body{text-align:center; background:url(images/body_bg.png) repeat-x #333333; font-family:verdana, geneva, arial, helvetica, sans-serif; color:#cccccc; margin:0; padding:0;}
strong,b {font-weight:bold;}
em,i {font-style:italic;}
ul,ol {list-style:none;}
p{}
img.left {float:left; margin:0 15px 10px 0;}
img.right {float:right; margin:0 0 10px 15px;}
object {margin:0 0 0 20px;}
a,a:visited {color:#75ff00; text-decoration:none;}
a:hover {text-decoration:underline;}

/* general layout */
.clear {clear:both; height:0; overflow:hidden; line-height:1px; font-size:1px;}

/* wrap: the page pwap */
#wrap {width:1000px; padding:0; margin:0 auto; text-align:left;}
div#pages {margin:10px 0 9px 0; padding:0; background:url(images/bgtop.png) repeat-x; border:1px solid #ddd; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#content {float:left; width:595px;}
#content .entries {background:#000 url(images/bgtop.png) repeat-x; margin:0 0 9px 0; padding:5px 5px 5px 5px; border:1px solid #ddd; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#content .entries .heading {font-size:1.2em; margin-bottom:10px;}

/* pagelist */
#pages {float:left; width:100%;}
#pages ul li {float:left; padding:5px 25px 5px 5px;}

/* header */
#header {position:relative; background:#000 url(images/banner.jpg) no-repeat; height:180px; width:100%; margin:0 0 9px 0; border:1px solid #ddd; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#header h1 {margin:0; position:absolute; bottom:50px; right:50px; color:#fff; text-align:right;}
#header h1 a {text-decoration:none;}
#header h1 small {display:block; font-weight:normal; font-size:0.45em;}

/* sidebars */
.sidebar {width:193px; float:left; margin-right:9px; margin-bottom:3px;}
.sidebar.last {float:right; margin:0; padding:0;}
.sidebar .box {margin:0 0 9px 0; padding:5px 5px 5px 5px; background:url(images/bgtop.png) repeat-x #000000; border:1px solid #ddd; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.sidebar .box .heading {font-size: 1.2em; margin-bottom: 0.5em;}
.sidebar .box ul li {margin-bottom:0.25em}

/* footer*/
.footer {text-align:center; margin:10px 0 10px 0; padding:5px; background:url(images/bgtop.png) repeat-x; border:1px solid #ddd; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.footer p {margin:0; padding:0;}



/* Must Required CSS CLASS for Wordpress 2.5 onwords check out http://codex.wordpress.org/CSS */
.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* YAPB */
.yapb_thumbnail_wrap{text-align: center; background: #333; width: 580px; padding-top: 15px; padding-bottom: 40px; border:0px solid #ddd; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.yapb_thumbnail_wrap a {border: 0px;}
.yapb_thumbnail {}
.yapb_image_wrap {}
.yapb_image {}
.yapb_exif {}

/* flickr */
.flickr_thumbnail_wrap{text-align: center; background: #333; width: 580px; padding-top: 15px; padding-bottom: 40px; border:0px solid #ddd; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.flickr_thumbnail_wrap a {border: 0px;}
.flickr_thumbnail_title {}
.flickr_thumbnail {}
.flickr_exif {}


/* Shadowbox */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(js/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(js/shadowbox/close.png);}
#sb-nav-next{background-image:url(js/shadowbox/next.png);}
#sb-nav-previous{background-image:url(js/shadowbox/previous.png);}
#sb-nav-play{background-image:url(js/shadowbox/play.png);}
#sb-nav-pause{background-image:url(js/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


/* Nextgen Gallery */
/* ----------- Album Styles Extend -------------*/
.ngg-albumoverview {margin-top: 10px; width: 100%; clear:both; display:block !important;}
.ngg-album {overflow:hidden; padding: 5px; margin-bottom: 5px; border: 1px solid #cccccc;}
.ngg-albumtitle {text-align: left; font-weight: bold; margin:0px; padding:0px; font-size: 1.4em; margin-bottom: 10px;}
.ngg-thumbnail {float: left; margin: 0pt !important; margin-right: 12px !important;}
.ngg-thumbnail img {background-color:#FFFFFF; border:1px solid #A9A9A9; margin:4px 0px 4px 5px; padding:4px; position:relative;}
.ngg-thumbnail img:hover {background-color: #A9A9A9;}
.ngg-description {text-align: left;}

/* ----------- Album Styles Compact -------------*/
.ngg-album-compact {float:left; height:180px; padding-right:6px !important; margin:0px !important; text-align:left; width:120px;}
.ngg-album-compactbox {background:transparent url(albumset.gif) no-repeat scroll 0%; height:86px; margin:0pt 0pt 6px !important; padding:12px 0pt 0pt 7px !important; width:120px;}
.ngg-album-compactbox .Thumb {border:1px solid #000000; margin:0px !important; padding:0px !important; width:91px; height:68px;}
.ngg-album-compact h4 {font-size:15px; font-weight:bold; margin-bottom:0px; margin-top:0px; width:110px;}
.ngg-album-compact p {font-size:11px; margin-top:2px;}

/* ----------- Gallery style -------------*/
.ngg-galleryoverview {overflow: hidden; margin-top: 10px; width: 100%; clear:both; display:block !important;}
.ngg-gallery-thumbnail-box {float: left; width: 20%;}
.ngg-gallery-thumbnail {float: left; background: url(shadowAlpha.png) no-repeat bottom right !important; background: url(shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important;}
.ngg-gallery-thumbnail img {margin: -6px 6px 6px -6px; background-color:#FFFFFF; border:1px solid #A9A9A9; display:block; padding:4px; position:relative;}
.ngg-gallery-thumbnail img:hover {background-color: #A9A9A9;}
.ngg-gallery-thumbnail span {/* Images description */ font-size:90%; padding-left:5px; display:block;}
.ngg-clear {clear: both;}

/* ----------- Gallery navigation -------------*/
.ngg-navigation {font-size:0.9em !important; clear:both !important; display:block !important; padding-top:15px; text-align:center;}
.ngg-navigation span {font-weight:bold; margin:0pt 6px;}
.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {border:1px solid #660000; margin-right:3px; padding:3px 7px;}
.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {background-color: #660000; color: #FFFFFF; text-decoration: none;}

/* ----------- Image browser style -------------*/
.ngg-imagebrowser {}
.ngg-imagebrowser h3 {text-align:center;}
.ngg-imagebrowser img {border:1px solid #A9A9A9; margin-top: 10px; margin-bottom: 10px; width: 100%; display:block !important; padding:5px;}
.ngg-imagebrowser-nav {padding:5px; margin-left:10px;}
.ngg-imagebrowser-nav .back {float:left; border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px;}
.ngg-imagebrowser-nav .next {float:right; border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px;}
.ngg-imagebrowser-nav .counter {text-align:center; font-size:0.9em !important;}
.exif-data {margin-left: auto !important; margin-right: auto !important;}

/* ----------- Slideshow -------------*/
.slideshow {margin-left: auto; margin-right: auto; text-align:center; outline: none;}
.slideshowlink {}

/* ----------- Single picture -------------*/
.ngg-singlepic {display:block; padding:4px;}
.ngg-left {float:left; margin-right:10px;}
.ngg-right {float:right; margin-left:10px;}
.ngg-center {margin-left:auto !important; margin-right: auto !important;}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {overflow: hidden; margin:0pt; padding:5px 0px 0px 0pt;}
.ngg-widget img {border:2px solid #A9A9A9; margin:0pt 2px 2px 0px; padding:1px;}

/* ----------- Related images -------------*/
.ngg-related-gallery {background:#F9F9F9; border:1px solid #E0E0E0; overflow:hidden; margin-bottom:1em; margin-top:1em; padding:5px;}
.ngg-related-gallery img {border: 1px solid #DDDDDD; float: left; margin: 0pt 2px; padding: 2px; height: 50px; width:50px;}
.ngg-related-gallery img:hover {border: 1px solid #000000;}