/*
Theme Name: JF
Theme URI: http://fings.de/
Description: Das Fings-Design basiert auf dem Standard WordPress Theme 
Version: 1.0
Author: Tobias Fingerle
Author URI: http://fings.de/
Tags: blue, custom header, fixed width, two columns, widgets

	JonathanFischer
	 http://jonathanfischer.de

	This theme was designed and built by Tobias Fingerle
	whose blog you will find at http://bloq.fings.de

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*
{
	padding: 0;
	margin: 0;
}

body
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: url(images/jf-back.jpg) repeat;
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	}

a
{
	color: #ff0000;
	text-decoration: none;
	border-bottom:#ff0000 1px dashed;
	}

a:hover
{
	border-bottom:#f03300 1px solid;
	}

p
{
	margin-bottom: 14px;
	}

ul, ol 
{
	margin:1em;
	padding:0;
	}
	
li 
{
	margin:0 1em;
	padding:5px 0;
	}

blockquote 
{
    margin:10px 20px;
    padding-left:10px;
    border-left:#ccc 2px solid;
	}
	
fieldset 
{
	border:none;
	}

h1,h2,h3,h4,h5,h6 
{
	font-family:Georgia, "Lucida Sans Unicode", Tahoma, Arial, Serif;
}

#outer
{
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px 0px 0px 0px;
	width: 820px;
	border: 0px;
	background: url(images/jf-singleback.gif) repeat-y;
	background-color: white;
	text-align: left;
}

#inner
{
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	background-color: transparent;
	border: 0px solid #959596;
	text-align: left;
	}

#header {
	margin-left:auto;
	margin-right:auto;
	height: 27px;
	width: 800px;
	background-color: transparent;
	border-top: 4px solid transparent;
	text-align: left;
	vertical-align:text-bottom;
	}
	
#header-content-right {
	float:right;
	}


#headerimg {
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	height: 266px;
	width: 800px;
	background: url('images/jf-header.jpg') no-repeat top center;
	}

ul.header {	
	margin:0px 0px 0px 0px;
	height:25px;
	line-height:25px;
	float:left;
	list-style:none;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	}

#main {
	margin:206px 0px 0px 0px;
	width:800px;
	height:27px;
	background:transparent;
	}

#nav {
	margin:2px 0px 0px 0px;
	height:23px;
	line-height:23px;
	float:left;
	padding:0;
	z-index:1
	}

ul , ol, li {
	position: relative;
	z-index:2;
	}
	
ul.nav {
	height:23px;
	line-height:23px;
	float:left;
	list-style:none;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	margin:0;
	padding:0;
	}

ul.nav li {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	}

ul.nav li a,ul.nav li a:link,ul.nav li a:visited {
	border-bottom:0;
	border-left:0;
	background:transparent;
	color:#fff;
	float:left;
	display:block;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	}
	
ul.nav li a:hover,ul.nav li a:active {
	background:#fff;
	color:#555;
	text-decoration:none;
	}

ul.nav li.home a {
	border-left:2px solid #fff;
	text-decoration:none;
	}
	
ul.nav li.current_page_item a {
	text-decoration:none;
	color:#555;
	background:#ddd;
	}

#search
{
	color: #BDBDA2;
	font-size: 12px;
	font-family:Tahoma, Georgia, Arial, Verdana, Serif;
	text-transform:none;
	}
	
#content
{
	position: relative;
	margin: 10px 10px;
	width: 565px;
	float: left;
	}
	
#content .post .header 
{
	background: url(images/jf-bullet-grey.gif) bottom repeat-x;
	padding: 0 0 10px 10px;
	margin-bottom: 20px;
	position: relative;
	}
	
#content h3,#content h2
{
	position: relative;
	top: 4px;
	font-size: 18px;
	line-height: 25px;
	color: #555;
	}

#content h2.pagetitle 
{
	text-align:center;
	margin:0 0 2em 0;
	font-size:1.5em;
	}

#content h3 a:link, #content h3 a:visited 
{
	border-bottom:none;
	color:#555;
	}
	
#content h3 a:hover,#content h3 a:active 
{
	border-bottom:#555 1px solid;	
	}
	
#content ul 
{
    margin:1em;
    padding:0 1em;
    list-style-image:url(images/jf-bullet-red.gif);
	}

#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
	}
	
#content .entry
{
	padding: 0 15px;
	margin-bottom: 20px;
	}
	
#content .post
{
margin-bottom: 30px;
}

#content .post .date
{
	float:right;
	margin:-1px 0;
	color:#666;
	width:25%;
	padding:0;
	background: url(images/jf-bullet-grey.gif) bottom repeat-x;
	}

#content .post .date em 
{
	font-style:normal;
	color:#666;
	}

#content .post .date em.user 
{
	background:url(images/jf-user.png) no-repeat left top;
	padding-left:15px;
	}
	
#content .post .date em.postdate 
{
	background:url(images/jf-calender.gif) no-repeat left top;
	padding-left:17px;
	}

#content .post .entry
{
margin-bottom: 0;
	}
	
#content ul.asides
{
	background: url(images/jf-asides.gif) repeat-x top;
	list-style:none;
	margin:2em 0;
	padding:0;
	}

#content ul.asides li
{
	list-style:none;
	padding:0.5em 0;	
	}

#content .post .footer
{
	clear:both;
	background: url(images/jf-postfooter.gif) repeat-x bottom;	
	}

#content .post .footer ul
{
	list-style: none;
	text-align:right;
	padding:20px 0;	
	}

#content .post .footer ul li
{
	display: inline;
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding:3px 0 3px 15px;
	}

#content .post .footer ul li.comments
{
	background-image: url(images/jf-comment.gif);
	color:#999;
	}

#content .post .footer ul li.readmore
{
	background-image: url(images/jf-edit.gif);
	}

#content .post h4 
{
	font-size:1em;
	font-weight:normal;
	font-family:Verdana, Tahoma, Arial, Serif;
	}
	
#content .post h4 em
{
	font-style:normal;
	float:right;
	font-weight:normal;
	}

#sidebar
{
	position: relative;
	width: 200px;
	float: right;
	}

#sidebar h2
{
	position: relative;
	font-size: 16px;
	color: #555;
	background: url(images/jf-sidebar.gif) bottom repeat-x;
	padding:0 0 15px 0 ;
	margin: 10px 0;
	text-transform:uppercase;
	font-family:Arial, Georgia, Tahoma, Verdana, Serif;
	}

img.profile
{
	position: relative;
	top: -2px;
	background: url(images/jf-frame.gif) no-repeat;
	width: 146px;
	height: 75px;
	padding: 7px;
	}

#sidebar ul 
{
	list-style:none;
	padding: 0 10px;
	margin: 0 0 20px 0;
	}
	
#sidebar ul li 
{
	padding: 3px 0;
	margin:0;
	}
	
#sidebar ul ul 
{
	list-style-image:url(images/jf-arrow.gif);
	padding: 0 0 0 15px;
	margin:0;
	}
	
#sidebar a:link,#sidebar a:visited 
{
	border-bottom:none;
	}
	
#sidebar a:hover, #sidebar a:active
{
	border-bottom:1px solid;
	}
	
#sidebar ul.feeds 
{
	margin-left:20px;
	}
	
#sidebar ul.feeds li 
{
	list-style-image:url(images/jf-rss-feed.gif);
	margin:5px 0;
	padding:0;
	}
	
/*comments and their styles*/
#comments, #respond{
	margin: 2em 0 0 5px;
	}

#commentform 
{
	margin:10px;
	padding:10px;
	}
	
#outer .commentlist {
	margin: 0;
	padding: 0;
	}

.commentlist li 
{
	list-style:none;
	margin: 2em 0;
	padding: 0;			
	}

.commentlist li p 
{
    margin:0 1em;
	}
	
.commentlist li .cmtinfo 
{
	font-size:1em;	
	background: url(images/jf-asides.gif) repeat-x top;
	padding:5px;
	margin-bottom: 10px;
	position:relative;
	border:#eee 1px solid;
	}
	
.commentlist li .cmtinfo em 
{
	margin:0;
	padding:0 1em;
	text-align:right;
	font-style:normal;			
	color:#999;	
	}
	
.commentlist li.alt .cmtinfo 
{
	font-size:1em;	
	background: url(images/jf-oldcmtlst.gif) repeat-x top;
	padding:5px;
	margin-bottom: 10px;
	position:relative;
	border:#ddd 1px solid;
	}
	
.commentlist li.authorcomment
{
	border:#ddd 1px solid;
	border-top-width:0px;
	}
	
#outer .nocomments 
{
	text-align:center;
	color:#999;
	}
	
#outer .trackback 
{
	background:url(images/jf-links.gif) no-repeat left;
	padding:2px 20px;
	}
	
#outer .commentsrss 
{
	background:url(images/jf-rss-feed.gif) no-repeat left;
	padding:2px 17px;
	}
	
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
	}
	
input.text, textarea, select 
{
	padding:2px;
	background:#F9F9F7;
	font:1em verdana, arial, serif;
	border: 1px solid #ccc;	
	}
	
textarea{
	width: 90%;
	height: 20em;	
	}
	
#outer input.text:focus, textarea:focus
{
	background:#fff;
	border:#999 1px solid;
	}

#prefooter {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;	
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	height: 28px;
	background: url('images/jf-prefooter.jpg') no-repeat top center;
	border: none;
	clear: both;
	color:white;
	}	

#footer
{
	padding: 0px 0px 0px 0px;
	margin-top: 10px;	
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	border: none;
	clear: both;
	text-align:center;
	}

#footer a:link,#footer a:visited
{
	color: #6C6C63;
	text-decoration:none;	
	border:none;
	}

#footer a:hover,#footer a:active
{
	color: #acacac;
	text-decoration:underline;	
	border:none;
	}
	
/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 0 auto;
	width: 155px;	
	border:#ccc 1px solid;
	}

#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;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	font-weight:bold;	
	margin:0;
	padding:3px 0;
	}
	
#wp-calendar thead 
{
	margin:0;
	padding:0;	
	}
	
#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	background:url(images/jf-asides.gif) repeat top;
	}
	
#wp-calendar th 
{
	padding: 3px 0;
	text-align: center;	
	background:url(images/jf-oldcmtlst.gif) repeat top;
	}
	
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff;
	}
/* End Calendar */

#searchsubmit 
{
	border:#fff 1px solid;
	font-size:0.9em;
	background:url(images/jf-searchform.gif) repeat-x top;
	}

#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}