/* tags */



p							{ text-align:justify; margin:0 10px 0 0; padding:0.8em 0;

							  font-size: 0.8em;}

p, li						{ font-size: 0.8em;}

strong						{ font-weight:bold; }

a							{ color: #FF5603; text-decoration:none; }

a:hover						{ color: #FF5603; text-decoration:underline; }

sup							{ display:none; }

.right						{ float: right; }

.left						{ float: left; }

img							{ border: 0px; }

h3							{ color: #FF5603;

							  font-size: 1.25em;

							  margin: 0px;

							  padding: 0px; }

ul							{ list-style-type: none;

							  margin: 10px 0px 10px 0px;

							  padding: 0px;

							  }



/* body */



body 						{ color: #000000;

							  background-color: #ECECEC;

							  font-family: Lucida Grande, Helvetica, sans-ser;

							  margin: 0px;}



/* header */



#header								{ background-image:url(/images/assets/top_nav_bg.png);

									  background-repeat:repeat-x;

									  height: 190px;

									  width: 100%;

									  text-align: center;}									  

#header-bg

{ 

	

	background-image:url(/images/assets/header.png); 

	background-repeat: no-repeat;

	height: 190px;

	margin: 0px auto 0px;

	width: 968px;



}



#header-banner { height: 90px;

margin: 10px auto 0px;

									  width:728px;}

#header-row-1						{ height: 65px;

									  width: 100%;}

#header-row-2						{ height: 35px;

									  width: 100%;}

#header-row-1-logo					{background-image:url(/images/assets/header-logo.png);

									  float:left;

									  height: 39px;

									 margin-top: 20px;

									 width: 306px;}

#header-row-1-login			 		{background: #cecece;

									 float: right;

									 height:45px;

									 margin-top: 20px;

									 text-align: right;

									 width: 435px;}

									 

#header-row-1-login form			

{



	margin-top: 10px;

	margin-right: 10px;

		

}



.input			

{



	margin-left: 10px;

	padding: 0px;

	float: right;

		

}



#header-row-2-navigation			{float:left;



	margin-left: 10px;



}



#header-row-2-search			 	{float: right;

									 margin-top: 4px;

									 margin-right: 10px;}

#header-navigation					

{

	list-style: none;

	padding: 0px;

	margin: 0px;

	height: 35px;

	background-image: url(http://images.friction.tv/assets/header_bar_left_red.png);

	background-repeat: repeat-x;

}



#header-navigation a

{

	color:#FFF;

	text-decoration: none;

}





#header-navigation ul

{

	padding: 0;

	margin: 0;

	list-style: none;

}



#header-navigation li{

	float: left;

	font-size:12px;

	height:31px;

	padding-left: 0px;

	padding-top: 4px;

	position: relative;

	line-height:24px;

	width: 80px;

}

#header-navigation start

{

	

	font-weight: bold;

	padding-left: 10px;

	

}



#header-navigation li .links

{

	z-index: 9999;

	border-bottom:1px solid #FFFFFF;

	border-left:1px solid #FFFFFF;

	border-right:1px solid #FFFFFF;

	height: 25px;

	width: 80px

	



}



#header-navigation li .links a

{



	margin-top:4px;	

	/*padding-left: 10px;*/

	

}



#header-navigation li ul {

	display: none;

	position: absolute;

	left: 0px;

}



#header-navigation li>ul {

	top: auto;

	left: auto;

}



#header-navigation li:hover ul, li.over ul {

	display: block;

	left: -1px;

	background-color: #c75c1e;

	width: 80x;

	top: 35px;

	padding: 0px;

	margin: 0px;

}



#header-navigation ul li:hover {

	color:#FFF

}



/* content */



#content							{ background: #8a8989;

									  margin: 0px auto 0px;

									  overflow: auto;

									  padding-bottom: 10px;

									  width: 968px;}



#left-column						{ float: left;

									  width: 310px;}

#left-column-holding				{ float: left;

									  width: 648px;}



#centre-column						{ float: left;

									  width: 338px;}



#right-column						{ float: left;

							 		  width: 310px;}

							 		  

#wide-column						{ float: left;

									  width: 648px;}

									  

#debate-column						{ background: #262525;

									  margin-left: 10px;

									  margin-top: 20px;

									  width: 948px;}



#debate-response-column						{width: 968px;}

					  

/* content boxes */



.content-box 						{ background-color: #ffffff;

									  margin-left: 10px;

									  margin-top: 10px;

									  overflow: hidden;}

#left-column-holding .content-box { float: left; width: 638px; }

.content-transparent-box			{ margin-left: 10px;
									  margin-top: 10px; }
.content-transparent-box column		{ width: 300px; }

.content-box column 	            { width: 300px; }

.content-box column featured	    { width: 300px; }

.content-box centre			        { width: 348px; }

.content-box content				{ margin-bottom: 10px;

									  margin-right: 10px;}

.content-box-more					{ float: right;

margin-right: 10px;

	}



/* debates */



.debate-list						{}

.debate-list li						{ color: #666666;

							

									  float: left;

									  margin-bottom: 10px;

									  min-height: 60px;

									  width: 100%;}

.debate-list li img					{ float: left;

										margin-bottom: 10px;

										margin-right: 10px;}

.debate-list li a					{ color: #666666;

									  font-size: 0.8em;

									  font-weight: bold;}

#left-column-holding .debate-list li a					{ color: #ffffff; }
.debate-list li hover				{ color: #666666;}

.debate-list li p					{ font-size: 0.8em;

									  padding: 0px 10px 0px 10px;}
									  
.debate-author-align				{ margin-left: 96px; }

.debate-side						{ height: 20px; }


.agree

{

	color: #1c77d8;	

}

.disagree

{

	color: #da2700;



}



.current-debate-list li				{float: left;

									 margin-right: 18px;}

.added								{ line-height: 20px; }

.video-response-player				{ float: left;  
									  margin-right: 10px; }


.video-response-information			{ float: left; 
									  width: 378px; }

.video-response						{ height: 108px; }


/* join */


.join-success
{
	padding-left:10px;
	margin-right:10px; 
	text-align:center;
	background-color:#B8F5B1;
	border: 2px solid green;
}
.join-error
{
	padding-left:10px;
	margin-right:10px;
	text-align:center;
	background-color:#FF9F9F;
	border: 2px solid red;
}

/* contact */

.contact-success
{
	padding-left:10px;
	margin-right:10px; 
	text-align:center;
	background-color:#B8F5B1;
	border: 2px solid green;
}
.contact-error
{
	padding-left:10px;
	margin-right:10px;
	text-align:center;
	background-color:#FF9F9F;
	border: 2px solid red;
}

/* Form elements */


.form-element-container

{



	float: left;

	margin-top: 10px;

	width: 618px;

	

}



.form-label

{

	

	float: left;

	width: 80px;

	font-size:0.8em;

	text-align: right;

	padding-right: 10px;

	line-height: 20px;

}



/* debate */



#debate {

	width: 928px;

	height: 320px;

	}

#debate #player {

	float: left;

	margin: 10px;

	width: 480px;

	}

#debate #information {

	float: left;

	margin-top: 10px;

	margin-left: 1-px;

	width: 410px;

	}

	

#debate #information .title

{

	color: #FF5603;

	font-size: 1em;

	padding: 0px;	

}


#debate #information .body

{

	color: #ffffff;

	padding: 0px;	

}

#debate-respond {

	display: none;

	overflow: auto; 
	min-height:340px;

	padding: 10px;

	width: 928px;
}



#debate-respond-video {

	float: left;

		height: 320px;

	width: 480px;

}



#debate-respond-video h3{

	margin-bottom: 10px;

}

#debate-respond-text{

	float: right;

	height: 320px;

	width: 428px;

}


#debate-respond .body {
	color: #ffffff;
}


#debate-share {

	display: none;
	padding:10px;

}


#debate-share .body {
	color: #ffffff;
}

#responses p {
	color: #FFF;
}

/* footer */



#footer								{color: #ffffff;

									 background-color: #B0B0B0;

									 background-image:url(/images/assets/footer_bg.png);

									 background-repeat:repeat-x;

									 float: left;

									 font-size: 0.75em;

									 width: 100%;}

#footer-boxes						{ margin: 0px auto 0px;

									  overflow: auto;

									  width:968px;}

#footer-box                         { float: left;

									  margin-left: 10px;

							          width: 232px; 
							          text-align:justify;}

#footer-box a						{ color: #ffffff;

									  text-decoration: none;}

#footer-box a:hover					{ color: #ffffff;

									  text-decoration: underline;}

#footer-box ul li					{ font-size: 1em; }

#footer-box ul						{ list-style-type: none;

							  margin: none;

							  padding: none;}

#footer-box ul li a					{ color: #ffffff;

									  text-decoration: underline;}

#footer-banner						{ margin: 20px auto 20px;

									  width:728px;}

#footer-navigation 				{ margin: 10px auto 10px;

									  text-align: center;

									  width:968px;}
#footer-navigation a			{ color: #ffffff;
									  text-decoration: none;}

#footer-navigation ul				{ margin: auto;

										width: 200px;}

#footer-navigation ul li				{ float: left; }

#footer-navigation ul li a			{ color: #ffffff;

									  text-decoration: none;}

#footer-navigation ul li a:hover		{ color: #ffffff;

									  text-decoration: underline;}



.keyword {

	color: #0069B9;

}



.keyword a {

	color: #0069B9;

}



.keyword a:hover {

	color: #0069B9;

	text-decoration: underline;

}



.start-debate-form-label-container

{



	margin-bottom: 10px;	

	

}



























.user-last-loggedin

{

	

	line-height: 30px;

	font-size: 0.8em;

	

}



.user-username

{

	

	line-height: 30px;

	font-size: 0.8em;

}





































/* header_row_1 



#header_row_1

{



	height: 57px;

	margin: 0 auto;

	overflow: none;

	width: 968px;

	

}



/* header_row_1 



#header_row_2

{



	height: 35px;

	margin: 0 auto;

	overflow: none;

	width: 968px;



}



#header_navigation_menu {

	background-attachment: scroll;

	padding-top: 0px;

	padding-left: 0px;

}





#header_navigation_menu ul 

{ 



	float: left;

	list-style: none;

	padding-top: 0px;

	padding-left: 0px; 

	margin: 0px; 



}



#header_navigation_menu li

{

	float: left;

	padding-left: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-decoration: none; 

	color: #ffffff;

	padding-right: 0px;

	padding-top: 10px;

}



.navigation_start

{

	

	font-weight: bold;

	padding-left: 10px;

	

}



#navigation_home{padding-left:10px}



#header_navigation_menu li a

{

	float: left;

	margin: 0 0.15em;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: none;

}



#header_navigation_menu li a:hover

{

	float: left;

	margin: 0 0.15em;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: underline;

}



#header_navigation_menu li a:active

{

	float: left;

	margin: 0 0.15em;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: underline;

}



#header_navigation_menu li a:visited

{

	float: left;

	margin: 0 0.15em;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

}



#upload_menu{

	list-style: none;

	padding: 0px;

	margin: 0px;

	margin-left: 28px;

	height: 35px;

	background-image: url(/images/assets//assets/header_bar_left_red.png);

	background-repeat: repeat-x;

}



#upload_menu a{

	color:#FFF;

	text-decoration: none;

}





#upload_menu ul {

	padding: 0;

	margin: 0;

	list-style: none;

}



#upload_menu li {

	float: left;

	position: relative;

	width: 110px;

	height:35px;

	padding-left: 0px;

	font-size:12px;

}





#upload_menu li .links

{



	border-bottom:1px solid #FFFFFF;

	border-left:1px solid #FFFFFF;

	border-right:1px solid #FFFFFF;

	height: 25px;

	width: 110px

	



}



#upload_menu li .links a

{



	margin-top:4px;	

	padding-left: 10px;

	

}



#upload_menu li ul {

	display: none;

	position: absolute;

	left: 0;

}



#upload_menu li>ul {

	top: auto;

	left: auto;

}



#upload_menu li:hover ul, li.over ul {

	display: block;

	left: -1px;

	background-color: #c75c1e;

	width: 115x;

	top: 35px;

	padding: 0px;

	margin: 0px;

}



#upload_menu ul li:hover {

	color:#FFF

}











#category_menu{

	list-style: none;

	padding:0px;

	margin:0px;

	margin-left:28px;

	height:35px;

	display:block;

}



#category_menu a{

	color:#FFF;

	text-decoration:none;

}





#category_menu ul {

	padding: 0;

	margin: 0;

	list-style: none;

}



#category_menu li {

	float: left;

	position: relative;

	width: 100px;

	height: 25px;

	padding-left: 5px;

	font-size: 12px;

}



#category_menu li .links{

	border-bottom: 1px solid #FFFFFF;

	border-left: 1px solid #FFFFFF;

	border-right: 1px solid #FFFFFF;

	padding-top: 0px;

	width: 100px

}



#category_menu li .links a{

	margin-top:4px;	

}



#category_menu li ul {

	display: none;

	position: absolute;

	left: 0;

}



#category_menu li>ul {

	top: auto;

	left: auto;

}



#category_menu li:hover ul, li.over ul {

	display: block;

	left: -1px;

	background-color: #414141;

	top:35px;

	padding:0;

	margin:0;

	width:105px;

	padding-top: 0px;

	left:0px;

}



#category_menu ul li:hover {

	color:#FFF

}





#partner_menu{

	list-style: none;

	padding:0px;

	margin:0px;

	margin-left:28px;

	height:35px;

	display:block;

}



#partner_menu a{

	color:#FFF;

	text-decoration:none;

}





#partner_menu ul {

	padding: 0;

	margin: 0;

	list-style: none;

}



#partner_menu li {

	float: left;

	position: relative;

	width: 11em;

	height:25px;

	padding-left:5px;

	font-size:12px;

}



#partner_menu li .links{

	border-bottom:1px solid #FFFFFF;

	border-left:1px solid #FFFFFF;

	border-right:1px solid #FFFFFF;

	width:132px

}



#partner_menu li .links a{

	margin-top:4px;	

}



#partner_menu li ul {

	display: none;

	position: absolute;

	left: 0;

}



#partner_menu li>ul {

	top: auto;

	left: auto;

}



#partner_menu li:hover ul, li.over ul {

	display: block;

	left: -1px;

	background-color:#525252;

	top:35px;

	padding:0;

	margin:0;

	width:142px;

	padding-top:10px;

	left:0px;

}



#partner_menu ul li:hover {

	color:#FFF

}



/* content 



#old_content

{



	background-attachment: scroll;

	background-color: #8A8989;

	margin: 0 auto;

	overflow: auto;

	padding-bottom: 10px;

	width: 968px;

		

}



/* column 



#column

{







}



.column_box

{



	background-color: #FFFFFF;

	margin-bottom: 0px;

	margin-left: 10px;

	margin-top: 10px;

	margin-right: 0px;

	text-align: left;

	width: 300px;

	

}



.centre_column_box

{



	background-color: #FFFFFF;

	margin-bottom: 0p;

	margin-left: 10px;

	margin-top: 10px;

	margin-right: 0px;

	text-align: left;

	width: 328px;

	

}



/* left column 



#left_column

{



	float: left;



}



/* centre column 



#centre_column

{



	float: left;



}



/* right column



#right_column

{



	float: left;



}





// boxes



/* column_box_title_large 



.column_box_title_large

{



	color: #FF5603;



}



/* column_box_title_link 



.column_box_title_link

{



	color: #FF5603;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.25em;

	line-height: 32px;

	text-decoration: none;



}



.column_box_title_link a

{



	color: #FF5603;

	text-decoration: none;

}





.column_box_title_link a:hover

{



	color: #FF5603;

	text-decoration: underline;

}





.column_box_title_link a:active

{



	color: #FF5603;

	text-decoration: none;

}





.column_box_title_link a:active

{



	color: #FF5603;

	text-decoration: none;

}



/* column_box_more 



.column_box_more

{



	float: right;

	

}



/* column_box_more_link 



.column_box_more_link

{



	color: #FF5603;

	text-decoration: none;

}



/* debate_container



.debate_container

{

	margin-top: 10px;

	overflow: auto;

	width: 260px;

	

}

/* debate_container_large



.debate_container_large

{



	margin-top: 10px;

	overflow: auto;

	width: 308px;

	

}



/* video_thumb 

.video_thumb

{



	float: left;

	height: 56px;

	width: 100px;



}



/* video_thumb 



.video_thumb_small

{



	float: left;

	height: 42px;

	width: 75px;



}



/* video_thumb_large 



.video_thumb_large

{



	float: left;

	height: 72px;

	width: 128px;



}



/* video_details



.video_details

{



	

	float: left;

	margin-left: 10px;

	margin-right: 0px;

	width: 150px;



}



/* video_details_large 

.video_details_arge

{



	

	float: left;

	margin-left: 10px;

	margin-right: 10px;

	width: 160px;



}



/* video_thumb_text

.video_details_text

{

	

	color: #484645;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.65em;

	margin-top: 0px;

	

}



/* video_thumb_large_text 

.video_details_large_text

{

	

	color: #484645;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.65em;

	margin-top: 0px;

	

}



/* video_thumb_title_link



.video_thumb_title_link

{



	color: #484645;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: bold;

	text-decoration: none;



}



.video_thumb_title_link a

{



	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.25em;

	text-decoration: none;



}



.video_thumb_title_link a:hover

{



	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.25em;

	text-decoration: underline;



}



.video_thumb_title_link a:active

{



	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.25em;

	text-decoration: none;



}



.video_thumb_title_link a:visited

{



	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.25em;

	color: #484645;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.75em;

	text-decoration: none;



}



/* video_thumb_large_title_link 

.video_thumb_large_title_link

{



	color: #484645;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: bold;

	text-decoration: none;



}



.video_thumb_large_title_link a

{



	color: #484645;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: bold;

	text-decoration: none;



}



.video_thumb_large_title_link a:hover

{



	color: #484645;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: bold;

	text-decoration: underline;



}



.video_thumb_large_title_link a:active

{



	color: #484645;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: bold;

	text-decoration: none;



}



.video_thumb_large_title_link a:visited

{



	color: #484645;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-decoration: none;



}



/* video_large_agree_text



.video_large_agree_text

{



	color: #0379D6;



}



/* video_large_agree_text 

.video_large_disagree_text

{



	color: #E01E04;



}



.username_link

{



	color: #FF5603;

	text-decoration: underline;



}



/* new_debates

.new_debates

{



	margin-bottom: 0px;

	margin-left: 10px;

	margin-right: 10px;

	margin-top: 10px;

	overflow: auto;



}



/* hot_debates



/*hot_debates

{



	margin-bottom: 0px;

	margin-left: 10px;

	margin-right: 0px;

	margin-top: 10px;

	overflow: auto;

	padding-top: 10px;



}





/* current_debates

.current_debates

{



	margin-bottom: 10px;

	margin-left: 10px;

	margin-right: 10px;

	margin-top: 10px;

	overflow: auto;

	padding-top: 10px;

	width: 280px;

}



/* adverts

#ad300x300

{



	width: 300px;

	margin-left: 10px;

	margin-top: 10px;



}



/* introduction 

#introduction

{



	margin-bottom: 10px;

	margin-left: 10px;

	margin-right: 10px;

	margin-top: 10px;

	overflow: auto;

	padding-bottom: 10px;

	padding-top: 10px;

}



.introduction_text

{



	color: #333333;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.65em;



}



/* featured debtae

#featured_debate

{



	margin-left: 10px;

	margin-right: 0px;

	margin-top: 10px;

	overflow: auto;	

	padding-top: 10px;

	width: 280px;

	

}



/* poll 



#poll

{



	margin-left: 10px;

	margin-right: 0px;

	margin-top: 10px;

	overflow: auto;	

	padding-top: 10px;

	width: 280px;

	

}



/* tag_cloud

#keywords

{



	margin-left: 10px;

	margin-right: 0px;

	margin-top: 10px;

	overflow: auto;	

	padding-top: 10px;

	width: 280px;

	

}





#footer_navigation 

{



	margin: 0 auto;

	padding-top: 10px;

	text-align: center;

	width: 668px;

		

}



#footer_navigation ul { 

	list-style: none; padding: 0; margin: 0; 

	float: left;

}



#footer_navigation li

{

	float: left;

	margin: 0 0.15em;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: normal;

}



#footer_navigation li a

{

	float: left;

	margin: 0 0.15em;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	text-decoration: underline;

	font-weight: normal;

}



#footer_leaderboard 

{



	margin: 0 auto;

	text-align: center;

	width: 728px;

		

}