/*
Theme Name: Privater Weblog von Christian Kolodziej
Theme URI: http://blog.christian-kolodziej.de
Description: Das Theme zum WordPress Tutorial
Version: 1.0
Author: Christian Kolodziej
Author URI: http://www.christian-kolodziej.de
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	background:#fff;
	font-size:0.8em;
	color:#222;
	line-height: 1.25em;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
img { border: none; }
html, body { background: #fff; font-family: Verdana, Sans-Serif; }
p { line-height: 1.25em; margin-bottom: 10px; }
.hidden { display:none; }
.center { text-align:center; }
.t0 { margin-top:0; }
img.floatright { float:right; margin:0 0 10px 10px; }
img.floatleft { float:left; margin:0 10px 10px 0; }
strong { font-weight: bold; }
.bold { font-weight: bold; }

#content { width:735px; background:url('images/bg_content.jpg') left top repeat-y; margin-left:5px; padding:10px 25px 20px 10px; min-height: 70%; }

/* Header */
#header p { margin: 0; }
#header { color: #5C7E9A; font-weight: bold; font-size: 0.8em; padding: 4px 2px; height: 130px; }
#header img { margin: 5px 0 0 90px; float: left; }
#header #cite { float: right; width: 320px; margin: 30px 100px 0 0; text-align: center; }
#header blockquote { color: #333; font-style: italic; line-height: 1.2em; }
#header #cite p { text-align: right; margin-top: 5px; font-size: 0.8em; }

/*	cite */
#cite { float:right; margin:5px 20px -2em 250px; width:380px; text-align:center; height:5.1em; }
#cite blockquote { font-style:italic; font-weight: bold; }
#cite p { font-size:0.8em; color:#819BB2; font-weight:bold; text-align:right; margin:2px 0; font-weight:bold; }

/*	heading */
#heading { clear:both; }
h1 { font-size:2em; display:inline; margin-right:15px; font-family:Georgia; font-weight:normal; text-shadow: 2px 2px 2px #000; line-height: 1.2em; }
h2 { margin-bottom: 15px; }

/* Topnavi */
#topnavi { clear: both; width: 710px; margin-left: 75px; padding: 0 10px; height: 37px; }
#topnavi img, #topnavi div { float: left; }
#search { width: auto; text-align: right; padding-right: 5px; }
#search form {  background: transparent url(images/label_search.gif) left top no-repeat; height: 40px; padding: 33px 0 0 15px; text-align: left; width: 175px; }
#search img { margin-left: 38px; }
#search input { margin: 6px 0 0 5px; border: none; border-bottom: 1px solid #000; width: 120px; background: transparent }
#search button { margin-top: 6px; }

/* Sidebar */
div#sidebar { float: right; width: 180px; }
div#sidebar h2 { font-family: Georgia; padding: 3px 0 5px 0; font-size: 16px; font-weight: bold; margin: 0 0 3px 0; }
div#sidebar ul { margin-top: 25px; }
div#sidebar ul li { margin-bottom: 30px; }
div#sidebar ul ul { margin-top: 0; }
div#sidebar ul ul li { background: url('images/list-style-image.gif') 1px 7px no-repeat; padding-left: 10px; margin-bottom: 5px; }

/*  Links */
a { text-decoration: none; }
a { font-weight: bold; color: #5C7E9A; }
a:hover { color: #D8A14F; text-decoration: underline; outline: none; }
a.active, a.active:hover, a#activeTag, a#activeArchive { color: #D8A14F; text-decoration: none; }

/* Content */
h2, h2.pagetitle { font-size: 2em; font-family: Georgia; line-height: 1.1em; }
div.hr { background: url('images/bg_hr.gif') 20px top no-repeat; height: 79px; margin-bottom: 20px; }
div.hr hr { color: #fff; border: none; }
div.post { width: 520px; margin-bottom: 25px; }
div.post h3 { font-size: 1.3em; margin-bottom: 4px; font-family: Georgia; line-height: 1.25em; }
div.post p { text-align: left; }
p.tags {  margin-bottom: 13px; }
p.tags a { text-decoration: underline; font-weight: normal; color: #000; }
p.tags a:hover { text-decoration: none; }
p a[target="_blank"] { padding-right:13px; background:url('images/externlink.gif') right 1px no-repeat; _padding-right: 0; #padding-right: 0; _background: none; #background: none; }
p a[target="_blank"]:hover { background-image:url('images/externlink_hover.gif'); _background: none; #background: none; }
.nobackground { background: none !important; }
.noborder { border: none !important; }
div.entry img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
div.entry img.alignleft { float: left; margin-right: 15px; }
div.entry img.alignright { float: right; margin-left: 15px; }
div.entry img.borderless { padding: 0; border: 0; }

/* Inner Content */
#innercontent { width: 520px; }

#body { width: 780px; margin: 0 auto; height: 100%; }

/* date sheets */
.shield {
	position: relative;
	float: left;
	margin-right: 15px;
}
.commentscloud {
	position: absolute;
	text-align: center;
	top: -4px;
	left: 22px;
	width: 30px;
	height: 24px;
	padding: 4px 0;
	background: url(images/bubble.png) no-repeat 0 0;
}
p.date {
	width: 33px;
	height: 10px;
	padding: 15px 7px 14px 0;
	text-align: center !important;
	font-weight: bold;
	font-size: 1.25em;
}
p.date span { display: none; }
.month1 { background: url(images/cal_01.gif) no-repeat 0 0; }
.month2 { background: url(images/cal_02.gif) no-repeat 0 0; }
.month3 { background: url(images/cal_03.gif) no-repeat 0 0; }
.month4 { background: url(images/cal_04.gif) no-repeat 0 0; }
.month5 { background: url(images/cal_05.gif) no-repeat 0 0; }
.month6 { background: url(images/cal_06.gif) no-repeat 0 0; }
.month7 { background: url(images/cal_07.gif) no-repeat 0 0; }
.month8 { background: url(images/cal_08.gif) no-repeat 0 0; }
.month9 { background: url(images/cal_09.gif) no-repeat 0 0; }
.month10 { background: url(images/cal_10.gif) no-repeat 0 0; }
.month11 { background: url(images/cal_11.gif) no-repeat 0 0; }
.month12 { background: url(images/cal_12.gif) no-repeat 0 0; }

/* 1st navigation */
#navigation { border-right: 1px solid #2A5373; width: 774px; height: 67px; }
#navigation li { float: left; border-left: 1px solid #2A5373; border-bottom: 1px solid #2A5373; background: #819BB2; }
#navigation li:hover { background: #5C7E9A; }
#navigation a { width: 123px; font-weight: bold; display: block; padding: 13px 0 2px 5px; color: #fff; }
#navigation a + a { font-weight: normal; height: 35px; padding: 0 0 0 5px; }
#navigation a:hover { text-decoration: none; }
#navigation a.active, #navigation a.active:hover, #navigation a.active + a, #navigation a.active:hover + a { background:#D8A14F; }

/* 2nd navigation */
#navi2nd { clear: both; border-top: 1px solid black; height: 20px; margin: 1px 0 25px 135px; width: 600px; }
#navi2nd li { float: left; margin: 0 10px; list-style-image: none; }

/* bottom navigation */
.pagination { width: 520px; height: 20px; margin-bottom: 20px;�}
.pagination div.alignleft { float: left; width: 48%; }
.pagination div.alignright { float: right; width: 48%; text-align: right; }

h2.pagetitle { margin-bottom: 25px; }
div.legend, h3#comments { background: url(images/bg_legend.gif) left 8px repeat-x; width: 520px; margin: 15px 0 10px; }
h3#comments { margin-top: 40px; }
.legend span, h3#comments span { font-weight: bold; background: url(images/bg_content.jpg) -40px top; padding: 0 5px; margin: 0 0 0 15px; }

img.alignright { float: right; margin-left: 10px; }
img.alignleft { float: left; margin-right: 10px; }

/* comments */
ol.commentlist div.text { border: 1px solid #819BB2; border-top: none; background: #fff; padding: 10px; margin-bottom: 20px; }
img.avatar { padding: 2px; border: 1px solid #5C7E9A; margin: 0 20px -2px 2px; }
.comment-meta { background: url(images/bg_commentbubble.gif) left 22px no-repeat; padding-bottom: 3px; }
li.bypostauthor {  }

/* comment preview */
#ajax-comment-preview { clear: both; }
#div-comment-preview p { border: 1px solid #819BB2; border-top: none; background: #fff; padding: 10px; width: 498px }
#div-comment-preview img.avatar { padding: 2px; border: 1px solid #5C7E9A; margin: 0 20px -2px 2px; }
#div-comment-preview .comment-meta { background: url(images/bg_commentbubble.gif) left 22px no-repeat; padding-bottom: 3px; }

/* footer */
.tab { height:1.4em; border-left:1px solid #2A5373; }
.tab li { float: left; }
.tab a { width:100px; text-align:center; display:block; border:1px solid #2A5373; border-left:none; font-weight:bold; color:#819BB2; background:#fff; padding-bottom: 1px; }
.tab a:hover { color:#fff; background:#5C7E9A; text-decoration:none; }
.tab a.active, .tab a.active:hover { border-bottom:1px solid #819BB2; background:#819BB2; color:#fff; }
.tab_content { border:1px solid #2A5373; padding:5px; height: 160px; }
.tab_content.blue { background:#819BB2; color:white; z-index: 10; }
#footer { background:url('images/bg_content.jpg') 5px top repeat-y; }
#tab_footer_legal div { float:left; width:30%; margin-right:3%; }
#tab_footer_legal a, #tab_footer_copyright a { color:#fff; text-decoration:underline; }
#tab_footer_legal a:hover, #tab_footer_copyright a:hover { text-decoration:none; }
#tab_footer_legal p { margin:5px 0 0 0; }
#tab_footer_legal img { margin-top:1em; }

/* commentform */
#commentform fieldset { margin-top: 25px; }
#commentform label, input { float: left; }
#commentform legend { margin-bottom: 10px; }
#commentform label { width: 120px; margin-top: 5px; }
#commentform input { width: 210px; margin: 3px 5px 0; }
#commentform br { clear: left; }
#commentform span { padding-top: 5px; }
#commentform textarea { margin: 3px 0 10px 0; width: 520px; font-family: Verdana, Sans-Serif; font-size: 13px; }

textarea, input { border: 1px solid #819BB2; background: #fff; }

/* footer contact form */
input { padding: 2px 0;}
#fieldset_contact { border:none; }
#fieldset_contact ul { float:left; width:40%; margin-right:3%; }
#fieldset_contact li { margin-bottom:7px; }
#fieldset_contact input.contact, textarea.contact { width:100%; background:#F0F1F5; border:0; font-size: 12px; font-family: Arial, Sans-Serif; }
#fieldset_contact textarea { height: 96px; margin-top: -1px !important; width: 340px; padding: 2px 0; }
#fieldset_contact input.contact:focus, textarea.contact:focus { background:#fff; }	
#fieldset_contact input.submit { float:left; width:auto; border:normal; }

div.entry ul, ul.haken { margin-bottom: 10px; }
div.entry ul li, ul.haken li { background: url(images/haken.gif) 2px 4px no-repeat; padding-left: 15px; }
div.entry img { padding: 2px; border: 2px solid #5C7E9A; }
div.entry a:hover img { border-color: #D8A14F; }
div.entry img.wp-smiley, div.entry img.infocube { padding: 0; border: none; }

p img { vertical-align: bottom; }
p.insteadofheading { margin-bottom: 25px; width: 520px; }

/* floating images */
.alignright { float: right; margin-left: 20px; }
.alignleft  { float: left; margin-right: 20px; }
div.wp-caption p { color:grey; font-size:0.8em; text-align:center; }

/* no margins in pagination */
div.pagination .alignright, div.pagination .alignleft { margin: 0; }

#wpcumuluscontent { margin-left: -35px; }

blockquote { padding: 14px 40px 10px 40px; background: url(images/bg_blockquote.gif) 5px top no-repeat; font-style: italic; }