/*
Theme Name: Photoapparat
Theme URI: http://bigod.net
Description: inspired by f8 static from graphpaperpress.com
Version: 0.9
Author: Andy Rudorfer
Author URI: http://bigod.net
*/

/*----------------------------------------------------------------*																				
RESET								
 *----------------------------------------------------------------*/ 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;font-family:'Helvetica', Arial, sans-serif;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/*----------------------------------------------------------------*																				
TYPO								
 *----------------------------------------------------------------*/ 
body {font-size:12px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#000;font-family:Geneva, Arial, Helvetica, sans-serif;}
h1 {font-size:24px;line-height:1;margin-bottom:0.5em;}
h2 {font-size:18px;font-weight:bold;}
h3 {font-size:16px;line-height:1; margin-bottom:0.75em; font-weight:bold;}
h4 {font-size:14px;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:14px;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:14px; font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
em { font-style:italic; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#000;}
a {color:#000;text-decoration:underline;}
a:hover, a:focus {color:#808080;text-decoration:underline;}


/*----------------------------------------------------------------*																				
MAIN								
 *----------------------------------------------------------------*/
body { color:#222; background:#000; font-family:Geneva, Arial, Helvetica, sans-serif; }

.left {float:left; }
.right {float:right; } 

#wrapper { width:980px; margin:0 auto; background:#fff; padding-top:20px; padding-bottom:20px; }

#content { width:960px; overflow:hidden; }

#main { width:640px; float:left; margin-left:20px; }

#sidebar { width:260px; float:right; }
	
/*----------------------------------------------------------------*																				
HEADER								
 *----------------------------------------------------------------*/	 
	
#header {
	border-top:5px solid #222;
	width:940px;
	margin:0 auto;
	}
	
#header img { margin-top: 9px; margin-left: 15px; }
	
.subTitle {
	width:960px;
	text-align:right;
	color:#666;
	font-size:12px;
	}	

/*----------------------------------------------------------------*																				
NAVIGATION								
 *----------------------------------------------------------------*/	
.topNav { 
	margin:4px auto 20px auto; 
	overflow:hidden; 
	width:940px;
	background: #000;
	height:40px; 
	}	

.topNav li { 
	float:left;   
	text-transform:uppercase; 
	}
	
.topNav .page_item a {	
	padding:0 20px;
	height:40px;
	line-height:40px;
	display:block;
	color:#aaa; 
	text-decoration:none; 	
	} 	

.topNav .current_page_item a, .topNav a:hover { 
	padding:0 20px;
	height:40px;
	line-height:40px;
	display:block; 
	color:#fff;
	text-decoration:none;
	}
	
	
/*----------------------------------------------------------------*																				
CONTENT	 START						
 *----------------------------------------------------------------*/
.startPosts { width:640px; margin-bottom:20px; overflow:hidden; }
 
.postStart { float:left; margin:0 40px 0 0; width:300px; }
.postStart h2 { font-size:12px; }	
.postStart h2 a { text-decoration:none; }
.postStart p { color:#000; margin:0; }
.postStart img { border-top:1px solid #000; padding-top:5px; }	
	
.postmetaDate { float:right; color:#ccc; }
.postmetaCat a { float:left; color:#ccc; text-decoration:none; }
.postmetaCat a:hover { color:#000; }

.postmetaComments a { color:#ccc; text-decoration:none; }
.postmetaComments a:hover { color:#000; }

.read_more a { text-decoration:none; }

.lastPost { margin-right:0; }

/*----------------------------------------------------------------*																				
CONTENT							
 *----------------------------------------------------------------*/
.postmetadata { clear:both; border-bottom:1px solid #ccc; padding-bottom:1.5em; }
.alignleft { float:left; margin-right:10px; }
.alignright { float:right; margin-left:10px; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:1.5em; }
.wp-caption-text { font-size:11px; color:#666; text-align:right; width:100%; }
.wp-caption-text a { text-decoration:none; color:#666; }
.wp-caption-text a:hover { text-decoration:none; color:#000; }
.wp-caption-text img { padding-bottom: 4px; vertical-align: middle;  }
.singleMeta { display:block; border-bottom:1px solid #ccc; padding-bottom:5px; }
.postNav { width:100%; overflow:hidden; margin-bottom:20px; padding-bottom: 1.5em; border-bottom: 1px solid #ccc;}

.content ol, .content ul { margin-left:40px; padding-bottom:1.5em; }

.content ul { list-style-type:square; }

blockquote {
	margin:0 40px;
	padding:3px;
	padding: 0 20px 0 50px;
	background: transparent url("images/blockquote.png") no-repeat 0 0;
	font-style:italic;
}

/*----------------------------------------------------------------*																				
WIDGETAREA							
 *----------------------------------------------------------------*/
 #widgetarea { width:960px; overflow:hidden; margin:20px 0; }
 
 .arealeft { float:left; width:300px; margin-right:40px; }
 .areacenter { float:left; width:300px;  }
 .arearight { float:right; width:260px; }

.widget { margin-bottom:30px; } 

/*----------------------------------------------------------------*																				
SIDEBAR								
 *----------------------------------------------------------------*/
#sidebar {
	margin:0;
	overflow: hidden;
}

#sidebar .section input {
	width:229px;
	padding:6px 6px 6px 23px;
	border:1px solid #ccc;
	background:transparent url(images/bg-search.gif) no-repeat 7px center;
}

.section {
	width:260px;
	margin:0 0 30px 0;
	overflow: hidden;
}

#sidebar h4, .widget h4  { font-size:14px; font-weight:bold; margin-bottom:5px; padding-bottom:2px; border-bottom:1px solid #aaa; text-align:right; }


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

.nav a
{
display:block;
padding:3px;
width:260px;
border-bottom: 1px dotted #ccc;
}

.nav a:link, .navlist a:visited
{
text-decoration: none;
}

.nav a:hover
{
background-color:#f1f1f1;
color:#000;
}

 
/*----------------------------------------------------------------*																				
COMMENTS							
 *----------------------------------------------------------------*/ 
input, textarea {
	border:1px solid #ccc;
	padding:2px;
	font-size:11px;
}

#searchsubmit:hover {
	cursor:pointer;
	background:#ccc;
}

#commentlist, #pinglist {
	width:640px;
}

ol.commentlist {
	padding:0px;
	margin:0px;
}

#commentlist ol li, #pinglist ol li {
	list-style:none;
	position:relative;
}

#commentform {
	background:#efefef;
	border:1px solid #ccc;
	padding:20px;
	width:600px; /* because of 20px padding */
	margin-bottom:20px;
}

#commentform textarea {
	font-size:11px;
	width:500px;
	padding:2px;
}

#commentform input {
	width:230px;
	height:15px;
	padding:2px;
}

#commentform p { margin-bottom:7px; }


input#submit {
	height:27px;
	background:#fff;
	padding:3px;
	margin-top:7px;
}

input#submit:hover {
	cursor:pointer;
	background:#ccc;
	padding:3px;
}

.comment-meta { }
	
.comment {display:block; overflow:hidden; }

.comment-body {
	border:1px solid #ccc;
	margin-bottom:20px;
	/* margin-left: 100px; */
	padding:20px;
	overflow:hidden;
}

.auth { background:#ddd; }
.user { background:#efefef; }

#commentlist p {
	margin-bottom:12px;
	line-height:20px;
}

.avatar {
	/* position: absolute; */
	padding:3px;
	border:1px solid #ccc;
	background:#fff;
}

.vcard { float:left; margin:0 20px 0 0; }


.says {
	display:none;
}


.neti { font-size:11px; }
.comment p { margin-left:10px; }
.commentBox { float:left; width:486px; }


.pinglist {
	border:1px solid #ccc;
	padding:20px;
	width:600px; /* because of 20px padding */
	margin-bottom:20px;
	}

/*----------------------------------------------------------------*																				
FOOTER								
 *----------------------------------------------------------------*/
#footer { clear:both; border-top:1px solid #ccc; overflow:hidden; padding-bottom:20px; }
.footerLeft, .footerCenter{ float:left; margin-right:10px; width:270px; padding-right:40px; }
.footerRight { float:left; width:310px; }

#footerLine { width:940px; background:#000; height:80px; line-height:80px; text-align:center; color:#808080; margin-left:20px; }
#footerLine a { color:#808080; text-decoration:underline; }

/*----------------------------------------------------------------*																				
WP-PAGE NAVI								
 *----------------------------------------------------------------*/
.wp-pagenavi { text-align:center; border-top:1px solid #ccc; overflow:hidden; padding:20px 0; }

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #808080;
	color: #808080;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #808080;
	color: #808080;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #808080;
	color: #808080;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}


/*----------------------------------------------------------------*																				
GALLERY								
 *----------------------------------------------------------------*/
.gallery {
    margin: auto auto 1.5em auto;
    /* gallery clearing*/
    overflow: hidden;
    width: 100%;
}
.gallery .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
}
.gallery img {
    border: 1px solid #ccc;
	padding:5px;
}
.gallery .gallery-caption {
    margin-left: 0;
}
.gallery br { clear: both }
 
/* available Columns | mögliche Spalten */
.col-2 { width: 50% }
.col-3 { width: 33.333% }
.col-4 { width: 25% }
.col-5 { width: 20% }
.col-6 { width: 16.666% }
.col-7 { width: 14.285% }
.col-8 { width: 12.5% }
.col-9 { width: 11.111% }