/*
Theme Name: Bugeyes Null Neun
Theme URI: http://bugeyes.de/
Description: Null Neun Theme von Bugeyes.de
Version: 1.0
Author: Marvin Labod
Author URI: http://bugeyes.de
*/

/* Reset */

* {
margin:0px;
padding:0px;
border:none;
list-style:none;
text-decoration:none;
outline:none;}

html {
background: #fff url("images/bg.jpg") repeat-x;}

body { 
font-family:Arial, Verdana, Sans Serif;
font-size:14px;
background: url("images/header.jpg") no-repeat center top;
color: #777;
width: 100%;
display: table;}

a { font-weight:bold; cursor:pointer; color:#d6d36c;}

a:hover { text-decoration:underline;}

#content a:hover, #sidebar a:hover { text-decoration:none; color:#68a8b4;}

p { margin-bottom:20px;}

/* LAYOUT ---------------------------------------------------------  */

#content {
width:600px;
margin-top:61px;
margin-left:21px;
padding:0px 20px;
line-height:20px;
float:left;
margin-bottom:-100px;}

*html #content {
margin-left:10px;}

#sidebar {
margin-top:70px;
width:290px;
float:right;}
	
#gesamt {
width:975px;
margin:0px auto;}

/* MENU -----------------------------------------------------------  */

#menu {
margin:20px 0px 20px 0px;
height:40px;}

.clear {
clear:both;}

#menu li, #bmenu li {display:inline;}

#menu a, #bmenu a {
color:#fff;
font-weight:normal;
float:left;
margin-right:10px;
padding:7px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background-color:#355962;}

#menu a:hover, #bmenu a:hover { text-decoration:none; background:#68a8b4; color:#fff;}

#menu li.current_page_item a, #bmenu li.current_page_item a{ background:#bab63d; font-weight:bold;}

#bmenu a { float:right;}

#bmenu { float:right; width:400px;}

/* ÜBERSCHRIFTEN -------------------------------------------------------  */

.post {
border-bottom:1px dotted #ddd;
margin-bottom:20px;}

#content h1 {
letter-spacing:-1px;

font-size:24px;
margin-bottom:20px;}

#content h1.page {
border-bottom:1px dotted #ddd;
padding-bottom:10px;
font-weight:normal;
margin-left:0px;
margin-bottom:20px;}

#content h1#comments { margin:0px;}

#content h1 a { font-weight:normal; }

#content h1 a:hover { font-weight:normal; color:#68a8b4;}

#content h2, #content h4 {
font-size:20px;
font-weight:normal;
color:#68a8b4;
letter-spacing:-1px;
margin-bottom:20px;
padding-bottom:6px;
border-bottom:1px dotted #ddd;}

#content h1 a.comments { 
font-size:13px;
height:18px;
float:right; 
padding-right:22px; 
background:url(images/comments.jpg);
background-repeat:no-repeat;
background-position:right 0px;}

#content h1 a.comments:hover { background-position:right -18px;} 

/* DATUM -------------------------------------------------------  */

#content p.datum {
margin-bottom:5px;
color:#ccc;
font-size:12px;}

/* BILDER -------------------------------------------------------  */

#content img.shadow { border:5px solid #f0f0f0;}

#content img.news { 
border:5px solid #f0f0f0; 
margin-bottom:20px;
float:left;
margin-right:20px;}

/* PAGEBAR -------------------------------------------------------  */

#content .pagebar { padding-bottom:20px;}

#content .pagebar a {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
color:#fff;
padding:3px 6px;
background:#d6d36c;}

#content .pagebar span.this-page {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
color:#fff;
padding:3px 6px;
background:#68a8b4;}

#content .pagebar span.pages {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
color:#888;
padding:3px 6px;
background:#f0f0f0;
float:right;}

#content .pagebar a:hover  { color:#fff; background:#68a8b4;}

/* LISTEN--------------------------------------------------------------  */

#content ul { padding:0px 10px 20px 10px;}

#content ul li { padding-left:18px; background:url(images/pfeil.jpg) no-repeat 0px 6px;}

#content ul ul { padding:5px;}

#content ul.big {
padding:0px 0px 20px 0px;}

#content ul.big li{
padding:5px 0px 5px 18px;
background:url(images/pfeil.jpg) no-repeat 0px 10px;
border-bottom:1px dotted #ddd;}

/* INFO LINKS ------------------------------------------------------------  */

#content .more { margin-bottom:40px;}

#content .more a, #sidebar .more a {
font-weight:normal;
color:#888;
background:#f0f0f0;
padding:3px 6px;
margin-right:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;}

#sidebar .more { line-height:26px; margin-top:10px; }

#sidebar .more a { margin-right:-2px;}

#content .more a:hover { color:#68a8b4; }

#sidebar .more a:hover { background:#68a8b4; color:#fff;}

/* COMMENTS -------------------------------------------------------  */

ul#commentlist { 
padding:0px; 
margin:0px 0px 40px 0px; }

ul#commentlist li {
background:none;
margin:0px; padding:0px;}

ul#commentlist li div {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:20px 0px;
margin-bottom:5px;
background-image:none;
background-color:#39606a;}

ul#commentlist li p {
margin-top:20px;
padding:0px 20px;
color:#f0f0f0;
margin-bottom:0px;}

ul#commentlist a.url { font-size:16px; font-weight:normal;}

ul#commentlist p.meta span {
padding:5px 20px;
opacity:0.5;
float:right;
font-size:36px;
color:#b0e2ef;
font-family:Georgia, Serif;}

ul#commentlist p.meta {
background:#456f7a;
color:#b0e2ef;
padding-left:90px;
padding-top:7px;
height:45px;
margin:0px;}

ul#commentlist img.avatar {
float:left;
margin-left:20px;
border:1px solid #b0e2ef;}

.spitze {
height:20px;
width:20px;
display:block;
background:url(images/spitze.jpg);
margin-left:35px;}

/* FORMS ----------------------------------------------------------  */

textarea, input {
padding:5px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background:#f0f0f0;
border:1px solid #ddd;}

textarea { width:590px;}

input.button, a.button {
border:none;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
color:#fff;
padding:5px;
background:#d6d36c;}

input.button:hover, #content a.button:hover { color:#fff; cursor:pointer; background:#68a8b4;}

/* CODE ----------------------------------------------------------  */

pre {
background:#f0f0f0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-size:12px;
border-radius:3px;
padding:20px;
margin-bottom:20px;}

code {
background:#f0f0f0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:3px;}

h2 code {
background:none;}

#commentlist code {
background:#456f7a;}


/* SIDEBAR --------------------------------------------------------  */

#sidebar p {
color:#aaa;}

ul.tablist { margin-bottom:20px;}

*html ul.tablist li {
border-bottom:1px solid #fff;
margin-bottom:0px;}

ul.tablist a {
color:#888;
display:block;
font-size:13px;
background:#f0f0f0;
padding:8px 16px;
margin-bottom:1px;}

ul.tablist a.alle {
font-size:10px;
text-transform:uppercase;
text-align:right;
margin-top:3px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
background:#e6e6e6;}

#sidebar ul.tablist a:hover {
background:#68a8b4;
text-decoration:none;
color:#fff;}

#tabhead {
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
border-top-left-radius:3px;
border-top-right-radius:3px;
background:#f0f0f0;
height:30px;
margin-bottom:3px;}

#tabhead a {
display:block;
width:96px;
padding-top:9px;
text-align:center;
padding-bottom:6px;
float:left;
color:#888;
font-size:12px;}

#tabhead a.right {
width:97px;
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
border-top-right-radius:3px;}

*html #tabhead a.right {
margin-righ:-3px;}

#tabhead a.left { 
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
border-top-left-radius:3px;
width:97px;}

#tabhead a.active, #tabhead a.active:hover { background:#d6d36c; color:#fff;}

#tabhead a:hover { background:#e6e6e6; text-decoration:none;}

#sidebar h3 {
font-weight:normal;
padding-bottom:6px;
border-bottom:2px dotted #ccc;}

#sidebar ul.dotted {
margin-bottom:20px;}

#sidebar ul.dotted li {
padding:6px 0px 6px 18px;
line-height:20px;
border-bottom:2px dotted #ccc;
background:url(images/pfeil.jpg) no-repeat 0px 12px;}

/* ADD ------------------------------------------------------------  */

.add {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin-bottom:20px;
position:relative;
width:125px;
height:125px;
padding:5px;
background:#f0f0f0;
float:left;}

.add:hover { text-decoration:none; }

.right { float:right; }

.add span {
position:absolute;
bottom:10px;
background:#68a8b4;
padding:5px;
font-size:12px;
width:115px;
opacity:0.7;
color:#fff;
font-weight:bold;}

.add img { position:absolute; }


/* FOOTER ---------------------------------------------------------  */

#footer {
width:100%;
clear:both;
background-image:url(images/footerbg.jpg);
color:#fff;}

#footer .inner {
margin:0px auto;
width:930px;
padding-top:165px;
background-repeat: no-repeat;
padding-left:50px;
height:40px;
background:url(images/footer.jpg);}

/* Wordpress Klassen */

.alignright {
float:right;
margin-left:10px;}

.alignleft {
margin-right:10px;
float:left;}