/* MOD CSS for sabblog            */
/* coded by Sascha A. Beck, sabweb.net    */
/* (c) sabweb.net  --  made in VIM        */
/* either it works ... or it doesn't (TM) */


/* ----------- DOCUMENT CONTAINER --------- */




#container {
    width:     800px;
    min-width: 560px;
    max-width: 50em;
}

html>body #container {
    width:auto;
}


/* ----------- HEADER --------- */

#header {
    height: 203px;
    background: url(http://static.saschabeck.com/img/layout_top_middle_high.gif) repeat-x top right transparent;    
}

#headerleft {
	background: url(http://static.saschabeck.com/img/headerimages/sablog_large_00.jpg) no-repeat top left transparent;
   z-index: 1;
}

#headerright {
    position: relative;
    background: url(http://static.saschabeck.com/img/layout_top_right_high_menu.gif) no-repeat top right transparent;
}

html>body #headerright {
    background: url(http://static.saschabeck.com/img/layout_top_right_high_menu.png) no-repeat top right transparent;
}


#headertextlogo {
    float: right;
    margin:     25px 8px 0px 0px;
    width:      177px;
    height:     132px;
    background: url(http://static.saschabeck.com/img/headerimages/sabnews_logo_large.gif) no-repeat top right transparent;
}

html>body #headertextlogo {
    background: url(http://static.saschabeck.com/img/headerimages/sabnews_logo_large.png) no-repeat top right transparent;
    margin:     25px 14px 0px 0px;
}

a#aheadertextlogo {
   position: absolute;
    display: block;
    width:      177px;
    height:     132px;   
}


/* ----------- MAIN + CONTENT --------- */

#main {
    background: url(http://static.saschabeck.com/img/layout_middle_right_menu.gif) repeat-y top right #f8f8f8;
}

#mainbtmrghtbg {
   background: url(http://static.saschabeck.com/img/layout_bottom_right_menu.gif) no-repeat bottom right transparent;
} 

#content {
    z-index: 100;
    position: relative;
    margin: 0px 190px 10px 10px; /* was 35px */
    padding: 10px 10px 10px 10px;
    font-size: 0.8em;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;

}

#sidebar {
    z-index: 500;
    position: relative;
    float: right;
    width: 170px;
    margin: -75px 8px 0px 0px;
    padding: 0px;
    font-size: 0.8em;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;  
    text-align: right;  
}

/* non ie5 */
html>body #sidebar {
    width: 170px;
    margin: -75px 17px 0px 0px;
    padding: 0px;
}


#sidebartext { /* fuer opera */
    position:relative;
    z-index: 500;
}

/* BLOG SPEZIFISCH */

#sidebar h2, h3#comments, h3#respond, h3#postmetadata, .yeararchive, .montharchive, .post h3 {
    font-family: Georgia, "Times New Roman", serif;
    letter-spacing: 0pt;
    font-weight: 200;    
    font-size: 1.4em;
    font-style: italic;
  /*  line-height: 0.3em; */   
    background-color: transparent;
 	border-bottom: 1px solid #E5E5E5; 
    text-align: right;    
}

#sidebar h2 {
	margin-top: 1em;
}


h3#comments, h3#respond, h3#postmetadata, .yeararchive, .montharchive, .post h3 {
    text-align: left;
    margin-top: 25px;
}

.yeararchive, .montharchive, .post h3 {
    letter-spacing: 1.4pt;
    font-weight: 500;    
    font-size: 1.9em;
}

.firstpost {
	margin-top: -40px;
}

h3#postmetadata {
    margin-top: 30px;
}


#intromessage {
    padding: 5px;
    margin-bottom: 20px;
    margin-top: -4px;
}
#introlists {
	padding: 5px;
    margin-left: -5px;
    margin-right: -5px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
}

#intromessage h5, #intromessage h1 {
    font-family: Georgia, "Times New Roman", serif;  
    font-size: 3em;
   /* font-style: ; */
    text-align: center;
    font-weight: 500;
    margin-top: -2px;    
    margin-bottom: 5px; 
}
#intromessage h6 {
    font-family: Georgia, "Times New Roman", serif;  
    font-size: 1.3em;
    font-style: italic;
    text-align: center;
    margin-top: 0px;  
    margin-bottom: 10px; 
}

#intromessage h4 {
    font-family: Georgia, "Times New Roman", serif;
    letter-spacing: 0.6pt;
    font-weight: 200;    
    font-size: 1.5em;
    font-style: italic;
    /* lin-height: 0.3em;  */   
    margin: 0px 0px 0.2em 0px;
 	border-bottom: 1px solid #E5E5E5; 
    text-align: left; 
}



#intromessage ul {
    margin: 0px;    
}

#intromessage ul li {
	list-style-type: none;
	list-style-image: none;
    margin: 0;
    font-size: 0.9em;
    line-height: 1.2em;

}


#intrrromessage ul li:before {
	content: "\00BB \0020";
}

html>body #intromessage ul {
	padding-left: 0px;
	/* text-indent: -10px; */

} 

/* überschrift */
.post h1  a, .post h1 a:link, .post h1 a:visited, .post h2  a, .post h2 a:link, .post h2 a:visited  {
    color: black;
    text-decoration:none;
}

.post h1 a:hover, .post h2 a:hover {
    color: #0066cc;
    text-decoration:none;
}

.post h1, .post h2 {
	margin-left: 55px;
}

.postdate {
   float: left;
   width: 48px;
   height: 51px;
    background: url(http://static.saschabeck.com/img/icon_cal.gif) no-repeat bottom right;
   margin: 0 7px 2px 0;
position: relative;
z-index: 20000;
}


html>body .firstpost .postdate {
margin-top: -20px;
}


.postdate .month {
display: block;
font-size: 12px;
font-weight: 800;
margin-top: 1px;
	text-align: center;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.postdate .day {
margin-top: -4px;
display: block;
  font-size: 28px;
  text-align: center;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.posttags {
  font-size: 0.9em;
}

.post {
/*   margin-top: 20px; */
      margin-bottom: 3em;
}

.post small {
    font-size: 1em;
    font-weight: 800;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
}

.entry, .entrytext {
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.5em;
    	text-align: justify;
    /*    width: 98%; damit explodieren plötzlich die blockquotes im explorer. ohne diese feste width angabe gerät das layout aber im header leicht aus den fugen */

}

html>body .entry, html>body .entrytext {
        width: 100%;
}



.avatar {
        float:left;
        padding: 2px;
        border: 1px solid #ccc;
        background: #fff;
	margin-top: -1px;
}
	
.postgrav {
        float: left;
        padding: 3px;
        margin-right: 5px;
        margin-left: 5px;
        border: 1px solid #000;
        background: #fff;
}

h3 {
    letter-spacing: 1.3pt;
    font-size: 1.6em;
    margin-bottom: 0px;
    margin-top: 10px;
}




h2, h1 {
	font-family: Georgia, "Times New Roman", serif;
	  font-weight: 500; 
	text-align: left;
	font-size:22px;
	letter-spacing: 1pt;
        margin-top: 0.3em;
        margin-bottom: 0.2em;
}




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;

	}

.wp-smiley {
    border: 0;
    padding: 0;
    margin: 0;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.aligncenter {
	padding: 4px;
	margin: 7px;
	display: block;
	margin-left: auto;
	margin-right: auto;	
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

#sidebar img {
    border: 0;
    padding: 0;
    margin: 0;

}

.alignright, html>body .blognavigation .alignright {
	float: right;
margin-top: -35px;
    z-index: 1500; 
	}
	
.alignleft, html>body .blognavigation .alignleft  {
	float: left;
    z-index: 1500;
margin-top: -35px;    
	}

/* somethings wrong in ie6 town... */
.blognavigation .alignleft, .blognavigation .alignright {
    float: none;
}


/*
div.entry a[href^="http:"], div.entrytext a[href^="http:"] {
	background: transparent url(http://static.saschabeck.com/img/link_extern.gif) no-repeat 100% 50%;
	padding-right: 10px;
	white-space: nowrap;
}

div.entry a[href^="http://www.sablog.de"], div.entry a[href^="http://sablog.sabweb.net"],
div.entrytext a[href^="http://www.sablog.de"], div.entrytext a[href^="http://sablog.sabweb.net"] {
	background: transparent url(http://static.saschabeck.com/img/link_up.gif) no-repeat 100% 50%;

}

.postmetadata a[href^="http:"], a.noimg, .more-link, .comments-link a {
	background: inherit !important;
	padding-right: 0px !important;
}
*/

a.liexternal { padding-right: 12px; background: url(http://static.saschabeck.com/img/icon/link-icon_external_21.gif) no-repeat right; }
a.liwikipedia { padding-right: 14px; background: url(http://static.saschabeck.com/img/icon/link-icon_wikipedia.gif) no-repeat right; }
a.liimdb { padding-right: 18px; background: url(http://static.saschabeck.com/img/icon/link-icon_imdb_01.png) no-repeat right; }
a.liftp { padding-right: 13px; background: url(http://static.saschabeck.com/img/icon/link-icon_ftp_01.png) no-repeat right; }
a.limailto { padding-right: 18px; background: url(http://static.saschabeck.com/img/icon/link-icon_mail_01.png) no-repeat right; }
a.lipdf { padding-right: 12px; background: url(http://static.saschabeck.com/img/icon/link-icon_pdf_01.png) no-repeat right;  }
a.liyoutube { padding-right: 15px; background: url(http://static.saschabeck.com/img/icon/link-icon_youtube_01.jpg) no-repeat right;  }
a.liamazon { padding-right: 13px; background: url(http://static.saschabeck.com/img/icon/link-icon_amazon_01.gif) no-repeat right;  }
a.lispotify { padding-right: 16px; background: url(http://static.saschabeck.com/img/icon/link-icon_spotify_01.png) no-repeat right;  }




/* End Images */



/* Begin Lists */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

html>body .entry .wp-polls li {
        margin: 0px 0 0px 0px;
        }


.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 0px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

ul#recentposts, ul#recentcomments, ul#recentwiki, ul#recentforum, ul#recentsabweb, ul#recentlinks, ul#recentrecom {
	font-size: 0.8em;
	font-family: Tahoma, Verdana, Arial, helvetica, sans-serif;
	letter-spacing: 0;
}
ul#recentposts li:before, ul#recentcomments li:before, ul#recentwiki li:before, ul#recentforum li:before {
        content: "" !important;
        }

/* End Entry Lists */



/* Begin Form Elements */
#searchform {

	margin: 0px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 90px;
    font-size: 0.8em;
	padding: 0px;
	border: 1px solid #ccc;
	background-color: #F8F8F8;
	}

#sidebar #searchform #s:hover {
        border: 1px solid lightblue;
        background-color: #fff;
        }



#sidebar #searchsubmit {
    font-size: 0.8em;
    padding: 0px;
    border: 1px solid #ccc;
    color: #888;
	}

#sidebar #searchsubmit:hover {
	 border: 1px solid lightblue;
	color: #000;
}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}


select {
	width: 130px;
	}


#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	padding: 2px;
	}

html>body #commentform textarea {
	width: 98%;
}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/

.comments-link {
 	float: right;
	position: relative;
	text-align: right;
	top:-1.2em;
	display: block;
	margin-bottom: 1.5em;
}

.comments-link .no {
/*	font-size: 40px; */
	font-size: 2em;
	font-weight: 500;
}

.alt {
    background-color: #eee;
}

.autorhighlighted {
   /* background-color: #C8D2E6 !important; */
    border: 1px solid #ccc;
    background-image: url(http://static.saschabeck.com/img/minilogo_sab.gif);
    background-position: 80% 0;
    background-repeat: no-repeat;
}


.commentlist {
	padding: 0;
	text-align: justify;
    margin: 0;
    text-indent: 0;
}
    

.commentlist li {
	margin: 15px 0 0 3px;
	padding: 5px 5px 20px 3px;
	list-style: none;
    -moz-border-radius: 8pt;   
}

.commentno {
    font: 5em Georgia, 'Times New Roman', Times, serif;
    margin-top: -25px;
    color: #ccc;
    font-style: italic;
    position: absolute;
    right: 190px;
}

html>body .commentno {
    right: 15px;
}

.commentlist li:hover  .commentno {
    color: #000 !important;
}


.commentlist cite {
    font-weight: 800;    
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

/* End Comments */



/* Begin Sidebar */


#sidebar form {
	margin: 0;
	}
/* End Sidebar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

.postmetadata {
    border-top:  1px solid #ddd;
    border-bottom:  1px solid #ddd;
/*	background-colior: #eee; */
    font-size: 0.9em;
letter-spacing: 0;
line-height: 1.4em;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  margin-top: 2em;
text-align: left; 
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 25px;
    padding-right: 10px;
	background: url(http://static.saschabeck.com/img/blockquote.gif) no-repeat 5px 10px #fff; 
    border: 1px solid #eee;
    font-style: italic;    
    width: 440px; /* nur fuer ie6 */ 
	}

html>body blockquote {
	width: 90%;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

#catlist img {
   border: none;
   padding: 0;
   margin: 0;
}

#catlist .children {
	padding-right: 14px;
}

.blognavigation {
    z-index: 1500;
	display: block;
	text-align: center;
	margin-top: -45px;
	margin-bottom: 0px;
	}

html>body .blognavigation {
    z-index: 1500;
	display: block;
	text-align: center;
	margin-top: -8px;
	margin-bottom: 0px;
}

/* fuer quicktags in comments */
#ed_toolbar input {
	border: 1px solid #ccc;
	background-color: #eee;
}

#ed_toolbar input:hover  {
	border: 1px solid #000;
	background-color: #eee;
}

#commentform #ed_toolbar input.ed_button {
	width:auto;
}

.wp-polls-usage-pre {
 	font-family:Verdana,Arial;
  	line-height: 1em;
}

#fireflyBar img {
      border: none;
      margin: 0;
      padding:  0;
      background-color: none;
}


/* End Various Tags & Classes*/