/*  
Theme Name: archive_nb
Version: 1.0.0
Author: Jan Schaab & Exakte Ästhetik
Author URI: http://www.exakteaesthetik.de
*/

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/* set img max-width */
img {
	max-width: 100%;
	height: auto;
}
/* ie 8 img max-width */
@media \0screen {
  img { width: auto;}
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	font: 100% 'Karla', sans-serif;
	font-weight:400;
	background: #f5f5f5;
}
a {
	color: #000;
	text-decoration: none;
	outline:none;
}
a:hover {
	text-decoration:none;
	color:#ab2700;
}
br{
	margin:0 0 25px 0;
}
img + br{
	margin:0px;
}
p {
	margin: 0;
	padding: 0;
}
small {
	font-size: 87%;
}


/* LIST
================================================ */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 13px;
}
li {
	margin: 0;
	padding: 0;
}

/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.0em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}


/************************************************************************************
STRUCTURE
*************************************************************************************/
/*all together now*/
#pagewrap {
	width: 998px;
	height:100%;
	margin: 60px 82px 0px 82px;
	padding: 0;
	z-index: 0;
}
	
/* header*/
#header {
	position: fixed;
	font-size: 11px;
	width: 258px;
	margin:0;
	padding:0;
	z-index:1;
}
#main-nav-wrap{
	float:left;
	font-size: 11px;
	margin-top: 66px;
	position: fixed;
	width:258px;
}

#body {
	position:absolute;
	width: 626px;
	left:362px;
	margin:66px 0 0 0;
	padding:0;
	z-index:4;
	background:#f5f5f5;
}

/* content */
#content {
	float: left;
	width:100%;
	padding:0;
}

/************************************************************************************
INSIDE HEADER / Navi
*************************************************************************************/

/* 
LOGO TEXT
================================================ */
#logo-text {
	max-width:275px;
	font-family:'Ubuntu', sans-serif;
	text-transform:uppercase;
	font-size:12px;
	font-weight:400;
	height:14px;
	line-height:14px;
	margin:0;
	background:#000;
}
#logo-text a{
	display:block;
	color:#fff;
	margin:0;
	padding:0 0 2px 8px;
}
#logo-text a:hover{
	display:block;
	text-decoration:none;
	color: #000;
}
/* 
NAVIGATION
================================================ */
.horizontal_line{
	max-width:275px;
}
.horizontal_line hr{
	background-color:#666;
	height: 2px;
}

#navigation_oben, #navigation_unten {
	list-style:none;
	margin: 0;
	padding: 0 0 0 8px;
}
#navigation_unten{
	margin-top:250px;
}
#navigation_oben li, #navigation_unten li {
	color:#000;
	margin: 0;
	padding:0;
	height:100%;
	list-style: none;
}
#navigation_oben ul{
	margin: -13px 0 0 60px;
}

#navigation_oben a, #navigation_unten a {
	display: block;
	text-decoration: none;
	text-align:left;
}
#navigation_oben a:hover, #navigation_unten a:hover {
	text-decoration:none;
	
}


#navigation_oben .current_page_item a, #navigation_unten .current_page_item a,
#navigation_oben .current_page_ancestor a, #navigation_unten .current_page_ancestor a,
#navigation_oben .current_page_ancestor ul .current_page_item a,
#navigation_oben .current_page_ancestor ul .current_page_ancestor a, 
#navigation_oben .current_page_ancestor ul .current_page_ancestor ul .current_page_item a {
	color:#ab2700;
}
#navigation_oben .current_page_item a:after, #navigation_unten .current_page_item a:after,
#navigation_oben .current_page_ancestor a:after, #navigation_unten .current_page_ancestor a:after,
#navigation_oben .current_page_ancestor ul .current_page_item a:after,
#navigation_oben .current_page_ancestor ul .current_page_ancestor a:after{
	content: "\0020\2215";
}
#navigation_oben .current_page_item ul li a:after,
#navigation_oben .current_page_ancestor ul a:after,
#navigation_oben .current_page_ancestor .current_page_item ul a:after,
#navigation_oben .current_page_ancestor .current_page_ancestor ul a:after{
	content: "";
}
#navigation_oben .current_page_item .page_item a,
#navigation_oben .current_page_ancestor .page_item a,
#navigation_oben .current_page_ancestor .current_page_item .page_item a,
#navigation_oben .current_page_ancestor .current_page_ancestor .page_item a{
	color:#000;
}
#navigation_oben .current_page_item .page_item a:hover,
#navigation_oben .current_page_ancestor a:hover,
#navigation_oben .current_page_ancestor .page_item a:hover,
#navigation_oben .current_page_ancestor .current_page_item .page_item a:hover,
#navigation_oben .current_page_ancestor .current_page_ancestor .page_item a:hover{
	color:#ab2700;
}

/************************************************************************************
POST
*************************************************************************************/
.post {
	margin-bottom: 100px;
}

/* post content */
.post-text, #page-content,
.post-text p, #page-content p{
	font-size:19px;
	line-height:25px;
	margin: 0;
	padding: 0;
}
/* text links*/
.post-text p a, #page-content p a,
.post-text a, #page-content a{
	text-decoration:none;
	color:#ab2700;
}
.post-text p a:hover, #page-content p a:hover{
	color:#ab2700;
}
/* post title */
.post-title, .page-title, .post-title a, .page-title a{
	color:#ab2700;
	font:'Karla', sans-serif;
	font-size: 11px;
	font-weight:400;
	margin: 0 0 13px 0;
	padding: 0;
}
/* post image */
.post-image {
	margin: 0 0 5px;
}
.post-image.left {
	float: left;
	margin-right: 15px;
}
.post-image.right {
	float: right;
	margin-left: 15px;
}


/* lightbox zoom image */
.post-image .lightbox {
	position: relative;
	display: inline-block;
	zoom:1;
	*display:inline;
	max-width: 100%;
}
.post-image .lightbox .zoom {
	width: 40px;
	height: 40px;
	background: url(images/icon-zoom.png) no-repeat center center;
	margin: -20px 0 0 -20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
}
.post-image .lightbox:hover .zoom {
	background-color: #000;
}

/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: 25px 0;
}
.post-video iframe,  
.post-video object,  
.post-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/************************************************************************************
PAGE NAVIGATION
*************************************************************************************/
.pagenav {
	clear: both;
}
.pagenav a, .pagenav span {
	line-height: 100%;
	padding: 6px 0 0;
	margin: 0 2px;
}
.pagenav a {
	text-decoration: none;
}
.pagenav a:hover {
	background-color: #000;
}
.pagenav .current {
	text-decoration: none;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	clear: both;
}

/* footer nav */
.footer-nav {
	margin: 7px 0 10px;
	padding: 0;
	text-align: left;
}
.footer-nav li {
	padding: 0;
	margin: 0 8px 5px 0;
	list-style: none;
	display: inline-block;
	zoom:1;
	*display:inline;
}

/* footer text */
.footer-text {
	font-size: 90%;
	clear: both;
}

/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	margin-bottom: 25px;
}
.alignleft {
	float: left;
	margin-right: 30px;
}
.alignright {
	float: right;
	margin-left: 30px;
}
.aligncenter {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption, #page-content .wp-caption {
	font-size: 11px;
	text-align: left;
	margin-bottom: 30px;
	max-width: 100%;
}
.wp-caption-text,.wp-caption .wp-caption-text, #page-content .wp-caption-text {
	font-size: 11px;
	line-height: 1;
	margin-top: 2px;
}

/************************************************************************************
GALLERY
*************************************************************************************/
#body .gallery {
	margin: 0;
	width: 100%;
	height: auto;
	float:right;
}
#body .gallery img {
	margin: 0;
	padding: 0;
	border: none;
}

/* gallery item */
#body .gallery dl {
	margin: 0 6px 6px 0;
	padding: 0;
	display: inline-block;
	zoom:1;
	width: 150px;
	float: left;
	text-align: center;
}
#body .gallery dt{
	width:100%;
	height:auto;
	line-height:0;
	margin:0;
	padding:0;
}

#body .gallery dt a{
	font-size:0;
	line-height:0;
}
/* gallery caption */
#body .gallery dd {
	width: 140px;
	line-height: 120%;
	font-size: 90%;
	text-align: center;
	margin: 5px 0 0;
}

/* get rid of br tag */
.gallery br {
	display:none;
}

/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}

/* clearfix */
.clearfix:after, .widget li:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, #second-main-nav:after, .menu:after, .gallery:after, #content:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0.1px;
	}
.clearfix, .widget li, #footer, footer, .pagenav, #main-nav, #second-main-nav, .menu, .gallery, #content
{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, .widget li, #footer, footer, .pagenav, #main-nav, #second-main-nav, .menu, .gallery, #content
{ display: block; zoom: 1; }