/*
Theme Name: ShiBan
Theme URI: http://www.shiban.fr/
Description: ShiBan Theme.
Version: 1.0
Author: Tim Sydekum
Author URI: http://www.livid-media.de/
Tags: orange, brown, custom header, fixed width, three columns, widgets
*/

/* --- BASIC --- */

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

html, body {
	height: 100%;
}

body {
	font-family: 'Segoe UI','Lucida Sans','Lucida Sans Unicode','Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #fff;
	padding: 0;
	margin: 0;
	background-color: #120301;
}



/* --- BODY / HEADER / NAVIGATION --- */

#body {
	position: relative;
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	background: url(images/header-bg.jpg) top center no-repeat;
}

#header {
	width: 960px;
	height: 370px;
}

#header #logo {
	position: absolute;
	top: 10px;
	left: 400px;
}

#bird {
	position: absolute;
	top: 303px;
	right: 53px;
	width: 70px;
	height: 90px;
	background: url(images/bird.png) top center no-repeat;
	text-indent: -10000px;
	z-index: 12;
}

#bat {
	position: absolute;
	top: 300px;
	right: -10px;
	width: 160px;
	height: 72px;
	background: url(images/bat.png) top center no-repeat;
	text-indent: -10000px;
	z-index: 8;
}

#navigation {
	position: absolute;
	top: 293px;
	left: 40px;
	height: 43px;
	color: #792310;
	margin: 0 auto;
	z-index: 20;
}

#navigation .page-item-start a { width: 93px; }
#navigation .page-item-start { background: url(images/navi-news.png) 0 0 no-repeat; }

#navigation .page-item-2 a {width: 116px; }
#navigation .page-item-2 { background: url(images/navi-events.png) 0 0 no-repeat; }

#navigation .page-item-6 a { width: 85px; }
#navigation .page-item-6 { background: url(images/navi-band.png) 0 0 no-repeat; }

#navigation .page-item-7 a { width: 103px; }
#navigation .page-item-7 { background: url(images/navi-music.png) 0 0 no-repeat; }

#navigation .page-item-8 a { width: 111px; }
#navigation .page-item-8 { background: url(images/navi-gallery.png) 0 0 no-repeat; }

#navigation .page-item-9 a { width: 105px; }
#navigation .page-item-9 { background: url(images/navi-videos.png) 0 0 no-repeat; }

#navigation .page-item-39 a { width: 114px; }
#navigation .page-item-39 { background: url(images/navi-contact.png) 0 0 no-repeat; }

#navigation li:hover, #navigation li:active, #navigation .current_page_item,
#navigation .current_page_ancestor, #navigation .current_page_parent { background-position: 0 -43px; }

/* MAINNAVI */
#navigation ul {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}

#navigation ul li {
	position: relative;
	float: left;
	display: inline;
	list-style: none;
	height: 43px;
	color: #fff;
	text-decoration: none;
	text-indent: -10000px;
	padding: 0;
	margin: 0;
	margin-right: 8px;
}

#navigation ul a {
	display: block;
	height: 43px;
}

/* 2ND LEVEL */
#navigation ul ul {
	position: absolute;
	width: 160px;
	top: 100%;
	left: 0;
	line-height: 18px;
	padding: 14px 0 5px;
	margin: 0;
	margin-top: 0px;
}

#navigation ul ul {
	margin-top: -5px;
	background: url(images/subnavi-top.png) top center no-repeat;
	padding-top: 30px;
}

#navigation ul ul li, #navigation ul ul li:hover {
	position: relative;
	width: 130px;
	height: 30px;
	text-indent: 0;
	padding: 0 15px;
	background: url(images/subnavi-bg.png) top center no-repeat;
}

#navigation ul ul li:last-child {
	padding-bottom: 6px;
	background: url(images/subnavi-bg.png) bottom center no-repeat;
}

#navigation ul ul a, #navigation ul ul a:link {
	color: #982e16;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
}

/* 3RD LEVEL */
#navigation ul ul ul {
	top: -25px;
	left: 100%;
}

#navigation ul ul ul a, #navigation ul ul ul a:link {
	color: #982e16;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	height: 14px;
}

/* HOVER */
#navigation ul ul, #navigation ul li:hover ul ul, #navigation ul ul li:hover ul ul {
	display: none;
}

#navigation ul li:hover ul, #navigation ul ul li:hover ul, #navigation ul ul ul li:hover ul {
	display: block;
}
#navigation ul ul a:hover, #navigation ul ul ul a:hover {
	color: #ba452b;
}



/* --- CONTENT / SIDEBAR --- */

#content {
	position: relative;
	float: left;
	width: 580px;
	left: 40px;
	padding-bottom: 160px;
}

#content h1 img {
	margin-bottom: 20px;
}

#sidebar {
	position: relative;
	float: right;
	width: 280px;
	right: 40px;
	padding-bottom: 160px;
	z-index: 10;
}
#sidebar ul.box-1 {
	margin-bottom: 15px;
}
#sidebar ul.box-1 .textwidget {
	padding-top: 5px;
}
#sidebar ul.box-1 li.first {
	height: 30px;
	background: url(images/sidebar-top.png) top center no-repeat;
}
#sidebar ul.box-1 li {
	background: url(images/sidebar-borders.png) repeat-y;
	padding: 0 20px;
}
#sidebar ul.box-1 li a {
	background: url(images/sidebar-icon.png) 0 2px no-repeat;
	padding-left: 25px;
}
#sidebar ul.box-1 li.last {
	height: 20px;
	background: url(images/sidebar-bottom.png) top center no-repeat;
}
#sidebar ul.box-1 li p {
	padding: 0;
	margin: 0;
}
#sidebar ul.box-1 li .wpa_container {
	width: 240px;
	padding-bottom: 10px;
	background: url(images/sidebar-slice.png) bottom center no-repeat;
}
#sidebar ul.player li .wpa_bar {
	width: 200px !important;
}
#sidebar ul.player li .wpa_time {
	color: #732415;
}

#sidebar li {
	list-style: none;
	margin: 0;
}

#sidebar #language-switch {
	width: 280px;
	height: 40px;
	margin-bottom: 15px;
}
#sidebar #language-switch li a {
	display: block;
	float: left;
	width: 140px;
	height: 40px;
	list-style-type: none;
	margin: 0;
	text-indent: -9999px;
}
#sidebar #language-switch .language_item_fr a {
	background: url(images/language_fr.png) no-repeat;
}
#sidebar #language-switch .language_item_en a {
	background: url(images/language_en.png) no-repeat;
}



/* --- FOOTER --- */

#footer {
	position: absolute;
	bottom: 0;
	width: 880px;
	height: 115px;
	background: url(images/footer-bg.jpg) bottom center no-repeat;
	padding: 20px 40px 0;
	margin: 0 auto;
}

#footer .links ul li {
	float: left;
	margin-right: 20px;
}

#footer .links ul .ontheweb {
	width: 140px;
	height: 45px;
	background: url(images/footer-shiban.png) no-repeat;
	text-indent: -10000px;
}

#footer .links ul li a {
	display: block;
	width: 35px;
	height: 35px;
	text-indent: -10000px;
	background: url(images/footer-links.png) no-repeat;
}

#footer .links ul li .myspace {
	background-position: 0 0;
}
#footer .links ul li .myspace:hover {
	background-position: 0 -35px;
}

#footer .links ul li .facebook {
	background-position: -35px 0;
}
#footer .links ul li .facebook:hover {
	background-position: -35px -35px;
}

#footer a, #footer a:link, #footer a:visited {
	color: #6a1a08;
}

#footer a:hover, #footer a:active {
	color: #842813;
}

#footer .copyright {
	position: absolute;
	bottom: 20px;
	font-size: 11px;
	color: #6a1a08;
}

#footer .copyright span {
	float: left;
	width: auto;
}

#footer .livid {
	display: block;
	float: left;
	width: 85px;
	height: 15px;
	margin: 2px 3px 0;
	text-indent: -10000px;
	background: url(images/footer-livid.png) no-repeat;
}
#footer .livid:hover {
	background-position: 0 -15px;
}



/* --- HTML --- */

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #fff;
}

h1 {
	font-size: 26px;
	font-style: italic;
	margin-bottom: 6px;
	line-height: 30px;
	color: #b46742;
}

h1 a, h1 a:link {
	color: #b46742;
	font-style: italic;
}

h2 {
	font-size: 18px;
	font-style: italic;
	margin-bottom: 10px;
	line-height: 22px;
}

h3 {
	font-size: 13px;
	margin-bottom: 6px;
	font-weight: bold;
	padding-bottom: 3px;
}

h4 {
	font-size: 12px;
	margin-bottom: 6px;
	font-weight: bold;
}

a {
	outline: 0;
}

a:link, a:visited {
	color: #b46742;
	text-decoration: none;
}

a:hover, a:active {
	color: #9b502c;
}

div, input, table, th, tr, td, img {
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	vertical-align: top;
	outline: 0;
}

p {
	padding: 0;
	margin: 0;
	margin-bottom: 12px;
	border: 0;
	vertical-align: top;
	outline: 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

hr {
	border: 0;
	height: 20px;
	background: url(images/hr.png) no-repeat;
	margin: 10px 0;
	clear: both;
}

small {
	font-size: 10px;
}

acronym, abbr {
	border-bottom: 1px dotted;
	cursor: help;
}



/* --- ENTRIES ---*/

.post {
	margin-bottom: 50px;
}

.post .headline {
	width: 550px;
	height: 60px;
	color: #b46742;
	background: url(images/title-header-post.jpg) top left no-repeat;
	padding: 10px 15px 0 15px;
}

.post .headline a:link, .post .headline a:visited {
	color: #b46742;
}

.post .headline a:hover, .post .headline a:active {
	color: #9b502c;
}

.post .date {
	position: absolute;
	color: #b8d0f6;
	text-align: center;
	right: 29px;
	z-index: 2;
	line-height: 12px;
}

.post .date .month {
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	color: #712e10;
}

.post .date .day {
	font-size: 24px;
	font-weight: bold;
	color: #8c4321;
}

.post .date .year {
	font-size: 9px;
	line-height: 21px;
	color: #712e10;
}

.post .info, .post .info a {
	font-size: 11px;
	font-style: italic;
	color: #712e10;
	margin-bottom: 8px;
}

.post .entry {
	position: relative;
	z-index: 3;
}

.entry h1 {
	width: 550px;
	height: 60px;
	color: #b46742;
	background: url(images/title-header-standard.jpg) top left no-repeat;
	padding: 10px 15px 0 15px;
	margin-top: 40px;
	margin-bottom: -5px;
}

.entry h1:first-child {
	margin-top: 0;
}

.navigation {
	margin-bottom: 10px;
}

.entry table {
	background: transparent;
}
.entry table thead th {
	height: 20px;
	padding: 4px;
	background-color: #340b06;
}
.entry table td {
	padding: 4px;
	font-weight: normal;
}
.entry table .odd {
	background-color: #340b06;
}
.entry table .even {
	background: transparent;
}



/* --- FORMS ---*/

#comment {
	width: 572px;
	padding: 4px;
	color: #9fcaf2;
}

input, textarea {
	font-family: 'Segoe UI','Lucida Sans','Lucida Sans Unicode','Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size: 12px;
	padding: 4px;
}

.newsletter {
	font-weight: normal;
}

.newsletter td {
	vertical-align: middle;
}

input[type = "submit"] {
	width: 160px;
	height: 60px;
	background: url(images/button-submit.png) no-repeat;
	cursor: pointer;
	text-indent: -10000px;
}

input[type = "text"], input[name = "captcha-616"] {
	width: 300px;
	height: 20px;
	color: #836349;
	background: url(images/input-top.png) top left repeat-x;
	background-color: #362415;
}

input[name = "captcha-616"] {
	width: 213px;
}

textarea {
	width: 300px;
	color: #836349;
	background: url(images/input-top.png) top left repeat-x;
	background-color: #362415;
	border: 0;
}

.wpcf7-response-output {
	background-color: #380e08;
	border: 1px solid #6e2016 !important;
}
.wpcf7-not-valid-tip {
	background-color: #380e08 !important;
	border: 1px solid #d51900 !important;
}



/* --- MISC --- */

.skip {
	position: absolute;
	top: -10000px;
	left: -10000px;
	height: 1px;
	width: 1px;
}

.skip:focus, .skip:active {
	position: static;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
}

.clear {
	clear: both;
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	height: 0;
}