/*

#### MASTER CSS SHEET ####

@site

2008 Green Egg Media
www.greeneggmedia.com

*/


/*

Color Guide 


*/

/* Imports */

@import url("reset.css");

/* Page Layout */

#uber_wrapper {width: 100%; height: 100%;}
#banner {height: 400px; width: 100%; background-image: url(../images/elements/banner_bg.jpg); background-repeat: repeat-x;}
#main {height: 600px; width: 100%; background: #3a3a3a; background-image: url(../images/elements/main_bg.jpg); background-repeat: repeat-x; padding-top: 35px;}

/* Top Banner */

#banner_push {width: 1200px; height: 100%; margin: 0 auto; background-image: url(../images/elements/burst.png); background-position: bottom right; background-repeat: no-repeat;}
#banner_content {padding-top: 30px; padding-left: 70px; width: 440px; float: left;}
#banner_content h1 {color: #C1E9F3; font-size: 35pt; margin-top: 60px; margin-bottom: 30px;}
#banner_content p {color: #fff; font-size: 13pt; line-height: 19px;}
#top_text {padding-left: 75px;}

	/* Secondary Menu */
	
	#sub_menu {width: 540px; height: 67px; background-image: url(../images/elements/stickie.gif); background-repeat: no-repeat; margin-left: 650px;}
	#sub_menu ul {margin-left: 30px; padding-top: 10px; font-size: 15pt;}
	#sub_menu ul li {float: left; margin-right: 12px;}
	#sub_menu ul li a {color: #86452B; text-decoration: none;}
	#sub_menu ul li a:hover {color: #D6683C;}
	#sub_menu ul li a.selected {color: #DFC283;}

/* Main Area */

#main_push {width: 1200px; padding-top: 10px; margin: 0 auto; background-image: url(../images/elements/dust.png); background-repeat: no-repeat; height: 400px;}
#content {width: 920px; margin: 0 auto; position: relative;}
#main_video {margin-top: -55px;}

/* Home Page */

	img.point_arrow {position: absolute; top: 10px; left: -20px;}
	img.right_arrow {position: absolute; top: 100px; left: 360px;}
	img.note {position: absolute; top: 60px; left: 10px;}
	img.cast {position: absolute; top: 10px; right: -10px;}
	
	/* Menu */
	
	a.clips_menu {width: 149px; height: 135px; background: url(../images/main/clips_menu.gif); background-position: bottom; display: block; position: absolute; top: 20px; right: 290px;}
	a:hover.clips_menu {background-position: top;}
	
	a.guests_menu {width: 257px; height: 121px; background: url(../images/main/guests_menu.gif); background-position: bottom; display: block; position: absolute; top: 180px; right: 220px;}
	a:hover.guests_menu {background-position: top;}
	
/* Video Page */

.video {margin-right: 10px; float: left; margin-bottom: 10px; height: 150px; width: 120px;}
.video h2 {color: #dfdfdf; font-size: 10pt;}
.video a:hover h2 {color: #DBC065;}

/* Episodes and Guests Page */

img.episode_guide_writing {margin-left: 85px; padding-top: -10px;}
#episode_list {overflow: hidden; margin: 30px 0;}
#choices_holder {margin-bottom: 15px;}
.season {width: 400px; float: left; margin-right: 20px;}
.season p {color: #fff; line-height: 25px;}
.season p a {color: #fff;}
.season p a:hover {text-decoration: none;}

.episode {border-bottom: 1px dashed #A5A5A5; margin-bottom: 15px; overflow: hidden; padding-bottom: 10px;}
.episode h1 {color: #fff; font-size: 25pt;}
.episode h2 {color: #EE9F9F;}
.episode h4 {margin-top: 15px;}
img.episode_pic {width: 300px; float: right; margin-bottom: 10px;}
.summary {width: 500px; float: left; color: #D6D6D6; margin-top: 20px;}
p.back a {color: #fff; background: #5891AC; text-decoration: none;}
p.back a:hover {background: #256D8F;}
p.back {float: left; width: 100px; margin-top: 10px;}
p.guests {color: #EEEEB8; margin: 10px 0;}

	/* Guest Card */
	
	#guest_card {width: 100%; height: 100%; font-size: 10pt;}
	#guest_card img.close {width: 40px;}
	
#footer {margin: 15px auto; width: 300px; color: #8A8A8A;}

/* The Team */

.team_member {float: left; margin-bottom: 20px; overflow: hidden; width: 100%;}
.team_member_info {width: 600px; float: right;}
.team_member_info p {margin-bottom: 3px; line-height: 20px; color: #9E9E9E;}
.team_member_info h1 {font-size: 28pt; color: #C4C4C4;}
img.team {float: left;}
.team_member ol {color: #fff; margin-left: 25px; margin-top: 10px;}

.press {overflow: hidden; border: 1px solid green;}
.press img {float: left; }