/*

- WaterSigns 2.0
- http://www.watersigns.tv
- designed by Switch Creative Group c/o Matt McClard
- http://www.groupswitch.com

*/

/* ! ---- COLORS ---- */
/* ---------------------------------------------------- */
	/* ! -- #f4f2f2 - lite gray	-- */
	/* ! -- #5a5f63 - dark gray	-- */
	/* ! -- #cacfd3 - stroke gray	-- */
	/* ! -- #00a2dd - link blue	-- */


/* ! ---- STRUCTURE ---- */
/* ---------------------------------------------------- */
	
	body {
		background: #f4f2f2 url(../_img/background.jpg) repeat-x;
		color: #5a5f63;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		}
	
	#wrapper {
		margin: 0 auto;
		width: 1024px;
		}


	
/* ! ---- HEADER ---- */
/* ---------------------------------------------------- */
	
	#header {
		background: url(../_img/header_background.jpg) no-repeat;
		height: 388px;
		position: relative;
		}
	
	#header h1 {
		background: url(../_img/header_logo.jpg) no-repeat;
		height: 71px;
		position: absolute;
			top: 15px;
			left: 358px;
		text-indent: -9999px;
		width: 304px;
		}
	
	#header h1 a {
		display: block;
		height: 71px;
		width: 304px;
		}



/* ! ---- MAIN_NAV ---- */
/* ---------------------------------------------------- */

	#main_nav_hldr {
		background: url(../_img/main_nav_sprite.jpg) no-repeat;
		height: 42px;
		position: absolute;
			bottom: 9px;
			left: 160px;
		width: 704px;
		}
	
	#main_nav {
		position: absolute;
			top: 0;
			left: 0;
		}
	
	#main_nav li {
		height: 42px;
		float: left;
		text-indent: -9999px;
		}
	
	#main_nav a {
		display: block;
		height: 42px;
		text-indent: -9999px;
		}
	
	#home_mn	{ left: 0;			width: 85px;	}
	#syno_mn	{ left: 85px;		width: 119px;	}
	#char_mn	{ left: 204px;	width: 149px;	}
	#musi_mn	{ left: 353px;	width: 85px;	}
	#blog_mn	{ left: 438px;	width: 81px;	}
	#bios_mn	{ left: 519px;	width: 74px;	}
	#cont_mn	{ left: 593px;	width: 104px;	}
	
	#home_mn a:hover	{ background: url(../_img/main_nav_sprite.jpg) 0 -42px no-repeat; }
	#syno_mn a:hover	{ background: url(../_img/main_nav_sprite.jpg) -85px -42px no-repeat; }
	#char_mn a:hover	{ background: url(../_img/main_nav_sprite.jpg) -204px -42px no-repeat; }
	#musi_mn a:hover	{ background: url(../_img/main_nav_sprite.jpg) -353px -42px no-repeat; }
	#blog_mn a:hover	{ background: url(../_img/main_nav_sprite.jpg) -438px -42px no-repeat; }
	#bios_mn a:hover	{ background: url(../_img/main_nav_sprite.jpg) -519px -42px no-repeat; }
	#cont_mn a:hover	{ background: url(../_img/main_nav_sprite.jpg) -593px -42px no-repeat; }

	#home_mn.active, #home_mn.current	{ background: url(../_img/main_nav_sprite.jpg) 0 -84px no-repeat; }
	#syno_mn.active, #syno_mn.current	{ background: url(../_img/main_nav_sprite.jpg) -85px -84px no-repeat; }
	#char_mn.active, #char_mn.current	{ background: url(../_img/main_nav_sprite.jpg) -204px -84px no-repeat; }
	#musi_mn.active, #musi_mn.current	{ background: url(../_img/main_nav_sprite.jpg) -353px -84px no-repeat; }
	#blog_mn.active, #blog_mn.current	{ background: url(../_img/main_nav_sprite.jpg) -438px -84px no-repeat; }
	#bios_mn.active, #bios_mn.current	{ background: url(../_img/main_nav_sprite.jpg) -519px -84px no-repeat; }
	#cont_mn.active, #cont_mn.current	{ background: url(../_img/main_nav_sprite.jpg) -593px -84px no-repeat; }



/* ! ---- CONTENT ---- */
/* ---------------------------------------------------- */
	
	#content {
		margin: 25px auto 35px;
		width: 670px;
		}
	
	#content.home {
		height: 250px;
		}
	
	h2 {
		font-family: 'QuicksandLight', Verdana, sans-serif;
		font-size: 38px;
		font-weight: normal;
		margin: -5px 0 9px -3px;
		padding: 0;
		}
	
	h2 a {
		color: #353535;
		}

	h2 a:hover {
		color: #00a2dd;
		}
			
	h3 {
		font-family: Georgia, serif;
		font-size: 15px;
		font-style: italic;
		font-weight: normal;
		margin: -2px 0 9px;
		}
	
	h4 {
		color: #055f86;
		font-family: 'QuicksandBold', Verdana, sans-serif;
		font-size: 19px;
		font-weight: normal;
		margin: 0;
		padding: 0;
		}
	
	p {
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 13px;
		line-height: 1.5em;
		margin-bottom: .8em;
		text-align: justify;
		}
	
	p strong {
		font-weight: bold;
		}
	
	#content p a {
		color: #00a2dd;
		}
	
	#content p a:hover {
		color: #cacfd3;
		}
	
	strong {
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-weight: normal;
		}
	
	.small_caps {
		font-size: 12px;
		}
	
		
/* ! ---- HOME PAGE ---- */
/* ---------------------------------------------------- */
		#home_left {
			float: left;
			width: 400px;
			}
		
		#home_left #intro {
			display: block;
			color: #353535;
			font-family: 'QuicksandBold', Verdana, sans-serif;
			font-size: 21px;
			font-weight: normal;
			margin: 20px 0 5px;
			text-align: left;
			}
		
		#home_left p {
			font-family: 'QuicksandBook', Verdana, sans-serif;
			font-size: 15px;
			line-height: 1.5em;
			margin-bottom: 1em;
			}
		
		#home_right {
			background: url(../_img/home_trailer_watch.jpg) no-repeat top right;
			cursor: pointer;
			float: right;
			height: 178px;
			margin: -5px -10px 0 0;
			text-indent: -9999px;
			width: 259px;
			}
		
		#home_right a {
			display: block;
			height: 178px;
			width: 279px;
			}



/* ! ---- CONTACT PAGE ---- */
/* ---------------------------------------------------- */
	
	#contact_content {
		float: left;
		width: 200px;
		}
	
	#contact_img {
		float: right;
		margin: -10px -20px 0 0;
		width: 478px;
		}

		
		
/* ! ---- ONE COLUMN PAGE ---- */
/* ---------------------------------------------------- */
		#synopsis_footer {
			margin: 35px 0 -44px;
			}
		
		
/* ! ---- SUDO TWO COLUMN PAGE ---- */
/* ---------------------------------------------------- */
		.person {
			margin: 0 0 55px;
			}
		
		.person .headshot {
			float: left;
			width: 200px;
			}
			
			.person .headshot img {
				border: 1px solid #cacfd3;
				}
			
			.person .music {
				margin: 0 auto;
				width: 150px;
				}
		
		.person .bio {
			float: right;
			width: 435px;
			}
		
		
/* ! ---- SIDEBAR ---- */
/* ---------------------------------------------------- */
		#sidebar {
			float: right;
			width: 200px;
			}
		
		#sidebar ul {
			margin: 7px 0 20px;
			}
		
		#sidebar ul li {
			font-size: 14px;
			line-height: 1.5em;
			}
		
		#sidebar ul li a {
			}
		
		#sidebar ul li a:hover {
			color: #00a2dd;
			}
		
		#sidebar ul.social {
			}
		
		#sidebar ul.social li {
			display: inline;
			}
		
		#sidebar ul.social li img {
			margin-right: 2px;
			}
		
		#sidebar .tweet {
			font-size: 11px;
			margin-top: 7px;
			}
		
		#searchform {
			margin: 0 0 20px;
			}
		
		#searchform input.text {
			border: 1px solid #cacfd3;
			color: #5a5f63;
			font-family: Georgia, sans-serif;
			font-size: 14px;
			font-style: italic;
			padding: 5px;
			width: 100px;
			}
		
		#searchform input.text:hover,
		#searchform input.text:focus {
			border: 1px solid #5a5f63;
			}
		
		#searchsubmit {
			border: none;
			cursor: pointer;
			font-size: 14px;
			font-weight: bold;
			}
		
		#searchsubmit:hover,
		#searchsubmit:focus {
			color: #00a2dd;
			}


/* ! ---- POSTS ---- */
/* ---------------------------------------------------- */
		#posts {
			float: left;
			width: 440px;
			}
		
		#posts h4 {
			margin-bottom: 25px;
			}
		
		.post {
			margin-bottom: 50px;
			}
		
		.postmeta p {
			font-size: 11px;
			}
		
		.wp-caption {
			margin: 20px 0;
			}
		
		.wp-caption p {
			background: #5a5f63;
			color: #cacfd3;
			font-family: Verdana, serif;
			font-size: 10px;
			padding: 5px 10px 7px;
			text-align: left;
			}
		
		.post ul {
			border-left: 4px solid #cacfd3;
			list-style: none;
			margin-left: 15px;
			}
		
		.post ul li {
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-size: 13px;
			line-height: 1.5em;
			margin-bottom: .8em;
			padding-left: 15px;
			text-align: justify; 
			}
		
		#player {
			margin-bottom: 15px;
			}
		
		.hr {
			border-top: 1px solid #cacfd3;
			height: 5px;
			margin-bottom: 5px;
			}
		

/* ! ---- COMMENTS ---- */
/* ---------------------------------------------------- */
	
	#comments {
		border-top: 1px solid #cacfd3;
		border-bottom: 1px solid #cacfd3;
		margin: -15px 0 25px;
		padding: 25px 0;
		}
	
	ol#comments_list {
		}
	
	ol#comments_list li {
		background: #e5e5e5;
		margin-bottom: 8px;
		padding: 2px 5px 5px;
		}
	
	#comments .comment_text p {
		font-family: Georgia, serif;
		font-size: 16px;
		font-style: italic;
		margin: 0;
		padding: 0;
		}
	
	.comments_meta p {
		font-family: Verdana, sans-serif;
		font-size: 12px;
		margin: 0;
		padding: 0;
		}
	
	.comments_reply {
		}
	
	.comments_reply p small {
		font-family: Verdana, sans-serif;
		font-size: 10px;
		}
	
	#comment {
		border: 1px solid #cacfd3;
		color: #5a5f63;
		font-family: Georgia, sans-serif;
		font-size: 14px;
		font-style: italic;
		padding: 5px;
		width: 430px;
		}
	
	#comment:hover,
	#comment:focus {
		border: 1px solid #5a5f63;
		}
	
	#submit {
		border: none;
		cursor: pointer;
		font-size: 14px;
		font-weight: bold;
		}
	
	#submit:hover,
	#submit:focus {
		color: #00a2dd;
		}

		
/* ! ---- FOOTER ---- */
/* ---------------------------------------------------- */		
		
	#footer_hldr {
		background: url(../_img/footer_background.jpg) repeat-x;
		height: 45px;
		width: 100%;
		}
	
	#footer {
		color: #f4f2f2;
		margin: 0 auto;
		padding-top: 15px;
		width: 690px;
		}
	
	#footer p {
		font-family: Verdana, sans-serif;
		font-size: 10px;
		}
	
	#footer a {
		color: #222;
		}
	
	#footer a:hover {
		text-decoration: underline;
		}
	
	#footer_left {
		float: left;
		}
	
	#footer_right {
		float: right;
		text-align: right;
		}