/*
-----------------------------------------------
JEKYLLS'S LAB
Textpattern template
~
Author:   Christian Huber
Version:  23 June 2007
-----------------------------------------------
*/


* {margin: 0; padding: 0; border: 0}

body {background-color: #999}

a {text-decoration: none}

#container {
	width: 760px; 
	border-top: 15px solid #d5e5e5;
	background-color: #fff;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	position: relative;
	margin: auto
}


/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
HEADER
*/

#header {
	width: 720px;
	display: table;
	border-left: 20px solid #fff;
	background: url(../images/jl_images/header.gif) no-repeat
}
			
#header h1 {
	font: 1.2em/1em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0 0 0 0; margin: 80px 0 20px 37px;
}
	#header h1 a {color: #333}
	#header h1 a:hover {color: #000; text-decoration: underline}	

#header h2 {
	font: .7em/1em Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
	color: #333;
	display: table;
	padding: 0 0 0 0; margin: 0 0 40px 37px;
	background-color: #fff
}


/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
MENU
*/

#menu {
	width: 720px;
	display: block;
	border-top: 5px solid #fee;
	border-bottom: 5px solid #fee;
	background-color: #fff
}

.section_list {
	font: .7em/1em Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	width: 100%;
	display: table
}
		
.section_list li {
	list-style-type: none;
	display: table;
	float: left
}

.section_list a {
	width: 230px; padding: 15px 0 15px 10px;
	color: #333;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background-color: #fff;
	display: list-item;
	list-style-image: url(../images/jl_images/list_1_b.gif);
	list-style-position: inside
}	
	.section_list a:hover {
		color: #000;
		background-color: #fcc;
		
		list-style-image: url(../images/jl_images/list_1_a.gif);
		list-style-position: inside
	}
	.section_list a:active {
		color: #666;
		background-color: #fee
	}

	a.section_list_active {
		background-color: #fdd;
		color: #333
	}
	a:hover.section_list_active {
		background-color: #fcc;
		color: #000
	}
	a:active.section_list_active {
		background-color: #fff;
		color: #666
	}
	
.category_list {
	font: .6em/1em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	clear: both;
	display: table;
	width: 100%;
	border-bottom: 1px solid #999
}
		
.category_list li {
	list-style-type: none;
	display: table;
	float: left
}
		
.category_list a {
	width: 230px; padding: 7px 0 7px 10px;
	display: list-item;
	color: #555;
	background-color: #fff;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	list-style-image: url(../images/jl_images/list_1_b.gif);
	list-style-position: inside
}	
	.category_list a:hover {
		color: #000;
		background-color: #fcc;
		list-style-image: url(../images/jl_images/list_1_a.gif);
		list-style-position: inside
	}
	.category_list a:active {
		color: #666;
		background-color: #fee
	}


/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
CONTENT & ARTICLES
*/

#content {
	border-left: 63px solid #fff;
	border-right: 20px solid #fff
	}

#articles {
	width: 400px;
	float: left
	}
	
	#articles ul {
		font: .8em/1.5em Arial, Helvetica, Verdana, sans-serif;
		color: #111;
		padding: 0 0 10px 10px;
		list-style-image: url(../images/jl_images/unordered_list_1.gif);
		list-style-position: inside;
		}
		
	#articles ol {
		font: .8em/1.5em Arial, Helvetica, Verdana, sans-serif;
		color: #111;
		padding: 0 0 10px 10px;
		list-style-position: inside;
		list-style-type: decimal-leading-zero;
		}
	
	#articles code {
		font: 1.1em/1.4em "Courier New", Courier, mono;
		color: #333
		}

	#articles blockquote p {
		font: .8em/1.5em Georgia, "Times New Roman", Times, serif;
		color: #666;
		font-style: italic;
		padding: 0 46px 25px 0; margin: 0 0 0 46px;
		display: list-item;
		list-style-image: url(../images/jl_images/bq_1_a.jpg);
		list-style-position: outside;
		background: url(../images/jl_images/bq_1_b.jpg) no-repeat 100% 100%;
		}
		
	#articles p {
		font: .8em/1.6em Arial, Helvetica, Verdana, sans-serif;
		color: #333;
		padding: 0 0 10px 0
		}	

		#articles p a {
			background: url(../images/jl_images/link_1_a.gif) no-repeat 0 50%;
			padding: 0 0 0 15px;
			color: #f66
			}
	
		#articles p a:hover {
			background: url(../images/jl_images/link_1_hover.gif) no-repeat 0 50%;
			color: #c66;
			text-decoration: underline
			}
		#articles p a:active {
			background: url(../images/jl_images/link_1_active.gif) no-repeat 0 50%;
			color: #333
			}
		#articles p a:visited {
			background: url(../images/jl_images/link_1_visited.gif) no-repeat 0 50%;
			color: #9cc
			}
		
	#articles h3 {
		font: 1em/1.6em Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		padding: 60px 0 10px 0;
		letter-spacing: 1px;
		}
		
		#articles h3 a {color: #333}
		#articles h3 a:hover {color: #000; text-decoration: underline}
		
	#articles h4, #articles h5, #articles h6 {
		font: .8em/1.6em Georgia, "Times New Roman", Times, serif;
		color: #333;
		font-weight: normal;
		padding: 10px 0 5px 0;
		letter-spacing: 1px;
		}
		
.article_date {
	font: .7em/1.2em Georgia, "Times New Roman", Times, serif;
	color: #333;
	padding: 0 0 20px 0; display: block
	}

#articles img {
	margin: 0 10px 10px 0;
	float: left
}

.article_comment {
	font: .8em/1.2em Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	padding: 10px 0 10px 0; margin: 0 0 20px 0
}

.comment_name_and_date {
	font: .8em/1.2em Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	padding: 0 0 10px 0
}

.comment_column {
	font: .7em/1em Georgia, "Times New Roman", Times, serif;
	width: 400px; padding: 15px 0 15px 0;
	display: table;
	border-top: 1px solid #999;
	clear: both
}

.comment_column_label {
	color: #333;
	letter-spacing: 2px;
	float: left;
	display: block;
	padding: 3px 0 0 0;
	text-transform: uppercase
}
	.comment_column_label a {
		text-decoration: none;
		color: #f66
	}
	.comment_column_label a:hover {
		text-decoration: underline;
		color: #333
	}
		
.comment_column_txt {
	color: #666;
	width: 200px;
	float: right;
	letter-spacing: 2px;
	display: block
}

/* sets font color for comments preview */
#cpreview p {
	color: #f66;
	}


/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
SIDEBAR
*/

#sidebar {
	width: 210px;
	float: right
	/*border-left: 1px solid #eee*/
}
	
#sidebar img {
	padding: 20px 0 20px 10px	
}

#sidebar a img {
	border-bottom: 5px solid #fff;
	padding: 20px 0 20px 0; margin: 0 0 0 10px
}
	#sidebar a:hover img {border-bottom: 5px solid #fee}
	#sidebar a:active img {border-bottom: 5px solid #fdd}
	
.sidebar_list {
	font: .6em/1em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	border-bottom: 20px solid #fff
}
	
.sidebar_list strong {
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 60px 0 10px 10px;
	/*background: url(../images/jl_images/list_1_a.gif) no-repeat 0 60px;*/
	display: block
}
	
.sidebar_list li {
	list-style-type: none;
	border-bottom: 1px dotted #ccc
}
	
	.sidebar_list li a {
		padding: 7px 0 7px 10px; margin: 5px 0 5px 0;
		display: block;
		color: #555;
		background-color: #fff
	}
	.sidebar_list li a:hover {
		color: #000;
		background-color: #fee
	}
	.sidebar_list li a:active {
		color: #666;
		background-color: #fdd;
	}



/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Form fields etc. */

.search,
.comment_name_input,
.comment_email_input,
.comment_web_input,
.txpCommentInputMessage,
input,
textarea {
	font: 1em/1em Georgia, "Times New Roman", Times, serif;
	color: #333;
	width: 200px; padding: 3px 0 3px 0;
	border: 1px dotted #999;
	float: right
}

.checkbox,
.button {
	margin: 5px 0 5px 0;
	clear: both
	}

label {
	display: none
	}

#txpCommentInputForm {
	margin: 20px 0 0 0
	}


/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
FOOTER. */

#footer {
	background-color: #d5e5e5;
	border-left: 20px solid #d5e5e5;
	border-right: 20px solid #d5e5e5;
	border-bottom: 80px solid #d5e5e5;
	clear: both
	}

.footer_buttons {
	font: .6em/1em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	text-transform: uppercase
	}
	
.older_newer a, .to_top a {
	width: 230px; padding: 15px 0 15px 10px;
	color: #666;
	border-top: 2px solid #d5e5e5;
	border-bottom: 2px solid #d5e5e5;
	display: list-item;
	list-style-image: url(../images/jl_images/list_1_b.gif);
	list-style-position: inside
	}
	.older_newer a {float: left}
	.to_top a {float: right}	
	.older_newer a:hover, .to_top a:hover {
		color: #000;
		list-style-image: url(../images/jl_images/list_1_a.gif);
		list-style-position: inside
		}
	.older_newer a:active, .to_top a:active {
		color: #333
		}
	
.footer_additional_info {
	font: .6em/1.1em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	color: #666;
	border-top: 1px dotted #666;
	padding: 15px 0 0 37px;
	clear: both
	}
	.footer_additional_info a {color: #333}
	.footer_additional_info a:hover {
		color: #000;
		text-decoration: underline
	}
			
			
/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
the following code should fix problems in InternetExplorer 6 and below*/

* html #container {position: absolute; top: 0; left: 50%; margin: 0 0 0 -390px}
* html .section_list a {width: 208px}
* html .category_list a {width: 208px}
* html .older_newer a {width: 208px}
* html .to_top a {width: 208px}
* html 	#header h2 {display: block}