body {
	margin: 0px;
	padding: 0px;
	background: #162b35 url('../images/bg_vert.gif') top repeat-x;
	color: #fff;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

/* layout and functionality definitions */
#container {
	background: url('../images/bg_main.jpg') top center no-repeat;
	margin-left: auto;
	margin-right: auto;
	height: 685px;
}

#ad_top {
		padding-top: 10px;	
		margin-left: 25%;
		margin-right: 25%;
}

#ad_bottom {
		margin-left: 190px;

}		

	/* top section */
#top, #main {
		width: 927px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 2px;
		
}

	#top {
		height: 109px;
		overflow: hidden;
		padding-top: 8px;
	}

	#logo, #top_nav {
		float: left;
		height: 109px;
		overflow: hidden;
	}

	#logo {
		width: 180px;
	}

	#top_nav, #content {
		width: 747px;
	}

	#utility {
		background: url('../images/bg_utility.jpg') no-repeat;
		color: #b8bbbd;
		height: 15px;
		padding: 3px 23px 0px 0px;
		text-align: right;
		font-size: 10px;
		font-family: arial, helvetica, sans-serif;
		text-transform: uppercase;
		overflow: hidden;
	}

	#dashboard {
		background: url('../images/bg_dashboard.gif') no-repeat;
		height: 91px;
		overflow: hidden;
		color: #8fd5dc;
		font-size: 11px;
		line-height: 16px;
		padding: 9px 0px 0px 50px;
	}

	a:link.dashboard, a:visited.dashboard, a:hover.dashboard, a:active.dashboard {
	color: #8fd5dc;
	font-weight: bold;
	}

	.welcome {
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		padding-right: 10px;
	}

	#topnav_buttons {
		text-align: right; 
		clear: both; 
		margin-right: 52px;
	}

	.topnav_button {
		background: url('../images/bg_topnav.gif');
		width: 79px;
		height: 22px;
		margin: 9px 0px 0px 1px;
		padding-top: 4px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		float: right;
		font-size: 10px;
	}
	/* top section end */

	/* left nav */
	#left_nav {
		width: 180px;
		float: left;
	}

	#leftnav_bot {
		background: url('../images/bg_leftnav.gif') repeat-y;
		width: 180px;
	}

	#leftnav_banners {
		margin-top: 15px;
	}

	li.category {
		background: url('../images/bg_category.gif');
		width: 180px;
		height: 19px;
		padding-top: 4px;
		text-align: center;
		color: #b8bbbd;
		font-size: 12px;
		font-weight: bold;
	}
	
	li.category_header {
		background: url('../images/bg_category.gif');
		width: 180px;
		height: 19px;
		padding-top: 4px;
		text-align: center;
		color: WHITE;
		font-size: 12px;
		font-weight: bold;
		
	}	
	li.category:hover {
		background: url('../images/bg_category_on.gif');
	}
		
		/* rollover stuff */
		ul {
			padding: 0;
			margin: 0;
			list-style: none;
		}

		li {
			position: relative;
			width: 10em;
		}

		li ul {
			display: none;
			position: absolute; 
			top: 0px;
			left: 180px;
			text-align: center;
			border: 1px solid #fff;
			border-bottom: none;
		}

		li ul li {
			background: #000;
			color: #fff;
			padding-top: 4px;
			border-bottom: 1px solid #fff;
			width: 250px;
			height: 18px;
			font-size: 11px;
			font-weight: normal;
			/* filter: alpha(opacity=80);
			opacity: 0.8;
			-moz-opacity: 0.8; */
		}
		li ul li:hover {
			background: #8a2020;
			/* filter: alpha(opacity=100);
			opacity: 1;
			-moz-opacity: 1; */
		}

		/*
		li > ul {
			top: auto;
			left: auto;
		}
		*/

		li:hover ul { 
			display: block; 
		}

		/* end rollover stuff */

		#searchbox {
			text-align: right; 
			padding: 5px 15px 10px 15px;
		}

	/* left nav end */

	/* content area */
	#content {
		float: left;
	}

	#content_onecol, #content_onecol2 {
		float: left;
		width: 733px;
	}

	#registration, #stuff_page, #upload, #mail {
		background: url('../images/bg_contlight.gif');
		padding: 15px 10px 20px 25px;
		color: #333;
		height: 100%;
		font-size: 11px;
	}

	#slam_ads {
	width: 724px;
	margin: -15px -15px -15px -22px;
   }

   .store_product {
		float: left;
		width: 194px;
		border: 1px solid #0e3f4c;
		margin-right: 12px;
	}

	.store_product_top {
		border-bottom: 1px solid #0e3f4c; 
		padding: 7px 15px 7px 15px; 
		background: url('../images/bg_storeheader.gif'); 
		color: #fff; 
		font-weight: bold;
	}

	.store_product_bot {
		padding: 15px; 
		background: url('../images/bg_transbox_blue.gif');
	}

	#my_photos {
		background: url('../images/bg_contlight.gif');
		padding: 15px 10px 20px 25px;
		color: #333;
		font-size: 11px;
	}

	#upload {
		/* height: 700px; */
	}

	#mail_dashboard {
		width: 652px;
		font-size: 12px;
		height: 20px;
	}

	.mail_dash_item {
		float: right;
		padding-left: 20px;
	}

	#mail_nav {
		background: #fff;
		border: 1px solid #19949f;
		width: 640px;
		color: #018b97;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 11px;
		height: 13px;
		padding: 7px 5px 5px 10px;
	}

	#mail_bottom {
		background: url('../images/bg_contlight.gif') repeat-y; 
		padding: 0px 10px 15px 25px; 
		color: #222;
	}

	#mail_actions {
		height: 21px; 
		font-size: 11px;
		padding-right: 40px;
	}

	.mail_nav_item {
		float: left;
		padding-right: 20px;
	}

	.mail_message {
		background: #fff;
		width: 637px;
		border: 1px solid #19949f;
		padding: 10px;
		line-height: 16px;
	}

	.compose_row {
		width: 657px;
		height: 22px;
		clear: both;
	}

	.compose_row_label {
		float: left;
		width: 67px;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 3px 0px 0px 5px;
	}

	.compose_row_field, .compose_row_select {
		float: left;
	}

	.errorbox {
		background: #dbd8d8;
		color: #dd020b;
		font-weight: bold;
		border: 1px solid #454545;
		font-size: 12px;
		width: 300px;
		padding: 7px;
		margin: 10px 0px 10px 0px;
	}

	.three_col {
		width: 180px;
		float: left;
		padding: 10px 20px 0px 20px;
	}

	.three_col_row {
		clear: both;
		padding-bottom: 10px;
		height: 100%;
	}

	.bluebox_container {
		float: left;
		background: url('../images/bg_transbox_blue.gif');
		width: 260px;
		height: 70px;
		border: 1px solid #0e3f4c;
		margin: 0px 0px 10px 0px;
		padding: 10px 0px 10px 15px;
		line-height: 19px;
	}
	
	.bluebox_container_transfer {
		float: left;
		background: url('../images/bg_transbox_blue.gif');
		width: 260px;
		height: 110px;
		border: 1px solid #0e3f4c;
		margin: 0px 0px 10px 0px;
		padding: 10px 0px 10px 15px;
		line-height: 19px;
	}
	.bluebox_bg {
		background: #0e3f4c;
		width: 295px;
		height: 90px;
		filter: alpha(opacity=20);
		opacity: 0.2;
		-moz-opacity: 0.2;
	}

	.bluebox_text {
		width: 265px;
		height: 70px;
		padding: 10px 15px 10px 15px;
		position: absolute;
		z-index: 2;
		line-height: 20px;
	}

	#content_left, #content_right {
		float: left;
	}

	#content_left {
		width: 522px;
	}

	#infobox {
		background: url('../images/bg_infobox.gif') repeat-y;
		height: 23px;
		padding: 2px 0px 0px 0px;
		margin: 0px 10px 0px 10px;
	}

	#marquee {
		width: 417px; 
		height: 36px; 
		background: url('../images/bg_marquee.gif') no-repeat; 
		text-align: center;
		padding: 5px;
		margin: 0px 0px 0px 50px;
	}

	#slam_marquee {
		background: url('../images/bg_slamroom_top.jpg') repeat-y;
		margin: 0px 0px 7px 0px;
		font-size: 11px;
		line-height: 16px;
	}

		/* flash player and video details */
		#player {
			background: url('../images/bg_player.gif') repeat-y;
			 height: 100%; 
		}

		#player_left, #player_right {
			float: left;
		}

		#player_left {
			width: 322px;
			padding: 5px 15px 10px 18px;
		}

		#flasharea {
			width: 320px;
		}

		#video_details_bot {
			display: none;
		}

		#player_right {
			width: 157px;
			padding: 5px 0px 0px 10px;
			line-height: 14px;
		}

		#player_status, #game_status {
			padding: 0px 15px 10px 15px;
			line-height: 14px;
		}

		#game_status {
			padding-bottom: 25px;
		}

		#video_buttons {
			width: 140px;
			padding: 10px 0px 0px 9px;
		}

		#button_email, .button_email {
			background: url('../images/bg_button_email.gif');
			width: 121px;
			height: 29px;
			text-align: left;
			margin: 0px 0px 7px 0px;
			padding: 0px;
		}
	
		#video_nodetails {
		}

		#video_details {
			display: none;
			padding-right: 0px;
			width: 147px;
		}

		#hotornot, #hotornot_result {
			background: url('../images/bg_hotornot_bot.gif') repeat-y;
			width: 140px;
			/* height: 79px; */
			border: 1px solid #94989c;
			padding: 0px 0px 5px 0px;
		}

		#hotornot_result {
			background: url('../images/bg_hotornot_bot2.gif') repeat-y;
		}
		/* flash player and video details end */

		/* content bottom */
		#content_bot, #content_bot2 {
			background: url('../images/bg_contbot.gif');
			width: 522px;
			padding-bottom: 20px;
		}

		#content_bot2 {
			margin-top: 10px;
			padding-bottom: 0px;
		}

		#content_profile, #content_slams, #content_friends, #content_fans {
			background: url('../images/bg_contbot.gif');
			padding: 7px 20px 10px 20px;
			width: 482px;
		}

		.user_blurb, .user_float {
			line-height: 14px;
		}

		.user_row {
			padding-top: 10px;
		}

		.user_float {
			float: left;
			width: 110px;
			padding-right: 10px;
		}

		.red_star {
			margin: 2px 5px 10px 5px;
			float: left;
		}

		.cat_details {
			float: left; 
			margin-right: 15px; 
			width: 170px; 
			height: 20px;
		}

		#tab_topvideos {
			background: url('../images/tab_topvideos.gif') no-repeat;
			width: 695px;
			height: 20px;
			text-align: right;
			font-weight: bold;
			padding: 5px 15px 0px 0px;
		}

		.topvideo {
			width: 137px;
			float: left;
		}

		.topvideo_title, .slamplayer_title {
			background: url('../images/tab_blank.gif') no-repeat;
			color: #fff;
			width: 137px;
			height: 16px;
			font-family: helvetica;
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
			text-align: center;
			padding-top: 3px;
		}

		.topvideo_content {
			width: 110px;
			margin: 7px 0px 7px 15px;
			color: #c1c2c4;
		}

		.topvideo_divider {
			float: left;
			width: 2px;
		}

		#slamplayers {
			width: 711px;
			background: url('../images/bg_slamplayers.gif') no-repeat;
			margin-left: 11px;
			padding: 11px 0px 10px 11px;
			clear: both;
		}

		.slamplayer, .slamplayer_on {
			width: 133px;
			height: 230px;
			background: url('../images/bg_slamplayer.gif') repeat-y;
			float: left;
			margin: 0px 0px 0px 6px;
		}

		.slamplayer_on {
			background: url('../images/bg_slamplayer_on.gif') repeat-y;
		}

		.slamplayer_content {
			width: 110px;
			margin: 7px 10px 7px 10px;
			color: #c1c2c4;
		}

		/* content bottom end */

		/* content right */
		#content_right {
			background: url('../images/bg_contright.gif');
			width: 176px;
		}

		.stuff_list {
			width: 100px;
			padding: 0px 10px 0px 10px;
			margin-left: 28px;
			line-height: 14px;
		}
		/* content right end */

	.spacer_vert {
		float: left;
		width: 12px;
	}

	.spacer_horiz {
		height: 6px;
	}
	/* content area end */
/* layout and functionality definitions end */

/* layer showing and hiding classes begin */
.shadow {
	position: relative; 
	visibility: hidden;
}

.information {
	visibility: hidden;	
	position: absolute;
	padding: 0px;
	margin: 0px;
}

/* layer showing and hiding classes end */

/* image styles */
img {
	border: 0px;
}

.userpic_small {
	float: left;
	margin: 0px 8px 0px 0px;
}

.userinfo_small {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

.video_button {
	margin-bottom: 7px;
}

.icon {
	float: left;
	margin: 2px 5px 0px 0px;
}

.icon2 {
	float: left;
	margin: 0px 5px 0px 0px;
}

.button_slam {
	margin: 3px 0px 0px 0px;
}

.video_thumb {
	border: 1px solid #037fc5;
}

.video_thumb2 {
	border: 1px solid #0e3f4c;
	float: left;
	margin: 0px 15px 5px 0px;
}

.banner {
	margin: 5px 0px 10px 20px;
}

.darkblue_border {
	border: 1px solid #0e3f4c;
}

.teal_border, .darkgreen_border {
	border: 1px solid #19949f;
}

.black_border {
	border: 1px solid #000;
}

/* image styles end */

/* spacing styles */
.notop {
	margin-top: 0px;
	padding-top: 0px;
}

.nobot {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.smalltop {
	margin-top: 5px; 
	padding: 0px;
}

.smallbot {
	margin-bottom: 5px; 
	padding: 0px;
}

.video_info {
	margin: 5px 0px 3px 0px;
	padding: 0px;
	line-height: 16px;
}

.video_list {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
/* spacing styles end */

/* text and link styles */
a:link, a:active, a:hover, a:visited {
	color: #fff;
	text-decoration: none;
}

div#content_profile p a:link {
	color: #ccc;
	text-decoration: underline;
}

div#content_profile p a:active {
	color: #ccc;
	text-decoration: underline;
}

div#content_profile p a:visited {
	color: #ccc;
	text-decoration: underline;
}

div#content_profile p a:hover {
	color: #ccc;
	text-decoration: underline;
}

div#content_profile a:link.red {
	color: #fb040e;
}

div#content_profile a:active.red {
	color: #fb040e;
}

div#content_profile a:visited.red {
	color: #fb040e;
}

div#content_profile a:hover.red {
	color: #fb040e;
}

.video_title {
	font-weight: bold;
}

.video_attribute, .video_attribute_big {
	background: transparent;
	color: #b2f993;
	font-family: impact;
	font-size: 11px;
	text-transform: uppercase;
}

.video_attribute_big {
	font-size: 12px;
	font-family: helvetica, arial;
	font-weight: bold;
}

.video_strong {
	font-weight: bold; 
	text-transform: uppercase;
}

.embed_text {
	width: 250px; 
	height: 12px; 
	border: 1px solid #000; 
	font-family: arial, sans-serif; 
	font-size: 10px;
}

a:link.player_link, a:active.player_link, a:hover.player_link, a:visited.player_link {
	text-decoration: underline;
}

.green {
	color: #b2f993;
}

.lime {
	color: #64b545;
}

.blue {
	color: #78c9f1;
}

.midblue {
	color: #628a90;
}

.red, a:link.red, a:visited.red, a:active.red, a:hover.red {
	color: #fb040e;
}

.gray, .grey, a:link.gray, a:visited.gray, a:active.gray, a:hover.gray, a:link.grey, a:visited.grey, a:active.grey, a:hover.grey {
	color: #c1c2c4;
}

.teal, a:link.teal, a:visited.teal, a:active.teal, a:hover.teal, a:link.teal, a:visited.teal, a:active.teal, a:hover.teal, .darkgreen {
	color: #018b97;
}

.yellow, .tan {
	color: #b57f0a;
}

.darkblue, a:link.darkblue, a:visited.darkblue, a:active.darkblue, a:hover.darkblue, a:link.darkblue, a:visited.darkblue, a:active.darkblue, a:hover.darkblue {
	color: #0e3f4c;
}

.big {
	font-size: 12px;
	line-height: 20px;
}

.small {
	font-size: 9px;
}

.see_all {
	text-decoration: none;
	text-transform: uppercase;
}

.red_headline {
	font-size: 14px;
	font-weight: bold;
	color: #860213;
}

h2 {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	color: #3d3d3d;
	font-size: 14px;
	font-weight: bold;
}


h3 {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	
	color: #3d3d3d;
	font-size: 14px;
	font-weight: bold;
}

h4 {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	color: #0e3f4c;
	font-size: 13px;
	font-weight: bold;
}

.error_text {
	color: #cc0000;
	font-size: 10px;
	font-weight: normal;
}
/* text and link styles end */

/* form styles */
form {
	margin: 0px;
	padding: 0px;
}

.form_field, .form_field_big {
	width: 210px;
	height: 15px;
	border: 1px solid #333;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	margin: 3px 0px 0px 0px;
}
.required {
	width: 210px;
	height: 15px;
	border: 1px solid #333;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	margin: 3px 0px 0px 0px;
}


.form_field_big {
	width: 250px;
}

.form_textarea_small {
	width: 210px;
	height: 45px;
	border: 1px solid #333;
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 3px 0px 0px 0px;
}

.form_checkbox {
	border: 1px solid #333;
}

.label {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 12px;
}

.form_col, .form_col_wider, .form_col_narrow {
	width: 280px;
	float: left;
}

.form_col_wider {
	width: 310px;
}

.form_col_narrow {
	width: 160px;
}

.login_form {
	float: left;
	margin: 5px 0px 0px 0px;
}

.login_forgot {
	float: left;
	font-size: 9px;
	padding: 2px 0px 0px 20px;
}

.mail_field {
	width: 310px;
	height: 15px;
	background: #fff;
	border: 1px solid #19949f;
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 0px 0px 0px 0px;
}

.mail_select {
	height: 17px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #333;
	width: 202px;
	margin: 1px 0px 0px 5px;
}

.slam_radio {
	float: left;
	text-align: center;
	padding: 0px 5px 0px 5px;
}
/* form styles end */

/* table styles */
table {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

tr, td {
	margin: 0px;
	padding: 0px;
}

#rankings_table {
	width: 170px;
	margin: 0px 0px 0px 3px;
	text-align: center;
	/* font-weight: bold; */
	font-family: monospace;
	font-size: 11px;
}

.rankings_row {
	clear: both;
	height: 20px;
	padding-top: 4px;
}

.rankings_left {
	float: left;
	width: 75px;
	text-align: left;
	padding: 0px 0px 2px 10px;
}

.rankings_right {
	float: left;
	width: 85px;
	color: #78c9f1;
	padding: 0px 0px 2px 0px;
}

#tokens_table {
	background: #b8d4d7;
	border: 1px solid #018b97;
	width: 540px;
	text-align: center;
	font-size: 12px;
	color: #222;
}

#mail_table {
	background: #dbecee;
	border: 1px solid #19949f;
	border-top: none;
	border-collapse: collapse;
	width: 657px;
}

#mail_table td {
	border: 1px solid #19949f;
	border-top: none;
	text-align: center;
	padding: 2px;
	overflow: hidden;
}

.mail_table_header {
	background: #b8cdd3;
	border: 1px solid #19949f;
	border-top: none;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	height: 21px;
	overflow: hidden;
}

.mail_table_light {
	background: #e9f4f5;
}

.top_title{
                        color: #fff;
                        width: 137;
                        height: 16px;
                        font-family: helvetica;
                        font-size: 12px;
                        font-weight: bold;
                        text-transform: uppercase;
                        text-align: center;
                        padding-top: 3px;
}
.pages {
                color: #fff;
		font-weight: bold;
		font-size: 10px;
}

/* table styles end */


