/* 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
{

	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;}

#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: 10px;
									  width: 948px;}

#debate-response-column						{width: 968px;}
					  
/* content boxes */

.content-box 						{ background-color: #ffffff;
									  margin-left: 10px;
									  margin-top: 10px;
									  overflow: hidden;}
.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;}
.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: #ffffff;
	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;
}

/* 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;
		
}