/*  
Theme Name: Prisca Jones
Description: Wordpress Theme for the Prisca Jones Band.
Version: 1.0
Author: 72dpi Design & Webdevelopment, Oliver Hulisz
Author URI: http://72dpi.de
*/

@import url(forms.css); 


body{
	margin:0 0 0 20px;
	padding:0;
	background: #01383F url(images/page_bg.png) 0 0 repeat-x;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	/* color: #456365; alte Textfarbe */ 
	color: #7CA2A5;
}

	html[xmlns^="http"] {
	 /* verhindert Mozilla-Zucken  > Firefox 1.5 */
	 overflow-y: scroll;
	}
	
	a:link, a:visited, a:active {
		color: #FF6A00;
		text-decoration: none;

	}
	
	a:hover {
		color: #FF6A00;
				text-decoration: underline;
	}
	
	a:focus { 
		outline: none;
	}
	
	img {
		border: none;
	}

#wrap {
	margin: 0;
	padding: 0 0 35px 0;
	width: 810px;
}

#header {
	padding: 0;
	margin: 0;
	height: 100px;
}

#subheader {
	padding: 0;
	margin: 0;
	height: 80px;
}

#content {
	float: left;
	width: 550px;
}

#sidebar {
	float: right;
	width: 240px;
}


/* Header 
----------------------------------------------------------------------- */

#logo {
	float: left;
	margin: 42px 0 0 10px;
	padding: 0;
	font-size: 0;
	width: 330px;
}

#additional {
	float: left;
	margin: 22px 0 0 10px;
	padding: 0;
	width: 135px;
	height: 70px;
}

#header ul {
	float: right;
	margin: 65px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	text-transform: uppercase;
	}

	#header ul li {
		background: url(images/menu_slashes.gif) 0 50% no-repeat;
		display: inline;
		margin: 0;
		padding: 0 0 0 10px;
	}
	
		#header ul li#first {
			background: none;
		}
	
		#header ul li a {
			padding: 3px 6px 3px 10px;
			color: #ddd;
			letter-spacing: 1px;
		}
		
		#header ul li a:hover {
			text-decoration: none;
			color: #FF6A00;
		}
		
		#header ul li.current_page_item a,
		#header ul li.current_page_ancestor a {
			color: #FF6A00;
		}
		

/* Subheader 
----------------------------------------------------------------------- */

#subheader ul {
	margin: 0 0 0 20px;
	padding: 16px 0 0 0;
	list-style-type: none;
	font-size: 14px;
	text-transform: uppercase;
	}

	#subheader ul li {
		display: inline;
		margin: 0;
		padding: 0 5px 0 15px;
		background: url(images/menu_slashes.gif) 0 50% no-repeat;
	}
	
		#subheader ul li:first-child { /* erstes li-Element ohne Background */
			background: none;
			padding: 0 5px 0 0;
		}
	
		#subheader ul li a {
			padding: 0;
			color: #ddd;
			letter-spacing: 1px;
		}
		
		#subheader ul li a:hover {
			padding: 0;
			text-decoration: none;
			color: #FF6A00;
		}
		
		#subheader ul li.current_page_item a {
			color: #FF6A00;
		}
		
#theSearch {
	float: right;
	width: 250px;
}

	#theSearch fieldset {
		border: none;
		margin: 8px 0 0 0;
		padding: 0 5px 10px 0;
		background: url(images/header_searchfield_bg.gif) top right no-repeat;
	}
	
	#theSearch legend {
		display: none;
	}
	
	input#s {
		background: #073137;
		width: 150px;
		height: 20px;
		border: none;
		/* border-top: 1px solid #333;
		border-left: 1px solid #333;
		border-right: 1px solid #005761;
		border-bottom: 1px solid #005761; */
		margin: 7px 3px 0 20px;
		padding: 3px 0 0 5px;
		color: #fff;
		font-size: 12px;
	}
	
		input#s:hover {
			background: #7CA2A5;
		}
		
/* Content ---------------------------------------------------------------------- */

div.thePostBoxTop {
	background: url(images/thepost_box_top.png) top left no-repeat;
	height: 3px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
}

div.thePost {
	background: url(images/thepost_box_bottom.png) bottom left no-repeat;
	padding: 0 0 5px 0;
	margin-bottom: 1em;
}

	div.thePost div.date p {
		position: relative;
		float: right;
		background-color: #FF6A00;
		color: #fff;
		font-style: normal;
		padding: 2px 5px;
		margin: 1.8em 1.6em 0 0;
		font-size: .8em;
	}
	
	div.thePost h1 {
		padding: 5px 20px .2em 20px;
		margin: 0;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		color: #fff;
	}
	
	div.thePost h2 {
		padding: 5px 20px .2em 20px;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 1px;
		color: #fff;
	}
	
		div.thePost h1 a, div.thePost h2 a {
			color: #fff;
		}
		
	div.thePost h3 { /* the subline */
		padding: 1.5em 20px 0 20px;
		margin: 0;
		font-size: 1.1em;
		color: #FF6A00;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: normal;
	}
	
	div.thePost h4 { /* the subline */
		padding: 20px 20px 0 20px;
		margin: 0;
		font-size: 14px;
		color: #FF6A00;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: normal;
	}
	
	div.thePost h5 { 
		padding: .8em 20px 0 20px;
		margin: 0;
		font-size: 14px;
		color: #cff;
		letter-spacing: 1px;
		font-weight: normal;
	}
	
	div.thePost p {
		margin: .3em 0;
		padding: 0 20px .7em 20px;
		line-height: 140%;
		font-size: .9em;
	}
	
	div.thePost ul {
		font-size: .9em;
		list-style-type: none;
		margin: 0 0 0 5px;
		padding: 0 0 0 20px;
	}
	
		div.thePost ul li {
			margin: 3px 0;
		}
		
			div.thePost ul.downloads li {
				background: url(images/icon_disc.gif) 0 0 no-repeat;
				padding-left: 22px;
				margin: 7px 0;
			}

	
	p cite {
		color: #cff;
		line-height: 155%;
	}

	p.entry {
		margin-top: 0px !important;
	}
	
	p span.debug {
		padding: 5px;
		background: #FFFF99;
		border: 2px solid #fff;
	}
	
	
/* Diverses 
---------------------------------------------------------------------- */		
	
strike {color: #ffF;}


	
	div.embedFlashVideo {
		padding: 0 20px;
		margin: 1em 0 2em 0;
	}


	
/* Gallery Page 
---------------------------------------------------------------------- */

	ul.theGallery {
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: table;
	}
	
	ul.theGallery li { 
		float: left;
		margin: 0;
		padding: 0;
	}
	
	ul.theGallery li img { 
		margin: 0 21px 17px 0;
	}
	
	p.galleryDate {
		clear: both;
		text-align: center;
		background-color: #FF6A00;
		color: #fff;
		padding: 0 !important;
		margin: 0 25px 15px 25px !important;
	}
	
	p.galleryTitle {
		text-align: center;
		text-transform: uppercase;
		margin: 25px 35px 0 35px;
		font-size: 12px;  
	}
	
	
/* Booking 
---------------------------------------------------------------------- */		

dl.bookingform {
	clear: both;
	margin: 5px 0 20px 0;
	padding: 10px 20px;
}	

	dl.bookingform dt {
		clear: both;
		float: left;
		width: 220px;
	}
	
	dl.bookingform dt label {
		margin: 0;
		padding: 15px 0 0 0;
		color: #FF6A00;
		text-transform: uppercase;
		font-size: .7em;
		letter-spacing: 1px;
		font-weight: bold;
	}
	
	dl.bookingform dd {
		float: right;
		width: 270px;
		margin: 0;
	}
	
	dl.bookingform dd input {
		width: 260px;
		border: none;
		margin: 14px 0;
			border-top: 1px solid #333;
			border-left: 1px solid #333;
	}
	
	dl.bookingform dd textarea {
		width: 260px;
		height: 100px;
		border: none;
		margin: 8px 0;
			border-top: 1px solid #333;
			border-left: 1px solid #333;
	}


/* Video Section
-------------------------------------------------------------------------- */

div.videoEntry {
	float: left;
	width: 540px;
	padding-bottom: 2em;
}

	div.videoIcon {
		float: left;
		width: 210px;
		text-align: right;
		padding-top: 5px;
		margin-left: 20px;
	}
	
	div.videoInfo {
		float: right;
		width: 285px;
		margin-top:20px;
	}
	
		div.videoInfo h3 {
			margin: 0;
			padding: 0 !important;
		}
		
		div.videoInfo p {
			padding: 0 20px 0 0;
			color: #fff;
		}
		
		
/* Songs Section
-------------------------------------------------------------------------- */

div.tuneEntry {
	float: left;
	width: 540px;
	padding-bottom: 2em;
}

	div.tuneIcon {
		float: left;
		width: 65px;
		text-align: right;
		padding-top: 5px;
	}
	
	div.tuneInfo {
		float: right;
		width: 460px;
	}
	
		div.tuneInfo h3 {
			margin: 0;
			padding: 0 !important;
		}
		
		div.tuneInfo p {
			padding: 0 20px 10px 0;
		}


/* Shows Section
---------------------------------------------------------------------- */	

#content div.paperBg {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(images/booking_bg.png) left top;
}

	#content div.paperBgTop {
		background: url(images/booking_bg_top.png) left top no-repeat;
		padding: 0;
		height: 2px;
	}
	
	#content div.paperBgBottom {
		background: url(images/booking_bg_bottom.png) left top no-repeat;
		padding: 2px 0 0 0;
		margin-top: -5px;
		height: 10px;
	}

#content div.paperBg p {
	margin: 8px 20px 6px 20px;
	color: #333;
}

#content DIV.paperCut {
	background: transparent url(images/paper_hr.gif) bottom left repeat-x;
	height: 5px;
	line-height: 1px;
	border: 0;
	margin: 0 3px;
	padding: 0;
}

/* Diverses 
---------------------------------------------------------------------- */		
	
	#browse {
	clear: both;
	margin: 0 0 1em 0;
	padding: 5px;
	font-size: 1em;
}

	.browseLeft {
		float: left;
	}
	
	.browseRight {
		float: right;
	}


/* Sidebar 
---------------------------------------------------------------------- */

div.sidebarEntry {
	margin: 0 0 1em 0;
}

#sidebar h3 {
	font-size: 1.2em;
	margin: 1.5em 0 .3em 0;
	font-weight: normal;
}

#sidebar ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type:none;
}

	#sidebar ul li {
		margin: 0;
		padding: 3px 0;
		font-size: 1em;
	}
	
	
#sidebar div.paperBgTop {
	background: url(images/sidebar_contactform_bg_top.png) left top repeat-y;
	padding: 2px 0 0 0;
}

#sidebar div.paperBg {
	clear: both;
	margin: 0;
	padding: 10px 0;
	background: url(images/sidebar_contactform_bg.png) left bottom repeat-y;
}

#sidebar hr.paperCut {
	background: url(images/paper_hr.gif) 0 0 repeat-x;
	height: 5px;
	border: none;
	margin: 0 3px;
}

#sidebar div.paperBg p {
	margin: 8px 0;
	padding: 0 15px;
	color: #456365;
}

#sidebar div.contactBox {
	margin: 0;
	padding: 0 0 5px 0;
	background: url(images/sidebar_contactform_bg.png) bottom left;
}

#sidebar div.contactBoxTop {
	margin: 0;
	padding: 0;
	background: url(images/sidebar_contactform_bg_top.png) top left no-repeat;
	height: 3px;
}

	#sidebar h4 { /* the subline */
		padding: 0 0 0 15px;
		margin: 0;
		font-size: 14px;
		color: #FF6A00;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: normal;
	}
	

/* --- Sponsoren und Friends --------------------------------------- */
a#musikforum {
	display: block; width: 240px;	height: 90px;	text-indent: -9999px;
	background: url(/lib/sidebar/friends_musikforum.png) 0 0 no-repeat;
	}
	a#musikforum:hover {background-position: -240px 0;}
	
a#dotsperinch {
	display: block; width: 240px;	height: 90px;	text-indent: -9999px;
	background: url(/lib/sidebar/friends_72dpi.png) 0 0 no-repeat;
	}
	a#dotsperinch:hover {background-position: -240px 0;}
	
a#lauter {
	display: block; width: 240px;	height: 120px;	text-indent: -9999px;
	background: url(/lib/sidebar/friends_lauterkommunikation.png) 0 0 no-repeat;
	}
	a#lauter:hover {background-position: -240px 0;}
	
a#manumedia {
	display: block; width: 240px;	height: 100px;	text-indent: -9999px;
	background: url(/lib/sidebar/friends_manumedia.png) 0 0 no-repeat;
	}
	a#manumedia:hover {background-position: -240px 0;}
	
a#klossek {
	display: block; width: 240px;	height: 126px;	text-indent: -9999px;
	background: url(/lib/sidebar/friends_klossek.png) 0 0 no-repeat;
	}
	a#klossek:hover {background-position: -240px 0;}
	
		
	


/* Diverses ---------------------------------------------------------------------- */

#content ul.postspermonth {
	list-style-type: none;
	margin: 0 0 2em 0;
	padding: 0;
}

	#content ul.postspermonth li {
		margin: 0;
		padding: 0;
	}


.embedVideo {
	margin: 0;
	background: #1D1D1D;
	padding: 10px;
	text-align: center;
}


input.text, textarea {
	width: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: none;
	padding: 2px;
	background-color: #f1f1f1;
}

label {
	display: block;
}

.highlight { /* Suchwort-Markierer */
	background-color: #FF6A00;
	color: #fff;
	padding: 1px 3px;
	margin: 0 3px;
}


/* Footer ---------------------------------------------------------------------- */

#footer {
	clear: both;
	margin: 0;
	padding: 1.5em 0 1.5em 20px;
	color: #fff;
}

	#footer p {
		margin: .3em 0;
		padding: 0;
		font-size: 12px;
	}
	
	#footer p.copyright {
		margin: .5em 0;
		padding: 0;
		color: #456365;
		
	}
	
	#footer ul {
		margin: .5em 0;
		padding: 0;
		list-style-type: none;
		font-size: .9em;
	}
	
		#footer ul li {
			display: inline;
			float: left;
			margin-right: 10px;
		}
		
		#footer ul li a {
			color: #456365;
		}
	
/* Advertisement
-------------------------------------------------------------------------- */
#advertise {
	position: absolute;
	top: 180px;
	left: 850px;
	width: 160px;
	height: 600px;
}

/* Tipsy JQuery Tooltips
-------------------------------------------------------------------------- */

.tipsy { 
	padding: 5px; 
	font-size: 13px; 
	opacity: 0.8; 
	filter: alpha(opacity=80); 
	background-repeat: no-repeat; 
}
  
	.tipsy-inner { 
		padding: 4px 5px; 
		background-color: #FF6A00; 
		color: white; 
		width: 200px; 
		text-align: left; 
	}
  
	.tipsy-north { background-image: url(images/tipsy-north.gif); background-position: top center; }
	.tipsy-south { background-image: url(images/tipsy-south.gif); background-position: bottom center; }
	.tipsy-east { background-image: url(images/tipsy-east.gif); background-position: right 15px; }
	.tipsy-west { background-image: url(images/tipsy-west.gif); background-position: left center; }	
	
	
	


/* Dirty Little Helpers
-------------------------------------------------------------------------- */

/*-- BREAK to terminate floats --*/
hr.clearfix, br.clearfix {
	visibility: hidden; 
	clear: both; 
	line-height: 0px; 
	background: #fff; 
	height: 0px; 
	font-size: 0px; 
	padding: 0; 
	margin: 0;
}
/*-- class to adjust height of container box to actual height of contained floating elements ------------------*/
/* see <http://www.positioniseverything.net/easyclearing.html> */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */