/*
Theme Name: stephano.fm
Author: zoolution-labs
Author URI: http://zoolution-labs.com/
*/


/* Seiten Struktur */

html{
overflow-y:					scroll;
}

body {
text-align: center;
color: #65583f;
font-family: 'Trebuchet MS';
font-size: 12px;
padding: 0px;
margin: 0px;
background:url(http://stephanofm.de/wp-content/themes/default/images/body_back.jpg) top left repeat;
}

#body_inlay{
background: url(http://stephanofm.de/wp-content/themes/default/images/head_back.jpg) top center repeat-x;                                                
width: 100%;
margin: 0px auto;
}

#page {
text-align: left;
background: url(http://stephanofm.de/wp-content/themes/default/images/footer_end.jpg) bottom center repeat-x;                                                
width: 100%;
}


#page_inlay{
width:970px;
margin:0px auto;
background: url(http://stephanofm.de/wp-content/themes/default/images/content_bg_filler.jpg) center 550px repeat-y;    
}

#header {
background: url(http://stephanofm.de/wp-content/themes/default/images/head.jpg) top center no-repeat;    

height: 275px;
border-top: 1px solid transparent; /* Mysterium */
}

#head_left{
float:left;
}

#head_right{
float:left;
}

#content{ 
width: 880px; 
margin: 0px auto;
margin-top: 10px;
}

#content_right{
width: 579px;
float: left;
margin-top: 20px;
}

#content_left{
width: 272px;
float: right;

}

#sidebar{
margin-right: 10px;
text-align: center; 
}

#mediapanel{

margin-right: 10px;
text-align: center; 
}

#footer {
background: url(http://stephanofm.de/wp-content/themes/default/images/footer.jpg) top center no-repeat;    
text-align: center;
clear: both;
height:110px;
font-size:10px;
}

#footer_inner {
padding-top:47px;
color:#362e1c;
font-size:12px;
}

#footer_inner p a{
color:#362e1c;
font-size:11px;
}

/* Hauptnavigation */

#main_nav{
width:689px;
}

#main_nav ul{
list-style: none;
text-transform: uppercase;
font-size: 14px;
padding:0px;
margin:0px;
}

#main_nav ul li{
float: left;
padding:0px;
margin:0px;
display: block;
}

#main_nav ul li a{
overflow: hidden;
height: 46px;
display: block;
text-indent: -2000px;
}

/* Main Nav Menu Bilder*/

#main_nav_news{
width: 69px;
background: url(http://stephanofm.de/wp-content/themes/default/images/menu/1_news.jpg) top left no-repeat; 
}

#main_nav_inhalte{
width: 120px;
background: url(http://stephanofm.de/wp-content/themes/default/images/menu/2_innehalten.jpg) top left no-repeat;
}
			
#main_nav_dahinter{
width: 180px;
background: url(http://stephanofm.de/wp-content/themes/default/images/menu/3_dahinter.jpg) top left no-repeat;
}

#main_nav_podcast{
width: 100px;
background: url(http://stephanofm.de/wp-content/themes/default/images/menu/4_podcasts.jpg) top left no-repeat;
}
			
#main_nav_projekte{
width: 180px;
background: url(http://stephanofm.de/wp-content/themes/default/images/menu/5_projekte.jpg) top left no-repeat;
}

#main_nav ul li a:hover{
background-position:  0px -46px;
}
/* ________ */

.current_page_item a, .current_page_parent a{
font-weight: bold;
color: #18434C;
}
/* Slogan */
#head_slogan{
background: url(http://stephanofm.de/wp-content/themes/default/images/slogan_1.gif) 10px 25px no-repeat; 
width:689px;
height:100px;
text-indent:-1000000px;
overflow:hidden;
}

/* Short Info*/
#short_info{
text-align:left;
width:450px;
margin-left:30px;
margin-top:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
line-height:25px;
}

#short_info p{
display: none;
}

/* Panorama*/

#panorama{
background: url(http://stephanofm.de/wp-content/themes/default/images/pano/pano1_moewe.jpg) top center no-repeat;    
height: 275px;
}

#panorama_text{
width: 250px;
float: right;
margin-right: 60px; 
height: 230px;
margin-top: 30px;
}

#panorama_text p{
font-size: 17px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #ccc;
display: none;
letter-spacing: 1px;
line-height: 23px;
}
.short_info_highlight{
font-size: 21px;
text-transform: uppercase;
color: #CD9B10;
}
/* SubMenu */
#submenu{ 
height: 100px;
background: url(http://stephanofm.de/wp-content/themes/default/images/sub_menu_bg.jpg) top left no-repeat;

}
#submenu_mitmachen{
width: 260px;
float: right;
margin-right: 55px;
}
#submenu_mitmachen a{
background: url(http://stephanofm.de/wp-content/themes/default/images/sidebar/1_mitmachen.jpg) top left no-repeat;
height: 100px;
display: block;
color: #fff;
text-align: center;
padding-left: 30px;
text-decoration: none;
}
#submenu_mitmachen a:hover{
background-position:  0px -102px;
}

#submenu ul{
width: 550px;
float: left;
font-family: arial !important;
text-transform:  none !important;
text-align: justify;
list-style: none;
padding: 0px !importnat;
margin: 0px !important;
}
#submenu ul li{
 
padding-left: 10px !important;
line-height: 20pt;
background: none !important;
border: none !important;
display: inline;
}
#submenu ul li a{ 
text-decoration: underline !important;
}
.submenu_start{
margin-left: 140px;
text-transform: uppercase;font-weight: bold;
}

/* Sidebar */

#sidebar ul{
list-style: none;
text-align: left;
width: 233px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
padding: 0;

margin-bottom:0px;
}
.sidebar_ul_end{
list-style: none;
width: 233px;
height: 17px;
}

#sidebar ul li{
margin-left: 15px;
margin-right: 15px;


}
#sidebar ul li a{
padding: 10px;
line-height: 20px;
display:block;
color: #3C3E2D;
text-decoration: none;
border-bottom: 1px solid #ddd;
}
#sidebar ul li a:hover{
background:#fefefe;
}

/* Seiten und Post Content -  */

#content p {
letter-spacing: 1px;
padding: 20px;
padding-top: 0px;
padding-bottom: 5px;
margin-top: 0px;
}
h2, h3 {
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: 2px;
margin: 0px;
padding: 10px;
}

#content h2{
text-transform: uppercase;
letter-spacing: 4px;
}

.post, .page_post{
line-height: 18px;
text-align: justify;
margin-bottom: 20px;
}

.post{
background: url(http://stephanofm.de/wp-content/themes/default/images/entry_back.jpg) top left repeat-y;  
margin-bottom: 50px;
}
.post h2{
background: url(http://stephanofm.de/wp-content/themes/default/images/entry_head.gif) top left no-repeat;  
}
.post h2 a{
color: #D6CE9F !important; 
text-decoration: none; 
}

.entry{
padding: 10px;
padding-top: 20px;
}

.postmetadata{
height: 78px;
overflow: hidden;
background: url(http://stephanofm.de/wp-content/themes/default/images/entry_foot.jpg) top left no-repeat;  
font-size: 11px;
text-align:left;
}
.meta_left{
width: 295px;
float: left;
padding-left: 5px;
padding-top: 18px;
}
.meta_right{
float: right;
width: 230px;
padding-top: 18px;
}
h3.date{
font-size:15px;
text-transform:uppercase;
color:#666;
margin:0px;
padding:0px;
text-align:center;
}

.postmetadata span a{
color:#727868;
text-decoration:none;
}
.postmetadata span a:hover{
color:#B63017;
text-decoration:underline;
}

/* Links */

a{
color: #662F27;
}

#footer a{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
text-transform: uppercase;
text-decoration:none;
color: #888;
letter-spacing: 1px;
margin: 10px;
}

#footer a:hover{
text-decoration:underline;
}


#logo_link{
display:block;
width:281px;
height:275px;
float:left;
text-indent:-10000px;
overflow:hidden;
}



/* Tagcloud */
#tagcloud{

margin: 10px;
text-align: justify;
padding: 10px;
border: 1px solid #d0b381;
}
#tagcloud a{
color: #a58857;
}

#tagcloud a:hover{
color: #B63017;
}

/* Project Preview */
.project_preview{
margin: 10px;
text-align: left;
}

/* Comments */

#comments ul{
margin: 10;
margin-left: 0px;
padding: 10;
} 
#comments ul li{
list-style-type: none;
padding: 0px !important;
margin-bottom: 30px;
}
.comment_content{
background: url(http://stephanofm.de/wp-content/themes/default/images/entry_back_comment.gif) bottom left repeat-y; 
margin-bottom: 30px; 
}
.comment_content h3{
background: url(http://stephanofm.de/wp-content/themes/default/images/entry_head_comment.gif) bottom left no-repeat;
color: #CCA761;
}
.comment_content h3 a{
color: #D6CE9F !important; 
text-decoration: none; 
}
.comment_content p{
padding: 10px 20px 10px 20px !important;
}

.comment_footer{
height: 10px;
overflow: hidden;
background: url(http://stephanofm.de/wp-content/themes/default/images/entry_foot_comment.gif) bottom left no-repeat;  
font-size: 11px;
}


/* Post Navigation */

.navigation{
padding: 14px;
margin: 0px;
margin-bottom: 10px;
}
.navigation a{
font-size: 14px;
}
.navigation .alignleft{
float: left;
background: none;
border: none;
}
.navigation .alignright{
float: right;
background: none;
border: none;
}

/* Formulare */

fieldset{
margin-bottom: 15px;
width: 455px;
border: none;
}
input, textarea{
border: 2px solid #664742;
padding: 6px;
color: #662F27;
background: #f1f1f1;
}
label{
padding-left: 15px;
color: #662F27;
}



/* Bilder */
.image_area{
margin: 6px; 
text-align: center;
}
.image_area img{
background: #f8f8f8;
padding: 4px;
border: 1px solid #666;
margin: 6px;
}

.alignleft{
background: #f8f8f8;
padding: 4px;
border: 1px solid #666;
margin: 6px;
float: left;

}
.alignright{
float: right;
background: #f8f8f8;
padding: 4px;
border: 1px solid #666;
margin: 6px;
}

/* Blockquotes */
blockquote{
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
background: #E1E7CD;
color: #847862;
border: 4px solid #AEB39E;
padding: 20px;
line-height: 22px;
}
blockquote span{
font-size: 12px;
font-family: arial;
color: #888;
}
blockquote p{
margin: 0px;
padding: 0px;
text-align: left !important;
}


/* Listen */

.post ul, .page_post ul{
margin: 0px;
margin-left: 60px;
margin-right: 60px;
padding: 8px;
list-style: none;
}
.post ul li,.page_post ul li{
font-weight: bold;
padding: 8px;
margin: 4px;
font-size: 13px;
text-align: left;
}

/* Current Mist */

.current_menu_item a{
color: #18434C !important;
}

/* Buttons */

a.btn_mehr_darueber{
float:right;
width:156px;
height:31px;
display:block;
text-indent:-100000px;
overflow:hidden;
background:url(images/buttons/btn_mehr_erfahren.gif) left top no-repeat;
}

a.btn_mehr_darueber:hover{
background:url(images/buttons/btn_mehr_erfahren.gif) left -31px no-repeat;
}


/* Test zeug */

.page_post_preview_left, .page_post_preview_right{
width: 220px;
border: 8px solid;
float: left;
height: 170px;
}
.page_post_preview_left{
margin-right: 30px;
margin-left: 26px;
}
.page_post_preview p, .page_post_preview h4{
margin: 0px;
padding: 5px !important;
}
.page_post_preview img{
height: 50px !important;
}
.page_post_preview_spacer{
height: 10px;
}
.page_post_preview p{
text-align: left;
}


/* Sidebar Misc */
#sidebar h3{
color: #D6CE9F !important;
}
#sidebar h4{
text-align: left;
font-size: 15px;
margin-left: 8px;
}
.sidebar_box{
background: url(http://stephanofm.de/wp-content/themes/default/images/sidebar/box_back.jpg) top left repeat-y;  
padding-bottom:5px;
}
#sidebar_player_head{
background: url(http://stephanofm.de/wp-content/themes/default/images/sidebar/header_rss.gif) top left no-repeat;  
margin-bottom:5px;
}
.sidebar_support_head{
background: url(http://stephanofm.de/wp-content/themes/default/images/sidebar/header_support.gif) top center no-repeat;  
line-height: 30px;
color: #D6CE9F;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
height:33px;
padding-top: 15px;
}

.sidebar_box_head{
background: url(http://stephanofm.de/wp-content/themes/default/images/sidebar/header_blank.gif) top left no-repeat;  
}

.sidebar_box_footer{
background: url(http://stephanofm.de/wp-content/themes/default/images/sidebar/box_bottom.jpg) top left no-repeat; 
height: 2px;
}


.sidebar_line{
background: url(http://stephanofm.de/wp-content/themes/default/images/sidebar/box_bottom.jpg) top left no-repeat; 

height: 2px;
margin-top:5px;
margin-bottom:5px;
}

#sidebar_mitmachen a{
background: url(http://stephanofm.de/wp-content/themes/default/images/sidebar/1_mitmachen.jpg) top left no-repeat;
height: 100px;
display: block;
color: #fff;
text-align: center;
padding-left: 30px;
text-decoration: none;
}
#sidebar_mitmachen a:hover{
background-position:  0px -102px;
}



/* Linklist */

#link_list ul{
margin: 0px !important;
padding: 0px !important;
background-color: none !important;
list-style: none;
}
#link_list h2{
font-size: 14px !important;
}

#link_list ul ul li{
padding: 3px;
font-size: 13px;
}
#link_list ul ul li a{
color: #6B6F58;
}
#link_list ul ul li a:hover{
color: #6B6F58;
text-decoration: none;
}


/* Allgemein */

a:link{}
a:hover{
color: #B63017;
}

#content_right h3,#content #content_right .page_post h2{
background: url(http://stephanofm.de/wp-content/themes/default/images/content_hr.gif) bottom left no-repeat;
}

#content_right div.project_preview h3,#content #content_right .page_post h3{
background:none;
}