/*  
Theme Name: WhiteSpeed
Theme URI: http://www.cyphic.net/
Description: My flavored Style.
Version: 1.0
Author: Wilhelm Retz
Author URI: http://www.cyphic.net/
*/

body {
	font: 62.5% Verdana, Arial, Sans-Serif; color: #333; /* Resets 1em to 10px */
	margin: 0px; padding: 20px; 
	text-align: center;
}
#page {
	background-color: #e1e1e1; background-position: 0px 0px;
	width: 760px; margin: 0px auto; padding: 0px; border:none;
	text-align: left;
}
#page a { color: #6c6c6c; padding: 1px 2px; }
#content a:visited, #sidebar a:visited { background: #d8d8d8; }
#page a:hover { color: #eee; background-color: #6c6c6c; }

#header {
	background-position: 0px 0px;
	height:115px; margin: 0 auto; padding: 0px 0px; border:none;
	position: relative; top:-10px; 
	text-align: right;
}
#header .heading {
	display: none;
}
#header .navigation {
	background-color: #ccc; background-position: right top;
	margin: 0px; padding: 0px 8px 0px 0px; border: 0px;
	position: absolute; right: 10px; bottom: -19px; z-index: 1;
}
#header .navigation ul {
	background-position: 0px -143px;
	list-style: none;
	margin:	0px; padding: 45px 0 12px 0;
}
#header .navigation ul li {
	margin: 0px;
	padding: 0px 0px 0px 2px;
	display: inline;
}
#header .navigation ul li.first {
	background-position: left bottom;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 12px;
}
#header .navigation a {
	background-color: #acacac;
	border: 1px solid #ccc;	padding: 35px 10px 0px;
	color: #ccc;
}
#header .navigation a.act {
	background-color: #6c6c6c;
	border-color: #6c6c6c;
}
#header .navigation a:hover {
	background-color: #acacac;
	color: #6c6c6c;
	border-color: #6c6c6c;
}
#header a.cat0 { background-position: 50% 3px; }
#header a.cat1 { background-position: 50% -717px; }
#header a.cat4 { background-position: 50% -297px; }
#header a.cat7 { background-position: 50% -1137px; }

#content {
	background-color: #ccc; background-position: right;
	font-size: 1.2em;
	width: 560px; margin: 0px 10px 0px 0px; padding: 0px;
	float: right; display: inline;
	overflow:hidden;
}
#content .headimg {
	font: 2px 2px;
	background-position: -4px -143px;
	width: 560px; height: 9px;
}
#content .footimg {
	font: 2px 2px;
	background-position: -4px -135px;
	width: 560px; height: 8px;
}
#content h2.pagetitle {
	font: bold 1.6em Verdana, Tahoma, Arial, sans-serif; color: #eee;
	margin: 0px 8px 15px; padding: 10px 10px 10px 50px;
}
#content .post { margin: 0px 8px 0px; }
#content .post .heading { min-height: 35px; height: auto !important; height: 35px; padding: 2px 35px 2px 2px; }
#content .post h2.pagetitle { margin: 0px; }
#content .entry p {
	text-align: justify;
	font-size: 1.05em;
	line-height: 1.4em;
	margin: 8px 5px;
}
#content .entry p sup { line-height: .9em; }
#content .entry ul { list-style:circle inside; margin:8px 15px; font-size: 1.05em; }
#content .heading a, #content .heading a:hover, #content .heading a:visited { padding: 0px; background: transparent;}
#content .heading h2 { font: bold 1.6em Verdana, Tahoma, sans-serif; margin: 0px; padding: 2px 0px; }
#content .heading small { padding: 0px 5px; }
#content .footing {
	margin: 5px 0px 2em; padding: 0px;
	border: 1px solid #bbb;
}
#content .footing div {padding:1px 4px 3px; }
#content .footing p {
	margin: 0px; padding: 2px;
	background: #bbb;
}
#content .post .last { margin: 5px 0px 0px; }
#content .navigation { margin: 10px 8px 2px; height: 1.2em;}
#content .commentlist {margin: 0px 10px;}
#content .commentlist .heading {padding: 5px 40px 0px; }
#content .commentlist p {
	text-align: justify;
	font-size: 1.05em;
	margin: 5px 10px;
}
#content #searchform { margin: 25px auto 45px; text-align:center;}
#content #searchform #s { width:60%; }
#commentform {width: 100%; margin: 0px auto;}
#commentform p {margin:0px; padding:5px;}
#commentform #comment {width: 95%; }

#cosmos p a, #cosmos p { line-height:1.2em; text-align: justify; }
#cosmos .tag1 { font-size: 0.8em; }
#cosmos .tag3 { font-size: 1.2em; }
#cosmos .tag4 { font-size: 1.4em; }
#cosmos .tag5 { font-size: 1.6em; }
#cosmos .tag6 { font-size: 1.8em; }
#cosmos .tag7 { font-size: 2.0em; }
#cosmos .tag8 { font-size: 2.2em; }
#cosmos .tag9 { font-size: 2.4em; }

.comm { background-position: 0px -555px; }
.ping { background-position: 0px -515px; }
.track { background-position: 0px -475px; }
.cat2 { background-position: 100% -660px; }
.cat3 { background-position: 100% -780px; }
.cat4 { background-position: 100% -1500px; }
.cat5 { background-position: 100% -1020px; }
.cat6 { background-position: 100% -1080px; }
.cat8 { background-position: 100% -1200px; }
.cat9 { background-position: 100% -1260px; }
.cat10 { background-position: 100% -1320px; }
.cat11 { background-position: 100% -1380px; }
.cat12 { background-position: 100% -1440px; }

.p_404 { background-position: 5px -55px; }
.p_srch { background-position: 5px -115px; }
.p_arcv { background-position: 5px -175px; }
.p_cosm { background-position: 5px -235px; }
.p_atch { background-position: 5px -355px; }
.p_pag2 { background-position: 5px -415px; }
.p_pag4 { background-position: 5px -835px; }
.p_pag5 { background-position: 5px -895px; }
.p_pag6 { background-position: 5px -955px; }
.my { border:1px dashed #eee; }


#sidebar #searchform { margin: 0px auto; text-align:center;}
#sidebar #searchform #s { width:90%; margin: 5px; }

#sidebar {
	background-color: #ccc; background-position: -760px 0px;
	width: 170px; margin: 0 0 0 10px; padding: 0px;
	overflow: hidden;
}
#sidebar .headimg {
	font: 2px 2px;
	background-position: -574px -143px;
	width: 170px; height: 9px;
}
#sidebar .footimg {
	font: 2px 2px;
	background-position: -574px -135px;
	width: 170px; height: 8px;
}
#sidebar #side { margin: 0px 8px; }
#sidebar #side h2 { 
	font-size: 1.2em; font-weight: bold; text-align: center;
	margin:4px 0px; padding: 2px 0px; background: #bbb;
}
#sidebar #side p { margin: 2px 5px; text-align:justify;}
#sidebar #side ul li { margin: .3em .5em; }
#sidebar #side .cat_month { margin:-1.5em 3.5em 0 0; left:3.5em; position:relative; }
#wp-calendar { empty-cells: show; width: 100%; margin: 0; padding: 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; background: #ddd; }
#wp-calendar caption {	
	font-size: 1.2em; font-weight: bold; text-align: center;
	width: 100%; padding: 2px 0px; background: #bbb;
}
#wp-calendar td { padding: 1px; margin: 1px; background:#bbb; text-align: center; }
#wp-calendar td.pad, #wp-calendar #next, #wp-calendar #prev { background: #ccc; }
#wp-calendar #today { border: 1px solid #6c6c6c; }

.sourcecode { background: #ddd; border:1px solid #666; margin:0 5px; }
.part ol {height: 350px; overflow:auto; }
.sourcecode ol {list-style: decimal outside; }
.sourcecode ol li { background: #eee; font: 1em Courier New, Courier, monospace; color: #666; border-top:1px solid #ddd; margin-left:45px; padding:1px;}
.sourcecode .li2 {background: #f6f6f6; }
.sourcecode .head { padding:5px; }
.sourcecode .head a {float:right;}
.sourcecode .foot {padding:2px 5px; color:#666}
.st0, .nu0, .re1, .re2 {color: #099; }
.sc0, .sc1, .es0, .me1, .me2 {color: #f00; }
.coMULTI, .co1, .co2 {  color: #696; font-style:oblique; }
.kw1, .br0 {color: #000;}
.kw2 {color: #069}
.kw3 {color: #603}
.kw4, .kw5, .kw6 {color: #f00}


#footer {
	position:relative; top:0px;
	padding: 0px;
	margin: 0 auto;
	width: 760px;
	clear: both;
}
#footer .footimg  {
	background-position: 0px -115px;
	width: 760px; height: 20px; position: absolute; bottom: -10px;
}
#footer p {
	margin: 0;
	padding: 8px 0 3px 0;
	text-align: center;
	z-index: 1;
	position: relative; top: 0px;
}

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

h1 { font-size: 2em; text-align: center; margin: 20px 0px; padding: 0px; }

h3 { font-size: 1.3em; margin: 10px 0px 10px; padding:0px;}

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { text-align: center; }
.imagebox { margin: 2px; padding: 2px; display: block; border:1px dashed #bbb; }
.imagebox img { vertical-align:bottom; padding:2px;}
#content .imagebox a, #content .imagebox a:hover, #content .imagebox a:visited { background:#ccc; padding:0px; }
a img {border:none}


ol, ul { margin: 0px; padding: 0px; list-style: none;}
textarea { width:90%; }