/*  
Theme Name: Bestseven Yellow Theme
Theme URI: http://www.bestseven.de/
Description: Respect, man!
Version: 1.0
Author: Urs Weishaupt
Author URI: http://www.caratage.com/

	Bestseven 1.0 public beta

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* { margin: 0; padding: 0; }
  
body {
	text-align:center; /* Hack for IE5/Win */
	
	font: georgia,times,serif;
	color:  #333;
	line-height:1.4em;
	background-color:#f2b705;
	min-width:40em;
	}
	
h1, #navi, #navi2 {
	text-indent: -9000px;
}

p {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 0.9em;
}
	
a {
	color: #d90416;
	text-decoration: none;
}
a:hover {
	color: #333;
}

img a {
	border:none;
}	



/* END of general settings - BEGIN positioning */


#wrap {
	width:925px;
	height: 100%;
	margin: 0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
}

#newsletter {
	position: relative;
	left: 60px;
	width: 460px;
	height: 80px;
	display: block;
}



#newsletterform input {
	
}

#newsletter form {


	
}


#content {
	position: relative;
	float: left;
	width:585px;
	height: 722px;
	background: url('images/canvas-trim.gif') no-repeat top center;	
	padding-top: 40px;

}

.post {
	position: relative;
	left: 60px;
	width: 460px;

}

#soundcloud {
	position: relative;
	top: -10px;
	float: left;
	width: 170px;
}


#navi {
	position: relative;
	top: 120px;
	float: left;
	width: 170px;
}

#navi2 {
	position: relative;
	top: -6px;
	float: left;
	width: 170px;
}



#navi ul li, #navi2 ul li {
	border: 0;
	height: 106px;	
}

#navi ul li.high {
	border: 0;
	height: 133px;	
}

#navi ul li a, #navi2 ul li a {
	margin: 0 auto;
	display:block;
	z-index:3;
}


/* END of positioning */

/* fine tuning post layout TEXT */


h2 a {
	font: 0.7em georgia,times,serif;
	color:#d90416;
	font-weight: bold;
}

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

h3 {
	font: 1em georgia,times,serif;
	color: #d90416;
	background-color:#fff;
	padding: 6px;
	margin: 10px 0;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
}

em {
	font: 0.7em verdana, sans-serif;
	text-align:right;
	color: #db0048;
	background-color:#f2b705;
	padding: 5px;
}

ul {
	margin: 0 10px 0 0;
	padding: 0 0 20px 0;

}

li {
	list-style: none;
	border-bottom: 1px solid #ccc;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 0.9em;
	padding: 5px 0;
	
}

/* fine tuning post layout POSTS */

#post-19 .entry li a {
	font-weight: normal;
}

.post h2 {
	background: #fff;
	border: 10px solid white;
	padding: 0 10px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 7px;
	

}


.entry {
	background-color:#eee;
	margin-bottom: 50px;
	padding: 20px;	
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align: justify;
	
	
}

.entry img {
	position: relative;
	right: -20px;
	top: -20px;
	width: 180px;
	float: right;
	border: 15px solid #fff;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	
}

.entry img.size-full {
position: relative;
	left:-20px;
	top: -20px;
	width: 430px;
	border: 15px solid #fff;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.entry img.itunes {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	width: 61px;
	height: 15px;
	border: 2px solid white;
	margin: -1px 10px 0 0;

}

p.commentline {
	font: 0.7em georgia, serif;
	padding-top:15px;
	text-align:right;
	
}

p.releasedate {
	font: 0.6em georgia, serif;
	padding-top:5px;
	text-align:right;
	
}


.alignleft {

	font: 0.8em tahoma, verdana, sans-serif;
	text-align:left;
	float:left;
	padding: 0 0 50px 0;
}

.alignright {
	font: 0.8em tahoma, verdana, sans-serif;
	text-align:right;
	padding: 0 0 50px 0;

}

.navigation {
	margin-top: 40px;
}

.navigation a {
	color: #d90416;
	font-family: Georgia;
	font-weight: bold;
	background-color:#fff;
	padding: 6px 12px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.navigation a:hover {
	color: #d90416;
	text-decoration: underline;
	
}



.pagetitle a {
	font: 2em georgia,times,serif;
	text-align:right;
	color: #5d9e9b;
}



/*Positioning of each Rollover Button for Navigation */

#news {
	width: 105px;
	height: 106px;
	background: url(images/b7news-button.gif) no-repeat left bottom;
}
#news:hover {
	background: url(images/b7news-button.gif) no-repeat left center;
}
#news:active {
	background: url(images/b7news-button.gif) no-repeat left bottom;
}



#forum {
	width: 110px;
	height: 106px;
	background: url(images/b7forum-button.gif) no-repeat left bottom;
}
#forum:hover {
	background: url(images/b7forum-button.gif) no-repeat left center;
}
#forum:active {
	background: url(images/b7forum-button.gif) no-repeat left bottom;
}

#contact {
	width: 110px;
	height: 106px;
	background: url(images/b7contact-button.gif) no-repeat left bottom;
}
#contact:hover {
	background: url(images/b7contact-button.gif) no-repeat left center;
}
#contact:active {
	background: url(images/b7contact-button.gif) no-repeat left bottom;
}



#dates {
	width: 105px;
	height: 106px;
	background: url(images/b7dates-button.gif) no-repeat left bottom;
}
#dates:hover {
	background: url(images/b7dates-button.gif) no-repeat left center;
}
#dates:active {
	background: url(images/b7dates-button.gif) no-repeat left bottom;
}


#releases {
	width: 166px;
	height: 133px;
	background: url(images/b7releases-button.gif) no-repeat left bottom;
}
#releases:hover {
	background: url(images/b7releases-button.gif) no-repeat left center;
}
#releases:active {
	background: url(images/b7releases-button.gif) no-repeat left bottom;
}




#shop {
	width: 105px;
	height: 106px;
	background: url(images/b7shop-button.gif) no-repeat left bottom;
}
#shop:hover {
	background: url(images/b7shop-button.gif) no-repeat left center;
}
#shop:active {
	background: url(images/b7shop-button.gif) no-repeat left bottom;
}


#movies {
	width: 110px;
	height: 106px;
	background: url(images/b7movies-button.gif) no-repeat left bottom;
}
#movies:hover {
	background: url(images/b7movies-button.gif) no-repeat left center;
}
#movies:active {
	background: url(images/b7movies-button.gif) no-repeat left bottom;
}

#links {
	width: 110px;
	height: 106px;
	background: url(images/b7links-button.gif) no-repeat left bottom;
}
#links:hover {
	background: url(images/b7links-button.gif) no-repeat left center;
}
#links:active {
	background: url(images/b7links-button.gif) no-repeat left bottom;
}

/* END Positioning of each Rollover Button for Navigation */

/* SOUNDCLOUD */

a.soundcloud-dropbox:hover {
	color: #1896D1 !important;
	background-color: transparent !important;
	background-position: -200px 0 !important;
}

*html a.soundcloud-dropbox {
	background-image: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.soundcloud.com/images/dropbox_square_white.png?5868bb)', sizingMethod='crop') !important;
}