/*
	Theme Name: ChristianSchenk.org
	Description: Theme for ChrisianSchenk.org
	Version: 1.4
	Author: Christian Schenk
	Author URI: http://www.christianschenk.org/

	Theme for Christian's Website christianschenk.org
 */

* {
	padding: 0;
	margin: 0;
}

body {
	/* Resets 1em to 10px */
	font-size: 62.5%;
	font-family: Verdana, Arial, Sans-Serif;
	color: #000;
	background: #dcdcdc;
}


/*--- header styles ---*/

#header {
	color: #FFF;
	background: #6699CC;
	border-bottom: 0.8em solid #3F4C6B;
}
	/*#logo { width: 800px; margin: 0 auto; padding-top: 0.6em; padding-bottom: 0.2em; }*/
	#logo { width: 800px; margin: 0 auto; }
	#logo a, #logo a:visited {
		color: #FFF;
		font: normal 5.0em "American Typewriter", Monaco, Verdana;
	}
	#logo a span { color: #333; }
	#logo a:hover span { color: #356AA0; }



/*--- navigation styles ---*/

#nav { width: 800px; margin: 0 0 10px 0; }
	#nav ul { list-style: none; padding-left: 2em; }
		#nav ul li { font-size: 1.6em; float: left; }
			#nav ul li a, #nav ul li a:visited {
				color: #3F4C6B;
				display: block;
				padding: 0.3em 0.8em 0.5em 0.8em;
			}
			#nav ul li a:hover {
				color: #FFF !important;
				background: #3F4C6B;
				text-decoration: none !important;
			}



/*--- main content wrapper styles ---*/

#main_wrapper {
	width: 800px;
	margin: 0 auto;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	background: #FFF;
}

	#content_inner {
		width: 100%;
		font-size: 1.2em;
		margin: 0 auto;
		text-align: left;
	}

	.content_left {
		float:left;
		width: 550px;
		margin-left: 20px;
	}

	.content_right {
		float: right;
		width: 180px;
		font-size: 0.97em;
		margin-top: 1em;
		margin-right: 20px;
	}
		.content_right_sub {color:#6c6c6c;margin-bottom:2.5em;}
		.content_right_sub ul {list-style:none;margin:0 0 1em 0;}
		.content_right_sub ul li label { color:#3c3c3c; font-size: 1.4em; border-bottom: 1px solid #ddd; padding:5px 0 4px 0; text-align:right; display: block;}
		.content_right_sub ul ul li {border-bottom:1px solid #ddd;line-height:1.4em;}
		.more {text-align:right;}
			.more a {color:#6c6c6c;}
			.more a:hover {color:#967D93;}


/*--- footer styles ---*/

#footer {
	/*clear: both;*/
	width: 800px;
	color: #bbb;
	text-align: center;
	/*padding: 1.5em 0;*/
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	border-top: 0.5em solid #2b3e6b;
	border-bottom: 1px solid #000;
	background: #3F4C6B;
}
	#footer ul { padding: 0.6em; list-style: none; }
		#footer ul li { display: inline; padding-right: 2em; }
	#footer a, #footer a:visited { color: #bbb; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }


/*--- content styles ---*/

.post { margin-bottom: 1em; padding-right: 20px; }
	.post h1 { padding-bottom: 0px; }
	.post h1 a { color: #2b3e6b; padding-bottom: 0px; }

.post_date {
	color: #aaa;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 0 2em 0;
	/*border-bottom: 0.2em double #ccc;*/
}

.post_content {
	font-size: 1.1em;
	line-height: 1.5em;
}
	.post_content a, .post_content a:visited { padding: 0px 2px 0px 2px; color: #365ab3; }
	.post_content a:hover { text-decoration: underline; }

	.post_content p { margin: 0.2em 0 0.8em 0; }

	.post_content ul, .post_content ol { margin: 0.2em 0 0.6em 2em; }
	.post_content ul { list-style-type: square; }
		.post_content li {padding-bottom: 0.2em; }
			.post_content ul li ul, .post_content ul li ol, .post_content ol li ul, .post_content ol li ol { margin: 0 0 0 1em; }

	.post_content dl { margin: 0 0 1.2em 0; }
		.post_content dt { font-weight: bold; }
		.post_content dd { margin: 0 0 0 1.5em; }

	.post_content sup, .post_content sub { line-height: 1.0em; }

	.post_content img { max-width: 490px; padding: 2px; }
	.post_content img.left { margin: 0 1.2em 0 0; float: left; clear: left; }
	.post_content img.right { margin: 0 0 0 1.2em; float: right; clear: right; }
	.post_content img.center { display: block; margin: 0 auto 1.2em auto; clear: both; }


.post_meta {
	margin: 2em 0 4em 0;
	padding: 0.6em 0 0.6em 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: smaller;
	line-height: 1.2em;
	clear: both;
}
	.post_meta a { color: #365ab3; }
	.post_meta a:hover { color: #365ab3; border-bottom: 1px solid #365ab3; }
	.post_meta ul { display: inline; }
	.post_meta ul li { list-style: none; display: inline; }
	.post_meta .meta_info { font-weight: bold; }


/*--- comment styles ---*/

#comments { width: 550px; }

	ol.comment_list li { padding: 1em; margin-bottom: 20px; font-size: 1.1em; line-height: 1.6em; color: #555; background: #f2f2f2;  border: 1px solid #ccc; list-style: none; }
	ol.comment_list li.alt { background: #eee; border-color: #999; }
	ol.comment_list li cite { font-size: larger; font-style: normal; font-weight: bold; }
	ol.comment_list li span.says { color: #000; }
	ol.comment_list li a.comment_meta { font-size: smaller; display: block; }
	/* nested lists */
	ol.comment_list li ol li { padding: 0.2em; margin: 0em 0em 0em 2em; font-size: 1em; border: 0px; list-style: decimal; }
	ol.comment_list li ul li { padding: 0.2em; margin: 0em 0em 0em 2em; font-size: 1em; border: 0px; list-style: disc; }
	ol.comment_list blockquote { padding: 0.2em 0.2em 0.2em 1.2em; margin: 0.6em 1em 0.4em 0.4em; color: #333; border: 1px solid #ccc; font-style: italic; }

	.nrresp { color: #3F4C6B; font-size: larger; }


/*--- comment form styles ---*/

#comment_form { width: 550px; margin: 0 0 2.0em 0; }
	#comment_form a:hover { text-decoration: underline; }
	#comment_form p { padding: 0.6em 0; }
		#comment_form label { padding-left: 1em; font-size: 0.9em; }
		#comment_form .text_input { width: 18em; padding: 0.1em; color: #365ab3; font: bold 1.2em Verdana, sans-serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
		#comment_form .text_input:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }
		#comment_form #form_comment { padding: 0.1em; font: normal 1.1em Verdana, sans-serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
		#comment_form #form_comment:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }
		#comment_form #form_submit { padding: 0.2em; border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Verdana, sans-serif; cursor: pointer; }
		#comment_form #form_submit:hover { color: #365ab3; }


/*--- preview styles ---*/

.preview_header h1 span { color: #666; }
.post_preview, .post_preview_alt { margin-left: 16px; margin: 1em 0em 1em 0em; padding: 0.6em; border: 1px solid #999; background: #f6f6f6; }
.post_preview_alt { border-color: #777; background: #e0e0e0; }
.post_preview h2, .post_preview_alt h2 { padding: 0px; }
.post_preview h2 a, .post_preview h2 a:visited, .post_preview_alt a, .post_preview h2 a:visited { color: #365ab3; }
.post_preview h2 a:hover, .post_preview_alt h2 a:hover { color: #2b3e6b; }
.post_preview .post_date, .post_preview_alt .post_date { margin: 0px; color: #666; }
.post_preview .more, .post_preview_alt .more { color: #888; font-size: smaller;}
/*.post_preview_alt { margin-left: 16px; margin-bottom: 1em; padding: 0.6em; border-bottom: 1px solid #999; }*/


/*--- search form styles ---*/

#search	label { margin-bottom: 0.4em }
	#search_form form, #search_form fieldset { border: 0; text-align: right; }
		#search_form fieldset legend { display: none; }
		/* almost copied the following 4 lines form #comment_form #form_(comment|submit) */
		#search_form fieldset input { margin-bottom: 0.4em; padding: 0.1em; font: normal 1.1em Verdana, sans-serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
		#search_form fieldset input:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }
		#search_form fieldset #search_submit { padding: 0.1em; border: 1px solid #999; border-top-color: #ccc; border-left-color: #ccc; font: normal 1.1em Verdana, sans-serif; cursor: pointer; }
		#search_form fieldset #search_submit:hover { color: #365ab3; }


/*--- archives and tags page styles ---*/

#tagcloud { padding: 1em 0em 1em 0em; margin: 0em 1em 0em 1em; text-align: justify; }
/*#tagcloud sub { display: none; }*/
#tagcloud li { display: inline; list-style: none; padding-right: 1.4em; }

ul.archives { margin-left: 1em; margin-bottom: 2em; }
.archives li { /*display: inline; list-style: none;*/ padding-right: 1.4em; }


/*--- ads ---*/

.sidebar_ad { text-align: right; padding-bottom: 1em; }
.content_ad { text-align: center; }


/*--- global elements ---*/

h1, h2, h3 {
	color: #365ab3;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	margin-top: 0;
	padding-top: 1em;
	padding-bottom: 0.6em;
}

h1 { font-size: 2.4em; }
h3 { font-size: 1.4em; padding-top: 0.2em; }

h2 a, h3 a, h2 a:hover, h3 a:hover {
	color: #000;
	text-decoration: none;
}

a { color: #365ab3; text-decoration: none; }
a:visited { color: #365ab3; text-decoration: none; }
a:hover { color: #365ab3; text-decoration: none; }
a img { border: none; }

code { color: #090; font-family: Courier, "Courier New", monospace; line-height: 1.0em; }

pre.code, div.code pre {
	font-family: monospace;
	font-size: 12px; /* needs to fit global font-size */
	padding: 0.4em;
}

.post_content ul.inline { display: inline; margin-left: 0pt; }
.post_content ul.inline li { list-style: none; display: inline; }
.post_content ul.inline li:after { content: ", "; }
.post_content ul.inline li.last:after { content: "."; }

.post_content blockquote { margin-left: 1em; margin-right: 1em; font-style: italic; }

table { margin-bottom: 1em; }
table th, td { padding: 0em 1.4em 0.2em 0.2em; }

img.cc_button { float: right; margin-right: 2em; }
img.contact { margin-left: 2em; }

.info_box { float: right; width: 200px; border: 1px solid #888; background: #eee; padding: 1em; margin-left: 0.4em; }
.info_box em { font-weight: bold; }

#coolpost {
	text-align: right;
	background-image: url(http://data.christianschenk.org/images/look.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#coolpost ul li label { border-bottom-width: 0px; }

.watchit {
	width: 96px;
	height: 44px;
	float: right;
	margin-left: 10px;
	background-image: url(http://data.christianschenk.org/images/watchit.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.content_right_sub #myGallery { float: right; }

/*.rss {
	background-image: url(http://data.christianschenk.org/images/rss.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
}*/


#donation { text-align: right; }
#donation fieldset { border-width: 0px; }
#donation .donation_button { margin: 0.4em; }


.cmpicons td { text-align: center; background-repeat: no-repeat; background-position: top center; }
.cmpicons td span { display: none; }
.cmpicons td.present { background-image: url(http://data.christianschenk.org/images/icons/link.png); }
.cmpicons td.notpresent { background-image: url(http://data.christianschenk.org/images/icons/link_break.png); }
.cmpicons td.works { background-image: url(http://data.christianschenk.org/images/icons/tick.png); }
.cmpicons td.doesntwork { background-image: url(http://data.christianschenk.org/images/icons/cross.png); }

.highlight thead tr { background: #CCC; }
.highlight tr.alternate { background: #EEE; }

a.thickbox img { border: 1px solid #000; }


.AlexaSiteStatsWidget {display:none;}


/*
 * Hacks
 */
#header:after, #logo:after, #nav:after {
	display: block;
	height: 0;
	content: ".";
	visibility: hidden;
	clear: both;
}

p.space {
	margin-bottom: 1em;
}

/* clearing fix rules */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {display:inline-block;}
br.clear { clear: both; height: 0; line-height: 0px; }


