/*
Theme Name: Shirtinator
Theme URI: http://shirtinator.de
Description: Shirtinator Blog Theme
Version: 1.0
Author: Frank Bueltge
Author URI: http://bueltge.de
Date: 13.02.2008 11:33:47
*/

* {
margin: 0;
padding: 0;
}

body {
background: #FBFBFB url('images/body_bg.png') repeat-x top left;
text-align: center; /* fuer IE */
font-family: Arial, Tahoma, Verdana, Sans-Serif;
font-style: normal;
line-height: 1.3em;
font-size: 75%;
color: #000;
}

p {
font-size: 100%;
padding: 0;
}

h2 {
font-size: 140%;
line-height: 120%;
}

h3 {
font-size: 140%;
margin: 0 0 10px;
}

h4, h5, h6 {
font-size: 110%;
}

blockquote p:before {
content: open-quote;
font-size: 1.5em;
}

blockquote p:after {
content: close-quote;
font-size: 1.5em;
}

/* ALL */
#wrap {
width: 902px;
margin: 0 auto;
text-align: left; /* fuer IE */
background: url('images/wrap_bg.png') repeat-y;
}

/* HEADER */
#header {
height: 249px;
background: url('images/header_bg.png') no-repeat;
}

#header h1 {
float: left;
background: url('images/logo.png') no-repeat;
width: 155px;
height: 37px;
text-indent: -9999px;
margin: 40px 0 0 40px;
}

.welcomepage h3 {
margin-bottom: 5px;
}

#header .welcomepage {
clear: left;
color: #fbfbfb;
float: left;
width: 600px;
height: 125px;
overflow: hidden;
margin: 45px 0 0 20px;
padding: 0 10px 0 0;
}

/* CONTENT */
#content {
width: 500px;
margin: 20px 0 20px 25px;
}

#content h2 {
padding-top: 20px;
}

#content img {
border: none;
}

.post ul {
margin: 10px 0 10px 20px;
line-height: 2em;
}

.post ol {
margin: 10px 0 10px 25px;
line-height: 2em;
}

.post p {
margin: 0 0 10px;
}

.post blockquote {
padding: 0 0 0 10px;
font-size: 1.2em;
line-height: 1.5em;
text-align: center;
}

.post .textright {
text-align: right;
}

.postdate {
float: right;
font-size: .8em;
font-weight: 700;
background: url('images/date_bullet.gif') no-repeat center bottom;
padding: 0 5px 3px;
}

.postdate span {
border-bottom: 1px solid #ccc;
padding: 0 5px;
}

.postmetadata {
font-size: .8em;
margin: -2px 0 10px;
}

.story {
padding: 0 0 30px ;
margin: 0 0 20px;
border-bottom: 1px solid #ccc;
}

/* SIDEBAR */
#sidebar {
float: right;
background: url('images/sb_bg.png') repeat-y;
width: 310px;
margin: 20px 25px 20px 0;
}

#sidebar .sb_bgtop {
background: url('images/sb_bg_top.png') no-repeat;
width: 310px;
padding: 10px;
}

#sidebar h3 {
color: #f60;
background: url('images/h_logo.gif') no-repeat left center;
padding: 0 0 0 30px;
margin: 10px 0;
}

#sidebar .sb_bgbottom {
background: url('images/sb_bg_bottom.png') no-repeat bottom;
padding: 0 10px 10px;
height: 10px;
}

#sidebar ul li {
list-style-type: none;
padding: 0 0 20px;
border-bottom: 1px solid #ccc;
width: 290px;
}

#sidebar .last {
border: none;
padding: 0 !important;
}

#sidebar ul li ul li {
list-style-type: none;
margin-left: 20px;
padding: 0;
border: none;
}

#sidebar ul li ul li:before{
content: "\00bb\00a0\00a0";
}

.tagcloud h3 {
text-align: left;
}

#sidebar .tagcloud {
text-align: center;
}

/* FOOTER */
#footer {
clear: both;
background: #FBFBFB url('images/footer_bg.png') no-repeat;
height: 170px;
padding: 10px 30px 0;
}

#footer h3 {
color: #f60;
margin: 0 0 5px;
}

.footerbox {
float: left;
width: 120px;
height: 80px;
margin: 5px 20px 30px 0;
overflow: hidden;
}

.footerbox ul li {
margin: 0 0 7px;
}

.footerpage {
font-size: .9em;
line-height: 1.2em;
height: 70px;
overflow: hidden;
padding: 5px 0 0;
}

.copy {
clear: left;
float: left;
width: 250px;
margin: 0 0 0 -10px;
font-size: .9em;
color: #424952;
}

.copynav {
float: right;
text-align: right;
width: 500px;
margin: 0 65px 0 0;
font-size: .9em;
color: #767676;
list-style: none;
}

.copynav li {
display: inline;
}

.copynav li:after {
content: "\00a0\00a0\00a0|\00a0\00a0";
}

.noafter:after {
content: "" !important;
}

.copynav a:link, .copynav a:visited {
color: #767676;
text-decoration: none;
}

.copynav a:hover, .copynav a:active {
text-decoration: underline;
}

.noafter img {
padding:0;
margin:-4px 0;
border:none;
}

#footer_language_form {
margin:-4px -70px 0 0;
float:right;
}

/* LINKS */
a:link, a:visited {
color: #f60;
text-decoration: underline;
}

a:hover, a:active {
text-decoration: none;
}

h2 a:link, h2 a:visited {
color: #f60;
text-decoration: none;
}

.postmetadata a:link, .postmetadata a:visited {
color: #494949;
text-decoration: none;
}

#sidebar a:link, #sidebar a:visited {
color: #494949;
text-decoration: none;
}