/* 
Theme Name: Streetwear 2010
Theme URI: http://www.gasser-gasser.ch/
Description: Le thème original de streetwear.ch version 2010.
Version: 1.0
Author: Ludovic Fuhrmann
Author URI: http://www.gasser-gasser.ch
Tags: streetwear

*/
/***
* General
**********/
html, body {
	margin:0;
	padding:0;
	height:100%;
}
a img {
	border:none;
}
/***
* CLEAR
**********/
*html .clear {
	height: 1%;
	overflow: visible;
}

*+html .clear {
	min-height: 1%;
}

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


/* Begin Typography & Colors */
body {
	font-size: 12px; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, Sans-Serif;
	background: #fff;
	color: #000;
	text-align: center;
	margin:0;
	padding:0;
	background:#000;
}

#page {
	display:block;
	position:relative;
	width:1001px;
	border:none;
	text-align: left;
	margin:10px auto;
}

/***
* Header
**********/
#header {
	position:absolute;
	top:40px;
	left:0;
	width:1001px;
	height:88px;
	color:#000;
}
#header a {
	outline:none;
}
#header .titre {
	position:absolute;
	top:0;
	left:36px;
	width:800px;
	height:88px;
}
#header h1 {
	display:block;
	position:absolute;
	top:8px;
	left:0;
	width:600px;
	margin:0;
	padding:0;
	font-size:36px;
	font-weight:bold;
}
#header h1 a:link, #header h1 a:visited {
	color:#000;
	text-decoration:none;
}
#header h1 a:hover, #header h1 a:active {
	color:#E53138;
	text-decoration:none;
}
#header .description {
	display:block;
	position:absolute;
	top:46px;
	left:0;
	width:auto;
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
}
#logoheidi {
	position:absolute;
	top:5px;
	right:43px;
	width:132px;
	height:132px;
}
#logoheidi a {
	display:block;
	width:132px;
	height:132px;
	background:url(images/logo.gif) left top no-repeat;
}
#logoheidi a span {
	display:none;
}
/****
* Menu
***********/
#menu {
	position:relative;
	width:1001px;
	height:40px;
	background:url(images/bg_main_top.png) left bottom no-repeat;
}
#menu a {
	outline:none;
}
#menu ul.menu {
	position:absolute;
	top:0;
	left:60px;
	display:block;
	width:940px;
	height:28px;
	margin:0;
	padding:0;
	list-style:none;
}
#menu ul.menu li {
	display:block;
	float:left;
	width:auto;
	margin:0 40px 0 0;
}
#menu ul.menu li a {
	display:block;
	width:auto;
	height:28px;
	padding:0 30px 0 0;
	background:url(images/menu_right.png) 100% 0 no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
#menu ul.menu li a span {
	display:block;
	width:auto;
	height:28px;
	margin:0 0 0 -30px;
	padding:4px 0 0 30px;
	background:url(images/menu_left.png) 0 0 no-repeat;
	cursor:pointer; /* IE Bug */
}
#menu ul.menu li a:link, #menu ul.menu li a:visited {
	background-position:100% 0;
	color:#FFF;
	text-decoration:none;
}
#menu ul.menu li a:link span, #menu ul.menu li a:visited span {
	background-position:0 0;
}
#menu ul.menu li a:hover, #menu ul.menu li a:active {
	background-position:100% -28px;
	color:#EE2529;
	text-decoration:none;
}
#menu ul.menu li a:hover span, #menu ul.menu li a:active span {
	background-position:0 -28px;
}
#menu ul.menu li.actif a:link, #menu ul.menu li.actif a:visited, #menu ul.menu li.actif a:hover, #menu ul.menu li.actif a:active {
	background-position:100% -28px;
	color:#E53138;
	text-decoration:none;
}
#menu ul.menu li.actif a:link span, #menu ul.menu li.actif a:visited span, #menu ul.menu li.actif a:hover span, #menu ul.menu li.actif a:active span {
	background-position:0 -28px;
}

/****
* Sidebars
***********/
.sidebar1 {
	display:block;
	float:left;
	width:170px;
	margin:0 16px 0 26px;
	color:#fff;
	background:url(images/side_left_mid.gif) left top repeat-y;
}
.sidebar1 .wrap {
	background:url(images/side_left_bot.gif) left bottom no-repeat;
}
.sidebar2 {
	display:block;
	float:right;
	margin:60px 24px 0 0;
	width:170px;
	color:#E53636;
}
.sidebar2 .wrap {
}
.sidebar1 ul.sidebar {
	overflow:hidden;
	background:url(images/side_left_top.gif) left top no-repeat;
	padding:1px 0;
	
}
.sidebar2 ul.sidebar {
	overflow:hidden;
	padding:1px 0;
}
.sidebar1 ul, .sidebar2 ul {
	display:block;
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
}
.sidebar1 ul li.widget, .sidebar2 ul li.widget {
	display:block;
	margin:0 0 18px 0;
	padding:0 10px;
	font-size:12px;
}
.sidebar2 ul li.widget {
	padding:0;
}
.sidebar1 h2 {
	display:block;
	height:21px;
	margin:10px 0;
	padding:5px 30px 0 10px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#E53138;
	background:url(images/caps_left.gif) center top no-repeat;
}
.sidebar2 h2 {
	display:block;
	height:24px;
	margin:10px 0;
	padding:6px 30px 0 15px;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	background:url(images/caps_right.gif) center top no-repeat;
}
.sidebar1 a:link, .sidebar1 a:visited {
	color:#FFF;
	text-decoration:none;
}
.sidebar1 a:hover, .sidebar1 a:active {
	color:#FFF;
	text-decoration:underline;
}
.sidebar2 a:link, .sidebar2 a:visited {
	color:#E53636;
	text-decoration:none;
}
.sidebar2 a:hover, .sidebar2 a:active {
	color:#E53636;
	text-decoration:underline;
}

.sidebar2 li.widget form {
	display:block;
	margin:0;
	padding:0;
	position: relative;
	z-index: 0;
}
.sidebar2 li.widget form label {
	display:block;
	padding:1px 0 1px 8px;
}
.sidebar2 li.widget form input[type=text], .sidebar2 li.widget form input[type=password] {
	margin:0 0 6px 0;
	width:110px;
	font-size:12px;
	line-height:14px;
	padding:1px 22px 3px 8px;
	color:#E53636;
	border:1px solid #E53636;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}
.sidebar2 li.widget form input[type=submit] {
	margin:8px 0 8px 10px;
	width:90px;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	padding:1px 22px 3px 8px;
	color:#fff;
	border:none;
	background:#E53636;
	cursor:pointer;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}
/****
* Widgets
***********/
.widget_search form#searchform {
	display:block;
	position:relative;
	margin:0;
	padding:0 10px;
	z-index: 0;
}
.widget_search form#searchform label.screen-reader-text {
	display:none;
}
.widget_search input#s {
	display:block;
	margin:0;
	width:100px;
	background:#E53138;
	color:#FFF;
	font-size:12px;
	line-height:14px;
	padding:1px 22px 3px 8px;
	border:1px solid #FFF;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}
.widget_search input#searchsubmit {
	display:block;
	position:absolute;
	top:3px;
	left:124px;
	margin:0;
	padding:0;
	width:15px;
	height:18px;
	font-size:0;
	text-indent:-9000px;
	overflow:hidden;
	background:url(images/search.png) left top no-repeat;
	border:none;
	color:#FFF;
	cursor:pointer;
}
.sidebar2 .widget_search input#s {
	width:115px;
}
.sidebar2 .widget_search input#searchsubmit {
	left:139px;
}

.widget_calendar div#calendar_wrap {
	padding:0 10px;
}
.widget_calendar a {
	font-weight:bold;
}
.widget_calendar a:link, .widget_calendar a:visited {
	color:#FFF;
	text-decoration:none;
}
.widget_calendar a:hover, .widget_calendar a:active {
	color:#FFF;
	text-decoration:underline;
}

.widget_tag_cloud div {
	padding:0;
}

.sidebar2 .widget_calendar a:link, .sidebar2 .widget_calendar a:visited {
	color:#E53636;
	text-decoration:none;
}
.sidebar2 .widget_calendar a:hover, .sidebar2 .widget_calendar a:active {
	color:#E53636;
	text-decoration:underline;
}

.widget_archive select {
	display:block;
	width:126px;
	height:20px;
	margin:0 0 0 10px;
	padding:2px;
	border:0;
	background:#FFF;
	color:#E53636;
	font-size:12px;
}

.widget .textwidget {
	padding:0 10px;
}
.widget .share {
	padding:12px 0 0 0;
}
.widget .share a {
	display:block;
	width:32px;
	height:32px;
	border:none;
	float:left;
	margin:0 7px 0 0;
	padding:0;
	outline:none;
}
.widget .share a span {
	display:none;
}
.widget .share a.rss {
	background:url(images/ico_rss_32.png) 0 0 no-repeat;
}
.widget .share a.rsscomments {
	background:url(images/ico_feed-rss_32.png) 0 0 no-repeat;
}
.widget .share a.facebook {
	background:url(images/ico_facebook_32.png) 0 0 no-repeat;
}
.widget .share a.twitter {
	margin:0;
	background:url(images/ico_twitter_32.png) 0 0 no-repeat;
}

/****
* Main
***********/
#main {
	width:1001px;
	padding:88px 0 30px 0;
	background:url(images/bg_main_mid.png) left top repeat-y;
}
#content {
	float:left;
	width:580px;
	margin:0;
	color:#000;
	font-size:12px;
	overflow:hidden;
	position: relative;
	z-index: 0;
}
#content h2.pagetitle {
	display:block;
	margin:0 0 15px 0;
	padding:2px 15px;
	font-size:13px;
	color:#fff;
	background:#E53138;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}
#content a:link, #content a:visited {
	text-decoration:underline;
	color:#000;
	font-weight:bold;
}
#content a:hover, #content a:active {
	color:#E53138;
	text-decoration:underline;
	font-weight:bold;
}
#content .post {
	margin:0 0 20px 0;
	padding:14px 10px 10px 10px;
	background:#eee;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-khtml-box-sizing:content-box;
	box-sizing:content-box;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior: url(border-radius.htc);
}
#content .post h2, #content .post h3 {
	display:block;
	margin:0;
	padding:0 0 4px 0;
	font-size:24px;
	line-height:20px;
	font-weight:bold;
	color:#000;
}
#content .post h2 a:link, #content .post h2 a:visited, #content .post h3 a:link, #content .post h3 a:visited {
	color:#000;
	text-decoration:none;
}
#content .post h2 a:hover, #content .post h2 a:active, #content .post h3 a:hover, #content .post h3 a:active {
	color:#E53138;
	text-decoration:none;
}
#content .post .entry {
	clear:both;
}
#content small.author {
	display:block;
	float:left;
	margin:0 0 24px 0;
	padding:0;
	font-size:11px;
	color:#999;
	text-align:left;
}
#content small.author a:link, #content small.author a:visited {
	color:#999;
	font-weight:normal;
	text-decoration:underline;
}
#content small.author a:hover, #content small.author a:active {
	color:#000;
	font-weight:normal;
	text-decoration:underline;
}
#content .postmetadata {
	display:block;
	text-align:left;
	margin:20px 0 0 0;
	font-size:11px;
	color:#999;
}
#content .postmetadata a:link, #content .postmetadata a:visited {
	color:#999;
	font-weight:normal;
	text-decoration:underline;
}
#content .postmetadata a:hover, #content .postmetadata a:active {
	color:#000;
	font-weight:normal;
	text-decoration:underline;
}
#content .postmetadata .comments {
	display:block;
	float:left;
	margin:0;
	padding:2px 0 4px 26px;
	background:url(images/ico_comm.png) 0 2px no-repeat;
}
#content .postmetadata .tags {
	display:block;
	float:left;
	max-width:400px;
	margin:0 0 0 10px;
	padding:2px 0 4px 26px;
	background:url(images/ico_tags.png) left top no-repeat;
}
#content .related {
	display:block;
	width:300px;
	float:left;
	color:#777;
}
#content .related h3 {
	font-size:14px;
	color:#666;
}
#content .related ol {
	margin:0;
	padding:6px 0 0 30px;
}
#content .related li {
	padding:1px 0;
}
#content .related a {
	line-height:14px;
}
#content .related a:link, #content .related a:visited {
	color:#777;
	font-weight:normal;
	text-decoration:underline;
}
#content .related a:hover, #content .related a:active {
	color:#333;
	font-weight:normal;
	text-decoration:underline;
}
#content .special {
	display:block;
	width:250px;
	float:left;
	color:#666;
}
#content .special h3 {
	font-size:14px;
	color:#666;
}
#content .special a img {
	margin:8px 0 0 10px;
}
#content .navigation {
	display:block;
	margin:0 0 18px 0;
	padding:2px 10px;
	font-size:11px;
	color:#fff;
	background:#E53138;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}
#content .navigation .alignleft {
	float:left;
}
#content .navigation .alignright {
	float:right;
}
#content .navigation a:link, #content .navigation a:visited {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
#content .navigation a:hover, #content .navigation a:active {
	color:#fff;
	text-decoration:underline;
	font-weight:normal;
}

#comments {
	margin:50px 0 0 0;
	padding:10px 12px;
	color:#FFF;
	background:#E53138;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}
#comments a:link, #comments a:visited {
	color:#FFF;
	text-decoration:underline;
}
#comments a:hover, #comments a:active {
	color:#FFF;
	text-decoration:none;
}
#comments h3 {
	display:block;
	margin:0 0 15px 0;
	padding:3px 0 3px 31px;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	background:url(images/puce_heidi_white.gif) 0 1px no-repeat;
}
#comments ol.commentlist {
	margin:0;
	padding:0;
	list-style:none;
}
#comments ol.commentlist li {
	display:block;
	margin:0 0 25px 0;
}
#comments ol.commentlist li p {
	clear:both;
}
#comments .comment-author {
	font-weight:bold;
}
#comments .comment-author cite {
	font-style:normal;
}
#comments .comment-author img {
	display:block;
	margin:0 6px 6px 0;
	float:left;
	border:4px solid #FFF;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
}
#comments .comment-meta {
	font-weight:normal;
}
#comments .comment-meta a:link, #comments .comment-meta a:visited {
	font-weight:normal;
}
#comments .comment-meta a:hover, #comments .comment-meta a:active {
	font-weight:normal;
}
#comments #commentform p {
	display:block;
	clear:both;
	margin:10px 0;
}
#comments #commentform label {
	display:block;
	float:right;
	width:350px;
	padding:3px 0 0 0;
	text-align:left;
}
#comments #commentform label small {
	text-align:left;
}
#comments #commentform input.text {
	display:block;
	float:left;
	margin:0;
	padding:1px 6px 3px 6px;
	width:160px;
	background:#FFF;
	color:#000;
	font-size:12px;
	border:none;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}
#comments #commentform textarea {
	display:block;
	margin:0;
	padding:6px;
	width:520px;
	height:120px;
	background:#FFF;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:none;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}
#comments #commentform input#submit {
	display:block;
	margin:0;
	padding:1px 6px 3px 6px;
	width:160px;
	background:#FFF;
	font-size:12px;
	border:none;
	font-weight:bold;
	color:#E53138;
	cursor:pointer;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}
#comments #commentform p.subscribe-to-comments input {
	float:left;
}
#comments #commentform p.subscribe-to-comments label {
	float:left;
}

/***
* Footer
***********/
#footer {
	position:relative;
	width:1001px;
	height:22px;
	background:url(images/bg_main_bot.png) left top no-repeat;
}
#footer .wrap {
	position:absolute;
	top:-20px;
	left:0;
	width:1001px;
	height:30px;
	text-align:center;
	font-size:10px;
	color:#999;
}
#footer p {
	margin:0;
	padding:10px 0 0 0;
}
#footer a:link, #footer a:visited {
	color:#999;
	text-decoration:none;
}
#footer a:hover, #footer a:active {
	color:#666;
	text-decoration:underline;
}