/*
Theme Name: upstairs berlin
Description: Wordpress theme for upstairs berlin
Version: 1.1
Date: 24-july-2009
Author: Katrin Ackermann (SysEleven GmbH)
Author URI: http://syseleven.de
Tags: 

	
 
-------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
    height: 100%;
}
body {
    padding: 0 20px;
    height: 100%;
	background: #FFF;
	color: #164621;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 13px;
	min-width: 980px;
}

ul, ul li {
	list-style: none;
}

label, input, select, textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
}
a {
	text-decoration: none;
	color: #164621;
}
a:active,
a:focus,
:focus,
area {
    outline: none;
}
	
h1, h2, h3, h4, h5, h6 {
	line-height: 1.3em;
	font-size: 13px;
}

.clr {
    clear: both;
    height: 0;
}
.fl,
.alignleft {
    float: left;
}
.fr,
.alignright {
    float: right;
}
.hidden {
    display: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
    font-weight: 700;
    text-align: left;
}
th, td {
    padding: 0 20px 5px 0;
}

blockquote {
}

blockquote p {
}

button {
    background: transparent;
    cursor: pointer;
}
button:active,
button:focus {
    outline: none;
}


/* ------------------------------------   [page structure ] ------------------------------------  */

#outerintro {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0px;
}
#intro {
    position: absolute;
    width: 800px;
    height: 360px;
	margin-left: -400px;
	top: -180px;
	left: 50%;
}


#outerwrap {
    overflow: hidden;
	width: 930px;
	margin: 0 auto;
	padding: 0 20px 15px 20px;
}

#header {
    overflow: hidden;
    min-height: 150px; 
    
}

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


.separator {
    clear: left;
    width: 904px;
    height: 1px;
    border-bottom: 1px solid #164621;
    padding-bottom: 18px;
    margin-bottom: 15px;
    
}

.sep-head {
    clear: left;
    padding-bottom: 8px;
    margin-bottom: 15px;
}


.sep-content {
    clear: left;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.sep-footer {
    padding-bottom: 10px;
}


/* ------------------------------------   [ header & navigation ] ------------------------------------  */

#header h1.logo {
    float: right;
    margin-right: 26px;
}

#header ul {
    width: 940px;
    ,margin-top: -55px; /*  IE HACK! */

}
#header ul li {
    overflow: hidden;
    clear: left;
    padding: 0 0 8px 0;
}
.current-cat,
.current_page,
.current_page_item {
    font-weight: 700;
}
.current_page_parent,
.current_page_ancestor {
    font-weight: 100;

}

#header ul li a.main {
    display: block; 
    float: left;
    width: 120px;
}


#header li div {
    float: left;
    overflow: hidden;
    width: 784px;
}
#header ul li div a {
    padding-right: 10px;
    white-space: nowrap;
}


#banner {
    width: 904px;
    border-bottom: 1px solid #164621;
    padding: 0 0 18px 0;
    margin-bottom: 15px;
}





/* ------------------------------------   [ subnav artists ] ------------------------------------  */

ul.subnav {
    width: 600px;
}

ul.subnav li {
    float: left;
    display: block;
}

ul.subnav li a {
    display: block; 
    float: left;
    padding: 0 10px 0 0;
}



/* ------------------------------------   [ posts ] ------------------------------------  */



.post {
    overflow: hidden;
    line-height: 1.4em;
    
    padding-right: 26px;
}

/* Seiten mit Bildern, die rechtsbündig schliessen haben keinen Abstand rechts */
.post-nopad {
    padding-right: 0;
}

.post p {
    padding-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.3em;
	font-size: 13px;
	padding-bottom: 10px;
}



/* detail element img */
.post .size-full,
.post img {
    max-width: 480px;
    height: auto;
}
.post p.wp-caption-text {
    padding: 7px 0 0 0;
    line-height: 1.3em;
    font-weight: 700;
}

.post .alignnone,
.post .alignleft {
    float: left;
    margin: 0 26px 20px 0;
}



.post strong.listitemartist {
    float: left;
    display: block;
    width: 184px;
    padding: 0 0 20px 0;

}
.post span.listitemartist {
    float: left;
    display: block;
    width: 720px;
    padding: 0 0 20px 0;
}


.post span.year {
    float: left;
    display: block;
    width: 104px;


}
.post span.listitemyear {
    float: left;
    display: block;
    width: 800px;

}
.print {
    float: right;
    padding-right: 5px;
}