/* GLOBAL STYLES */

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(../images/big_joe_background3.png) top center no-repeat;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
}
img {
	border: 0px;
}
a {
	color: #2a53d4;
}
h1 {
	font-size: 24px;
	line-height: 32px;
	padding: 0px;
	margin: 0px;
}
.clean {
	clear: both;
}

.wrapper {
	width: 991px;
	margin-left: auto;
	margin-right: auto;
}
.round_tl {
	position:absolute;
	top: 0px; left: 0px;
	background-image: url(../images/round_tl.png);
	background-repeat: no-repeat;
	width: 10px; height: 10px;
}
.round_tr {
	position:absolute;
	top: 0px; right: 0px;
	background-image: url(../images/round_tr.png);
	background-repeat: no-repeat;
	width: 10px; height: 10px;
}
.round_bl {
	position:absolute;
	bottom: 0px; left: 0px;
	background-image: url(../images/round_bl.png);
	background-repeat: no-repeat;
	width: 10px; height: 10px;
}
.round_br {
	position:absolute;
	bottom: 0px; right: 0px;
	background-image: url(../images/round_br.png);
	background-repeat: no-repeat;
	width: 10px; height: 10px;
}
.round_thumb {
	position:absolute;
	top:0px;
	left:0px;
	font-size: 8pt;
}


a.a_twitter {
	padding-left: 22px;
	background: url(../images/twitter_16.png) top left no-repeat;
	text-decoration:none;
}
a.a_myspace {
	padding-left: 22px;
	background: url(../images/myspace_16.png) top left no-repeat;
	text-decoration:none;
}
a.a_facebook {
	padding-left: 22px;
	background: url(../images/facebook_16.png) top left no-repeat;
	text-decoration:none;
}

.hover {
	position:absolute;
	width: 266px;
	z-index: 1000;
}
.hover_header {
	background:url(../images/hover_header.png) top left no-repeat;
	font-size: 16px;
	line-height: 20px;
	padding: 20px 20px 5px 20px;
	color: #FFFFFF;
	width: 236px;
}
.hover_content {
	background:url(../images/hover_content.png) bottom left no-repeat;
	font-size:12px;
	line-height:16px;
	color: #a9b0b1;
	width: 236px;
	padding: 20px;
}
.hover_notch {
	position:absolute;
	top: 85px;
	left: 0px;
	width:10px;
	height: 12px;
	background: url(../images/hover-notch.png) top left no-repeat;
}

#logo {
	/*align: left;*/
	position: relative;
	left: -260px;
	top: 0px;
}

#header {
	align: center;
}
#ad-leaderboard {
	text-align:right;
	margin: 6px;
}
#account {
	float:right;
	padding: 20px;
	height: 41px;
}

#nav {
	position:relative;
	top: -5px;
	height: 71px;
}

#nav_tagline {
	position:relative;
	top: -5px;
	/*height: 71px;*/
}

#tagline {
	position:absolute;
	top: 255px;
	left: 645px;
	font-size: 16px;
	font-weight: bold;
	width: 540px;
	text-align:right;
}

#main_title {
	position:absolute;
	top: 3px;
	left: 515px;
	width: 540px;
	text-align:right;
}

#nav_bg {
	position:absolute;
	top: 0;
	left: 0;	
}
#nav #button_search {
	position:absolute;
	top: 8px;
	left: 896px;
}
#nav #nav_breadcrumb {
	position:absolute;
	top: 40px;
	left: 16px;
	font-size: 12px;
}
#nav #nav_textad {
	position:absolute;
	top: -30px;
	left: 310px;
	font-size: 16px;
	font-weight: bold;
	width: 648px;
	text-align:right;
}
ul#nav_tabs {
	list-style-type: none;
	position:absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 20px;
}
ul#nav_tabs a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
ul#nav_tabs li {
	list-style-type: none;
	display:block;
	float:left;
	padding: 7px 16px 7px 16px;
	margin: 0px;
}
ul#nav_tabs li.tab_home {
	padding: 7px 16px 7px 16px;
}
ul#nav_tabs li.tab_selected {
	background: url(../images/tab-left.png) top left no-repeat;
	margin: 0px;
	padding: 7px 0px 7px 16px;
}

ul#nav_tabs li.tab_selected_right {
	background: url(../images/tab-right.png) top left no-repeat;
	padding: 7px 0px 28px 16px;
	margin: 0px;
	width: 0px;
	height: 0px;
}
ul#nav_tabs li.tab_selected a {
	color: #08388D;
}
input#nav_query {
	position: absolute;
	top: 12px;
	left: 700px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	width: 185px;
	height: 18px;
	line-height: 18px;
}

/* USER AREA */
#user {
	position:relative;
	height: 5px;
}
#user #user_welcome {
	position:absolute;
	bottom: 0px;
	left: 305px;	
	color: white;
	font-size: 14px;
	font-weight: bold;
	width: 648px;
	text-align:right;	
}

#user #user_welcome a{
	color: white;
	text-decoration: underline;	
}

/* VIDEO AREA */

#mainvideo {
	position:relative;
	
}
#video_bg {
	position:relative;
	z-index: 1;
	top: -3px;
}
#video {
	position:absolute;
	top: 20px;
	left: 20px;
}

#flvplayer {
	position:absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
}



#related_videos {
	position:absolute;
	top: 20px;
	left: 635px;
	width: 345px;
	height: 398px;
	overflow: auto;
	z-index: 1;
}
.related_video {
	position:relative;
	width: 290px;
	margin: 0 0 10px 0;
	padding: 0;
}
.related_video a {
	color: #000000;
	text-decoration:none;
}
.related_video a:hover {
	color: #863b99;
}
.related_video .video_thumb {
	position:relative;
	float:left;
	width: 110px;
	margin: 0 10px 0 0;
	padding: 0;
}
.related_video .video_info {
	float:right;
	width: 170px;
	font-size: 12px;
}
.related_video .video_info h5 {
	font-size: 14px;
	line-height: 18px;
	padding: 0;
	margin: 0;
}

#video_details {
	position:relative;
	width: 617px;
	margin-left: 15px;
	z-index: 0;
}
#video_details_bg {
	position:absolute;
	bottom: -15px;
	left: 0px;
	z-index:-1;
}
#video_info {
	padding: 0px 15px 15px 15px;
	font-size: 14px;
	line-height: 20px;
	width: 580px;
	bottom: 15px;
	max-height: 450px;
	overflow-y: auto;
}

#video_description {	
	display: inline;
	padding: 0px 15px 15px 15px;
	font-size: 14px;
	line-height: 20px;
}

.video_description {
	padding: 0px 15px 15px 15px;
	font-size: 14px;
	line-height: 20px;		
}

#video_title {
	font-size: 24px;
	line-height: 32px;
	padding: 0px;
	margin: 0px;
}
#comments {
	padding: 0px 15px 15px 15px;
	font-size: 14px;
	line-height: 20px;
	width: 580px;
	height: 400px;
	overflow-y: auto;
}

#video_meta {
	display: inline;
	font-size: 12px;
	line-height: 16px;
	color: #b3bdc1;
}

.video_meta {
	font-size: 12px;
	line-height: 16px;
	color: #b3bdc1;
}
.video_meta a {
	color: #8c9597;
}

#video_details_tabs {
	float:right;
	margin: -8px 25px 0 0;
	font-size: 14px;
	line-height: 18px;
	/*color: #863b99;*/
	color: #5D8EDA;	
}
#video_details_tabs a {
	/*color: #863b99;*/
	color: #5D8EDA;
	text-decoration: none;
	font-weight: bold;
}



.video_details_tab {
	display: block;
	float:left;
	background: url(../images/tab-lower-left-orig.png) top left no-repeat;
	padding: 5px 0px 5px 10px;
	height: 17px;
}
.video_details_tab_right {
	display:block;
	float:left;	
	background: url(../images/tab-lower-right.png) top left no-repeat;
	width: 10px;
	height: 27px;
}
.video_details_tab_selected {
	display: block;
	float:left;
	color: black;
	background: url(../images/tab-lower-left-orig.png) top left no-repeat;
	/*background: url(../images/tab-selected-lower-left.png) top left no-repeat;*/
	padding: 5px 0px 5px 10px;
	height: 17px;
}
.video_details_tab_selected_right {
	display:block;
	float:left;
	background: url(../images/tab-lower-right.png) top left no-repeat;
	/*background: url(../images/tab-selected-lower-right.png) top left no-repeat;*/
	width: 10px;
	height: 27px;
}

#video_ad {
	position:relative;
	margin-right: 2px;
	float:right;
	margin-bottom: -24px;
}
#video_ad_bg {
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}
#video_ad_ad {
	margin: 16px 15px 15px 16px;
}


/* BROWSE VIDEOS */
#browse {
	position:relative;
	clear:both;
	height: 603px;
}
#browse_bg {
	position: absolute;
	top: 30px;
	left: 0px;
}

ul#browse_tabs {
	list-style-type: none;
	position:absolute;
	top: 0px;
	left: 10px;
	padding: 0px;
	margin: 0px;
	font-size: 20px;
}
ul#browse_tabs a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
ul#browse_tabs li {
	list-style-type: none;
	display:block;
	float:left;
	padding: 7px 16px 7px 16px;
	margin: 0px;
}
ul#browse_tabs li.tab_home {
	padding: 7px 16px 7px 16px;
}
ul#browse_tabs li.tab_selected {
	background: url(../images/tab-left.png) top left no-repeat;
	margin: 0px;
	padding: 7px 0px 7px 16px;
}

ul#browse_tabs li.tab_selected_right {
	background: url(../images/tab-right.png) top left no-repeat;
	padding: 7px 0px 28px 16px;
	margin: 0px;
	width: 0px;
	height: 0px;
}
ul#browse_tabs li.tab_selected a {
	color: #863b99;
}
ul#browse_tabs li#browse_search {
	position:relative;
}
ul#browse_tabs li#browse_search input {
	position: absolute;
	top: 12px;
	left: 22px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	width: 185px;
	height: 18px;
	line-height: 18px;
}
#browse_search_button {
	margin: 1px 0px 0px 5px;
}

ul#browse_cats {
	position:absolute;
	top: 40px;
	left: 30px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul#browse_cats li {
	list-style-type: none;
	padding: 14px 30px 6px 0px;
	font-size: 14px;
	line-height: 14px;
	background: url(../images/browse-hr.jpg) top left no-repeat;
}
ul#browse_cats li a {
	color: #000000;
	text-decoration:none;
}
ul#browse_cats li a.selected {
	font-weight: bold;
}
ul#browse_cats li.first {
	background: none;
}
ul#browse_videos {
	list-style-type: none;
	font-size: 13px;
	line-height: 16px;
	z-index: 2;
	position:absolute;
	top: 43px;
	left: 190px;
	width: 800px;
}
ul#browse_videos li {
	float:left;
	background: url(../images/browse-video-bg.png) top left no-repeat;
	padding: 10px;
	width: 215px;
	height: 88px;
}
ul#browse_videos li .video_thumb {
	position:relative;
	float:left;
	width: 100px;
	height: 80px;
	margin: 0 13px 0 0;
	padding: 0;
	font-size: 9pt;
}
ul#browse_videos li a {
	color: #000000;
	text-decoration:none;
}
ul#browse_pages {
	list-style-type: none;
	font-size: 14px;
	line-height: 18px;
	z-index: 2;
	position:absolute;
	top: 595px;
	/*left: 660px;*/
}
ul#browse_pages li {
	display:block;
	float:left;
	background: url(../images/page-option.jpg) center center no-repeat;
	width: 34px;
	height: 20px;
	text-align:center;
}
ul#browse_pages li a {
	color: #FFFFFF;
	text-decoration:none;
}
ul#browse_pages li.previous, ul#browse_pages li.next {
	background: none;
	width: 20px;
	height: 20px;
}
ul#browse_pages li.previous a, ul#browse_pages li.next a {
	font-size: 24px;
	line-height: 14px;
	color: #d2d2d2;
	text-decoration: none;
	font-weight: bold;
}
ul#browse_pages li.current {
	background: url(../images/page-current.jpg) center center no-repeat;
}

/* BLOG */
#blog {
	position:relative;
	font-size: 12px;
	line-height: 15px;
	height: 369px;
}
#blog_bg {
	position:absolute;
	top: 30px;
	left: 8px;
}
#blog_1 {
	position:absolute;
	top: 130px;
	left: 28px;
	width: 285px;
	height: 185px;
}
#blog_2 {
	position:absolute;
	top: 130px;
	left: 343px;
	width: 285px;
	height: 185px;
}
#blog_3 {
	position:absolute;
	top: 130px;
	left: 660px;
	width: 285px;
	height: 185px;
}
#blog .title {
	color: #863b99;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
}
#blog .dateline {
	color: #717171;
}
#blog .blurb {

}

/* FOOTER */
#footer {
	position:relative;
	top: 60px;
	height: 350px;
	float:center;
}
#footer b {
	font-size: 18px;
}
#footer a {
	color: #0A2363;
}
#footer_bg {
	position:absolute;
	top: 0px;
	left: 5px;
}
#footer_about {
	position:absolute;
	top:25px;
	left:20px;
	width:930px;
	font-size: 12px;
	line-height: 24px;
	/*color: #0A2363;*/
	color: #FFFFFF;
	text-align: right;
}
#footer_about a {
	font-weight: bold;
}

#footer_socialize {
	position:absolute;
	top:25px;
	left:480px;
	width:285px;
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
}

#footer_logo1 {
	position:absolute;
	top:45px;
	left:80px;
	width:285px;
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
}

#footer_logo2 {
	position:absolute;
	top:45px;
	left:580px;
	width:285px;
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
}
#footer_search {
	position:absolute;
	top:25px;
	left:675px;
	width:285px;
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
}
#footer_search_in {
	position:relative;
}
#footer_search_in #footer_query {
	position:absolute;
	top: 5px;
	left: 8px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	width: 185px;
	height: 18px;
	line-height: 18px;
}

/*ABOUT US*/
#aboutus {
	background: url(../images/bg-aboutus.png) top left no-repeat;	
	margin-left: 5px;
}

#aboutus_text {
	margin-left:20px;
	width: 930px;
}
/* COPYRIGHT */
#copyright {
	padding: 20px 0px 30px 0px;
	text-align:center;
	font-size: 12px;
}