/*  
Theme Name: Blog 14 v.1
Description: 
Version: 0.5 beta
Author: RHO - Roman Hospenthal - www.rhodesign.ch
Author URI: http://www.rhodesign.ch
*/

/* Standard elements */


@font-face {
font-family: 'FFFTusjBold';
src: url("fonts/FFF_Tusj.ttf") format("truetype");
}

@font-face {
	font-family: 'FFFTusjBold';
	src: url('fonts/FFF_Tusj.eot');
	src: local('FFF Tusj'), local('FFFTusj-Bold'), url('fonts/FFF_Tusj.woff') format('woff'), url('fonts/FFF_Tusj.ttf') format('truetype'), url('fonts/FFF_Tusj.svg#') format('svg');
}



.fontface{
font-family: FFFTusjBold; 
font-size: 60px;
margin: 20px 0;
color: #333;
line-height: 60px;
}


* {
margin: 0;
padding: 0;
}
a {
color: #999;
text-decoration: none;
}
a img{
border: none;
}


html, body {
margin: 0;
padding: 0;
height: 100%;
}

body {
color: #3d3d3b;
margin: 0px;
text-align: center;
font: normal 0.8em sans-serif,Verdana;
background-color: #8a8988;
background-image: url(img/bg_body2.jpg);
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;

}


#container {
text-align: left;
width: 1000px; 
margin: 0 auto;
background-color: #efefee;
}




/* ############################# START HEADER ################################# */
#header {
height: 200px;
width: 1000px;
background-image: url(img/header.jpg);
}
/* ############################# ENDE HEADER ################################# */


#logo{
	width: 161px;
	width: 82px;

	position: relative;
	top: 15px;
	left: 33px;
}




/* ############################# START NAVI ################################# */

/* Styles for the entire LavaLamp menu */
.lavaLamp {
position: relative;
overflow: hidden;
background: #67665f url(img/bg_navi.gif);
color: White;
float: left;
width: 935px;
border-bottom: 1px solid #a19f95;
padding-left: 33px;
padding-right: 32px;
}

/* Force the list to flow horizontally */
.lavaLamp li {
float: left;
list-style: none;
}

/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
background: url(img/lava.gif) no-repeat top no-repeat right -30px;
width: 9px; 
height: 32px;
z-index: 8;
position: absolute;
}

.lavaLamp li.back .left {
background: url(img/lava.gif) no-repeat top left;
height: 32px;
}

/* Styles for each menu-item. */
.lavaLamp li a {
position: relative;
overflow: hidden;
text-decoration: none;
text-transform: uppercase;
color: #E7E7E7;
outline: none;
text-align: center;
top: 7px;
z-index: 10;
float: left;
display: block;
padding: 3px 20px 13px 20px;
}

/* ############################# ENDE NAVI ################################# */


#contentcontainer {
width: 1000px;
}



/* ############################# START SIDEBAR ############################# */
#sidebar {
width: 270px;
float: right;
padding: 30px 30px 50px 0px;
font-size: 11px;
}

#sidebar h3{
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
margin-bottom: 4px;
margin-top: 10px;
color: #3d3d3b;
}

#sidebar ul {
list-style-type: none;
padding-left: 0px;
margin-bottom: 30px;
}

#sidebar ul li {
height: auto;
}

#sidebar a {
color: #333;
text-decoration: none;
}
#sidebar a:hover {
color: #555;
text-decoration: none;
}
#sidebar a img{
border: none;
}




#feed {
margin: 35px 0;
padding: 15px 0 30px 0;
border-top: 2px solid #d0d0d0;
border-bottom: 2px solid #d0d0d0;
}
#feed a img{
filter:alpha(opacity: 70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#feed a img:hover{
filter:alpha(opacity: 100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
#feed h3{
padding-top: 10px;
margin-bottom: 2px;
}
#feed h3 a{
color: #3d3d3b !important;
}
#feed h3 a:hover{
color: #666 !important;
}



#adds {
margin-bottom: 20px;
}
#adds a img {
border: 5px solid #c7c7c7;
margin-bottom: 10px;
filter:alpha(opacity: 80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
#adds a:hover img {
border: 5px solid #c0c0c0;
margin-bottom: 10px;
filter:alpha(opacity: 100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}





#recent_comments li{
padding: 0 !important;
}
#recent_comments li a{
color: #333;
border-bottom: 1px solid #d0d0d0;
display: block;
padding: 7px 0;
}
#recent_comments li a:hover {
color: #333;
background-color: #e7e7e7;
}



#tipps li{
padding: 0 !important;
}
#tipps img{
border: 1px solid #d0d0d0 !important;
background-color: #FFF;
text-align: center;
}
#tipps li a{
border-bottom: 1px solid #d0d0d0;
display: block;
padding: 7px 0;
height: 60px;
overflow: hidden !important; /*clip content that go outside dimensions of holding panel DIV*/
color: #333;
}
#tipps li a:hover {
color: #333;
background-color: #e7e7e7;
}
.text{
text-align: left; /*leave this value alone*/
overflow: hidden !important; /*clip content that go outside dimensions of holding panel DIV*/
padding: 0 0 5px 0;
height: 50px;
}



/* ############################# ENDE SIDEBAR ################################# */








/* ############################# START CONTENT ################################# */
#content {
clear: both;
width: 580px;
float: left;
clear: both;
padding: 30px 0 50px 33px;
}
#content h1 {
margin: 0 0 5px 0;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
margin-bottom: 4px;
color: #3d3d3b;
}
#content h1 a{
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
color: #3d3d3b;
text-decoration: none;
}
#content h1 a:hover{
color: #555;
}




#content h2 {
margin-top: 20px;
margin-bottom: 3px;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
color: #444;
text-decoration: none;
}
#content h2.pagetitle {
margin-top: 0px !important;
margin-bottom: 20px;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
color: #444;
text-align: right;
background-color: #D0D0D0;
padding: 0 15px;
}

#content ul {
list-style: none !important;
padding-left: 0px !important;
margin-left: 0px !important;
}

#content ul li {
list-style: none !important;
padding-left: 0px !important;
margin-left: 0px !important;
}

#content ol li {
list-style: decimal;
}
#content ol {
margin: 0 30px 0 46px;
}

#content p{
padding-bottom: 12px;
}

/* Ende Div Content */







.date{
padding: 0px 0 20px 0px;
color: #555;
font-size: 11px;
}






.entry{
line-height: 1.5em !important;
font: normal 12px sans-serif, Verdana;
color: #222;
overflow: auto;
}
.entry img{
margin-bottom: 10px;
padding: 2px;
background-color: #FFF;
}

.entry a{
text-decoration: underline;
color: #777;
}
.entry a:hover{
text-decoration: none;
color: #666;
}



/* ############################# ENDE CONTENT ################################# */




/* ############################# START INFO ################################# */

.info{

border-top: 2px solid #3d3d3b;
border-bottom: 4px solid #3d3d3b;
padding: 5px 0;
font-size: 11px;
color:#888;
margin: 10px 0 40px 0;
}
.info a{
color:#888;
text-decoration: none;
padding-left: 4px;
}
.info a:hover{
color:#444;
text-decoration: underline;
}


.commentlink{
width: 110px;
display: block;
float: left;
}
.autor{
float: right;
}

.tags{
	margin-right: 15px;
}
/* ############################# ENDE INFO ################################# */







/* Comments Styling */



.commentlist{

}

.kommentator{
color: #D0D0D0 !important;
background-color: #504f4b;
padding: 3px 0 3px 5px;
margin-bottom: 0px !important;
margin-top:2px;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid  #222;
}
.kommentator a{
color: #D0D0D0 !important;
}

.comment {
padding: 12px 5px 1px 5px;
list-style-type: none !important;
background-color: #888;
margin-bottom: 0px !important;
}


.commentspitz {
	height: 15px;
	width: 100%;
	background-image: url(img/spitz.png);
	background-repeat: no-repeat;
background-position:top right;
margin: 0 0 8px 0 !important;
display: block;
}
#commentlist a{
color: #555;
text-decoration: none  !important;
}
#commentlist a:hover{
color: #333 !important;
}
#commentlist p{
margin-bottom: 10px;
font-size: 12px;
color: #222;
}
.commentdate{
font-size: 10px; 
margin-bottom: 0px !important;
margin-top: 0px !important;
color: #D0D0D0 !important;
background-color: #888;
padding:0px 0px 3px 5px;
}









/* ######################### START COMMENTFORM ########################## */



#kommentarformbox {
background-color: #888;
padding: 20px 5px 15px 5px;
height: 120px;
}

.spitz {
height: 15px;
width: 100%;
background-image: url(img/spitz.png);
background-repeat: no-repeat;
background-position:top right;
}

h1.postcomment{
color: #D0D0D0 !important;
background-color: #504f4b;
padding: 4px 0 4px 5px;
margin-bottom: 0px !important;
border-bottom: 1px solid  #222;
}

#comment_inputs_right{
float:right;
width: 230px;
color: #222;
}

#commentform textarea {
background: #fff;
border: 1px solid #555;
width: 310px;
height: 100px !important;
padding: 3px 5px;
float: left;
margin-right: 10px;
}


#commentform #email, #commentform #author, #commentform #url {
background: #fff;
border: 1px solid #555;
width: 150px;
}

#commentform input{
margin-bottom: 2px;
padding: 3px 5px;
margin-right: 10px;
}

#submit{
color: #333;
border: 1px solid #555;
margin: 3px 0 20px 0;
font-size: 12px;
}
#submit:hover{
color: #333;
border: 1px solid #333;
}

/* ######################### ENDE COMMENTFORM ########################## */






/* ######################### START NEWS-NAVIGATION ########################## */
.navigation {
display: block;
clear: both;
padding: 15px 0 0 0;
}

/*
.navigation a{
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
margin-bottom: 4px;
color: #3d3d3b !important;
}
*/


.navigation a{
color: #3d3d3b !important;
}
/* ######################### ENDE NEWS-NAVIGATION ########################## */











/* ############################# START FOOTER ################################# */

#footer {
padding: 10px  30px 10px 30px;
margin: 0 auto;
width: 940px;
height: 240px;
clear: both;
border-top: 4px solid #333;
border-bottom: 1px solid #fff;
background-color: #AAA;
} 

#footer_links {
width: 320px;
padding: 10px 20px 5px 0;
float: left;
}

#footer_rechts {
width: 280px;
padding: 10px 0 5px 0;
float: right;
}

#footer_middle {
width: 300px;
padding: 10px 20px 5px 0;
float: right;
}

#footer h2, #footer2 h2 {
margin: 0 0 5px 0;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

#footer ul {
list-style-type: none;
padding-left: 0px;
margin-top: 15px;
margin-bottom: 10px;
}

#footer ul li, #footer2 ul li {
height: auto;
}

#footer ul li a, #footer2 ul li a{
color: #3d3d3b;
text-decoration: none;
display: block;
font-size: 11px;
padding: 2px 0 2px 0;
}
#footer ul li a:hover {
color: #3d3d3b;
text-decoration: none;
display: block;
background-color: #b2b2b2;
}






#footer2 {
padding: 10px  30px 10px 30px;
margin: 0 auto;
width: 940px;
height: 80px;
clear: both;
border-top: 2px solid #333;
border-bottom: 1px solid #fff;
background: #777;
}
#footer2 ul {
list-style-type: none;
padding-left: 0px;
margin-top: 5px;
margin-bottom: 10px;
}
#footer ul li a:hover, #footer2 ul li a:hover{
color: #3d3d3b;
text-decoration: none;
display: block;
background-color: #888;
}



#footer3 {
padding: 10px  30px 10px 30px;
margin: 0 auto;
width: 940px;
height: 20px;
clear: both;
background: #333;
color: #888;
}
/* ############################# ENDE FOOTER ################################# */








/* ##################################### START SEARCH ######################### */
#searchdiv{margin: 5px 0 0 0;}

#searchform {}
	
#searchform input {
font-family:Verdana, sans-serif;
font-size: 9px;
text-align: left;
color: #333;
width: 250px;
margin-bottom: 0px;
padding: 3px 4px 3px 4px;
border: 1px solid #666;
background-color: #AAA;
}
#searchform input:hover {
border: 1px solid #555;
}
#searchform input:focus {
border: 1px solid #555;
}
/* ##################################### ENDE SEARCH ######################### */	














/* Misc */
blockquote {
padding: 10px 10px 0px 40px;
color: #666;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
border-bottom: 1px solid #999;

background: url(img/quote.gif) no-repeat 8px 9px;

margin-bottom: 8px;
margin-top: 8px;
}

code {
font: normal 1em "Lucida Sans Unicode",serif;
color: #666;
display: block;
padding: 5px 10px;
margin-top: 10px;
border:1px dashed #999;
background-color: #FFF
}


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

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


ul.archive{
margin-top: 20px;
}
ul.archive li{
padding: 2px 0 2px 0 !important;
}
ul.archive li a{
color: #333;
display: block;
}
ul.archive li a:hover{
background-color: #e7e7e7;
}





.clear {
	clear:both;
	}






/* ##################################### START SLIDE BOX ######################### */	
#myslides{
background:#504f4b;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 970px; /*Width of Carousel Viewer itself  972*/
height: 165px; /*Height should enough to fit largest content's height*/
margin: 0px 15px 5px 15px;
background:#504f4b;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 17px ; /*margin around each panel*/
width:220px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#353533;
height:140px;
border:1px solid #6a6a62;
}

.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 5px 0 0 10px ; /*margin around each panel*/

height: 15px;
width: 190px;
padding:3px 5px 5px 5px;
position:absolute;
top:102px;
line-height:14px;
color: #CCC;
font-size:11px;
overflow: hidden;
text-align: center;
background-image: url(img/tansparent.png);
}

.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
height:20px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px ; /*margin around each panel*/
font-size:14px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}

.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#040404; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 10px 10px 10px; /*margin around each panel*/
padding:0px 0px;
height: 120px;
width: 200px;
}
/* ##################################### ENDE SLIDE BOX ######################### */



li#comment-preview {
	display: block;
	padding-top: 40px;
	padding-left: -20px;
	margin-left: -20px;
}	

a.more-link {
	text-decoration: none;
	margin-top: 10px !important;
}








ul#authorarchives li a{
display: block;
padding: 5px 0 10px 0 !important;
color: #333;
}
ul#authorarchives li a:hover{
background-color: #e7e7e7;
}

ul#authorarchives li{
border-bottom: 1px solid  #D0D0D0;
}
ul#authorarchives li img{
border: 1px solid #FFF;
float: left; 
margin-right: 15px;
}

.authorarchives-title{
text-transform: uppercase;
padding: 3px 0 0 0;
}
.authorarchives-datum{
font-size: 10px;
color: #555;
}