/*
Theme Name: Supreme.de
Theme URI: http://www.supreme.de
Description: No description
Version: 2.3
Author: Philipp Walter
*/


@charset "utf-8";
/* CSS Document */


/* basics */

body {
	background: #F1F1F1 url(images/background.png) top left repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
}

a, a:visited {
	color: #C00;
}

a:hover {
	color: #900;
}

.inner-space {
	padding: 10px;
}

.alignleft {
	float: left;
	margin: 0px 8px 0px 0px;
}

.alignright {
	float: right;
	margin: 0px 0px 0px 8px;
}

/* Special Shop Infomail */

#shopinfomail h2 { color: #444; font-family: Helvetica, Arial,sans-serif; font-size: 22px; text-shadow: #FFF 1px 1px 0px; margin: 5px 0px 0px 0px; padding: 0px; overflow: hidden; }
#shopinfomail div{ float: left; }
#shopinfomail input {
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #FFF;
	width: 305px;
	font-size: 22px;
	color: #777;
	padding: 5px;
	-webkit-box-shadow: 1px 1px 0px #FFF; 
	-moz-box-shadow: 1px 1px 0px #FFF; 
	box-shadow: 1px 1px 0px #FFF;
	margin: 9px 0px 0px 0px;
}

#shopinfomail label { display: none; }

#shopinfomail input[type=submit] {
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #FFF url(images/background.png)  repeat-x;
	background-position: 0px 1px;
	width: 160px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #555;
	padding: 9px 5px;
	-webkit-box-shadow: 1px 1px 0px #FFF; 
	-moz-box-shadow: 1px 1px 0px #FFF; 
	box-shadow: 1px 1px 0px #FFF;
	margin: -10px 0px 0px 0px;
}
#shopinfomail input[type=submit]:hover {
	border: 1px solid #999;
	background: #FFF url(images/background.png) repeat-x;
	background-position: 0px bottom;
	color: #333;
}

#shopinfomail p.sub {
	font-size: 11px;
	color: #999;
}
	

/* Ende Special Shop Infomail */


/* wrapper */

#wrapper {
	position: relative;
	width: 960px;
	left: 50%;
	margin-left: -480px;
}


/* header */

#header {
	background: url(images/wrapper-top.png) top left no-repeat;
	width: 100%;
	height: 150px;
}

#header .logo {
	position: absolute;
	width: 320px;
	height: 48px;
	left: 5px;
	top: 45px;
}


#header .navigation {
	background: url(images/nav-background.png) top left repeat-x;
	position: absolute;
	width: 950px;
	height: 36px;
	left: 5px;
	top: 112px;
}

#header .navigation a {
	display: block;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}

#header .navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#header .navigation ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}



#header .navigation ul li.left  {
	float: left;
}

#header .navigation ul li.left a  {
	background: url(images/nav-right.png) top right no-repeat;
}

#header .navigation ul li.left a span  {
	background: url(images/nav-left-corner.png) top left no-repeat;
	padding: 8px 30px 10px 25px;
	display: block;
}

#header .navigation ul li.left a:hover {
	background-position: bottom right;
}

#header .navigation ul li.left a:hover span  {
	background-position: bottom left;
}




#header .navigation ul li.center  {
	float: left;
}

#header .navigation ul li.center a  {
	background: url(images/nav-right.png) top right no-repeat;
}

#header .navigation ul li.center a span  {
	background: url(images/nav-left.png) top left no-repeat;
	padding: 8px 30px 10px 25px;
	display: block;
}

#header .navigation ul li.center a:hover  {
	background-position: bottom right;
}

#header .navigation ul li.center a:hover span  {
	background-position: bottom left;
}



#header .navigation ul li.right  {
	float: right;
}

#header .navigation ul li.right a  {
	background: url(images/nav-right-corner.png) top right no-repeat;
}

#header .navigation ul li.right a span  {
	background: url(images/nav-right-left.png) top left no-repeat;
	padding: 8px 30px 10px 25px;
	display: block;
}

#header .navigation ul li.right a:hover  {
	background-position: bottom right;
}

#header .navigation ul li.right a:hover span  {
	background-position: bottom left;
}



#header .metanav {
	position: absolute;
	top: 0px;
	left: 460px;
	width: 500px;
	height: 28px;
}

#header .metanav a {
	font-size: 11px;
	color: #333;
	text-decoration: none;
	display: block;
}


#header .metanav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#header .metanav ul li {
	margin: 0px;
	padding: 0px;
	float: right;
}

#header .metanav ul li.left a, #header .metanav ul li.left a:visited {
	background: url(images/metanav.png) top left no-repeat;
	padding: 6px 10px 8px 10px;
	border-right: 1px solid #CBCBCB;
}

#header .metanav ul li.left a:hover, #header .metanav ul li.leftactive a {
	background-position: bottom left; !important
}

#header .metanav ul li.center a, #header .metanav ul li.center a:visited {
	background: url(images/metanav.png) top center no-repeat;
	padding: 6px 10px 8px 10px;
	border-right: 1px solid #CBCBCB;
}

#header .metanav ul li.center a:hover, #header .metanav ul li.centeractive a {
	background-position: bottom center; !important
}

#header .metanav ul li.right a, #header .metanav ul li.right a:visited {
	background: url(images/metanav.png) top right no-repeat;
	padding: 6px 10px 8px 10px;
}

#header .metanav ul li.right a:hover, #header .metanav ul li.centeractive a {
	background-position: bottom right; !important
}

#header .metanav ul li.search  {
	background: url(images/metanav.png) top center no-repeat;
	padding: 3px 0px 4px 0px;
}



/* search */

.search-input {
	background: url(images/search-input.png) top left no-repeat;
	font-size: 11px;
	color: #333;
	padding: 4px 0px 4px 20px;
	margin-left: 10px;
	width: 100px;
	border: 0px;
}



/* page */

#page {
	background: url(images/wrapper-bottom.png) bottom left no-repeat;
	width: 100%;
}



/* teaser */

#teaser {
	margin: 0px 7px;
}

#teaser .left{
	float: left;
	width: 620px;
}

#teaser .right{
	float: right;
	width: 320px;
}



/* inner wrapper */

#inner-wrapper {
	margin: 0px 7px;
	padding: 7px 0px 7px 0px;
}

/* content */

#content {
	font-size: 12px;
	float: left;
}

#content h2 {
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	font-weight: normal;
	color: #333;
}

#content h3 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #999;
}

#content p {
	line-height: 18px;
}

#content blockquote {
	background: #F8F8F8;
	border-bottom: 1px solid #c6c6c6;
	border-top: 1px solid #c6c6c6;
	padding: 10px 10px 10px 10px;
	margin: 0px;
}

#content ul {
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#content ul li {
	background: url(images/li.png) no-repeat;
	background-position: 0px 4px;
	padding: 4px 24px;
}

#content ul li ul {
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#content ul li ul li {
	background: url(images/li-li.png) no-repeat;
	background-position: 0px 6px;
	padding: 4px 20px;
}

#content ul li ul li ul {
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#content ul li ul li ul li{
	background: url(images/li-li-li.png) no-repeat;
	background-position: 0px 6px;
	padding: 4px 20px;
}



#content .wp-caption {
	border: 1px solid #EEE;
	padding: 4px 0px 0px 0px;
	margin-bottom: 8px;
	text-align: center;
}

#content .wp-caption:hover {
	border: 1px solid #C00;
}

#content .wp-caption img {
	border: 0px;
}

#content .wp-caption p {
	margin: 0px;
	padding: 3px;
	font-size: 11px;
	color: #999;
}

#content a img, #content a:visited img, #content img, #content img a {
	border: 0px;
}



#content.full-noborder {
	display: block;
	width: 100%;
	padding: 0px;
}

#content.full-noborder p {
	margin: 0px;
	padding: 0px;
}

#content.full-border {
	background: url(images/border-full.png) top left no-repeat;
	display: block;
	width: 100%;
}

#content .full-end {
	background: url(images/border-full.png) bottom left no-repeat;
	display: block;
	width: 100%;
	height: 5px;
}

#content.small-border {
	float: left;
	background: url(images/border-small.png) top left no-repeat;
	display: block;
	width: 620px;
}

#content .small-end {
	background: url(images/border-small.png) bottom left no-repeat;
	display: block;
	width: 100%;
	height: 5px;
}

/* sidebar */

#sidebar {
	background: url(images/border-sidebar.png) top left no-repeat;
	display: block;
	width: 320px;
	float: right;
}

#sidebar .end{
	background: url(images/border-sidebar.png) bottom left no-repeat;
	display: block;
	width: 100%;
	height: 5px;
}

#sidebar h2 {
	background: url(images/sidebar-h2.png) top left no-repeat;
	font-size: 16px;
	color: #595959;
	padding: 9px 10px 9px 10px;
	font-weight: normal;
	margin: 0px;
}

#sidebar ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#sidebar ul li {
	background: url(images/sidebar-li.png) no-repeat;
	background-position: -340px 0px;
	list-style: none;
	padding: 6px 10px 12px 10px;
	margin: 0px;
}

#sidebar ul li:hover {
	background-position: 0px 0px;
	cursor: default;
}

#sidebar ul li a, #sidebar ul li a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #C00;
	display: block;
	padding: 0px 0px 5px 0px;
}

#sidebar ul li a:hover {
	text-decoration: underline;
}


#sidebar ul.cats {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#sidebar ul.cats li {
	float: left;
	list-style: none;
	padding: 5px 10px 5px 10px;
	margin: 0px;
}

#sidebar ul.cats li:hover {
	background-position: -340px 0px;
}

#sidebar ul.cats li a, #sidebar ul.cats li a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #C00;
	display: block;
	padding: 0px 0px 5px 0px;
	width: 130px;
}

#sidebar ul.cats li a:hover {
	text-decoration: underline;
}



/* Posts | News */

#listPosts {
	padding-bottom: 40px;
}

#listPosts h2 {
	background: #FFF url(images/content-h2.png) bottom left no-repeat;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 5px 5px 10px 5px;
}

#listPosts h2 a, #listPosts h2 a:visited {
	text-decoration: none;
	color: #C00;
}

#listPosts p.date {
	background: #FFF url(images/type-news.png) top left no-repeat;
	margin: 0px;
	padding: 0px 0px 5px 25px;
	font-size: 11px;
	color: #999;
	display: block;
}

#listPosts p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

#listPosts img {
	float: left;
	padding: 1px;
	margin-top: 5px;
	margin-right: 8px;
	background-color: #DDD; 
}


#singlePosts {
	padding-bottom: 40px;
}

#singlePosts h2 {
	background: #FFF url(images/content-h2.png) bottom left no-repeat;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 5px 5px 10px 5px;
}

#singlePosts h2 a, #listPosts h2 a:visited {
	text-decoration: none;
	color: #C00;
}

#singlePosts p.date {
	background: #FFF url(images/type-news.png) top left no-repeat;
	margin: 0px;
	padding: 0px 0px 5px 25px;
	font-size: 11px;
	color: #999;
	display: block;
}

#singlePosts p {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	line-height: 18px;
}

#singlePosts img {
	float: left;
	padding: 1px;
	margin-top: 5px;
	margin-right: 8px;
	background-color: #DDD; 
}

#postMeta {
	background: #FFF url(images/content-h2.png) left top no-repeat;
	padding: 10px 15px 10px 15px;
}

#postMeta p {
	margin: 0px;
	padding: 4px 0px;
	line-height: 22px;
}

#postMeta p code {
	border: 1px solid #DDD;
	background-color: #F2F2F2;
	padding: 3px;
}


/* footer */

#footer {
	padding: 10px 0px 5px 0px;
	font-size: 11px;
	color: #999;
}

#footer .links ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#footer .links ul li {
	float: left;
	padding: 0px 8px 0px 8px;
}

#footer .links ul li p {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#footer .links ul li a, #footer .links ul li a:visited {
	color: #999;
}

#footer .links ul li a:hover {
	color: #666;
}

#footer .partner {
	margin: 40px 0px;
}

#footer .partner ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer .partner ul li {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	float: left;
}

#footer .partner ul li a, #footer .partner ul li a:visited {
	height: 30px;
	background-position: top left;
	display: block;
}

#footer .partner ul li a:hover {
	background-position: bottom left;
}



/* pagenavi */

#postNavigation {
	width: 100%;
	text-align: center;
}

#postNavigation .wp-pagenavi a, #postNavigation .wp-pagenavi a:link {
	padding: 2px 6px 2px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #DDD;
	color: #555;
	background-color: #FFFFFF;	
}
#postNavigation .wp-pagenavi a:visited {
	padding: 2px 6px 2px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #EEE;
	color: #999;
	background-color: #FFFFFF;	
}
#postNavigation .wp-pagenavi a:hover {	
	border: 1px solid #C00;
	color: #C00;
	background-color: #FFFFFF;
}
#postNavigation .wp-pagenavi a:active {
	padding: 2px 6px 2px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #333;
	color: #333;
	background-color: #FFFFFF;	
}
#postNavigation .wp-pagenavi span.pages {
	padding: 2px 6px 2px 6px; 
	margin: 2px 2px 2px 2px;
	color: #555;
	border: 1px solid #DDD;
	background-color: #FFFFFF;
}
#postNavigation .wp-pagenavi span.current {
	padding: 2px 6px 2px 6px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #DDD;
	color: #555;
	background-color: #FFFFFF;
}
#postNavigation .wp-pagenavi span.extend {
	padding: 2px 6px 2px 6px; 
	margin: 2px;	
	border: 1px solid #DDD;
	color: #555;
	background-color: #FFFFFF;
}


/* tools */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}