/* 
 * ========================================
 * Global Styles
 * ========================================
 */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #383838;
	background: url(images/gradient-body-bg.gif) repeat-x;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

a:link, a:visited {
	color: #383838;
	text-decoration: none;
}

form {
	margin: 0;
}

img {
	border: 0;
}

#container {
	width: 1007px;
	margin: 0 auto;
	text-align: left;
	background: url(images/content-background.jpg) repeat-y;
}

.contentpadding {
	padding: 10px;
}

hr {
	border: 0;
    color: #c6c5c5;
    background-color: #c6c5c5;
    height: 1px;
	clear: both;
	margin: 0 0 10px 0;
}

/* 
 * ========================================
 * Header
 * ========================================
 */

#logo {
	background: url(images/logo.png) no-repeat;
	width: 251px;
	height: 163px;
	float: left;
}

#topbanner {
	background: url(images/top-advert-bg.png) no-repeat;
	width: 745px;
	height: 122px;
	float: right;
	padding: 41px 0 0 11px;
}

/* 
 * ========================================
 * Main Navigation Buttons
 * ========================================
 */

#nav {
	width: 196px;
	padding: 0 0 0 6px;
	clear: both;
	float: left;
}

#nav h2 {
	margin: 0;
	text-indent: -10000px;
}

#nav h2#mainmenu {
	background: url(images/nav-header-main-menu.png);
	height: 31px;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav #navmenu li {
	list-style-type: none;
}

#nav #navmenu li a {
	width: 164px;
	height: 25px;
	display: block;
	background: url(images/nav-background-rollovers.png);
	padding: 9px 0 0 32px;
	color: #383838;
	text-decoration: none;
}

#nav #navmenu li a:hover {
	background: url(images/nav-background-rollovers.png);
	background-position: 0 -34px;
}

/* 
 * ========================================
 * Tag Categories
 * ========================================
 */

#nav h2#tags {
	background:url(images/nav-header-video-tags.png);
	height: 45px;
}

/* 
 * ========================================
 * Member Login
 * ========================================
 */

#nav h2#login {
	background:url(images/nav-header-login.png);
	height: 45px;
	clear: both;
}

#nav #textbox-login {
	background:url(images/text-box-login.png) no-repeat;
	width: 142px;
	height: 20px;
	border: 0;
	font-size: 12px;
	color: #f37506;
	padding: 7px 0 0 43px;
	margin-bottom: 11px;
}

#nav #textbox-password {
	background: url(images/text-box-password.png) no-repeat;
	width: 142px;
	height: 23px;
	border: 0;
	font-size: 12px;
	color: #f37506;
	padding: 10px 0 0 43px;
	margin-bottom: 4px;
}

#nav #button-login {
	background: url(images/login-button.png);
	width: 71px;
	height: 27px;
	border: 0;
	float: left;
	margin-bottom: 10px;
	cursor: pointer;
}

#nav a#lostpassword {
	font-size: 12px;
	background: url(images/arrow-bullet.png) no-repeat left;
	padding-left: 20px;
	position:relative;
	top: 5px;
	color: #383838;
	text-decoration: none;
}

/* 
 * ========================================
 * Member Leaderboard
 * ========================================
 */

#nav h2#leaderboard {
	background: url(images/nav-header-leaderboard.png);
	height: 31px;
	clear: both;
}

#nav ol#leaderboardlist, ol#leaderboardlist a {
	padding:0;
	margin: 0;
	list-style: none;
	color: #383838;


	text-decoration: none;
}

#nav li#leaderboard1 { /* Top gradient, use this style once only */
	background:url(images/leaderboard-1.png) top no-repeat;
	padding: 10px;
}

#nav li.leaderboard2 { /* Dark grey alternate colour shade */
	background:url(images/leaderboard-2.png) top repeat-x;
	padding: 10px;
}

#nav li.leaderboard3 { /* Normal color shade */
	background:url(images/leaderboard-3.png) top repeat-x;
	padding: 10px;
}

#nav #leaderboardlist .userinfo {
	font-size: 12px; 
}

#nav #leaderboardlist .score {
	font-size: 12px;
	color: #f37506;
	padding-left: 13px;
}

#nav #leaderboardlist #learnmore {
	color: #383838;
	text-decoration: none;
	font-size: 12px;
	background: url(images/arrow-bullet.png) no-repeat left;
	padding-left: 20px;
}

/* 
 * ========================================
 * Friends
 * ========================================
 */

#nav h2#friends {
	background: url(images/nav-header-friends.png);
	height: 45px;
	clear: both;
}

#nav #friendslist li {
	list-style-type: none;
}

#nav #friendslist li a {
	list-style-type: none;
	background: url(images/arrow-bullet.png) no-repeat left;
	padding-left: 20px;
	margin-left: 10px;
	font-size: 12px;
	text-decoration: none;
}

/* 
 * ========================================
 * Main Content Start / Welcome Header
 * ========================================
 */
 
#content { /* guttering is for right side only, use #contentpadding for main */
	width: 797px;
	float: left;
	margin-left: 2px;
}

#welcomeinfo {
	background: url(images/welcome-info-bg.png) no-repeat;
	width: 480px;
	height: 183px;
	float: left;
}

#welcomeinfo p {
	margin: 0;
	padding: 10px 10px 5px 10px; 
}

#welcomeinfo a {
	text-decoration: underline;
}

#welcomeinfo h1 {
	margin: 0;
	font-size: 18px;
	color: #f37506;
	padding: 10px 0 0 8px;
}

/* 
 * ========================================
 * Featured Videos
 * ========================================
 */

h2#featuredheader {
	background: url(images/header-featuredvideos.png);
	width: 797px;
	height: 34px;
	text-indent: -10000px;
	margin: 0;
	clear: both;
}

#featuredmain {
	width: 512px; 
	float: left;
}

#featuredvideolarge {
	border: 1px solid #d3d2d2;
	padding: 1px;
	margin: 0 10px 7px 0;
	float: left;
}

#featuredadsense {
	float: right;
	margin-bottom: 13px;
}

.thumbnailborder {
	border: 1px solid #d3d2d2;
	padding: 1px; 
}

#featuredmain hr {
	border: 0;
    color: #c6c5c5;
    background-color: #c6c5c5;
    height: 1px;
	clear: both;
	margin: 0 0 7px 0;
}

/* 
 * ========================================
 * Header Sort Bar (Popular, Rating, etc)
 * ========================================
 */

ul#headersort {
	clear: both;
	padding: 0;
	margin: 0;
	list-style: none;
	background: url(images/header-bar-bg.png) repeat-x;
	height: 33px;
}

#headersort li {
	float: left;
}

/* 
 * ========================================
 * Video Listing
 * ========================================
 */

.videotitle, .videotitle a:visited, .videotitle a:link {
	margin: 0; 
	font-size: 14px;
	color: #f37506;
	text-decoration: none;
}

.videotitle a:hover {
	text-decoration: underline;
}

.videosubmitter {
	margin: 3px 0 0 0;
	font-size: 12px;

}

.videodescription {
	margin: 5px 0 0 0;
}

.videocomments {
	margin: 5px 0 0 0;
	font-size: 12px;
}

.videorating {
	/* Need to fix top margin of stars */
}

.thumbnaillisting {
	border: 1px solid #d3d2d2;
	padding: 1px; 
	float: left;
	margin: 0 10px 10px 0;
}

#nextprevious {
	clear: both;
	margin: 0;
}

.arrowcolour {
	color: #f37506;
	font-weight: bold;
	font-size: 16px;
}

/* 
 * ========================================
 * Footer
 * ========================================
 */
 
#footer {
	background: url(images/footer.png) no-repeat;
	height: 37px;
	clear: both;
	width: 992px;
	padding: 27px 0 0 15px; 
} 

#footer a, #footer a:visited {
	text-decoration: underline;
}

#footerspacing {
	margin-right: 44px;
}