/*
Site: Watch 30 Rock Episodes
Author: www.watch30rockepisodes.com
Description: Watch episodes of 30 Rock online.
*/

/* ------------ Globals ------------ */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Georgia, Sans-serif;
	color: #000;
	font-size: 10px;
	background-color: #fff;
}

img {
	border: 0;
}

a {
	color: #2d8f1d;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	text-align: center;
	font-family: Arial;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 0;
}

/* ------------ Wrapper ------------ */

#wrapper {
	margin: 0 auto;
	width: 800px;
}

/* ------------ Header ------------ */

#header {
	margin-bottom: 0px;
	padding-bottom: 0px;
	width: 800px;
	height: 250px;
}

#top_logo {
	margin-bottom: 5px;
	width: 800px;
	height: 250px;
	background: url("/images/top_banner.png") no-repeat;
}
#top_menu {
	float: left;
	text-align: left;
	padding-top: 240px;
	padding-left: 80px;

}


#top_menu ul {
	
	padding: 0;
	list-style: none;
	text-align: center;
}

#top_menu ul li {
	margin: 0 5px 0 0;
	padding: 0;
	letter-spacing: -0.3px;
	list-style: none;
	display: inline;
}

#top_menu ul li a{
	margin: 0 75px 0 0;
	padding: 0;
	font-size: 20px;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	list-style: none;
	display: inline;
}

#banner {
margin-left: 50px;
}

/* ------------ Sidebar ------------ */

#sidebar_wrapper {
	float: right;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom:10px;
	width: 192px;
}

#login {
	width: 192px;
	height: 100px;
	float: right;
	text-align: right;
	margin-right: 8px;
	margin-bottom: 3px;
}

#episode_update {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: -30px;
	padding-top: 15px;
	background: url("/images/newest_episode.png") no-repeat;
	width: 192px;
	height: 80px;
	text-align: center;
}

#episode_update .top {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

#episode_update .bottom {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}

#sidebar {
	float: right;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom:10px;
	width: 192px;

}

#sidebar img {
	margin: 0;
	padding: 0;
}

#sidebar ul {
	margin-top: 15px;
	margin-left: 0px;
	margin-bottom: -3px;
	padding: 0;
	list-style: none;
}

#sidebar ul li {
	margin: -3px 0 0 0;
	padding: 0;
	list-style: none;
}


#news {
	float: right;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom:10px;
	width: 192px;
}

#news p {
	text-align: left;
	font-szie: 12px;
}

/* ------------ Index ------------ */

#top_episodes {
	float: left;
	width: 250px;
	border: 3px solid #000;
	background-color: #fbf2bd;
	margin-left: 30px;
	margin-right: 3px;

}

#top_episodes ul.top{
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	list-style: none;
	padding: 0;
	width: 250px;
		
}

#top_episodes ul.top li.top {
    float: left;
    text-align: center;
    font-size: 10px;
    list-style: none;
    margin-bottom:10px;
    width: 250px;
}

#top_episodes ul.top li.top img {
	float: left;
	padding: 0;
	margin-left: 40px;
	border-top: thin dotted #000000;
	border-bottom: thin dotted #000000;
	border-left: thin dotted #000000;
	border-right: thin dotted #000000;
	
}
#top_episodes ul.top li.top p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-align: center;
}

/* ------------ Season Page ------------ */

#season {
	float: left;
	width: 588px;
	
}

ul#season {
	margin-top: 15px;
	margin-left: 7px;
	margin-bottom: -3px;
	padding: 0;
	list-style: none;
	width: 588px;
}
ul#season li.listing {
	float: left;
	margin-bottom: 4px;
	padding: 0;
	list-style: none;
	border: 3px solid #000;
	width: 588px;
	text-align: center;
	background-color: #fbf2bd;
}
ul#season li.listing img {
	float: left;
	margin-right: 3px;
	padding: 0;
	border-right: thin dotted #000000;
	
}
ul#season li.listing p.info {
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-align: center;
}
ul#season li.listing p.description {
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-align: left;
}

/* ------------ Episode Page ------------ */
#episode {
	float: left;
	width: 588px;
}

#video {
	float: left;
	margin-bottom: 4px;
	padding: 0;
	border: 3px solid #000;
	width: 588px;
	text-align: center;
	background-color: #fbf2bd;
}

#video img {
	float: left;
	margin-right: 3px;
	padding: 0;
	border-right: thin dotted #000000;
	
}

#video_links {
	font-size: 10px;
	width: 588px;
}

#video_links span.previous {
	margin-left: 0px;
	padding-right: 0px;
	text-align: left;
}

#video_links span.next {
	margin-right: 0px;
	padding-left: 50px;
	text-align: right;
}

#video_info_wrapper{
   width: 588px;
   height: 120px;
}
#video p.info {
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-align: center;
}

#video p.description {
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-align: left;
}

#discussion_section {
margin-top: 10px;
	float: left
	width: 588px;
	font-size: 12px;
	margin-bottom: 10px;
}

#discussion_section h1{
	text-align: center;
	
}

#discussion_comment_wrapper {
	width: 588px;
}
#discussion_user_info {
	float: left;
	width: 200px;
	height: 85px;
	margin-right: 10px;

	
}
#discussion_comment {
	text-align: center;
	float: left;
	width: 350px;
	height: 85px;
}

/* ------------ Registration ------------ */

#registration {
	float: left;
	width: 588px;
	font-size: 12px;
	margin-left: 4px;
	padding-bottom: 10px;
	border: 3px solid #000;
	background-color: #fbf2bd;
}

#registration_form {
	width: 380px;
	font-size: 12px;
	text-align: right;
}

/* ------------ Footer ------------ */

#footer {
	margin: 0 auto;
	height: 30px;
	clear: both;
	width: 800px;
	font-size: 10px;
}