/* 
Website:	Who To See LIVE
URL:		http://www.whotoseelive.com
Version:	2 (October, 2009)
Author:		Tom Cash
URL:		http://www.tomcash.co.uk

HTML Attributes */
body{ background: #E1E1DD; margin-top: 15px; margin-bottom: 15px; }
a:link, a:visited, a:active{ text-decoration: none; color: #D6156C; outline: none; }
a:hover { text-decoration: none; color: #333; }
h1 {font-family: arial, verdana, sans-serif; font-size: 12pt; margin-top: 0px; margin-bottom: 4px; padding: 0; color: #0B8C8F; }
h2 {font-family: arial, verdana, sans-serif; font-size: 11pt; margin-top: 0; margin-bottom: 4px; padding: 0; color: #0B8C8F; }
p{ font-family: arial, verdana, sans-serif; font-size: 10pt; color: #2C2825; text-align: justify; line-height: 150%; margin-top: 0;margin-bottom: 10px; padding: 0; }
ul{ font-family: arial, verdana, sans-serif; font-size: 10pt; color: #333; list-style: square; display: block; margin-top: 4px; margin-bottom: 10px; }
span{ margin: 0; padding: 0; font-family: arial, verdana, sans-serif; font-size: 9pt; color: #333; }
form{ padding: 0; margin-top: 4px; font-family: arial, verdana, sans-serif;font-size: 10pt; color: #333; line-height: 150%; }

/* Layout Attributes */
#container {
width: 990px;
margin: auto;
background: URL(layout/content-bg.gif) repeat-y #E1E1DD;
}

#header {
width: 990px;
height: 53px;
background: URL(layout/header.gif) no-repeat #2C2825;
}

#header-logo{
padding-left: 10px;
width: 280px;
padding-top: 5px;
height: 48px;
float: left;
}

	#header-links{
	padding-right: 15px;
	width: 375px;
	height: 53px;
	float: left;
	font-family: arial, verdana, sans-serif;
	font-size: 10pt;
	line-height: 50px;
	text-align: right;
	}

	#header-search{
	padding-right: 10px;
	padding-left: 5px;
	width: 295px;
	height: 39px;
	padding-top: 14px;
	float: left;
	}

#navigation-container {
margin-left: 10px;
width: 170px;
background: #D6166C;
float: left;
}

	#nav-logo{
	padding-left: 32px;
	padding-top: 6px;
	border: 0;
	}

	/* UL Attributes for Navigation */
	#navigation {
	list-style: none;
	padding: 0;
	margin: 0;
	}

	#navigation li.title{
	font-family: arial, verdana, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	display: block;
	height: 22px;
	line-height: 22px;
	color: #2B2825;
	width: 158px;
	padding-right: 4px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 6px;
	background: #DA4186;
	text-align: right;	
	}

	#navigation li a{
	font-family: arial, verdana, sans-serif;
	font-size: 10pt;
	display: block;
	height: 22px;
	line-height: 22px;
	color: #E1E1DD;
	width: 158px;
	padding-left: 4px;
	margin-left: 4px;
	margin-right: 4px;
	text-align: left;	
	}

	#navigation li a:hover{
	color: #2B2825;
	background: #DA4186;
}

#content {
margin-right: 10px;
width: 788px;
padding: 6px;
float: left;
background: #FFF;
}

#footer {
clear: both;
width: 990px;
height: 53px;
background: URL(layout/footer.gif) no-repeat #2C2825;
font-family: arial, verdana, sans-serif;
font-size: 10pt;
line-height: 53px;
color: #FFF;
}

	#footer-logo{
	width: 230px;
	height: 53px;
	float: left;
	}

	#footer-links{
	width: 740px;
	height: 53px;
	padding-right: 10px;
	float: left;
	text-align: right;
	}

/* List Header Attributes - For Pagination */
#list-header{
width: 780px;
height: 14px;
padding-left: 4px;
padding-right: 4px;
padding-top: 8px;
padding-bottom: 6px;
float: left;
font-family: arial, verdana, sans-serif;
font-size: 10pt;
background: #FFF;
}

	#list-header-left{
	width: 390px;
	float: left;
	}

	#list-header-right{
	width: 390px;
	float: left;
	text-align: right;
	}

/* Custom Link Attributes */

/* White */
a.white-link:link, a.white-link:visited, a.white-link:active   {
text-decoration: none;  
color: #FFF;
}

a.white-link:hover {
text-decoration: none;  
color: #2C2825;
}

/* Teal */
a.teal-link:link, a.teal-link:visited, a.teal-link:active   {
text-decoration: none;  
color: #0B8C8F;
}

a.teal-link:hover {
text-decoration: none;  
color: #2C2825;
}

/* Black */
a.black-link:link, a.black-link:visited, a.black-link:active   {
text-decoration: none;  
color: #2C2825;
}

a.black-link:hover {
text-decoration: none;  
color: #D6156C;
}

/* Navigation Links */
a.nav-link:link, a.nav-link:visited, a.nav-link:active   {
text-decoration: none;  
color: #FFF;
margin-left: 15px;
}

a.nav-link:hover {
text-decoration: none;  
color: #0B8C8F;
margin-left: 15px;
}

/* Customer Paragraph & Span Attributes */
p.error{
font-family: arial, verdana, sans-serif;
font-size: 10pt;
color: #D6166C;
text-align: justify;
line-height: 150%;
margin-top: 0;
margin-bottom: 10px;
padding: 0;
}

span.error{
margin: 0;
padding: 0;
font-family: arial, verdana, sans-serif;
font-size: 9pt;
color: #D6166C;
}

/* Form Attributes */
.form-textarea{
font-family: "courier new", verdana, arial, sans-serif;
font-size: 13pt;
border: 1px solid #666;
color: #333;
padding: 4px;
}

.form-left{
width: 290px;
height: 50px;
padding: 0;
float: left;
}

.form-right{
width: 498px;
height: 40px;
float: left;
padding-top: 10px;
}

.form-right-radio{
width: 498px;
height: 36px;
float: left;
padding-top: 14px;
}

.form-left-message{
width: 290px;
height: 150px;
padding: 0;
float: left;
}

.form-right-message{
width: 488px;
height: 150px;
padding: 0;
float: left;
}

.form-button{
width: 499px;
padding-left: 289px;
height: 26px;
padding-top: 10px;
clear: both;
}

/* Search Bar Attributes */
form#search{
margin: 0;
}

.header-search-textarea { 
font-family: "Courier New";
font-size: 10pt;
color: #666;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 28px;
padding-right: 3px;
border: 0;
background: #FFF url(layout/search.jpg) 5px no-repeat;
}

.page_name_auto_complete li{
list-style:none;
width: 285px;
padding: 2px;
background: #FFF;
border-bottom: 1px solid #2C2825;
border-left: 1px solid #2C2825;
border-right: 1px solid #2C2825;
}

.page_name_auto_complete li:hover{
background: #E1E1DD;
list-style:none;
}

.page_name_auto_complete{
float: left;
margin-left: -40px;
}

/* Help / FAQs: Member Rank System Table Attributes */
#faqs-rank-container{
margin-left: 30px;
margin-bottom: 10px;
font-family: arial, verdana, sans-serif;
font-size: 10pt;
color: #2C2825;
}

.faqs-rank-left{
width: 110px;
height: 20px;
float: left;
}

.faqs-rank-right{
width: auto;
height: 20px;
}

/* Image Attributes */
.image-right{
float: right;
border: 0;
margin: 0;
}

.image-icon{
border: 0;
margin-bottom: -3px;
}

.avatar-gallery{
border: 1px solid #CCC;
margin: 2px;
}

/* Twitter Page Attributes */
.twitter-top{
margin: auto;
margin-bottom: -5px;
width: 720px;
height: 38px;
padding-right: 20px;
background: URL('layout/twitter-top.gif') bottom no-repeat #FFF;
text-align: right;
font-family: arial, verdana, sans-serif;
font-size: 10pt; 
font-weight: bold;
color: #D6166C; 
}

.twitter-bottom{
margin: auto;
margin-bottom: 10px;
width: 732px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 4px;
height: auto;
color: #000;
background: URL('layout/twitter-bottom.gif') bottom no-repeat #E1E1DD;
font-family: arial, verdana, sans-serif;
font-size: 10pt; 
color: #2C2825; 
line-height: 150%;
}