/*
Theme Name: pixel301
Theme URI: http://www.pixel301.de
Author: Olivia Engelen
Author URI: hwww.olivia-engelen.de
Version: 1.0
*/

/**********************  TAGS  **********************/
* { margin:0px; padding:0px; border:none; list-style:none; }
html, body, div, span, object, h1, h2, h3, h4, h5, h6, a, address, code, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; vertical-align:baseline }
table { border-collapse:separate; border-spacing:0; margin:0 0 15px 0 }
caption, th, td { text-align:left; font-weight:normal }
table, td, th { vertical-align:middle }
a img { border:none }
* :focus { outline: 0 }
body { margin:0px; padding:0px; border:none; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; background:url(images/bgnoise.gif); color:#202020; font-size:14px; line-height:23px; -webkit-text-size-adjust: none; }
h1 { font-family: PlutoCondLight; font-size:26px; line-height:34px; font-weight:normal; color:#009ee3; padding:0 15px 5px 0; }
h2, #SIDEBAR .title { font-family: PlutoCondLight; font-size:20px; line-height:20px; font-weight:normal; color:#202020; padding:20px 0 20px 0; }
h3, h3 a { font-family: PlutoCondMedium; font-size:14px; line-height:30px; font-weight:normal; color:#202020; }
p { padding:0 0 10px 0; }
a { color:#009ee3; font-weight:normal; text-decoration:none; }
a:hover { text-decoration:underline; }
ul li a{ padding:5px 0 0 20px; background:url(images/li-element.png) no-repeat 5px 10px;}

/**********************  HEADER  **********************/
.clear { clear:both; }
#CONTAINER-HEADER { width:100%; text-align:center; }
#HEADER { width:960px; text-align:left; margin:0px auto; }
#LOGO { width:179px; height:49px; padding:29px 0 0 0; float:left; }
.menu-hauptnavigation-container { float:right; margin:62px 0 0 0; font-family: PlutoCondMedium; text-transform:uppercase; font-size:14px; font-weight:normal; }

/**********************  TEASER  **********************/
#CONTAINER-TEASER { background:url(images/header-random.jpg) no-repeat center 98px; text-align:center; height:460px; }
#TEASER { width:960px; text-align:left; margin:0px auto; clear:both; font-family: PlutoCondLight; font-weight:normal; }
#CONTAINER-TEASER .featuredpost { padding:50px 0 0 0;}
#CONTAINER-TINY-TEASER { background:url(images/header-random-small.jpg) no-repeat center 98px; text-align:center; height:260px; }
#TEASER-TINY { width:960px; text-align:left; margin:0px auto; clear:both; }
#CONTAINER-TEASER p a{ color:#fff; text-decoration:underline;}


#sticky-content{ padding:5px 0 0 0;}
#sticky-content .sticky-subhead a{background:#000; color:#fff; padding:5px; font-size:14px;}
#sticky-content h1{background:#000; color:ffffff; padding:5px; font-family: PlutoCondLight; font-weight:normal; display:inline; position:relative; top:-10px;}
#sticky-content p{ font-family: PlutoCondRegular; font-weight:lighter; font-size:20px; line-height:26px; color:#fff; margin:20px 0 0 0;} 
#sticky-content .post-teaser-more{background:#000; padding:5px; }
#sticky-content .author-date-comment{ color:#fff;}
#sticky-content .sharing {display:none;}
.home .podPress_content{display:none;}

/**********************  SINGLE TEASER  **********************/
.single #CONTAINER-TEASER {  background:url(images/header-folge20.jpg) no-repeat center 98px; text-align:center; height:460px;}
.single #TEASER { width:960px; text-align:left; margin:0px auto; }


/**********************  CONTENT  **********************/
#CONTAINER-CONTENT { width:100%; text-align:center; }
#CONTENT-BOX { width:960px; text-align:left; margin:0px auto; }
#CONTENT { width:696px; float:left; border-right:1px solid #000000; margin:-3px 0 0px 0; padding:0 0 30px 0; }
#SIDEBAR { width:239px; float:left; margin:0 0 0 24px; text-align:left; font-size:12px; }
.navigation{ clear:both; margin:20px 0;}
.alignright{float: right; margin:0 30px 0 0;}
.alignleft{float: left;}

/**********************  article  **********************/
.entry{  width:696px; }
.entry p, .entry h1{  width:645px; }
.author-date-comment{ margin:0 0 30px 0; font-size:12px;}
.sharing{border-top:1px solid #000; border-bottom:2px solid #000; margin:20px 0 20px 0;}
.category{}

/**********************  facebook  **********************/
.fb-like-box{ background-color:#fff; margin:30px 0 0 0;}

/**********************  Letzte Kommentare  **********************/
#get_recent_comments_wrap{border-bottom:2px solid #000; padding:0 0 20px 0;}
#get_recent_comments_wrap ul li{border-top:1px solid #a3a3a3; padding:5px 0;}
#get_recent_comments_wrap ul li a {padding:0px; background:none; }
#SIDEBAR .title{margin:20px 0 0 0;}
li.cat-item{border-top:1px solid #a3a3a3; padding:5px 0;}
li.cat-item a{padding:0px; background:none;}

/**********************  FOOTER  **********************/
#CONTAINER-FOOTER { width:100%; text-align:center; background:url(images/bgnoise-footer.gif); }
#FOOTER { width:960px; text-align:left; margin:0px auto; color:#fff; padding:30px 0 0px 0; font-size:12px;}
#FOOTER h1{ font-size:20px;}
#FRIENDS{ width:240px; float:left;}
#TECH{width:240px; float:left;}
#WIR{width:470px;  float:left;}
#FOOTER #footer-abschluss{height:30px; margin:10px 0 0px 0;}
#FOOTER .clear{ height:15px;}

/**********************  FOOTER: Friends Menu  **********************/
ul#menu-friends a, ul#menu-tech-2 a
{color:#fff; font-weight:normal; font-size:12px;  padding: 0px 0 15px 20px; line-height:18px; background:url(images/pfeil-link.png) no-repeat 0px 4px;}

/**********************  NAVI  **********************/
ul#menu-hauptnavigation li { float:left; padding:0px 0px 0px 20px }
ul#menu-hauptnavigation li a { text-decoration:none; color:#747171; padding:0px; background:none; text-transform:uppercase; }
ul#menu-hauptnavigation li.current-menu-item a { color:#009ee3; }
ul#menu-hauptnavigation li a:hover { color:#009ee3; }

/**********************  formular  **********************/
input{	width: 300px; height:24px; border:solid 0 #fff;	padding: 4px 8px 0px 8px; margin: 2px 0px 0px 0px; background-color:#fff; 
border:1px solid #c5c5c5;}
textarea{width: 300px; height:150px; border:solid 0 #fff; padding: 8px 8px 0px 8px; margin: 0px 0px -8px 0px; background-color:#fff; border:1px solid #c5c5c5; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
select{	background-color:#fff; border:1px solid #c5c5c5; width: 300px; padding: 8px 8px 0px 8px; margin: 0px 0px -8px 0px;}
option{	padding: 8px 8px 0px 8px;}
#submit{width:150px; height:35px; background-color:#009ee3; font-weight:bold; color:#fff; cursor:pointer; padding:0 0 2px 0; margin:10px 0 0 0;}
#submit:hover{background-color:#30befc;}

/**********************  img align  **********************/
img.alignleft { padding: 5px; margin: 0 15px 2px 0; display: inline; border: 1px solid #c2cac8; background-color: #ffffff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.alignleft { float: left; }


/**********************  Formular  **********************/
.input_btn{	width:120px; height:35px; background-color:#009ee3;	font-weight:bold; color:#fff; cursor:pointer; padding:0 0 2px 0; margin:10px 0 0 0;	}
.input_btn:hover{	background-color:#009ee3;	}


/**********************  Kommentare  **********************/
.avatar{padding: 5px; margin: 0 15px 2px -65px; display: inline; border: 1px solid #c2cac8; background-color: #ffffff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.comment-body{width:581px; border-top: 1px solid #d9d9d9; padding:15px 50px 0 65px;}
.fn { font-family: PlutoCondLight; font-size:20px; line-height:20px; font-weight:normal; color:#009ee3; padding:0px 0 20px 0px; margin:0 0 0 0px;}
.commentmetadata{}
.haarlinie{	height:1px;	background-color:#d9d9d9;	margin:15px 0 15px 0;}