/*  
Theme Name: playtube
Theme URI: http://www.playtube.de
Description: The WordPress theme built for playtube.
Version: 1.0
Author: Andreas Waschinski
Author URI: http://www.playtube.de
*/

/*++++++ BODY ++++++++*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body { background:#dddddd url(images/bg_top.gif) repeat-x; font:12px Verdana, Arial, Helvetica, sans-serif; color:#222;}

/*++++++ HYPERLINKS ++++++++*/
h3 { padding:10px 0 10px 0; font-size:14px;}
a { color:#537db5;}
a:hover { text-decoration:underline;}

/*++++++ MAIN ++++++++*/
#wrapper { width: 990px; margin:auto; }
#main {	width: 990px; margin:0 auto 10px; }
#left { float: left; width: 510px; }
#right { float: left; width: 480px; }

/*++++++ HEADER ++++++++*/
#header { height: 110px; width: 990px; }
#logo { width: 212px; float:left; margin: 15px 0 15px 5px; }
#logo h1{ text-indent:-10000px;}
#logo h1 a{ display:block; background: url(images/logo.gif) no-repeat; height:60px; outline:none; margin-top:15px; }

/*++++++ SEARCH ++++++++*/
#searchbox { float:right; width: 219px; height: 24px; background: url(images/s.gif) no-repeat; margin:35px 20px 0 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 160px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 6px 8px 0 0; width:12px; height:13px;  }

/*++++++ NAV ++++++++*/
#nav { float:right; width:400px; height:13px; margin-right:185px; margin-top:70px; }
#nav ul{ float:right; }
#nav ul li{ float:left; margin: 0 10px 0 0; height: 13px; overflow: hidden; display: inline; line-height:13px;}
#nav ul li a {display: block; color:#fff; padding:0 10px 0 10px; font-weight:bold; font-size:11px; }
#nav ul li a:hover {color:#aaa; text-decoration:none;}
#nav ul li.current_page_item { }
#nav ul li.current_page_item a { color:#aaa; }

/*++++++ BANNER ++++++++*/
#banner { float:right; width:728px; height:90px; margin-top:10px; margin-right:10px; }

/*++++++ NAV CATEGORIES ++++++++*/
#nav_categories { width:980px; height:90px; margin-top:5px; }
#nav_categories ul{ }
#nav_categories ul li{ float:left; margin: 0 10px 0 10px; width:220px; height: 30px; overflow: hidden; display: inline; line-height:23px;}
/*#nav_categories ul li a {display: block; color:#fff; padding-left:43px; font-weight:bold; font-size:11px; background: url(images/category_blank.gif) no-repeat left; }*/
/*#nav_categories ul li a {display: block; color:#fff; font-weight:bold; font-size:11px; background: url(images/category_blank.gif) no-repeat left; }*/
#nav_categories ul li a { float:left; color:#fff; font-weight:bold; font-size:11px; }
#nav_categories ul li a:hover {color:#aaa; text-decoration:none;}
#nav_categories ul li img { float:left; padding-right:5px; }
#nav_categories ul li.current-cat { }
#nav_categories ul li.current-cat a { color:#aaa; }

/*++++++ MISC ++++++++*/
.clear { clear:both; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; } 
.alignleft { float: left ;}
img { border:none;}

/*++++++ ENTRY ++++++++*/
#content { width: 500px; margin-top:20px; padding-left:10px; }
.entry { width: 500px; line-height:140%; margin-bottom:20px; }
.entry p { padding-bottom:10px;}
.entry a { color:#537db5; }
.entry h2 { font: bold 16px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:5px 10px 5px 10px; background-color:#222; line-height:20px; }
.entry h2 a { color:#fff; }
.entry img {margin:0 10px 10px 10px; padding:5px; background-color:#eee; border:1px solid #aaa;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; padding-left:15px; background:url(images/bullet.gif) no-repeat 0 4px; }
.entry p.postinfo { font-size:10px; line-height:12px; padding:10px; margin:0 1px 0 1px; background-color:#d0d0d0; }
.entry p.postcontent { font-size:12px; line-height:18px; padding:20px 10px 20px 10px; margin:0 1px 0 1px; }
.entry p.posttags { font-size:10px; line-height:12px; padding:0 10px 0 10px; margin:0 1px 0 1px; }
.entry img.postcaticon { float:right; border:0; padding:0; margin:1px 0 0 6px; }
.post { margin-bottom:15px; background:url(images/bg_post.gif) no-repeat; }
.post h2.search{ font: bold 16px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:5px 10px 5px 10px; background-color:#222; line-height:20px; }
.navigation { width: 500px; font-size:11px; text-transform:uppercase; margin-top:20px;}
.navigation span.older { background:url(images/older.gif) no-repeat right; padding-right:25px; }
.navigation span.newer { background:url(images/newer.gif) no-repeat left; padding-left:25px; }

/*++++++ SIDEBAR ++++++++*/
#sads { width:388px; font-size:10px; text-transform:uppercase; text-align:right; background:#eeedea; border:1px solid #d6d4cd; padding:8px; margin-bottom:10px;}
#sads ul {}
#sads ul li { float:left; padding-right:6px;}
#sads ul li.last { float:right; padding:0px; }
#sads p { background:url(images/adsdotdot.gif) no-repeat center left; margin-top:5px;}
#sads a { color:#5e5d5a;}
#sidebar { width:460px; padding-left:20px;}
#sidebar h2 { font-size:14px; margin-bottom:10px; color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
#sidebar ul{ margin:10px auto 20px;}
#sidebar ul li{}
#sidebar ul li ul{}
#sidebar ul li ul li{display:block; background:url(images/bullet.gif) no-repeat 0 2px; padding-left:18px; margin-bottom:6px; padding-bottom:5px; border-bottom:1px dotted #999; font-size:11px; }
#sidebar label { font: 10px Verdana, Arial, Helvetica, sans-serif; color:#222; }
#sidebar input { margin:3px; }
#sidebar input.checkbox { float:left; margin:0 3px; }
#sidebar p.submit { clear:left; }
#sidebar p.submit input { margin:3px 0; }
#login_error { font-size:10px; margin-bottom:10px; }
.sright { float:right; width:210px; padding-left:20px; padding-top:20px; margin:0; }
.sleft { float:left; width:210px; padding:20px 10px 20px 10px; margin:0; background:url(images/lsidebar_bottom.gif) no-repeat bottom #444; }
#sidebar .sleft h2 { font-size:14px; margin-bottom:10px; color: #ddd; font-family:Verdana, Arial, Helvetica, sans-serif;}
#sidebar .sleft ul li ul li{display:block; background:url(images/bullet_invert.gif) no-repeat 0 2px; padding-left:18px; margin-bottom:6px; padding-bottom:5px; border-bottom:1px dotted #999; font-size:11px; }
#sidebar .sleft label { font: 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; }
#sidebar .sleft a { font: 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; }

/*+++++++ CALENDAR +++++++*/
#calendar #calendar_wrap #wp-calendar { width: 100%; }
#calendar #calendar_wrap #wp-calendar caption { text-align:left; border-bottom:1px solid #dadada; padding-bottom:5px; }
#calendar #calendar_wrap #wp-calendar th { text-align:left; font-weight:bold; padding-top:5px; }
#calendar #calendar_wrap #wp-calendar td{ text-align:left; }

/*+++++++ COMMENTS +++++++*/
#c { width:500px;}
#cc { width:500px;}
#commentform p { padding:10px; }
#commentform #author { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; }
#commentform #email { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; }
#commentform #url { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px;}
#commentform #comment { border:1px solid #bbb9b2; height:200px; width:290px; background:#f5f5f3; padding-left:5px;}
.commentlist cite { background:#f5f5f3; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}
.postmetadata { font-size:10px; line-height:12px; padding:10px; margin:0 1px 0 1px; }
.ccomment { width: 500px; line-height:140%; margin-bottom:20px; }
.ccomment ol {}
.ccomment ol li { background:#e7e5de; padding:5px;}
.ccomment ol li.alt { background:#efeee8; padding:5px;}

/*++++++ FOOTER ++++++++*/
#footer { width:100%; background:#222; height:25px; line-height:25px;}
.footer { width:980px; margin:auto; padding-left:10px; color:#fff; font-size:11px; }
.footer a { color:#fff; font-size:11px; font-weight:bold; }
.footer a:hover { color:#aaa; }

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #666; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a; color:blue; margin: 10px; padding:10px; background:#f3f2ed; }
code {font-size:1.0em; color:#000; }
.wp-caption { margin-left:12px; }
.wp-caption-text { font-size:10px; color:#666666; }
img.wp-smiley { display:inline; margin:0; padding:0; }

/**************** Gallery *********************/
img.ngg-singlepic { margin-left:auto; margin-right:auto; }

.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}