/*
Theme Name: Starkers
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.8
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


@charset "UTF-8";
/* CSS Document */



@charset "UTF-8";
/* 

Peter Fox Music Project
Author: Ivana Setiawan
Link: www.ivanasetiawan.com

*/

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

* 						{margin:0;}
.clear					{clear: both;}
html, body				{ height: 100% !important; }

body{ 
	font: 16px Century Gothic, arial;
	background: url(images/background17.jpg)  #010101 no-repeat top center;
	text-align: justify; 
	}

	
#page-wrap{ 
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	margin: 0 auto -4em; 
	width: 960px;
	}


blockquote {
	margin:0 auto; padding:0 0 0 20px;
	width:85%; height:auto;
	background:url(images/blockquote.gif) no-repeat center left;
}




/* 01 - JS
/* ----------------------------------------------*/

dl						{ clear: both; margin: 0 0 60px 0; }

dt						{ 
							border: 8px solid #7ac0d0; 
							padding: 10px; 
							background: white; 
					  		position: relative; 
					  		font-style: italic; 
					  		position: relative; 
					  		display: block; 
					  		width: 100%; 
					  		height: auto; 
					  	}
					
dd.answer				{ 
							background: white;
					 	 	position: relative; 
					 	 	width: 70%; 
					 	 	float: right; 
					 	}
					 	
dd.answer div			{
							padding: 10px; 
							border-left: 8px solid #dedede;
	                      	border-right: 8px solid #dedede; 
	                      	border-bottom: 8px solid #dedede;
                      		margin: 0 0 10px 0;
                      	}

.answer-tab		    	{
							background: url(images/answer-tag.png); 
							display: block;
 	                     	text-indent: -9999px;
 	                     	width: 105px; 
 	                     	height: 50px; 
 	                     	cursor: pointer;
                     		position: absolute; 
                     		bottom: -58px; 
                     		left: 10px;
                     	}




/* 00 - TEXT SELECTION COLORS
/* ----------------------------------------------*/

/* Mozilla based browsers */
::-moz-selection {
       background-color: #FFA;
       color: #000;
}

/* Works in Safari */
::selection {
       background-color: #FFA;
       color: #000;
}




/* 00 - Search.php - Highlight Searched Text In Search Results
/* ----------------------------------------------*/
strong.search-excerpt { background: white; }

.searchbutton {
	width:58px;
	height:20px;
	display:block;
	background:url(images/searchbutton.png) top left no-repeat;
	border:none;
	cursor:pointer;
	float:right;
	margin-left:2px;
	}



/* 02 - TYPO
/* ----------------------------------------------*/


a:hover				{font: italic #f76313;}

*|*:link 			{color: #fff; outline: none;}

*|*:hover 			{font: italic #f76313;}

*|*:-moz-any-link 	{text-decoration:none;}

:-moz-any-link		{cursor:pointer;}

*|*:visited 		{color:#fff;}

*|*:-moz-any-link img, img[usemap], object[usemap] {border:none;}

p					{
						font-family:Century Gothic, arial;
						color: black; 
						font-size: 14px;
						padding: 10px;
					}


h1 					{ font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 					{ 
						font-size: 2em; 
						margin-bottom: 0.50em; 
						margin-top: 0.5em; 
						/*color:#f76313;*/
						color: #fff;
						border-top: solid thin #808080;
						padding-top: 10px;
					}
h3 					{ font-size: 3 em; line-height: 0; margin-bottom: 0.5em; color: #ffffff;}
h4 					{ 
						font-size: 1.2em; 
						line-height: 1em; 
						margin-bottom: 0.5em; 
						margin-top: 0.5em;
						color:#f76313; 
						font-style: italic;
					}
h6 					{ 
						font-size: 1em; 
						font-weight: normal; 
						color:#ccc; 
						border-top: dashed thin #f76313;
						margin-top: 5px;
					}

/*REVIEW*/
h5 {
	font-size:16px;
	letter-spacing:2px;
	margin:0 0 10px;
	text-transform:none;
	color: white;
}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {margin: 0;}




/*CONTENT*/

		
div#top-logo{
	margin: 20px 0 0 0px;
	list-style:none;
	display: inline; /* Prevents "stepdown" */
	}

	div#top-logo h1 a{text-indent: -9999px; display: block; height:105px; float: left;outline: none;}

		div#top-logo h1 a.top-logo{
			background: url(images/logo-top17.png) no-repeat bottom center;
			width: 350px;
			}

			div#top-logo li a.top-logo:hover, div#top-logo li a.top-logo:active	
				{
				background-position:top center;
				}	

/*NAV*/				
				
ul#nav {height:30px; width:960px; list-style:none; }
		
	ul#nav li {margin-left: 420px;}
		
		ul#nav li a {
			text-indent: -9999px; 
			display:block; 
			height:30px; 
			float:left; 
			margin:5px 10px 0 0;
			outline: none;
			}	
			
			ul#nav li a.home {
				background: url(images/about.png) no-repeat bottom center;
				width: 70px;
				}
							
			ul#nav li a.news {
				background: url(images/news.png) no-repeat bottom center;
				width: 70px;}
				
			ul#nav li a.rev-tes {
				background: url(images/reviews.png) no-repeat bottom center;
				width: 90px;
				}				
				
			ul#nav li a.myblog {
				background: url(images/happyac.png) no-repeat bottom center;
				width: 190px;
				}
			
			ul#nav li a.studios {
				background: url(images/gear.png) no-repeat bottom center;
				width: 70px;
				}
				
				ul#nav li a.home:hover, ul#nav li a.home:active,
				ul#nav li a.news:hover, ul#nav li a.news:active,
				ul#nav li a.rev-tes:hover, ul#nav li a.rev-tes:active,
				ul#nav li a.myblog:hover, ul#nav li a.myblog:active, 
				ul#nav li a.studios:hover, ul#nav li a.studios:active
				{
				background-position:top center;
				}					
					
div#line {
	background: url(images/line.jpg) left no-repeat; 
	width: 960px; 
	height:21px; 
	margin:90px 0 10px 0;
	}
	
div#line2 {
	background: url(images/line.jpg) left no-repeat; 
	width: 960px; 
	height:21px; 
	margin:10px 0 20px 0;
	}	
	

ul#tiga {height:55px; width:960px; list-style:none;}
		
	ul#tiga li {margin-left: 70px; left:50%;}
		
		ul#tiga li a {
						text-indent: -9999px; 
						display:block; 
						height:55px; 
						float:left; 
						margin:0px 20px 0px 20px;
						outline: none;
						}	
			
			ul#tiga li a.composer {
				background: url(images/composer.png) no-repeat bottom center;
				width: 230px;
				}
							
			ul#tiga li a.producer {
				background: url(images/producer.png) no-repeat bottom center;
				width: 230px;
				}
				
			ul#tiga li a.musician {
				background: url(images/musician.png) no-repeat bottom center;
				width: 230px;
				}				
				
				ul#tiga li a.composer:hover, ul#tiga li a.composer:active,
				ul#tiga li a.producer:hover, ul#tiga li a.producer:active,
				ul#tiga li a.musician:hover, ul#tiga li a.musician:active
				{
				background-position:top center;
				}	
		
/*CONTENT*/				
div#content-left {
	width: 700px; 
	background:url(images/left-bg.png); 
	color:#000; 
	margin: 20px 0 20px 0; 
	font: Century Gothic, arial 14px;
	font-stretch: 2px; 
	float:left; 
	padding:10px; 
	-moz-border-radius:10px; 
	-webkit-border-radius: 10px; 
	border-radius:10px;
	}

div#leftcol-cat	{
	width: 700px; 
	background:url(images/left-bg.png); 
	margin: 20px 0 20px 0; 
	font: Century Gothic, arial 14px;
	font-stretch: 2px; 
	float:left; 
	padding:10px; 
	-moz-border-radius:10px; 
	-webkit-border-radius: 10px; 
	border-radius:10px;
	}


div#content-right1 {
	width: 220px; 
	color:#FFFFFF; 
	margin: 20px 0 20px 0px; 
	font: Century Gothic, arial 12px; 
	font-stretch: 2px;float:right; 
	padding:10px; 
	border-radius:10px;
	}

.divider {
	margin:12px 0; 
	padding:0;
	width:499px; 
	height:3px;
	background:url(images/divider.gif) no-repeat top center;
	}


/*SEARCHFORM*/
div#searchform{
	margin: 0 0 10px 10px;
	width: 200px;
	font:Century Gothic, arial  12px;
	font-stretch: 2px;
	-moz-border-radius:10px; 
	-webkit-border-radius: 10px; 
	border-radius:10px;
}



	

/*TWITTER*/
ul#twitter {margin: 40px 0 0 0px;list-style:none;}

	ul#twitter li a	{text-indent: -9999px; display: block; height:40px; float: left; outline: none;}

		ul#twitter li a.twitterbird {
			background: url(images/twitternew.png) no-repeat bottom center;
			width: 200px;
			}				
		
		ul#twitter li a.twitterbird:hover, 
		ul#twitter li a.twitterbird:active	
			{
			background-position:top center;
			}

div#content-twitter {width:200px; height:auto; text-align:left; margin: 50px 0 0 10px;}

div#follow {margin-top:10px; width:200px; text-align:right;}



a.line {
	background: url(images/line.png) no-repeat left; 
	width:200px; 
	text-indent:-9999px; 
	display:block; 
	height:20px; 
	float:left; 
	margin:10px 0 10px 0;
	outline: none;
	}

/*Music-Player*/	
ul#mp {
	margin: 50px 0 0 0px;
	list-style:none; 
	}

	ul#mp li a {text-indent: -9999px; display: block; height:40px; float: left; outline: none;}

		ul#mp li a.mp {
			background: url(images/hdis.png) no-repeat bottom center;
			width: 200px; 
			height: 40px;
			}
			
		ul#mp li a.mp:hover, ul#mp li a.mp:active	
			{
			background-position:top center;
			}

/*MP3*/
#container-mp3 {
	width:200px;
	margin:20px 0 0 20px;
	}	

/*Announcement*/	

ul#announcement {
	margin: 55px 0 0 0px;
	list-style:none; 
	}

	ul#announcement li a {
		text-indent: -9999px; 
		display: block; 
		height:45px; 
		float: left; 
		outline: none;
		}

	ul#announcement li a.announcement {
		background: url(images/announcement.png) no-repeat center;
		width: 200px; 
		height: 40px;
		}

div#announcement {
	width:200px; 
	height:80px; 
	text-align:left; 
	margin: 100px 0 0 0px;
	}

/*CALENDAR*/	

ul#calendar {
	margin: 40px 0 0 0px;
	list-style:none; 
	}

	ul#calendar li a {text-indent: -9999px; display: block; height:40px; float: left;outline: none;}

	ul#calendar li a.calendar {
		background: url(images/calendar.png) no-repeat center;
		width: 200px; 
		height: 40px;
		}

.gigs-calendar {
	font: 16px Century Gothic, arial; 
	color: white; 
	border: none;
	}

/*EMAILME*/	

ul#emailme {
	margin: 40px 0 0 0px;
	list-style:none; 
	}

	ul#emailme li a {text-indent: -9999px; display: block; height:40px; float: left;outline: none;}

	ul#emailme li a.emailme	{
		background: url(images/emailme.png) no-repeat center;
		width: 200px; 
		height: 40px;
		}

/*FOOTER*/

#footer, 
.push{
	background:url(images/footer-back.jpg) no-repeat center bottom; width: 960px; margin: 0 auto;
	height: 4.8em;margin-top: 50px;
	}

#footer {position: relative;}

#footer p {position:absolute;top: 40px;list-style: none;color:#ffffff;font-size: 13px;}

#isdesign {
	height:20px; 
	width:200px; 
	list-style:none; 
	position:absolute; 
	right: 0; 
	top: 48px;
	}

	#isdesign a {text-indent: -9999px; display: block; height:20px; outline: none;}

		#isdesign a.isdesign {background: url(images/isdesign.png) no-repeat center;width: 200px;}
		
/*404*/
div#error {list-style:none; float:left; margin-top:30px;}

	div#error a {text-indent: -9999px; display: block; height:400px; float: right; outline: none;}

	div#error a.error {background: url(images/404.png) no-repeat center;width: 600px;}

/* 02 - POST
/* ----------------------------------------------*/
div.post table tr td{
  padding: 10px 0;
  }