/*
		A Place in the Sun
		Viken Youssefian
		viken@vikeny.com
		Created:	March 09, 2010 
		Revised:	5/7/10, 5/8/10, 5/10/10
					9/21/10 2:46 PM v002
	*/


/*	Reset CSS, Eric Meyer	*/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}	

	/* 
		END Reset CSS 
	*/


/* Clear Floated Elements
------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }	


/*	Navigation Main Menu		GLOBAL
------------------------------------------------------------------------------*/
a {
	color: #4e84c4;
	}

.nav {
	background:url("../img/nav1r2.gif") repeat scroll 0 0 transparent;
	float:left;
	padding:0;
	margin:0;
	position:relative;
	width:984px;
	height:36px;
	}
	

.nav li, .nav a {display:block; height:36px;}
.nav li {list-style:none outside none; margin:0; padding:0; position:absolute;top:0;}
.nav span {display:none;}	

#nav1 {	left: 67px;		width: 68px;}	
#nav2 {	left: 135px;	width: 117px;}	
#nav3 {	left: 252px;	width: 99px;}	
#nav4 {	left: 351px;	width: 79px;}	
#nav5 {	left: 430px;	width: 108px;}	
#nav6 {	left: 538px;	width: 94px;}	
#nav7 {	left: 632px;	width: 95px;}	
#nav8 {	left: 735px;	width: 96px;}	
#nav9 {	left: 838px;	width: 81px;}	

#nav1 a:hover { background: transparent url("../img/nav1r2.gif") -67px -36px no-repeat;}
#nav2 a:hover { background: transparent url("../img/nav1r2.gif") -135px -36px no-repeat;}
#nav3 a:hover { background: transparent url("../img/nav1r2.gif") -252px -36px no-repeat;}
#nav4 a:hover { background: transparent url("../img/nav1r2.gif") -351px -36px no-repeat;}
#nav5 a:hover { background: transparent url("../img/nav1r2.gif") -430px -36px no-repeat;}
#nav6 a:hover { background: transparent url("../img/nav1r2.gif") -538px -36px no-repeat;}
#nav7 a:hover { background: transparent url("../img/nav1r2.gif") -632px -36px no-repeat;}
#nav8 a:hover { background: transparent url("../img/nav1r2.gif") -735px -36px no-repeat;}
#nav9 a:hover { background: transparent url("../img/nav1r2.gif") -838px -36px no-repeat;}


/*	CUSTOM STYLES			GLOBAL
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/
	
body {
	margin-bottom: 40px;
	background:url("../img/bg_grad.gif") repeat-x;
	background-color: #FFFFFF;
	font-family: helvetica, arial, sans-serif;
	}
	
h2 {
	font-family: arial, helvetica, sans-serif;
	color: #4e84c4;
	font-size: 16px;
	margin-bottom:10px;
	}
	

h3, h4 { font-family: verdana, sans-serif; }

h3 { font-size: 11px; margin-top: 12px; margin-bottom: 12px; }

h4 { font-size: 11px; margin-top: 16px; margin-bottom: 16px; }		
	
.light { font-weight: normal; }

p, .content li
	{
	font-family: verdana, sans-serif;
	font-size: 10px;
	line-height: 1.9em;
	margin-bottom: 2em;
	color: #666;
	}

.test1 p { font-size: 10px; }	
	
/*	Footer 1		GLOBAL
------------------------------------------------*/
	
#footer_1	{
	background: url(../img/footer_1_bg_blank.gif) no-repeat;
	background-color: #dddddc;
	display: block;
	overflow: hidden;
	height: 74px;
	width: auto;
	margin-top:14px;
	}

#footer_1-blank	{
	background: url(../img/footer_1_bg_blank.gif) no-repeat;
	background-color: #dddddc;
	display: block;
	overflow: hidden;
	height: 74px;
	width: auto;
	margin-top:14px;
	}

#footer_1 ul { list-style:none outside none; position: relative; left: 146px; display: inline; }
#footer_1 li { display: inline; padding-right: 20px; }

#facebook { float:right; left:-25px; position:relative; }	

/*	Footer 2	GLOBAL
------------------------------------------------*/

#footer_2	{ font-size: 11px; margin-top:14px; text-align: center; }
#footer_2 ul { list-style:none outside none; }
#footer_2 li { display: inline; }
#footer_2 a { color:#666; text-decoration:none; padding:0 1.0em; }	
#footer_2 a:hover {	color:#4E84C4; text-decoration: underline;}


/*	Footer 3	GLOBAL
------------------------------------------------*/

#footer_3	{
	display: block;
	overflow: hidden;
	width: 984px;
	margin-top:12px;
	text-align: center;
	color: #999;
	font-size: 10px;
	}		

#footer_3 p { display: inline; padding: 0 1.0em; }
#footer_3 a { color:#999; text-decoration:none; }	
#footer_3 a:hover {	color:#4E84C4; text-decoration: underline;}
	
		
/*	HOME PAGE
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/
		
.container_1 { margin-left: auto; margin-right: auto; width: 984px; }

.masthead_home { background: url(../img/home_masthead.jpg); height: 358px; width: 984px; }

.masthead_home h1 { display: none; background-repeat: no-repeat; }
	

/*	HOME MIDDLE
------------------------------------------------- */

#container_home_middle {	
	display: block;
	overflow: hidden;
	height: 227px;
	width: auto;
	background: url(../img/home_mid_bg.gif);
	margin-top: 14px;
	}

.home_mid_container { float:left; }
.home_mid_container#vid { position:relative; top: 6px; left: 6px; width: 314px; height: 214px; }

	
/*	----- Three Buttons | HOMEPAGE ---- */
	
.home_mid_container#btns {position:relative;top: 44px;left: 56px;width:343px;}

.threebtns {float:left;padding:0;margin:0;position:relative;width:233px;height:26px;}
.threebtns li, .threebtns a {display:block;height:26px;}	

.threebtns a {
	font-family: Ariel, sans-serif;
	font-size: 13px;
	color: #000;
	text-decoration: none;
	background:url("../img/home_mid_3btns.gif") repeat scroll 0 0 transparent;
	text-align: center;
	line-height: 25px;
	width:233px;
	}	
	
.threebtns li {list-style:none outside none;margin:0;padding: 10px 0;position:relative;}	
	
#threebtns1 a:hover { background: transparent url("../img/home_mid_3btns.gif") -0px -26px no-repeat;}
#threebtns2 a:hover { background: transparent url("../img/home_mid_3btns.gif") -0px -26px no-repeat;}
#threebtns3 a:hover { background: transparent url("../img/home_mid_3btns.gif") -0px -26px no-repeat;}

	
/*	------ Middle Container | HOMEPAGE --------------------------------- */
		
.home_mid_container#about {
	background: url(../img/home_mid_about_bg.jpg) no-repeat;
	width:314px;
	height:214px;
	position:relative;
	top: 6px;
	left: 6px;
	}

.home_mid_container#about p, .home_mid_container#about a {
	font-family: Verdana, sans-serif;
	color: #fff;
	font-size: 11px;
	line-height: 1.3em;
	margin-bottom:0;	
	}	

.home_mid_container#about p { width: 135px; }
.home_mid_container#about a	{ color: #ffd24f; text-decoration:none; }
.home_mid_container#about a:hover { text-decoration:underline; }	
		
#aboutShow { position: absolute; top: 55px; left: 170px; }

#aboutHost { position: absolute; top: 170px; left: 170px; }	

/*	TEMPLATES & CONTENT General
-----------------------------------------------------------------------------*/

.container_2 { margin-left: auto; margin-right: auto; width: 984px; margin-top:25px; }


.header h1 { display:none; }
	
.header { background: url(../img/header_1.jpg); width: 984px; height:123px; }

.header a { display: block; width: 984px; height:123px; }
	
#container_main	{
	background:url("../img/content_border_top.gif") no-repeat scroll center top #fff;
	clear:both;
	padding-top:13px;
	padding-left:12px;
	padding-right:0px;
	position:relative;
	top:10px;
	min-height:512px;
	display:inline-block;
	}
	
#container_content {
	background-color:#fff;
	float:right;
	margin-right:0;
	width:730px;
	margin-left: 20px;
	}
	
.content {
	float:left;
	width: 65%;
	margin-right:21px;
	margin-top: 28px;
	margin-left: -1px;
	}


.content li { line-height: .05em; }
	
	/* Bio Page List */
	
	div#resume ul { list-style: disc outside none; }
					
	div#resume li { line-height: 1.9em; margin-bottom: 6px; }
	
.content ul { margin-top:		15px; margin-bottom:	10px; margin-left:	12px; }

.content h3 { font-size: 10px; margin-bottom: 5px; color: #4E84C4; }

#content_col2 { float:left; width: 32%; margin-top: 28px; }

#content_col2 h4 { margin-bottom: 2px; font-size: 10px; }
	
#content_col2 li, #content_col2 a {	/* VERTICAL NAVIGATION */
	font-size: 10px;
	color: #666;
	text-decoration: none;
	line-height: 1.5em;
	}
		
#content_col2 a.orange { color: #F47B20; }

#content_col2 a:hover.orange { text-decoration:underline; }

.main_nav  {			/* VERTICAL NAVIGATION */
	background:url("../img/main_nav_bg_grad.gif") repeat-x scroll 0 0 #FFFFFF;
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	width:182px;
	overflow:hidden;
	min-height: 542px;
	}

.main_nav h3 {			/* VERTICAL NAVIGATION */
	font-family: helvetica,arial,sans-serif;
	color: #000;
	font-size: 11px;
	margin-bottom: 12px;
	margin-top: 0;
	}	
	
.v_nav li, .v_nav a {	/* VERTICAL NAVIGATION */
	font-size: 10px;
	color: #666;
	text-decoration: none;
	line-height: 2.4em;
	padding-left: 3px;
	}
		
.v_nav a:hover {	
	text-decoration:underline;
	}
	
/* 
		EPISODE INFO 
*/

.summary_container { margin-bottom: 25px; }

.content#episode_info { width:97%; }
.content#episode_info .narrow_width { width:68%; }

.content#episode_info .summary_container h3 { color: #888888; margin-bottom: 10px; }
	
.content#episode_info .summary_block {
	display: inline-block;
	background-color: #e6e6e6;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 15px 15px 5px 20px;
	width: 95%;
	}
	
.content#episode_info .summary_block .sb_info { width: 415px; float: left; }
.content#episode_info .summary_block h4 { margin:0 0 5px 0; font-size: 10px; }
.content#episode_info .summary_block p { line-height: 1.5em; margin-bottom: 5px; }
	
.content#episode_info .summary_block p a {
	font-weight: bold;
	text-decoration: none;
	color: #F47B20;
	}

.content#episode_info .summary_block .sb_thumbs_vid a ,
.content#episode_info .summary_block .sb_thumbs_pic a{
	color: #4D85C5;
	}

.content#episode_info .summary_block .sb_thumbs_vid { float: right; }
	
.content#episode_info .summary_block .sb_thumbs_pic {
	margin-left: 20px;
	position: relative;
	top: 19px;
	float: right;
	}
	
.content#episode_info .summary_block .sb_thumbs_pic img { border: 5px solid #ffffff; }

/* 
		EPISODE DETAIL
*/

.content#episode_detail { width: 100%; }
.content#episode_detail h2.title  { display: inline; float: left; }
	
#fulllist {					/* Special Link */
	display: inline;
	float: right;
	position:relative;
	right:170px;
	}

#fulllist a { font-size: 10px; color: #f47b20; text-decoration: none; }

#fulllist a:hover { text-decoration: underline; }
		
.content#episode_detail ul.ep_spec_list	{ margin: 5px 0 20px 0; }
.content#episode_detail ul.ep_spec_list	li { margin-bottom: 0; line-height: 2em; }
.content#episode_detail .vid { margin-bottom: 15px; }


/*	ALBUM	*/

.album_thmbs { margin-bottom: 20px; }

.album_thmbs a { color: #FFF; }

.album_thmbs h3 { color: #666; margin-bottom: 8px; }

.content#episode_detail .album_thmbs img {		/* Thumbnails */
	padding: 5px;
	border: solid 2px #eee;
	margin-right: 5px;
	margin-bottom: 5px;
	}

.content#episode_detail .album_thmbs img#current_thmb {		/* Highlight Current Thumb */
	border: solid 2px #BFD534;
	}

.content#episode_detail .album_viewer img {
	padding: 5px;
	border: solid 2px #eee;
	margin-right: 5px;
	margin-bottom: 5px;
	}

#viewalbum {				/* Special Link only */
	margin-top: 0;
	font-size: 50%;
	}

#viewalbum a {				/* Special Link only */
	font-size: 9px;
	color: #f47b20;
	text-decoration: none;
	margin-top: 0px;
	}

#album_nav	{			/* Album Nav Buttons */
	width: 614px;
	text-align:	right;
	font-size: 11px;
	margin-bottom: 5px;
	color: #C6C305;
	letter-spacing:0.2em;	
	}

#album_nav a{ text-decoration: none; padding: 5px; }
#album_nav a:hover{ color: #FFF; background-color: #4E84C4; }

	
.ep_detail_location h2 { margin-bottom: 4px; }
	
.detail_info {
	display: inline-block;
	background-color: #e6e6e6;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 5px 15px 5px 20px;
	width: 460px;
	font-size: 10px;
	margin-bottom: 20px;
	}
	
.detail_info a { color: #f47b20; text-decoration: none; }
.detail_info .col1 { float:left; width: 210px; padding-right: 40px; }
.detail_info .col2 { float:	left; width: 210px; }
.detail_info h4 { font-size: 11px; color: #333333; }
.detail_info h5 { font-size: 11px; color: #666666; margin-bottom: 3px; }	

.wherestay span { display: block; color: #666666; margin-bottom: 10px; }
.wherestay p { font-size: 10px; color: #666666; line-height: 1.5em; }

.visithotel span { display: block; margin-bottom: 10px; }
.visithotel span a { color: #f47b20; text-decoration: none; }

.ep_detail_search { float: right; position: relative; left: -10px; display: none; }


/* 
	FORMS 
*/

fieldset input, fieldset textarea {
	background-color: #e6e6e6;
	border: 0px;
	padding: 5px;
	width: 275px;
	font-family:verdana,sans-serif;
	font-size:11px;
	}

fieldset .checkbox { width:auto; }
	
fieldset label {
	}

.submitbtn {
	background-color: #f47b20;
	cursor:			pointer;
	color: 			#fff;
	width: 			auto;
	font-size:		12px;
	letter-spacing:	2px;
	padding-left:	13px;
	padding-right:	11px;
	text-align:		center;
	}

	
/*	
	MISC 	
*/	

.caption { color: #333; font-weight: bold; margin-top: -15px; }
#locationsTEMP	{ margin-left: 35px; }


/*
		PAGES	Watch Us Now
	----------------------------------------------------
*/	

.watchUsContainer {
	display: block;
	width: 200px;
	border-top: 1px solid #CCC;
	border-bottom: 2px solid #CCC;
	padding-bottom: 10px;
	}

.watchUsContainer h4 {
	color: #666;
	font-weight: normal;
	margin: 10px 0 10px;
	}

.watchUsContainer a {
	text-decoration: none;
	color: #666;
	font-size: 11px
	}
	
.watchUsContainer a:hover {color: #1297C6;}	
	
.watchUsContainer img {
	margin-bottom: 10px;
	}