/*
Theme Name: 2Sides
Theme URI: http://2sides.de
Description: Theme for the band 2Sides
Version: 1.0
Author: Simon Sattes
Author URI: http://www.sattes-faction.de
*/

body {
	background:rgb(31,27,26);
	font:12px Times New Roman, Serif;
	color:#000;
	margin:0;
	padding:0;
}

img {
	border:0;
}


a:link, a:visited, a:active, a:focus {
	color:#a54220;
	font-weight:bold;
	text-decoration:underline;
}

a:hover {
	color:#592411;
	text-decoration:underline;
}

.wrapper {
	width:1000px;
	min-height:768px;
	margin:0px auto;
	background-image:url(images/hintergrund2.jpg);
	background-repeat:repeat-y;
}

.container {
	width:758px;
	background-image:url(images/paper.jpg);
	background-repeat:repeat-y;
	margin:0 auto;
	position:relative;
}

.header {
	height:298px;
	position:relative;
	background-image:url(images/papieroben.jpg);
	background-repeat:no-repeat;
}

.header img.band {
	position:absolute;
	top:16px;
	left:24px;
}


.header img.logo {
	position:absolute;
	top:8px;
	right:11px;
}

#navigation {
	width:155px;
	float:left;
}

#content-main {
	width:385px;
	overflow-x:hidden;
	padding:0px;
	float:left;
	position:relative;
	z-index:4;
}

.band-image {
	position:absolute;
	overflow:hidden;
	right:10px;
	top:265px;
	z-index:3;
}

#content-info {
	width:200px;
	overflow-x:hidden;
	text-align:right;
	float:left;
}

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

#content-info ul li {
	margin:0px;
	padding:0px;
}

.spacer {
	height:35px;
	display:block;
}

h2 {
	margin:0px 0px 0px 0px;
	padding:0px;
}

h2, h3,
h2 a:link, h2 a:active, h2 a:visited, h2 a:focus {
	color:#a54220;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

h4 {
	font-size:15px;
	color:#000;
	margin:12px 0px 7px 0px;
	font-weight:bold;
}

h2 a:hover {
	text-decoration:underline;
}

small {
	font-size:9px;
	color:#6f6f6f;
	font-weight:bold;
	position:relative;
	top:-4px;
}

.picasaView small {
	top:0px;
}

small a {
	color:#6f6f6f;

}

small.commentmetadata {
	top:-1px;
}

.post {
	margin-bottom:15px;
}

p.postmetadata {
	position:relative;
	top:-4px;
}

p.postmetadata a:link, p.postmetadata a:active, p.postmetadata a:visited, p.postmetadata a:focus {
	font-size:9px;
	color:#6f6f6f;
	font-weight:bold;
	text-decoration:none;
}

p.postmetadata a:hover {
	text-decoration:underline;
}

#content-info a:link, #content-info a:active, #content-info a:visited, #content-info a:focus {
	font-size:13px;
	text-decoration:none;
}

#content-info a:hover {
	text-decoration:underline;
}

#content-main p {
	margin:0px 0px 6px 0px;
}

.widgettitle {
	display:none;
}

.sidebarlive {
	margin-bottom:10px;
}

/* Navi Start */

#navigation ul {
	margin:0px 0px 0px 20px;
	padding:0px;
	list-style-type:none;
}

#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited, #navigation ul li a:focus  {
	background-repeat:no-repeat;
	background-position:top left;
	height:28px;
	display:block;
}

#navigation ul li.menu-active a:link, #navigation ul li.menu-active a:visited, #navigation ul li.menu-active a:active, #navigation ul li.menu-active a:focus,
#navigation ul li a:hover  {
	background-position:bottom left;
}

#navigation ul li.menu-news a  {
	background-image:url(images/menu_news.png);
	height:24px;
	margin:0px 0px 0px 22px;
}

#navigation ul li.menu-band a  {
	background-image:url(images/menu_band.png);
	height:28px;
	margin:2px 13px;
}

#navigation ul li.menu-auftritte a  {
	background-image:url(images/menu_gigs.png);
	height:27px;
	margin:2px 9px;
}

#navigation ul li.menu-bilder a  {
	background-image:url(images/menu_pics.png);
	height:26px;
	margin:2px 7px;
}

#navigation ul li.menu-downloads a  {
	background-image:url(images/menu_downloads.png);
	height:26px;
	margin:2px 4px;
}

#navigation ul li.menu-shops a  {
	background-image:url(images/menu_shop.png);
	height:26px;
	margin:2px 25px;
}

#navigation ul li.menu-presse a  {
	background-image:url(images/menu_presse.png);
	height:24px;
	margin:2px 15px;
}

#navigation ul li.menu-gaestebuch a  {
	background-image:url(images/menu_gaestebuch.png);
	height:28px;
	margin:2px 10px;
}

#navigation ul li.menu-links a  {
	background-image:url(images/menu_links.png);
	height:25px;
	margin:2px 20px;
}

#navigation ul li.menu-kontakt a  {
	background-image:url(images/menu_kontakt.png);
	height:25px;
	margin:2px 8px;
}


.small {
	color:#6F6F6F;
	font-size:9px;
	font-weight:bold;
}

/* Navi End */

#content-main table td {
	vertical-align:top;
}

/* Kontaktformular */

form.wpcf7-form {
	margin-top:10px;
}

#content-main form.wpcf7-form .small {
	margin-top:20px;
}

form#commentform label,
form.wpcf7-form label {
	font-weight:bold;
	color:#000;
}

form#commentform input,
form.wpcf7-form span.wpcf7-form-control-wrap input, textarea {
	background:transparent;
	border:1px solid #000;
	font:12px Times New Roman, Serif;
	color:#000;
	width:360px;
	margin-bottom:5px;
}

ul.commentlist {
	padding:0px;
	list-style-type:none;
}

ul.commentlist li {
	margin-bottom:15px;
}

.commentlist img {
	float:left;
	margin:0px 5px 2px 0px;
}

.band-simon {
	background:transparent url(images/band-simon.png) no repeat;
}

#pagingBottom {
	position:absolute;
	top:860px;
	left:300px;
	z-index:11;
}

#pagingTop {
	position:absolute;
	top:255px;
	left:300px;
	z-index:11;
}

.cd {
	margin-top:10px;
}

.footer {
	clear:both;
	height:30px;
	overflow:hidden;
	background-image:url(images/verlauf_unten.png);
	color:#6f6f6f;
	font-size:9px;
	font-weight:bold;
	text-align:right;
	padding:77px 110px 0px 0px;
}

.footer a:link, .footer a:active, .footer a:visited, .footer a:focus {
	font-size:9px;
	font-weight:bold;
	color:#6f6f6f;
}

#audioplayer_1 {
	width:758px;
	margin:7px 0px 0px 123px;
}

.picasaViewImages {
	text-align:left;
}

/* STartseite */

html {
	height:100%;
}
body.intro {
	background:#000;
	height:100%;
}

div.intro-wrapper {
	background:url(images/intro2.jpg) no-repeat;
	width:580px;
	height:688px;
	margin:0px 0 0 -290px;
	position:absolute;
	top:40px;
	left:50%;
}

div.intro-wrapper a {
	position:absolute;
	display:block;
	height:37px;
	background-repeat:no-repeat;
	background-position:left bottom;
}

div.intro-wrapper a:hover, div.intro-wrapper a:active {
	background-position:left top;
}

a.website {
	bottom:-5px;
	left:170px;
	width:121px;
	background-image:url(images/website.jpg);
}

a.myspace {
	bottom:-20px;
	left:335px;
	width:124px;
	background-image:url(images/myspace.jpg);
}

a.rockshop {
	width:140px;
	bottom:-22px;
	left:305px;
	background-image:url(images/rockshop.jpg);
}

div.intro-wrapper a.newalbum {
	width:232px;
	top:-2px;
	left:-39px;
	height:121px;
	background-image:url(images/newalbum.jpg);
	display:none;
}

div.intro-wrapper a.bandnight {
	width:120px;
	top:595px;
	left:506px;
	height:54px;
	display:block;
	background-image:url(images/bandnight.png);
}


input#best-cd,
input#best-plz {
	width:50px;
}

img.german {
	left:178px;
	position:absolute;
	top:696px;
}

img.english {
	left:342px;
	position:absolute;
	top:712px;
}