/*
THEME NAME: CASSETTEPLAYA
THEME URI: derived from http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Messed with for CP by Stuart Lamour
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 0
AUTHOR: 
AUTHOR URI:
*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
/* @import url('sandbox-layouts/2c-l.css'); */

@import url('http://www.cassetteplaya.com/menu2/cp_menu_style.css');

/* color ref */

.green{ color: #3AE10C; }
.red{ color: #EF0500; }
.blue{ color: #2522D9; }
.pink{ color: #FF00E0; }
.lightblue { color: #C6E4F2; }


/* CASSETTEPLAYA STYLE */

*{
	margin:0;
	padding:0;
}

body{
	text-align:left;
	font-size: 62.5%;
	color:#F2F2F2;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:700;
	background-color: black;
	background-position:top center;
	background-repeat:repeat;
	background-attachment:fixed;
/*
BACKGROUND IMAGE URL SET BY PHP/JAVASCRIPT	
*/
}

/* 
HEADINGS AND H LINKS
 */
h1,h2,h3,h4,h5 h1 a,h2 a,h3 a,h4 a,h5 a{
	color:#999;
	font-family:Helvetica Neue,Arial,Helvetica,sans-serif; 
	margin-bottom:0.2em;
	text-decoration:none;

}
h1 a,h2 a,h3 a,h4 a,h5 a {	
	text-decoration:none;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover {	
	text-decoration:none;
}

/* 
 LINKS AND IMAGES
 */
a{
	color:#ccc;
	cursor : pointer; 
	text-decoration:underline;
	
}
a:hover{
	color:#a4a4a4;
	text-decoration:none;
}
img{
	border:0px solid transparent;
	padding:0.5em 0;
}
a img{
	border:0px solid transparent;
}

/*
PARAGRAPHS
*/

p {
	margin:0.5em 0;
}

/* turn wp things off */

	#header, #access, .entry-date, #secondary, #nav-above, .entry-meta, .sidebar{
		display:none;
	}
	
	
/* 
 start MAIN 
 */	
	#wrapper
	{
		padding: 0;
		width:100%;
		font-size: 1.3em;
		line-height: 1.4em;
		background: transparent; 
	}

	#content{
		padding-bottom:100px;
		position:absolute;
		right:10%;
		top:2em;
		width:600px;
		background: transparent url('http://www.cassetteplaya.com/images/2008/transbg.png') repeat top left;
		font-size:1.3em;
		color:#999;
		font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	}

/*
IMAGE CONSTRAINTS 
*/
		#content img {
			width:100%;
			max-width:570px;
		}
		
		#content img.wp-smiley{
			width:50px;
			vertical-align:middle;
		}
/*
POSTS AND PAGES 
*/	
	 .post, .page{
	 	margin: 1em;
		
	 }
	 .post{
		margin-bottom:2em;
		padding-bottom:3em;
		border-bottom: 1em dotted #B8529E;
	}
	
	 
/*
HEADER AND DATE	
*/
	 
	 .date{		
		color:#B8529E;
		display:block;
		position:absolute;
		top:0em;
		right:0px;
		padding:0.5em 0.5em;
		margin:0;
		text-align:center;
		white-space:nowrap;
	 }

	 .entry-title{
		font-size:3em;
		line-height:110%;
		width:80%;
		background: transparent url('http://www.cassetteplaya.com/collections/aw0910/images/bg_gradient.gif') repeat-x bottom left;
		
	 }
	

/*
COMMENTS AND NAVIGATION
*/

	#comments{
		clear:both;
		margin:1em;
	}
	
	#comments ol li{
		background: #222 url('http://www.cassetteplaya.com/collections/aw0910/images/bg_gradient.gif') repeat-x bottom left;
		border-top:1px solid #ccc;
		border-left:1em solid black;
		margin:1em 0;
		padding:1em 0 1em 1em;
	}
		#comments ol li:hover {
			
		}
	
		#comments ol li p{
			color:white;
			font-size:1.1em;
		}
	
	.detail {
		font-size:small;
	}
	
	.comment-meta {
		text-align:right;
		color:#B8529E;
		font-size:x-small;
	}
		input, textarea{
			border:1px solid #222;
			border-left:1em solid #ccc;
			font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
			background-color:#111;
			line-height:150%;
			color:#999; 
			font-size:1.3em;
			width:90%;
		}
			input:focus, textarea:focus {
				border-color:#B8529E;
			}
		
		textarea#comment{
			height:13em;
			margin:0 0 0.5em;
		}
		
		input#submit {
			font-size:1.5em;
			font-weight:bold;
			border:1px solid #222;
			padding:0.5em;
			width:95%;
			display:block;
			cursor:pointer;
		}
			input#submit:hover{
				border:1px solid #B8529E;
			}
		
	
	.navigation{
		padding:1em 0;
		text-transform:uppercase;
		font-size:2em;
		color:black;
		width:100%;
		white-space:pre-line;
		margin-bottom:2em;
	}
	.navigation div{
		width:50%;
		line-height:110%;
	}
	
	div#nav-below{
		margin-top:1em;
	}
	div.nav-previous, .alignleft{
		float: left;
		text-align:left;
	}
	div.nav-next, .alignright{
		float: right;
		text-align:right;
	}






/*  start MENU / NAV  */
	#cpmenu{
		bottom:20px;
		line-height:12px;
		position:fixed;
		width:100%;
		z-index:80;
		
		background-color: #181818;
		font-size: 1.3em;
		line-height: 1.4em;
		width:200px;
		text-align:left;		
	}
	#cpmenu a{
		text-decoration:none;
	}
	
	#cpmenu ul{
		padding:0 1em 1em 1em;
		margin:1em;
		list-style:none;
		display:none;
		
	}
		ul.cpmenu{
			border-bottom:2px dotted #918f8f;
		}
	
	#cpmenu h2 {
		padding:0.3em;
		background-color:black;
		
	}
		.show{
			cursor:pointer;
			}
/*  end CPMENU / NAV  */	



/* 
 * WP BUILT IN - SAVE FOR USE LATER
 */


/* Just some example content */
div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:black;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:black;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:black;border:none;display:block;padding:0.1em;width:10em;}

.entry-title{clear:both;}
div#container,div.sidebar{margin-top:2em;}

form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{list-style:none;margin:0 0 3.5em;}


div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:none;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:none;}

div#footer{text-align:center;}

/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}


div#overlay {
	width:100%;
	height:660px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:999999!important;
}