/*
Theme Name: SJBlog
Theme URI: http://blog.stefanjunger.de/
Description: Theme for blog.stefanjunger.de
Version: 5.2.4 - 28.08.2009
Author: Stefan Junger
Author URI: <a href="http://www.stefanjunger.de/">Stefan Junger</a>
*/

/**********************/
/***   0% = #fff    ***/
/***  10% = #e6e6e6 ***/
/***  20% = #ccc    ***/
/***  30% = #b3b3b3 ***/
/***  40% = #999    ***/
/***  50% = #808080 ***/
/***  60% = #666    ***/
/***  70% = #4c4c4c ***/
/***  80% = #333    ***/
/***  90% = #1a1a1a ***/
/*** 100% = #000    ***/
/**********************/

body { background: #000; background-image: url(images/bg_skull.png); font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:#000000;}

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

a:link { text-decoration: underline; color : #000000; border: 0px; -moz-outline-style: none; }
a:active { text-decoration: underline; color : #000000; border: 0px; -moz-outline-style: none; }
a:visited { text-decoration: underline; color : #000000; border: 0px; -moz-outline-style: none; }
a:hover	{ text-decoration: underline; color : #808080; border: 0px; -moz-outline-style: none; } 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: Arial, Verdana, Helvetica, sans-serif;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}

form { margin: 0px; padding: 0px; }
input { border: 1px dotted #000000; background: #eee; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-size: 11px;}
textarea { border: 1px dotted #000000; background: #eee; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-size: 11px;}
select { border: 1px dotted #000000; background: #eee; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-size: 11px;}

.st-tag-cloud a { text-decoration: none; }

/* BGContainer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.BGC_out { width: 100%; margin: 80px 0px 0px 0px; padding: 0px; position: absolute; }
.BGC_in { width: 850px; margin: 0px auto 0px; padding: 0px; }

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 
.Header { width: 99%; position: absolute; clear: left; padding: 5px 5px 0px 5px; min-height:40px;}

/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.MenuL { float: left; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; width: 550px; position: relative; height: 20px;}
.MenuL a { font-size: 12px; text-decoration: none; color:#c6006b; padding: 0px 0px 0px 0px; margin-right: 2px; }
.MenuL a:hover { text-decoration: none; color:#fff; text-decoration: none;}

.MenuR { float: right; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; width: 300px; text-align: right; position: relative; height: 20px;}
.MenuR a { font-size: 12px; text-decoration: none; color:#c6006b; padding: 0px 0px 0px 0px; margin-right: 0px; }
.MenuR a:hover { text-decoration: none; color:#fff; text-decoration: none;}

/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.CON { background: #808080 url(images/BGC.png) repeat-y; width: 850px; float: left; position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

/* Side Central Single +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SCS { width: 590px; float: left; padding: 0px 30px 15px 12px; color: #000; }
.SCS h1 { font-size: 20px; font-weight: normal; color: #c6006b; background: url(images/PostHead.gif) repeat-x bottom; padding-bottom: 2px; letter-spacing: -1px; }
.SCS h2 { font-size: 18px; font-weight: normal; }
.SCS h3 { font-size: 14px; font-weight: bold; }

.SCS p { font-size: 12px; line-height: 17px;}
.SCS p strong {}
.SCS img {}
.SCS ul { padding: 10px 0px; margin: 0px; }
.SCS li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.SCS a { text-decoration: underline;}

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC { width: 590px; float: left; padding: 10px 30px 15px 12px;}
.SC h2 { font-weight: normal;}
.pagetitle { font-size: 16px; font-weight: normal; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0px; border-bottom: dotted 1px #000000; padding-bottom: 15px;}

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post {	padding: 0px; position: relative; clear: left;}
.PostHead { position: relative; clear: left; background: url(images/PostHead.gif) repeat-x bottom; padding-bottom: 2px;}
.PostHead h1 { color:#c6006b; font-size: 20px; line-height: 20px; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 1px 0px; margin: 0px; }
.PostHead h1 a { color: #c6006b; text-decoration: none;}
.PostHead h1 a:visited { color: #c6006b; text-decoration: none;}
.PostHead h1 a:hover { color:#808080; text-decoration: none;}

.PostDate { margin: 0px; position: absolute; top: 8px; left: 525px; text-align: right; padding: 0px 10px 6px 10px;}
.PostDate small { font-size: 10px; color: #c6006b; font-weight: bold; }

.PostContent { padding: 0px 0px 0px 0px; font-size: 12px; line-height: 17px; }
.PostContent p { font-size: 12px; line-height: 17px;}
.PostContent p strong {}
.PostContent img {}
.PostContent a { text-decoration: underline;}

.PostRelated h4 { font-size: 12px; font-weight: bold; }
.PostRelated ul { padding: 0px 0px; margin: 0px; }
.PostRelated li { margin: 0px; padding: 0px 0px 0px 10px; list-style-type: none; background: url(images/SRRIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#000000; }

.PostDet { padding: 10px 0px 10px 0px; line-height: 15px; }
.PostDet ul { padding: 0px; margin: 0px;}
.PostDet li { padding: 5px 0px 5px 18px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#808080; font-size: 10px; font-weight: bold; } 
.PostDet li a { text-decoration: underline;} 
.PostCateg { background: url(images/PostCateg.png) no-repeat left center;}
.PostCom { background: url(images/PostCom.png) no-repeat left center; }

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.NoteRss { background: url(images/NoteRss.png) no-repeat left center;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left center;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0px 0px 0px; }
.Comments h3 { font-size: 15px; font-weight: bold; letter-spacing: -1px; margin: 0px; padding: 5px 0px 10px 0px; color: #c6006b; }

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .List { color: #000000; }
.Comments .List ol { padding: 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 0px 0px 0px; margin: 10px 0px 0px 0px; list-style-type: none;}
.Comments .List .ComListLi { background: #eee; border: 1px dotted #000000; }

#.Comments .ListNr { color:#000000; position: absolute; top: 15px; font-size: 24px; line-height: 24px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; letter-spacing: -1px; padding: 0px; left: -20px; }

.Comments .ListGrav { position: absolute; top: 10px; left: 10px;}

.Comments .List big { margin: 0px; padding: 0px 0px 0px 50px; font-size: 11px; line-height: 11px; letter-spacing: -1px; color:#000000; font-weight: bold; display: block;}
.Comments .List small { color:#000000; padding: 0px 0px 0px 50px; font-size: 10px; }
.Comments .List small a { color:#000000; text-decoration: none;}
.Comments .List b { color:#ff0000; text-decoration: none; padding: 0px 0px 0px 10px; font-weight: bold; }

.Comments .List .ListContent { margin: 10px 0px 0px 0px; padding: 15px 10px; font-size: 11px; line-height: 15px; border-top: 1px dotted #000000; background: #eee; display: block;}


/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form { border: 1px dotted #000000; padding: 15px 15px 15px 15px; position: relative; width: 385px; }
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#000000; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#000000;}
.Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { border: 1px dotted #999999; background: #eeeeee; padding: 5px 4px; font-size: 11px; display: block;}
.Comments .Form .TextArea { border: 1px dotted #999999; background: #eeeeee; padding: 4px; font-size: 12px;}

.Comments .Form input.SubmitComment { width: 150px; height: 26px; margin-top: 15px;}


/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR { width: 180px; float: right; position: relative; padding: 10px 30px 0px 0px; margin: 0px 0px 0px 0px; }

.SR h2 { font-size: 14px; letter-spacing: normal; font-weight: bold; color:#c6006b; }
.SR .widget { margin-bottom: 10px; color:#e6e6e6;}
.SR .widget h2 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#c6006b; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; }
.SR ul { padding: 0px; margin: 0px; }
.SR li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; background: url(images/SRRIco.png) no-repeat left top; }
.SR li a { text-decoration: none; color:#e6e6e6; font-size: 11px; }
.SR li a:hover { text-decoration: none; color:#808080;}

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Search { border: 1px dotted #000000; background: #eeeeee; width: 180px; left: 20px; }
.Search  form { padding: 0px 0px 0px 0px; margin: 0px;}
.Search  input { border: none; color: #330033; font-size: 11px;}
.Search  input.search { width: 15px; height: 15px; background: url(./images/SearchButton.gif) no-repeat; }
.Search  input.keyword { background: none; padding: 5px 0px 10px 5px; width: 155px; border: none; } 
#buttonsearch { padding: 0px; margin: -22px 0px 0px 163px; top: 0px; background: none; }


/* Flickr RSS - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Flickr { margin-bottom: 10px;}
.Flickr h2 { background: url(images/FlickrH3.gif) no-repeat left top; padding: 0px 0px 5px 20px; margin: 0px 0px 10px 0px; border-bottom: dashed 1px #808080; }
.Flickr ul { padding: 0px; margin: 0px;}
.Flickr li { padding: 0px; margin: 0px 6px 0px 0px; list-style-type: none; display: inline;}
.Flickr li a img { background: #000; padding: 1px; border: solid 4px #808080; width: 60px; height: 60px; margin-bottom: 5px;}
.Flickr li a:hover img { background: #fff; padding: 1px; border: solid 4px #808080; margin-bottom: 5px;}

/* Syndicate ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Syn ul { margin: 0px; padding: 15px 0px 3px 0px;}
.Syn li { background: url(images/SynIco.gif) no-repeat left center; margin: 0px; padding: 3px 0px 0px 20px; list-style-type: none; font-size: 12px; color:#999999;}
.Syn li a { text-decoration: none; color:#ccc; font-size: 12px; }

/* Twitter ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Twit ul { margin: 0px; padding: 0px 0px 15px 0px;}
.Twit li { background: url(images/TwitterIco.png) no-repeat left center; margin: 0px; padding: 3px 0px 0px 20px; list-style-type: none; font-size: 12px; color:#999999;}
.Twit li a { text-decoration: none; color:#ccc; font-size: 12px; }

/* Button ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Button ul { margin: 0px; padding: 0px 0px 15px 0px;}
.Button a { text-decoration: none; color:#ccc; font-size: 12px; }

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Footer { width: 850px; position: relative; clear: left; padding: 10px 0px 3px 0px; text-align: center; }
.Footer p { font-size: 9px; color:#808080; padding: 0px; margin: 0px; }
.Footer a { color:#808080; text-decoration: none;}