/*
Theme Name: Brühl TV
Theme URI: http://www.alpha9marketing.com
Description: Layout für Brühl TV
Version: 1.0
Author: Alpha9 Marketing KG
Author URI: http://www.alpha9marketing.com
Tags: 3 Spaltig
*/



/* Body */
* {margin:0; padding:0;}
body {background:#ddd url(img/bg.png) repeat-x; color:#303030; font:14px Arial,Verdana,Tahoma,sans-serif;line-height:130%;}
#site {position: absolute; width: 100%;}
#bg_end {background: url(img/bg_end.png) repeat-x; width:100%; height: 125px; position: absolute; bottom: 0; left: 0;}
#wrap {position:relative; color:#333; margin:0 auto; width:950px;}
#container {background: #fff url(img/container.png) repeat-y; padding: 10px;}
#container_start {background: url(img/container_start.png) no-repeat; width: 950px; height: 5px;}
#container_end {background: url(img/container_end.png) no-repeat; width: 950px; height: 5px;}
p {margin-bottom:10px;}

/* Links */
a {background-color:inherit; color:#000066; font-weight:bold; text-decoration:none;}
a:hover {background-color:inherit; font-weight:bold; text-decoration:underline;}
a img {border:0;}

/* Header */
#header {height: 150px; background: transparent url(img/header3.png) no-repeat; position: relative;}
#header a img {margin: 15px 10px 0; float:left;}
#header p {text-align:right; padding: 5px 10px 0; color: #000; font-weight: normal;}
#header p a {text-decoration: underline; color: #000; font-weight: normal;}
#header p a:hover {text-decoration: none;}
#lower_header {position:absolute; bottom:0; left:0; width:100%;height:40px;padding-top:10px;}
#date {float:left; color:#fff; margin: 0 0 0 10px;}
#search {float:right; width:210px;}
#search input {width:198px;height:26px;border:0;background: transparent url(img/search.png) no-repeat;padding: 2px 6px 0 6px;}

/* Sidebars */
#leftside {float:left; margin-right:15px; padding:0; width:200px;}
#extras {float:right; margin:0; padding:0; width:200px;}
.sidebox {background: #eee url(img/sidebox.png) repeat-x;min-height:100px;}
h2.caption {width:190px;height:27px;background: url(img/h2.gif) repeat-x;color:#fff;padding: 8px 0 0 10px;font-size:16px;}
#leftside li, #extras li {list-style:none;}
.sidebox ul {padding: 10px 0;}
.sidebox li {padding: 0 10px;}
.sidebox li a {padding: 5px 0 3px 5px;display:block;border-bottom:1px solid #d3d3d3;color:#3d3d3d;font-weight:normal;}
.sidebox li a:hover {font-weight:bold;text-decoration:none;}
.sidebox_end {width:200px;height:5px;background: url(img/sidebox_end.gif) no-repeat;margin-bottom:15px;}
ul.blogroll {padding-top:0;}
ul.blogroll li {padding:0;}

.playlist {border-left:1px solid #ddd;border-right:1px solid #ddd;width: 198px;margin-bottom:15px;}
.playlist li {border-bottom:1px solid #ddd;padding:7px 10px;background:url(img/cam.gif) 7px 10px no-repeat;padding-left: 25px;}
.playlist a {color:#3d3d3d;font-weight:normal;font-size:12px;}

/* Advertisement */
.banner {width:468px;border:1px solid #ddd;margin-bottom:20px; position: relative;padding: 8px 15px 13px 15px;}
.skyscraper {border: 1px solid #ddd;width:170px;padding: 15px 0 20px 0;position:relative;}
.banner .adlabel, .skyscraper .adlabel {position:absolute; bottom:2px; left:5px; color:#616161; font-size:10px;}

/* Content */
#content {float:left; margin:0; padding:0; width: 500px;}
#content h1,#contentwide h1 {font-size:1.6em; margin:0 0 10px;color:#000066;line-height:130%;}
.seperator1 {width:470px;height:1px;margin: 10px 15px;background:#ddd;}
.entry {background: url(img/post_end.png) bottom left no-repeat;}
.entry p.info {padding:15px 15px 0;text-align:justify;font-size:12px;margin-bottom:0;}
.entry textarea {height:32px;width: 220px;}
.entry label {font-size:12px;color:#606060;}
.emb {width:220px;float:left;padding:0 15px 15px 15px;}
.url {width:220px;float:right;padding:0 15px 15px 15px;}
#content h2 {color:#000066; font-size: 1.6em; margin-bottom: 10px;}
#content h3 {color:#000066; font-size: 16px; margin-bottom: 5px;}

#smart-archives-list ul, #smart-archives-list li {list-style-type: none;margin:0;padding:0;}
#smart-archives-list li {margin: 20px 0; border-bottom:1px solid #ddd;}
#smart-archives-list h4 {margin-bottom:1px;}
#smart-archives-list p.li_da {color:#000;font-size:11px;margin-bottom:6px;}
#smart-archives-list p.li_co {font-size:13px;margin-bottom:6px;}
#smart-archives-list img {float:left;margin: 0 10px 3px 0;}
#smart-archives-list .listitem {float:right;width:370px;}

#smart-archives-block {background:#f5f5f5;border:3px double #3d3d3d;padding:8px 15px;margin:15px 0;}
#smart-archives-block li {list-style-type: none;}

.entry dl input[type="text"] {width:392px;height:18px;margin-bottom:5px;border:1px solid #aaa;background:#fafafa;font:12px Arial;color:#3d3d3d;padding:2px 3px 0;}
.entry dl textarea {width:392px;height:136px;margin-bottom:10px;border:1px solid #aaa;background:#fafafa;font:12px Arial;color:#3d3d3d;padding:2px 3px;}
.entry dl input[type="submit"] {width:150px;height:22px;border:1px solid #aaa;background:#fafafa;font-weight:bold;cursor:pointer;}
.entry dl small {display:none;}
.entry div form {width:400px;margin:0 auto;}
.pxs_css_spamcheck {display:none;}

/* Footer */
#footer {width:950px; height:40px; padding-top: 10px;}
#footer p, #footer a {color:#fff; font-weight: normal; font-size: 11px;}
.credits {margin-left: 10px;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.post {margin:0 0 15px;}
.postinfo {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 30px; padding:8px 5px 8px 8px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin:20px 0; padding:5px; text-align:center;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.clear {clear:both;}
.hide {display:none;}
.alignright {float:right;}
.alignleft {float:left;}
.dl_link { margin:10px 0 0 15px; font-size:12px; }

/* Comments */
#comment_container {border: 1px solid #ddd;}
.comment_caption {background: #eee url(img/bubble.gif) 10px 9px no-repeat;height:23px;padding:7px 0 0 30px;}
.comment {color:#606060;}
.comment p {font-size:12px; margin:10px 10px 10px 30px;}
.comment strong {color:#000066;}

#respond {border: 1px solid #ddd;margin-top:15px;}
#respond .comment_caption {background: #eee url(img/pen.gif) 10px 7px no-repeat;}
#respond_inner {margin:10px 10px 10px 30px;}
.comment_caption h3 {color:#000066;font-size:14px;}

#respond p {margin:0 0 5px 0;}
#respond label {font-size:12px;}
#respond textarea {width:456px;height:125px;border:1px solid #bebebe;}
#respond input[type="text"] {width:456px;height:20px;border:1px solid #bebebe;}
#respond input[type="submit"] {width:200px;height:20px;border:1px solid #bebebe;font-weight:bold;background:#eee;cursor:pointer;color:#555;}

/* Archives */
.archive_block {list-style:none;margin-bottom:15px;background:#f5f5f5;border:1px solid #ddd;padding:10px;}
.archive_block li {margin-bottom:4px;}
.archive_block .emptymonth {color:#ccc;}

li.archive_list {margin-bottom:4px;list-style:none;}