body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin: 1px;
	color: #555555;
	background: #ffffff;
	padding-top: 5px;
	background-image: url(../img/body_bg.jpg);
	background-repeat: repeat-x;
}

pre, td, th, a, p, div
{
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* HYPERLINKS */

a
{
	color: #026eb9;
	text-decoration: underline;
	font-weight: bold;
}

a:hover
{
	color: #f0842a;
}

a img
{
	border: 0px;	
}
/* HEADINGS */

h1, h2, h3, h4
{
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #026eb9;
	border-bottom: 4px solid #000000;
	border-top: 4px solid #000000;
	clear:both;
}

h2, h3, h4
{
	font-size: 1.2em;
	line-height: 1.2em;
	border-top: none;
	border-bottom: 2px solid #000000;
}

h3, h4
{
	border-bottom: none;
}

h3, h4
{
	font-size: 1em;
}

ul
{
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	list-style: none;
}

li
{
	/*
	text-decoration: none;
	background: url(../img/bullet.gif) 0px 2px no-repeat;
	padding-left: 15px;
	padding-bottom: 2px;
	*/
}

li a
{
}

hr
{
	background: #999999;
	height: 1px;
	width: 100%;
}

#clear, br.clearBoth
{
	clear: both;
}

label
{
	float: left;
	margin-right: 10px;
	width: 100px;	
	clear: both;
}
/* *** CUSTOM ELEMENTS *** */

.left
{
	width: 49%;
	float: left;
}

.right
{
	width: 49%;
	float: right;
}

/* *** MAIN LAYOUT *** */

#outer_div
{
	text-align: center;
	height: 100%;
	width: 100%;
	margin: auto;
}

	#inner_div
	{
		width: 970px;
        overflow: auto;
        margin: auto;
		height: auto;
		text-align: left;
		background: #ffffff;
	}
		
		#header
		{
			clear: both;
			float: left;
			width: 100%;
			height: 130px;
		}	
		
			#logo
			{
				clear: both;
				float: left;
				width: 280px;
				height: 120px;
				padding: 10px 0px 0px 0px;
				text-align: left;
			}

			#nav_container
			{
				float: left;
				width: 690px;
				height: 120px;
				text-align: left;
				background-image: url(../img/header_bg.jpg);
				background-position: 0px 10px;
				background-repeat: repeat-x;
			}
            
            	#login_form_top
            	{
            		float: right;
            		text-align: right;
            		padding: 3px;
            		height: 45px;
            		line-height: 10px;
            	}	
            		
            		#login_form_top form
            		{
            			margin: 0px;
            			padding: 0px;
            		}
            			
            		#login_form_top input
            		{
            			height: 19px;
            			float: left;
            			margin: 0px 4px 0px 0px;
            		}
            				
            		#login_form_top .submit
            		{
            			float: left;
            			margin: 0px 4px 0px 0px;
            			height: 25px;
            			padding: 0px;
            			border: 1px solid #cccccc;
            			background: #ededed;
            		}	
            
            		
            	#login_form_top #forgot_pass_top
            	{
            		padding: 5px 0px 0px 0px;
            		clear: both;
            		line-height: 10px;
            	}											
				#nav
				{
					float: right;
					clear: both;
					width: 100%;
					height: 50px;
					text-align: left;
				}
			
				#subnav
				{
					float: right;
					clear: both;
					width: 100%;
					height: 20px;
					text-align: left;
				}
            			
		#header a img, #header a
		{
			margin: 0px;
			padding: 0px;
		}

			#mainbody
			{
				clear: both;
				float: left;
				width: 100%;
			}
				
				#left
				{
					float: left;
					padding: 10px;
					padding-right: 0px;
					width: 230px;
				}
										
				#content
				{
					padding: 10px;
					float: left;
					width: 530px;
					padding-bottom: 20px;
				}
				
				#right
				{
					float: left;
					padding: 10px;
					padding-right: 0px;
					width: 160px;
				}

			#footer
			{
				clear: both;
				width: 950px;
                overflow: hidden;
                margin: auto;
				padding: 10px;
			}
			
				#navfooter, #footertext
				{	
				    width: 950px;
                    clear: both;
					height: 15px;
					color: #868a7c;
					padding-top: 10px;
					text-align: left;
				}
				
				#footertext
				{
					text-align: left;
					float: left;
					clear: both;
				}

					#footertext a
					{
						color: #868a7c;
						font-weight: normal;
						text-decoration: none;
					}

					#footertext a:hover
					{
						text-decoration: underline;
					}
	
/* MODULES */

#left .left_module
{
	padding-bottom: 10px;
	width: 100%;
	float: left;
	clear: both;
}

	#left .left_module#register_win, #left .left_module#adsense
	{
	}
	#left .modules
	{
	}
	#right .modules
	{
		padding-top: 10px;
		padding-bottom: 10px;
	}
		
	/* LOGIN MODULE */
	
	#left .left_module#login
	{
		width: 263px;
		height: 181px;
		background-image: url(../img/login.jpg);
		background-repeat: no-repeat;
	}

		#left .left_module#login .container
		{
			float: left;
			clear: both;
			width: 238px;
			margin: 15px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px;
		}
			
			#left .left_module#login .container#login_form form, #left .left_module#login .container#search_form form
			{
				float: left;
				margin: 0px;
				width: 100%;
			}
			
			#left .left_module#login .container#login_form .input
			{
				padding: 1px;
			}
			
			#left .left_module#login .container#login_form .input label, #left .left_module#login .container#search_form .label
			{
				clear: both;
				float: left;
				padding: 2px;
				width: 70px;
				font-size: 1.1em;
				color: #026eb9;
			}
			
			#left .left_module#login .container#login_form .input input, #left .left_module#login .container#search_form .field
			{
				padding: 2px;
				float: left;
			}
						
			#left .left_module#login .container#login_form .input input, #left .left_module#login .container#search_form .field input
			{
				border: 1px solid black;
				height: 14px;
				width: 140px;
			}
						
			#left .left_module#login .container#login_form .submit, #left .left_module#login .container#search_form .button
			{
				clear: both;
				float: left;
				padding: 2px;
				margin: 0px;
				margin-left: 82px;
			}			
			#left .left_module#login .container#login_form .submit
			{
				margin-left: 0px;
				width: 230px;
			}
			
			#left .left_module#login .container#login_form .submit input, #left .left_module#login .container#search_form .button input
			{
				height: 25px;
				line-height: 25px;
				font-size: 1em;
			}
			
			#left .left_module#login .container#forgot_pass 
			{
				clear: both;
				float: left;
				text-align: right;
				margin-bottom: 5px;
				padding: 2px;
				border-bottom: 1px solid #0347a8;
				width: 213px;
			}

	#search
	{
		float: right;
		text-align: right;
		padding: 3px;
		height: 45px;
		line-height: 10px;
	}	
		
		#search form
		{
			margin: 0px;
			padding: 0px;
		}
			
		#search input
		{
			height: 19px;
			float: left;
			margin: 0px 4px 0px 0px;
		}
				
		#search .submit
		{
			float: left;
			margin: 0px 4px 0px 0px;
			height: 25px;
			padding: 0px;
			border: 1px solid #cccccc;
			background: #ededed;
		}
					
			
	/* MAIN MODULE */
	
	#content .main_module#video_list
	{
		width: 100%;
	}

		#content .main_module#video_list .container
		{
			float: left;
			width: 100%;
		}

			#content .main_module#video_list .container .row1, #content .main_module#video_list .container .row2
			{
				float: left;
				clear: both;
				width: 520px;
				background: #fffbb1;
				padding: 5px;
			}

			#content .main_module#video_list .container .row2
			{
				background: #ffffff;
			}

				#content .main_module#video_list .container .img
				{
					float: left;
					margin-right: 5px;
					padding: 1px;
					border: 1px solid #d9d9d9;
				}
				
				#content .main_module#video_list .container .text
				{
					float: left;
                    width: 420px;
				}
				
					#content .main_module#video_list .container .title, #content .main_module#video_list .container .views, #content .main_module#video_list .container .tips
					{
						clear: both;
						float: left;
						width: 100%;
					}
					
					#content .main_module#video_list .container .views
					{
						color: #9a9fa5;
						width: 100%;
					}
					
					#content .main_module#video_list .container .tips
					{
						font-weight: bold;
						width: 100%;
					}

				#content .main_module#video_list .container .actions
				{
					float: right;
					margin: 0px;
				}
				
#right .right_module
{
	padding: 0px;
	padding-bottom: 10px;
	width: 100%;
	float: left;
	clear: both;
}
	/* RELATED MODULE */
	
	#right .right_module.videos
	{
	}

		#right .right_module.videos
		{
			float: left;
			height: 220px;
			overflow-y: scroll;
			padding: 5px;
			border: 1px solid #cacdd4;
			padding: 0px;
		}

			#right .right_module.videos .container .row1, #right .right_module.videos .container .row2
			{
				float: left;
				clear: both;
				background: #e2eaf5;
				width: 133px;
				padding: 5px;
				margin-bottom: 5px;
			}

			#right .right_module.videos .container .row2
			{
				background: #ffffff;
			}

				#right .right_module.videos .container .img
				{
					clear: both;
					float: left;
					margin-right: 5px;
					padding: 1px;
					border: 1px solid #d9d9d9;
				}
				
				#right .right_module.videos .container .text
				{
					clear: both;
					float: left;
					width: 105px;
				}
				
					#right .right_module.videos .container .title, #left .right_module.videos .container .views, #left .right_module.videos .container .tips
					{
						clear: both;
						float: left;
					}
					
					#right .right_module.videos .container .views
					{
						color: #9a9fa5;
					}
					
					#right .right_module.videos .container .tips
					{
						font-weight: bold;
					}
						
						
/* MAIN PAGE VIDEOS AND COMMENTS */
#content #comments
{
	width: 100%;
	background: #e2eaf5;
	padding-bottom: 5px;
}

	#content #comments .comment
	{
		padding: 5px;
		clear: both;
		background: #e2eaf5;
		border-bottom: 1px solid #cacdd4;
		color: #054ca8;
	}

		#content #comments .comment .username
		{
			color: #9a9fa5;
		}


	
#sort
{
	float: right;
	padding-bottom: 5px;
}