/*  
Theme Name: Johanna
Description: theme.
Version: 1.o
Author: Till Haunschild
*/

/* 	::::: CSS Reset :::::
	To override default browser-specific styles
*/
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,
b, u, i, center,
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;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus,
.acffocus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 	::::: TYPO ::::: */

body {
	font-size: 62.5%;
	line-height: 1.4285;
	color: #111;
	background: url('images/background.jpg') no-repeat;
}
#wrapper {
	font-size: 1.4em;
}
body, input, textarea, select, option, button {
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:hover {
	color: #111;
	text-decoration: underline;
}
a:active {
	color: #999;
	text-decoration: none;
}
.none { display: none; }


/* 	::::: Content Type :::::  */

#header p,
#content p,
#sidebar p,
#footer p {
	margin: 0 0 1.4285em;
}
h1 {
	font-size: 2em;
	text-transform: uppercase;
	line-height: 0.75;
	margin: 0 0 0.75em;
}
h2 {
	font-size: 1.2857em;
	line-height: 1;
	margin: 0 0 0.5em;
}
.single h2 {
	margin: 0 0 1.65em;
}
h3 {
	font-size: 1em;
	margin: 0 0 1em;
}
h4 {
	font-size: 1.16666em;
	line-height: 1.2857;
	margin: 1.92855em 0 0.64285em;
}
#content ul {
	list-style: disc;
	margin: 0 0 1.0714em 1.0714em;
}
#content ol {
	list-style: decimal;
	margin: 0 0 1.0714em 1.0714em;
}
#content img {
	float: left;
	margin: 0 1.0714em 1.0714em 0;
}
code {
	font-family: Monaco, "Lucida Console", "Courier New", Courier, mono-space, monospace;
}

/* 	::::: Miscellaneous :::::
*/

.highlight {
	margin: 0 -0.2em; padding: 0 0.2em 0;
	background-color: #fcf6bd;
	border-bottom: 1px solid #f0f099;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	white-space: nowrap; 
}

/* 	::::: FORMS ::::: */

form {
	margin: 0 0 1.8em;
}
form div {
	clear: left;
}
form div.text { 
	height: 2.5em; 
}
form div.textarea { 
	height: 11em; 
}
.input label {
	float: left;
	margin: 0 15px 0 0;
	width: 120px;
	font-weight: bold;
	text-align: right;
}
.form_caption {
	clear: left; float: left;
	margin: 0.3em 0 0.9em 135px;
}

/*	::::: Text fields :::::
*/

.text input {
	margin: -0.1666em; padding: 0.1666em;
}

.textarea textarea {
	margin: -0.1666em; padding: 0.1666em;
	font-size: 1em;
	width: 355px;
	background-color: rgb(252, 252, 252);
	border: 1px solid #ddd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #999;
	text-align: justify;
}

/*	::::: Buttons / submit :::::
*/

.submit input {
	background-color: rgb(252, 252, 252) !important;
	border: 1px solid #ddd !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #999 !important;
	text-align: center !important;
}

.submit input:hover {
	background-color: #111 !important;
	border: 1px solid #ddd !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff !important;
	text-align: center !important;
}

/*	::::: Overlabel :::::
*/

label.overlabel {
	text-indent: -999em;
}
label.overlabel,
label.overlabel-apply {
	position:absolute; z-index: 1;
	margin: 1px 3px;
	color: #666;
	cursor: text;
}
#wrapper {
	display: block;
	margin: 0 auto;
	width: 975px;
}
#content,
#sidebar {
	position: relative;
	float: left;
}
#content {
	width: 100%;
}
#footer {
	clear: both;
}

/* 	::::: Kopf :::::
*/

#header {
	position: relative;
	height: 199px;
}
.single #header,
.page #header,
.search #header { 
	height: 159px; 
}
h1 {
	position: absolute;
	top: 29px; left: 180px;
	width: 525px; height: 145px;
	background: url('images/blogheader.jpg') no-repeat;
	text-indent: -999em;
}
h1 a {
	display: block;
	float: left;
	width: 525px; height: 145px;
}
#header_intro {
	position: absolute;
	left: 180px; top: 100px;
	width: 515px;
	font-size: 1.1428em;
	line-height: 1.25;
	text-align: justify;
}

/* 	::::: Navigation :::::
*/

.nav {
	position: absolute;
	z-index: 100;
	top: 15px; right: -15px;
	float: left;
}
.nav li {
	display: inline;
	float: left;
}
.nav li a {
	display: block;
	float: left;
	height: 40px;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-image: url('images/nav_bg.gif');
}
.nav_home {
	width: 67px;
	background-position: 0 0;
}
.home .nav_home,
.nav_home:hover { 
	background-position: 0 -40px; 
}
.nav_infos {
	width: 77px;
	background-position: -160px 0;
}
.infos .nav_infos,
.nav_infos:hover { 
	background-position: -160px -40px; 
}
.nav_contact {
	width: 91px;
	background-position: -311px 0;
}
.contact .nav_contact,
.nav_contact:hover { 
	background-position: -311px -40px; 
}

/* 	::::: Suche :::::
*/

#searchform {
	position: absolute;
	top: 142px; right: 0;
	width: 255px; height: 30px;
	border: 1px solid #ddd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#searchform div {
	position: relative;
}
#searchform button {
	position: absolute;
	top: 0; right: 0;
	margin: 0; padding: 0;
	width: 30px; height: 30px;
	background: url('images/search_button.gif') no-repeat 50% 50%;
	border: 0;
	text-indent: -999em;
}
#searchform label {
	margin: 8px;
	font-size: 0.7857em;
	text-transform: uppercase;
}
#searchform input {
	margin: 8px; padding: 0;
	width: 209px;
	font-size: 0.8571em;
	border: 0;
}

/* 	::::: Beitraege :::::
*/

#posts {
	margin: 2.8571em 0 -1px;
	border-bottom: 1px solid #ccc;
}
.post {
	clear: left;
	position: relative;
	margin: 0 0 2.8571em;
}
.post_content {
	margin: 0 0 0 180px;
	width: 525px;
}
.post_excerpt {
	color: #222;
	text-align: justify;
}
.post_story {
	color: #222;
	text-align: justify;
}

#archive_link {
	display: block;
	clear: left;
	margin: 0 0 1.4285em 180px;
}

/* 	::::: COMMENTS :::::
*/

#discussion {
	float: left;
	padding: 0;
	border-color: #fff;
}
.commentlist {
	margin: 0 0 0 180px !important;
}
.commentlist li {
	list-style: none;
	float: left;
	margin: 0 0 1.4285em; padding: 0 0 1.3em;
	width: 795px;
	border-bottom: 1px solid #ddd;
}
.comment_author {
	float: right;
	width: 255px;
	font-size: 0.8571em;
	line-height: 1.6666;
}
.comment_author img {
	margin: 0 10px 0 0 !important;
}
.comment_content {
	width: 525px;
	text-align: justify;
	margin: 0 10px 0 0 !important;
}
#commentform {
	margin: 0 0 0 180px !important;
	font-size: 1em;
}
#commentform label {
	float: left;
	width: 120px;
	font-weight: bold;
}
#commentform .text input { 
	width: 355px;
	background-color: rgb(252, 252, 252);
	border: 1px solid #ddd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #999;
	text-align: justify;
}	
#commentform .text textarea { 
	width: 355px;
}
#commentform #submit {
	margin: 0 0 0 118px;
}
#writecomment span.required {
	padding: 0 0 0 1.4285em;
	font-size: 0.8571em !important;
	color: #999;
	background: url('/images/required_icon.gif') no-repeat 0 50%;
}
#commentform .required label {
	background: url('images/required_icon.gif') no-repeat 100% 50%;
}
#writecomment {
	clear: left;
	float: left;
	width: 100%;
}
#error,
#loading {
	height: 3.3333em;
	padding: 0 0 0 120px;
}
#loading span {
	padding: 0 0 0 2.1666em;
	background: url('images/throbber.gif') no-repeat 0 50%;
}
#error .error {
	padding: 0 0 0 1.3333em;
	background: url('images/error_icon.gif') no-repeat 0 50%;
}
#error .success {
	padding: 0 0 0 1.3333em;
	background: url('images/success_icon.gif') no-repeat 0 50%;
}

/* 	::::: SHINER (higher up than footer) :::::
*/

.shiner {
	position: relative;
	margin: 1.8571em 0 -1px; padding: 0 0 2.8571em; 
	border-bottom: 1px solid #ccc;
}
.shiner h3 {
	position: absolute;
	left: 0; top: 0;
	width: 165px;
	font-size: 1em;
	font-weight: normal;
}

/* 	::::: Post Navi :::::
*/

#postnavi {
}
.postnavi_content {
	width: 400px;
	text-align: left;
}
.postnavi_contact {
	position: absolute;
	top: 0; right: 0;
	width: 400px;
	text-align: right;
}


/* 	::::: CATEGORIES :::::
*/

#categories {
}
#categories ul {
	margin: 0 0 0 5px !important;
	width: 250px;
	text-align: right;
	list-style: none;
}
#categories .wrap {
	margin-top: -4.2851em;
}


/* 	::::: FOOTER :::::
*/

#footer {
	clear: left;
	float: left;
	position: relative;
	margin: 2.8571em 0 0; padding: 0 0 4.2857em;
	width: 100%;
}
#copyright {
	margin: -2px 0 0 !important; padding: 0 0 0 2.0833em;
	font-size: 0.8571em;
	line-height: 1.75;
	background: url('images/creative_commons_icon.gif') no-repeat;
}
#copyright span { 
	display: none; 
}
#footer .nav {
	top: -12px;
}