/*  
Theme Name: Best Works v2

Version: 0.1

Author: Urs Weishaupt
Author URI: http://www.caratage.com/

	Best Works v2 public beta

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


/* 1. IMPORT  */



/* 2. NORMALISIEREN */
/* Normalisiert margin, padding */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Normalisiert font-size f�r �berschriften */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
/* Entfernt list-style aus Listen */
dt, dl, dd, ol, ul, li {
	list-style: none;	
	
}
/* Normalisiert font-style und font-weight auf normal */
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
/* Entfernt style aus Tabellen */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Entfernt border aus fieldset und img */
fieldset, img {
	border: 0;
}

body
{
	background-color: black;
	background-image: url(images/bg/random.php);
	background-repeat: repeat;
	background-position: top center;
	font-family: Arial, sans-serif;

}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;

}

.highlight {
	background: #c60202;
	color: #fff;
	font-weight: bold;
	padding: 1px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


#sidebar li.pagenav ul li.page_item a {
	display: block;
	width: 180px;
	margin-left: -10px;
	padding: 0px 10px;
		

}

#sidebar li.pagenav ul li.page_item a:hover {
	color: white;
	background-color:  #999;
	text-decoration: none;

}

#sidebar li.pagenav ul li.current_page_item a {
	display: block;
	width: 180px;
	margin-left: -10px;
	padding: 1px 10px;
	color: white;
	background-color:  #888;
		

}

#header {

	margin-left: 14%;
	margin-top: 40px;
	width: 450px;
	font-family: Helvetica, Arial, sans-serif;


}

h1 {
	
	font-size: 48px;
	text-transform: uppercase;
	
	
}

h1 a {
	text-decoration: none;
	color: white; 
	font-weight: bold;
	
}

h1 a:hover, h2 a:hover {
	text-decoration: none;

}

h1.desc {
	
	font-size: 14px;
	color: white;
	text-transform: uppercase;
}

h2 a {
	display: block;
	padding: 5px 0 5px 15px;
	margin-left: -15px;
	font-size: 20px;
	text-transform: uppercase;
	color: black;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;

	
}

h2 a:hover {
	
	color: white;
	background-color: #999;
	text-decoration: none;
	
}



#content {
		
		width: 500px;
		
		margin-left: 14%;
	
		
		
		
}

.arrows {
	height: 50px;
	margin: 20px 0;

}



.arrow_l {
	display: block;
	width: 79px;
	height: 46px;
	background-image: url(images/arrow_l.png);
	background-repeat: no-repeat;
	float: left;
	text-align: left;
	


}

.arrow_r {
	display: block;
	width: 79px;
	height: 46px;
	float: right;
	text-align: right;
	background-image: url(images/arrow_r.png);
	background-repeat: no-repeat;
	float: right;
	text-align: right;


}

.post {
		/*
background-image: url(images/gradient.gif);
		background-position: top;
		background-repeat: repeat-x;
*/
		background-color: white;
		padding: 15px 0 0 15px; 
		margin-bottom: 40px;
			-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;

}

.meta p {
	font-size: 11px;
	font-weight: bold;
	color: #666;
	/* border-top: 1px dotted #efefef; */
	padding: 15px;
	margin-left: -15px;
	overflow: hidden;
	clear: left;
		
}

.entry {
	font-size: 14px;
	line-height: 1.35em;
	padding: 0 15px 0 0;
	
	

}

.entry p {

	margin: 10px 0;
	

}

.entry ul {
	margin-top: 20px;

}

.entry a {
	font-weight: bold;

}

.entry p img,
.entry p img.size-full,
.entry p object {
		display: block;
		margin: 10px 0;
		padding: 0px;
		
		/*border: 5px solid black;*/

}

.entry p img.size-thumbnail {
	width: 150px;
	height: 150px;
	margin-right: 15px;
}

.entry p img.size-medium,
.entry p img.ngg-singlepic {
	width: 200px;
	margin-right: 20px;
}

.entry p img.alignleft,
.entry p img.ngg-left {
	float: left;
	clear:left;
	padding: 2px;
	border: 1px solid #eee;
	margin-top: 0px;
}

.entry p img.aligncenter {
	text-align: center;
	margin: 0 auto;
}

.beatport {
	clear: left;
	
	padding-top: 15px;
}

.entry .wpcf7 img {
	width: 16px;
}



#wrap {

float: right;
	width: 200px;
	margin-top: -40px;
	margin-right: 12%;

}

#sidebar {
	
	
	width: 180px;
	background-color: white;
	background-image: url(images/gradient.gif);
	background-repeat: repeat-x;
	
	padding: 10px;
	
	font-size: 12px;

}



.box, #s, .y_name, .y_email, .y_msg, .wpcf7-validates-as-required, .wpcf7-form-control-wrap input, textarea, input[type=text] {
	
	border: 1px solid #ccc;
	padding: 2px;
	font-family: georgia, serif;
	font-size: 11px;
	background: url(images/gradient-input.png) repeat-x left top;

	

}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
#author,
#email,
#url,
#comment {

	font-size: 16px;
	color: #666;
	width: 460px;
}

#searchform {
	width: 200px;
	

}

.button, input[type=submit] {
	
	border: 1px solid #ddd;
	background: #eee;
	padding: 2px;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	margin-right: 0px;
	
	

}

.wpcf7 input[type=submit],
 #submit {
	padding:  5px 20px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
}

#submit {
	font-size: 13px;
	margin-bottom: 20px;
}

#comments {
	margin-top: 30px;
	border-top: 3px double #eee;
	padding-top: 20px;
	clear: left;
}

#comments ol {
	margin-bottom: 25px;
	border-bottom: 3px double #eee;
}

#comments ol li {
	border-bottom: 1px solid #eee;
	margin-top: 15px;
}


.comment-content {
	padding: 10px 0 20px 59px;
}

.vcard img {
	width: 50px;
	height:50px;
	padding: 2px;
	border: 1px solid #eee;
}

.formcontainer,
.vcard {
	font-size: 12px;
}

.comment-meta,
#trackbacks-list .comment-author,
.unapproved {
	font-size: 10px;
	padding-left: 59px;
}

.unapproved {
	color: #ff0000;
}

.form-input {
	margin-bottom: 15px;
}



#respond #submit {
	margin-top: 20px;
}


hr {
	background-image: url(images/ruler.gif);
	background-repeat: no-repeat;
	border: none;
	height: 14px;
	margin: 20px 0 10px -10px;
	width: 200px;

}

hr.dot {
	background-image: url(images/dot.gif);
	background-repeat: repeat-x;
	border: none;
	height: 6px;
	margin: 20px 0 10px -10px;
	width: 200px;

}

.first_li {
	margin-top: 20px;
	margin-bottom: 20px;

}



.archive_li {

	text-align: right;

}

li.pagenav {
	margin-bottom: 20px;

}

li h2 {
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 5px;
}

li h3 {
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 5px;
	color: #999;
}

.logo {
	
	display: block;
	width: 200px;
	height: 219px;
	cursor: pointer;
	padding-bottom: 40px;
	background-image: url(images/footer_logo_plain.png);
	background-repeat: no-repeat;


}

.bookmarkify {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	text-align: center;
	width: 50%;
	border-top: 1px solid #ddd;

}

.gallery_list {
font-size: 14px;
	line-height: 1.35em;
	padding: 0 15px 0 0;
	
}

.gallery_list_p {

margin: 10px 0;
border-bottom: 1px solid #ddd;

	
}

.gallery_alt, .gallerymeta {
font-size: 10px;
	font-weight: bold;
	color: #666;
	margin: 10px 0;
	
}

.gallery_aligncenter {
	margin-left: -15px;
}



/* this is for a constant viewing position when clicking through pictures */
.gallery_slds_td {
	height:400px;
	width:400px;
	background: black;
	/*this is for black stripes (just like 16 to 9 in TV) */
	
}

.gallery_slds_table {
	background: black;
	height:400px;
	width:100%;
	border:none;
	padding: 10px;
	margin: 10px auto;
}

#SLIDESTEXT, .gallery_line_h, .nocomments, .gallery_meta {
	display: none;
	visibility: hidden;

}

.gallery_alignleft a img, .gallery_alignright a img {
	
	margin: 10px 0 15px 0;

}

.postmetadata {
	
	margin: 0 0 0 -15px;
	padding: 15px;
	background-color: black;

}


#content div.post div.gallery_pad table tbody {
	background-color: white;
	
	
	
	
}

#content div.post div.gallery_pad table tbody tr td a img {
	padding: 5px;
	
	
}

#download-page-search {
	display: none;
}

#download-page img.download-image {
	display: none;
}

#download-page-categories .category {
	margin: 0 !important;
	display: block !important;
	width: 470px !important;
	border: 0 !important;
}

#download-page .inner li {
	font-size: 10px;
}

#download-page .inner li a {
	font-size: 12px;
}

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output,
div.wpcf7-validation-errors {
	padding: 15px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}

div.wpcf7-mail-sent-ok {
	background-color: #398f14;
	color: #fff;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {

}

span.wpcf7-form-control-wrap {
	position: relative;
	
	
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	background-color: #ff0000;
	color: #fff;
	padding: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}

#download-page-featured {
	display: none;
}

/*			NEXTGEN GALLERY					*/

/*
CSS Name: Shadow Effect
Description: NextGEN Default Style with a Shadow effect
Author: Alex Rabe
Version: 1.50
   
This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	
	
	
}

.ngg-album {
	/*height: 130px;*/
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
	overflow:hidden;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	margin-bottom: 6px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:200px;
	width: 155px;
	
		
}

.ngg-album-compactbox {
	float: left; 
	background:  url(../../plugins/nextgen-gallery/css/shadowAlpha.png) no-repeat bottom right !important;
	background:  url(../../plugins/nextgen-gallery/css/shadow.gif) no-repeat bottom right;
	
	
	margin: 10px 0 0 14px !important;
		
}


.ngg-album-compactbox .Thumb {
	margin: -6px 6px 6px -6px;
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block; 
	padding:4px;
	position:relative;
}

.ngg-album-compactbox .Thumb:hover {
	background-color: #ddd;
}

.ngg-album-compact h4 {
	font-size:13px;
	font-weight:bold;
	margin: 0 0 0 14px !important;
	
}

.ngg-album-compact p {
	font-size:11px;
	margin: 0 0 0 14px !important;
	display: none;
}

/* ----------- Gallery style -------------*/

.piclenselink {
       display: none;
}

.ngg-galleryoverview {
	margin-top: 10px;
	width: 100%;
	 overflow: hidden;
	display:block !important;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left; 
	background:  url(../../plugins/nextgen-gallery/css/shadowAlpha.png) no-repeat bottom right !important;
	background:  url(../../plugins/nextgen-gallery/css/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 14px !important;
}

.ngg-gallery-thumbnail img {
	margin: -6px 6px 6px -6px;
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block; 
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #ddd;
} 

.ngg-gallery-thumbnail span {
	display:none;
}

.ngg-clear {
	clear: left;
}


/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}