@charset "UTF-8";
/* CSS Document */
@import url('reset.css');
@import url('form.css');

/******************************************************************************************************************************
Global Styles
*****************************************************************************************************************************/
body
	{ 
	background:url(../images/bg.jpg) repeat-x; 
	color:#666666; 
	font-family:Helvetica, Arial, sans-serif; 
	font-size:62.5%;text-align:center;
	}
	
a
	{
	outline:none;
	color:#000;
	text-decoration:none;
	}
	
a:hover
	{
	text-decoration:
	underline;
	}
	
h1,h2,h3,h4
	{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	}

.bold{font-weight:bold;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.italic{font-style:italic;}
.uline{text-decoration:underline;}
.none{text-decoration:none;}

.padding{padding:15px;}
.padding10{padding:10px;}

.vmiddle{vertical-align:middle;}

.description ol{list-style-type: decimal;list-style-position:outside;margin:1em 0 0 2em;}
.description ol li{margin:0 0 1em 0;}
/******************************************************************************************************************************
Header Tags
*****************************************************************************************************************************/
.heading
	{
	color:#000;
	padding-bottom:10px;
	font-size:18px;
	font-weight:bold;
	}
	
.heading2
	{ 
	padding:5px 0 5px 20px; 
	margin:0px; 
	font-size:12px; 
	background-color:#BBEEFF; 
	color:#000; 
	font-weight:bold;
	}	

.sub{ background:url(../images/bg-sub.jpg) repeat-x;}
#wrapper{ font-size:1.4em;margin:0 auto;text-align:left; width:70.0em;}

/******************************************************************************************************************************
Container Header Tags
******************************************************************************************************************************/
.header{background:url(../images/header-bg.jpg) repeat-x; color:#434343; height:360px; padding:4px 0 13px;}
.header-sub{background:url(../images/header-sub-bg.jpg) repeat-x;color:#434343; height:199px; padding:4px 0 13px;}
.header .logo{display:inline; float:left; padding-bottom:2px;}
.callto{background:url(../images/callto-bg.jpg) right top no-repeat; clear:both; color:#fff;height:316px; /*position:relative;*/ top:6px; width:70em;}
/* background:url(../images/callto-bg.jpg) right top no-repeat;*/
* html .callto{ clear:both;top:4px;}
.callout{background:url(../images/callout-bg.gif) no-repeat; height:316px; width:425px;}
.callout h1{color:#fff;font-size:2.4em; font-weight:bold; letter-spacing:-.05em; padding:45px 0 0 35px;}
.callout p{ font-size:1.2em; height:135px; line-height:1.0em; padding:0 45px 0 45px; width:19.5em;}
.callout p a{ color:#33ccff; padding:2px 0px;}
.callout p a:hover{ background-color:#fff;color:#eb2dc1; padding:2px 0; text-decoration:none;}
.callout-btns{margin:7px 0 0 65px;}
.callout-btns a{margin-right:20px;}


.promo{background:url(../images/promo-bg.jpg) no-repeat; float:right; height:316px;width:445px;}
.promo p{margin:100px 35px 35px 100px;line-height:1.0em;}
.promo p a{ color:#33ccff; padding:2px 0px;}
.promo p a:hover{ background-color:#fff;color:#eb2dc1; padding:2px 0; text-decoration:none;}
.star{color:#EB2DC1;}

/******************************************************************************************************************************
Container Body Tags
*******************************************************************************************************************************/

.content{ background: #fff url(../images/content-bg.gif) repeat-x 0 -5%; min-height:500px; overflow:auto; padding:10px 0 25px 0;}
* html .content{height:500px; overflow:visible;}
/*.search {padding:10px 10px 0 10px;}*/
.browse-link{float:right; font-size:.7em; margin:5px 135px 0 0;}
.browse-link:hover{ text-decoration:underline;}
.welcome{margin:50px 0; width:70em;color: #666666;}
.welcome div{float:left;}
.welcome div p{line-height:1.6em;}
.welcome a{ color:#33ccff; background-color:#434343; padding:2px 5px;}
.welcome a:hover{ color:#eb2dc1; text-decoration:none;}
.welcome span{ color:#33ccff; background-color:#434343; padding:2px 5px;}
.welcome span:hover{ color:#eb2dc1; text-decoration:none;}
.read,.write,.find{width:19.7em;}
.read{ margin:0 0 0 25px;}
* html .read{width:19em;}
.write{ margin:0 50px 0 50px;}
* html .write{width:19em;}
.find{margin:0 25px 0 0;}
* html .find{ width:19em;}
.welcome h2{background:url(../images/arrow.gif) bottom left no-repeat;border-bottom:#eb2dc1 2px solid; color:#434343;font-size:1.8em; font-weight:bold; margin-bottom:1em; padding:10px 0 0 50px;}
.featured{ clear:both; float:left; margin:25px 0 25px 25px; width:42.8em; }
* html .featured{width:41em;}
.featured p{line-height:1.4em; margin-bottom:1em;}
.featured p.info{line-height:1.4em; margin-bottom:0;}
.featured h1, .latest h1, .review h1, .homegenres h1, .subgenres h1{background:url(../images/arrow-blue.gif) bottom left no-repeat;border-bottom:#33ccff 2px solid;  color:#434343;font-size:1.8em; font-weight:bold; margin-bottom:1em; padding:10px 0 0 50px;}
.featured h2 a{border-bottom:#eb2dc1 2px solid; color:#434343;font-size:1.4em; font-weight:bold; padding:10px 0 0 0;}
.featured h2{margin-bottom:1em;}
.featured h2 a:hover{border-bottom:#33CCFF 2px solid; text-decoration:none;}
.featured abbr{border:0;color:#eb2dc1; margin-top:10px;}
.latest{ float:left; width:19.7em; margin:25px 25px 25px 50px;}
.latest h3 a{color: #434343; font-weight:bold;}
.latest h3 a:hover{color: #000;text-decoration:none;}
.latest p{ margin:10px;}
.latest li{clear:both; margin-bottom:2em;}
* html .latest{float:right; clear:left;}
.latest abbr{color:#33ccff;}

.sub .latest{margin-top:54px;}
/*browse*/
.homegenres{ float:left; width:19.7em; margin:25px 25px 25px 50px;}
* html .homegenres{}
.subgenres{ float:left; width:19.7em; margin:20px 25px 25px 50px;}
* html .subgenres{float:right; clear:left;}
/*login*/
.login{ margin-left:130px;}
/*review*/
.review{clear:both; float:left; margin:20px 0 25px 25px; width:42.8em; }
.review h2{color:#434343;font-size:1.4em; margin-bottom:5px;}
.review h3{font-style:italic; margin:5px 0 10px}
.review .item{margin-bottom:10px;}
.review em{ font-size:1.0em;}
.review p{line-height:1.3em;}
.share{margin-bottom:1em; width:23em;border-bottom:2px solid #33ccff; padding-bottom:.8em;}
.share p{border-bottom:2px solid #33ccff;color:#434343;margin-bottom:.8em;}
.share a{margin-right:10px; color:#666666; font-size:.8em;}
.review abbr{border:0;font-size:1.4em;line-height:1.4em; cursor:default;}
 html .fb_share_link{ padding:2px 0 12px 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?55:26981) no-repeat top left;}
.digg{ padding:2px 0 12px 20px; height:16px; background:url(../images/digg.gif) no-repeat top left;}
.delicious{ padding:2px 0 12px 20px; height:16px; background:url(../images/delicious.gif) no-repeat top left;}
.stumble{ padding:2px 0 12px 20px; height:16px; background:url(../images/stumble.gif) no-repeat top left;}
.youtube{margin:25px 0 25px 0;}
div#videoBar{width:37.9em; overflow:hidden;}
span.type{display:none;}
.redcolor { color:#8A0A07;} 
.sign{height:20px;  width:100px; border:0px solid #ffffff; background:#323062; font-size:12px; color:#fff; font-weight:bold;} 
.sign_search{height:20px;  width:100px; border:0px solid #ffffff; background:#323062; font-size:12px; color:#FFFFFF; font-weight:bold;} 
/* for more */
.more{ padding-right:20px; padding-top:20px; padding-bottom:10px; font-size:13px; font-weight:bold; color:#8A0A07;}
.more1{ padding-right:20px; padding-top:50px; padding-bottom:30px; font-size:13px; font-weight:bold; color:#8A0A07;}
.more2{ padding-right:20px; padding-top:5px; padding-bottom:5px; font-size:13px; font-weight:bold; color:#8A0A07;}
/* for more over */
#banners{ text-align:center; padding-bottom:10px;}	
.new{ padding-left:20px; padding-right:10px; padding-top:10px;}
.new1{ border-right:1px solid #D1D1D1;}
.new2{ border-right:0px solid #D1D1D1;}	
.redcolor { color:#8A0A07;} 
.sign{height:20px;  width:100px; border:0px solid #ffffff; background:#323062; font-size:12px; color:#fff; font-weight:bold;} 
.sign_search{height:20px;  width:100px; border:0px solid #ffffff; background:#323062; font-size:12px; color:#FFFFFF; font-weight:bold;} 
.life_science_dark{background:#323062; padding:3px 0px 3px 0px; text-align:left; color:#fff;}
.newsh{ background-color:#323062; color:#FFFFFF;}
.newsb{ background-color:#F6F5FA; color:#000000;}		
#main{ width:900px; margin:0 auto; background-color:#fff; clear:both;  color:#000000; font-weight:normal; border-left:1px solid #D1D1D1; border-right:0px solid #D1D1D1;}	
#middle{ width:910px; margin:0 auto; background-color:#fff; }
.form_td2{padding-bottom:8px;}
.form_td3{padding: 15px 0px 8px 90px;}
.date_index
{font-size:12px; border-bottom:0; text-decoration:none;}

.pending{color:#EB2DC1; font-size-adjust:none;  font-size:9px; font-weight:normal;}
/******************************************************************************************************************************
Left Menu Part Tags
*******************************************************************************************************************************/
#menu_left 
	{
	margin:0px;
	font-size:12px;
	}			
	
#menu_left ul 	
	{
	margin:0px;
	padding:0px;
	}
	
#menu_left ul li
	{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
#menu_left ul li a
	{
	background-color:#F5FDFF;
	color:#000000;
	text-decoration:none;
	display:block;
	padding:6px 0px 6px 10px;
	border-bottom:1px solid #BFEFFF;
	}
	
#menu_left ul li a:hover
	{
	background-color:#BFEFFF;
	text-decoration:none;
	}				

.head_cat
	{
	background:#BFEFFF;
	color:#000;
	padding:7px 0px 7px 10px;
	border-bottom:1px solid #D1D1D1;
	font-weight:bold;
	width:209px; 
	}

#header
	{
	width:850px;
	margin:0 auto;
	height:34px;
	}

/******************************************************************************************************************************
Link Tags
*******************************************************************************************************************************/
/* for links */


A.linkm{ color:#EB2DC1; font-size:13px; font-weight:bold; text-decoration:none;}
A:HOVER.linkm{ color:#33CCFF; font-size:13px; font-weight:bold; text-decoration:none;}

A.link1{ color:#EB2DC1; font-size:11px; text-decoration:underline;}
A:HOVER.link1{ color:#33CCFF; font-size:11px; text-decoration:underline;}

A.link2{ color:#FFFFFF; font-size:11px; text-decoration:none;}
A:HOVER.link2{ color:#F8F1D3; font-size:11px; text-decoration:none;}
/* for links over */

.top_border{width:100%; height:5px; background-color:#D1D1D1;}
.content_header{padding-left:20px; margin:0px; font-size:11px; background-color:#F8F1D3; color:#8A0A07; padding-bottom:0px; height:20px; padding-top:5px;}
.ind_but{height:24px; margin-top:3px;  width:100px; border:0px solid #ffffff; background:#8A0A07; font-size:12px; color:#fff; font-weight:bold;}

.confirm_upgrade{height:20px;  width:120px; border:0px solid #ffffff; background:#8A0A07; font-size:12px; color:#fff; font-weight:bold;} 

.user_type{font-size:12px; font-weight:bold; color:#8A0A07;}

.empty{font-size:0.97em; font-weight:bold; color:#000000;}

A.botnav{ text-decoration:none; color:#EB2DC1; font-weight:bold; font-size:11px;}
A:HOVER.botnav, A:active.botnav{ text-decoration:none; color:#33CCFF;}

A.nav1{ color:#33CCFF; text-decoration:none; font-weight:bold;}
A:HOVER.nav1, A:active.nav1{ color:#EB2DC1;}

A.link{ color:#33CCFF; font-size:11px; text-decoration:none; font-weight:bold;}
A:HOVER.link, A:active.link{ color:#EB2DC1;}


A.red{ text-decoration:none; color:#EB2DC1; font-weight:bold;}
A:HOVER.red{ text-decoration:none; color:#33CCFF; font-weight:bold;}
A:active.red{ text-decoration:none; color:#33CCFF; font-weight:bold;}

/******************************************************************************************************************************
Container Form Tags
***********************************************************************************************************************************/
select{margin-bottom:1em;}
.textinput
	{
	width:236px;
	height:15px;
	border-color:#BBBBBB;
	border-style:solid;
	border-width:2px 1px 1px;
	padding:4px 8px;
	margin-bottom:1em;
	}
/*background:url(../images/input.gif) no-repeat left top;
*/
.textarea, .textareaHovered 
	{
	width:336px;
	height:125px;
	border-color:#BBBBBB;
	border-style:solid;
	border-width:2px 1px 1px;
	padding:4px 8px;
	}
/*	background:url(../images/textarea.gif) no-repeat left top;
*/
.textareaHovered 
	{
	background-position:left bottom;
	}

.buttonSubmit, .buttonSubmitHovered 
	{
	height:22px;
	color:#000;
	font-weight:bold;
	padding:2px 5px;
	background:#FFFFAF ;
	cursor:pointer;
	border:1px solid #000;
	}

.buttonSubmit:Hover 
	{
	height:22px;
	color:#000;
	font-weight:bold;
	padding:2px 5px;
	background:#FFFFAF ;
	cursor:pointer;
	border:1px solid #000;
	}	


/******************************************************************************************************************************
Container Footer Tags
******************************************************************************************************************************/
#footer 
	{
	clear:both;
	width:100%;
	font-size:1.2em;
	color:#434343;
    background:#000 url(../images/footer-bg.jpg); background-repeat:repeat-x;
	}
	
ul#bot
	{
    background:#000 url(../images/footer-bg.jpg); background-repeat:repeat-x;
	width:1004px;
	list-style-type: none;
	margin: 0 auto;
	padding: 10px 0px 4px 0px;
	height:81px;
	}		 
		 
ul#bot .le {width:100px; float: left; padding:10px 0 0 45px;}
ul#bot .mi { width:50%; float:left; text-align:center; padding:10px 0 0 80px;}
ul#bot .mi a { color:#434343; text-decoration:none; margin:10px 5px 0 5px; }
ul#bot .ri { width:100px; float: right; padding-right:20px;}
ul#bot .ri a {color:#434343; text-decoration:none;}

#bot a:hover 
	{ 
	color:#000;
	text-decoration:none; 
	border-bottom:1px solid #000;
	} 
#footer a img{border:0;}
#footer #bot ri a:hover {text-decoration:none; border:0;}

/******************************************************************************************************************************
Index Page Tags
******************************************************************************************************************************/
.f_image{border:1px solid #FFCC00; margin:10px; margin-top:0;}
.ltd{padding-bottom:20px;}
.readmore{float:right; padding-top:5px;}
a.readmore{ text-decoration:none; color:#EB2DC1; font-weight:bold; font-size:11px;}
a:hover.readmore, A:active.readmore{ text-decoration:none; color:#33CCFF;}




/******************************************************************************************************************************
Genres(categories) Tags
******************************************************************************************************************************/
.list{font-weight:bold; color:#000000; font-size:12px;}
.comment{padding-right:15px; font-size:11px;  font-weight:bold;}
.pad1{padding-bottom:12px;}
.lpad{padding-left:10px;}
.name{font-weight:bold; color:#000000;}
.show{background-color:#F5FDFF; padding:7px;}
.img{border:1px solid #FFCC00; margin:2px; margin-right:10px; margin-bottom:10px;}
.lmargin5{margin-left:5px;}
.td{text-align:right; padding-right:50px;}
.botnav2{ font-size:12px;}
a.botnav2{ text-decoration:none; color:#EB2DC1; font-weight:bold; font-size:11px;}
a:hover.botnav2, A:active.botnav2{ text-decoration:none; color:#33CCFF;}
.img2{background-color:#F5FDFF; border:0px solid red; padding:10px;}
.hr{background-color:#33CCFF; }
.hr2{margin: 5px 0px 10px 0px;background-color:#33CCFF;}

.pagination{margin:1em 0;}

.cmts{font-size:11px; font-style:oblique; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666;}
.cmts2{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666;}

/*listings*/
.status{color:#EB2DC1; font-weight:bold;}
.name2{font-size:11px; color:#000000; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif;}
.p1{padding-left:200px; padding-top:0px;}
.p2{padding-left:285px; font-weight:bold;}
.company{font-family:Georgia, 'Times New Roman', Times, serif; font-size:18px; font-weight:bold; color:#EB2DC1;}
.bor{border:1px solid #FFCC00;}
.width{ width:96%;}
.p3{padding-left:30px;}
.p4{padding-left:100px;}
.p5{padding:25px 0px 8px 300px;}
.width2{width:220px;}
.lheight{line-height:20px;}
.lmargin{margin-left:15px;}
.font{font-size:11px;}
.pad5{padding-top:10px;}
.music{margin:0 0 25px 0;}
.events{}
ul.events li{overflow:auto; margin-bottom:1.5em}
.events .date{width:50px; float:left; font-size:22px; text-align:center;}
.events .details{border-left:1px solid;width:180px; float:left; padding:0 8px;}
.events .details p{margin:0;font-size:12px; line-height:1.4em;}
.events .details a.readmore{float:none;}
.events .tickets{width:26px; float:left;}
.events a img{border:0;}
.eventful-small {position: relative; width: 280px; font-size: 11px;line-height: 11px;margin-bottom:2em;text-align:right;}
.eventful-small p{padding:0;}

/*******************************************************************************************************************************
Search Results
*******************************************************************************************************************************/
ul.searchresults{ }
ul.searchresults li{border-bottom:2px solid #33CCFF; margin:10px 0 0 0; overflow:auto; padding: 0 0 10px 0;}
ul.searchresults li h2{ display:inline; float:left;}
*html ul.searchresults li {height:175px;}
ul.searchresults li abbr{ float:right;}
* html ul.searchresults .rating{ float:right;}

ul.searchresults li p.comments{ display:inline; float:left; margin-top:10px;}
ul.searchresults li p.readmore{ float:right; padding-top:0px; margin-top:10px;}
ul.searchresults li p.readmore a{ background:url(/images/bullet.gif) no-repeat right; padding-right:14px;}
ul.searchresults li p.venue{clear:both;margin:5px 0 10px;}
/*******************************************************************************************************************************
Profile page
*******************************************************************************************************************************/
.profile{margin:50px 0;}
.profile h1{background:url(../images/arrow-blue.gif) bottom left no-repeat;border-bottom:#33ccff 2px solid;  color:#434343;font-size:1.8em; font-weight:bold; margin-bottom:1em; padding:10px 0 0 50px;}
.account,.allgenres,.profilelatest{width:19.7em;float:left;}
.account{ margin:0 0 0 25px;}
* html .account{width:19em;}
.profilelatest{ margin:0 50px 0 50px;}
* html .profilelatest{width:19em;}
.allgenres{margin:0 25px 0 0;}
* html .allgenres{ width:19em;}
.profilelatest h3 a{color: #434343; font-weight:bold;}
.profilelatest h3 a:hover{color: #000;text-decoration:none;}
.profilelatest p{ margin:10px;}
.profilelatest li{clear:both; margin-bottom:2em;}
.account h2,.allgenres h2,profilelatest h2{border-bottom:#eb2dc1 2px solid; color:#434343;font-size:1.4em; font-weight:bold; margin:1em 0;}
ul.genres{}
ul.genres li{margin:0 0 10px 0;}
ul.accountlinks{ list-style-position:inside; list-style-type:square;}
ul.accountlinks li{margin:0 0 10px 0;}
.account h2{border-bottom:#eb2dc1 2px solid;}