body {
	/*font-family: Arial, Verdana, sans-serif;*/ /*"Lucida Grande"*/
	background-color: #232323;
	background-image:url(../img/newbg.gif);
	background-repeat:repeat-x;
	color: #eee;
}

input.searchbox {margin:0;border:1px solid #333; background-color: #333; color: #fff;}
input.searchbox:focus, textarea:focus {border:1px solid #666;}
input.searchbox {padding:0px;}
input.searchbox {width:175px;}
input.searchsubmit {border:none; background-color:#fff; color: #000; padding: 0 3px 0 3px}

.white {
	background-color: #fff;
	color: #333;
}
.white a, .white a:visited {
	color: #333;
	text-decoration: underline;
}

.white a:hover {
	color: #333;
	text-decoration: none;
}

a.whitesubmit, a:visited.whitesubmit  {
	border:none; 
	background-color:#2d2c2c; 
	color: #fff; 
	padding:5px;
	text-decoration: none;
}

a:hover.whitesubmit  {
	color: #babbbb;
	background: #2d2c2c;
}

a.submitlink, a:visited.submitlink  {
	border:none; 
	background-color:#fff; 
	color: #2d2c2c; 
	padding:5px;
	text-decoration: none;
}

a:hover.submitlink  {
	color: #fff;
	background: #2d2c2c;
}

.half {
	line-height: .6;
}

.neg-5 {
	margin-top: -5px;
}
.homefoot {
	background-image: url(footstripe.png); 
	background-repeat: repeat-x;	
}

.mediadetail {
	min-height: 678px;
}

.pagecontent {
	/*background-color: #000000;
	background-image: url(contentstripe.png); 
	background-repeat: repeat-x;*/
	/*min-height: 678px;*/
	/*padding:50px 10px 50px 70px;*/
}

.thumb {
	border: solid 5px #fff;
	width: 75px;
	height: 75px;
	margin: 5px;
}

a, a:visited {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

a.red, a.red:visited {
	color: #f00;
	text-decoration: none;
}

a.red:hover {
	color: #f00;
	text-decoration: underline;
}

.homefoottext {
	font-size:11px;
	color: #c4c4c4;
	line-height: 1.2;
}
.homefoottext a, .homefoottext a:visited {
	font-size:12px;
	color: #11b6e5;
	text-decoration: none;
}

.homefoottext a:hover {
	color: #11b6e5;
	text-decoration: underline;
}

.dipdive {
	height: 56px;
	margin-right:30px !important;
}

#head {
	width:1011px;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
}

.homelink,.homelink li {list-style-type:none;margin:0;padding:0}
.homelink li{float:left;margin: 0px;text-align: center}
.homelink a{
	float:left;
	padding: 29px 130px;
	text-decoration:none;
	color: #000;
}

.menu,.menu li {list-style-type:none;margin:0;padding:0}
.menu li{float:left;margin: 0px;text-align: center}
.menu a{
	float:left;
	padding: 32px 30px;
	text-decoration:none;
	color: #fff;
	border-left: solid 1px #222222;
	border-right: solid 1px #161616;
}
.menu a:hover{background: #2e2e2e;}
.menu li.selected a,.menu li.selected a:hover{background: #2e2e2e;}

.subcontainer {
	background: #2d2c2c;
	font-size:.9em;
}
.submenu,.submenu li {list-style-type:none;margin:0;padding:0}
.submenu li{float:left;margin: 0px;text-align: center}
.submenu a{
	float:left;
	padding: 5px 30px;
	text-decoration:none;
	color: #babbbb;
	background: #2d2c2c;
	border-left: solid 1px #222222;
	border-right: solid 1px #161616;
}
.submenu a:hover{background: #383737;}
.submenu li.selected a,.submenu li.selected a:hover{background: #383737;}

#nav {
	margin-top: 15px;
	height: 77px;
	font-weight: bolder;
	background:url(head.png);
}

#subnav {
	font-weight: bolder;
}

.tabs-container { border-bottom: 1px solid #fff }
.tabs,.tabs li {list-style-type:none;margin:0;padding:0}
.tabs li{float:left;margin-right: 3px;text-align: center}
.tabs a{float:left;width: 7em;padding: 5px 0;background: #ccc;text-decoration:none;color: #666}
.tabs a:hover{background: #666;color: #FFF}
.tabs li.activelink a,.tabs li.activelink a:hover{background: #FFF;color: #000}

.littlebig {
	line-height: 1;
	font-size:1.3em;
	font-weight: bolder;
	color: #fff;
}

.big {
	line-height: 1;
	font-size:1.5em;
	font-weight: bolder;
	color: #fff;
}

.white .big {
	line-height: 1;
	font-size:1.5em;
	font-weight: bolder;
	color: #333;
}


.strong {
	font-weight: bolder;
	color: #fff;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.error_message, .red {
	color: #ff0000;
}
.plainsmall {font-size:.8em;}
.tiny {font-size:.75em;margin-bottom:1.875em;line-height:1.875em;}

select {background-color: #333; color: #fff; border:1px solid #333;}
input.reg, textarea {margin:0.5em 0;border:1px solid #333; background-color: #333; color: #fff;}
input.reg:focus, textarea:focus {border:1px solid #666;}
input.reg {padding:5px;}
input.reg {width:215px;}
input.reg100 {width:100px;}
input.reg50 {width:50px;}
input.submit {border:none; background-color:#fff; color: #000; padding:5px;}
textarea {width:215px;height:160px;padding:5px;}

.footer {
	color: #fff;
}
.footer a , .footer a:visited {
	text-decoration: underline;	
}
.footer a:hover {
	color: #666;
	text-decoration: none;
}
/*******************************************************
* newly added by alfred
********************************************************/
.vgap {
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
}

a.cleanlink {
	text-decoration: none;
}

a.cleanlink:hover {
	background-color: #666;
}

#gotomosaic {
	float: left;
	width: 470px;
	height: 472px;
	margin: 0 1px 0 0;
}

.floater {
	float: left;
	margin: 0;
}

.rightgrid {
	float: left;
	width: 479px;
	height: 472px;
	margin: 0;	
}

.col-1 {
	float: left;
	width: 77px;
	margin: 0 0 0 2px;
}

.col-2 {
	float: left;
	width: 156px;
	margin: 0 0 0 2px;
}

.col-3 {
	float: left;
	width: 235px;
	margin: 0 0 0 2px;
}

.sq {
	position: absolute;
}

.gridsq a:hover{
	border:none !important;
}

.gridsq a{
	border:none !important;
}

.gridsq {
	float: left;
	width: 75px;
	height: 75px;
	margin: 0 0 2px 0;
	border: solid 1px #000;
}

.gridsq:hover {
	border: solid 1px #fff;
}

.gridpad {
	margin-bottom: 2px;
}

#browsemorearrow{
	display:block;
	margin:0 0 0 463px;	
}
#totalmemeber{
	margin-top:33px;
	margin-bottom:40px !important;
	height:30px;
}
.top-pad-30 {
	margin-top: 30px;
}
.bigcount {
	font-size:1.45em;
	color: #000;
}
#homememebers a:hover{
	border:none !important;
}
#homememebers a{
	border:none !important;
}
/*****************************************************
 * another newly added by alfred 4/7
 *****************************************************/
.rss{
	padding-left:20px;
}
#uselessdiv{
	height:45px;
}
#homepagegrid a{
	display:block;
	border: solid 1px #000;
}
#homepagegrid a:hover{
	border: solid 1px #fff;
}
#homememebers{
	background-color: #fff;
	color: #000;
	text-align:center;
	height: 154px;
	width: 154px;
	border: solid 1px #000;
}
.footer{
	font-family:Arial, Helvetica, sans-serif;
	margin-top:80px !important;
	
}
.footer a{
	color:#f00101;
}
/************ dealing main nav here ********************/
.newhomelink a{
	display:block;
	width:246px;
	height:20px;
	background-image:url(../img/newhead.png);
	background-repeat:no-repeat;
}
.newmenu{
	padding-top:8px;
	height:60px;
}
.newmenu div{
	float:left;
	margin-right:10px;
}
.newexplore-nav a{
	display:block;
	background-image:url(../img/exp_btn.png);
	background-repeat:no-repeat;
	width:76px;
	height:12px;
}
.newexplore-nav a:hover{
	background-image:url(../img/exp_over.png);
}
.newexplore-nav .selected{
	background-image:url(../img/exp_over.png);
}
.newabout-nav a{
	display:block;
	background-image:url(../img/about_btn.png);
	background-repeat:no-repeat;
	width:145px;
	height:12px;
}
.newabout-nav a:hover{
	background-image:url(../img/about_over.png);
}
.newabout-nav .selected{
	background-image:url(../img/about_over.png);
}
.newregsec{
	padding-top:5px;
	_width:100px;
}
.newregsec div{
	float:left;
}
.newregsec a{
	text-decoration:none;
}
.newregsec a:hover{
	text-decoration:underline;
}
.joinbtn{
	margin-left:35px;
	_margin-left:0px;/* stupid ie6 fix */
}
.loginbtn{
	margin-left:11px;
}

/************** dealing sub-nav here *******************/
#newmenu ul{
	list-style-type:none !important;
	margin:0;
	padding:0 0 0 13px;
}
#newmenu ul li{
	float:left;
	margin:15px 18px 0 0;
	_margin:15px 16px 0 0;
}
#newmenu ul li a{
	display:block;
	height:9px;
	background-repeat:no-repeat;
}
/**
 * explore-box
 */
#explore-box{
	height:29px;
	width:470px !important;
	_width:456px;
	background-image:url(../img/explorebg.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}
#mosaicbtn a{
	width:94px;
	background-image:url(../img/mosacbtn.gif);
}
#mosaicbtn a:hover{
	background-image:url(../img/over_mosacbtn.gif);
}
#mosaicbtn .selected{
	background-image:url(../img/over_mosacbtn.gif);
}
#vibtn a{
	width:96px;
	background-image:url(../img/videobtn.gif);
}
#vibtn a:hover{
	background-image:url(../img/over_videobtn.gif);
}
#vibtn .selected{
	background-image:url(../img/over_videobtn.gif);
}
#browsebtn a{
	width:108px;
	background-image:url(../img/browsebtn.gif);
}
#browsebtn a:hover{
	background-image:url(../img/over_browsebtn.gif);
}
#browsebtn .selected{
	background-image:url(../img/over_browsebtn.gif);
}
#peoplebtn a{
	width:74px;
	background-image:url(../img/peoplebtn.gif);
}
#peoplebtn a:hover{
	background-image:url(../img/over_peoplebtn.gif);
}
#peoplebtn .selected{
	background-image:url(../img/over_peoplebtn.gif);
}
/**
 * about-box
 */
#about-box{
	height:29px;
	width:280px !important;
	background-image:url(../img/aboutbg.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}
#actbtn a{
	width:19px;
	background-image:url(../img/actbtn.gif);
}
#actbtn a:hover{
	background-image:url(../img/over_act.gif);
}
#actbtn .selected{
	background-image:url(../img/over_act.gif);
}
#songbtn a{
	width:52px;
	background-image:url(../img/songbtn.gif);
}
#songbtn a:hover{
	background-image:url(../img/over_song.gif);
}
#songbtn .selected{
	background-image:url(../img/over_song.gif);
}
#contribtn a{
	width:74px;
	background-image:url(../img/contribtn.gif);
}
#contribtn a:hover{
	background-image:url(../img/over_contribtn.gif);
}
#contribtn .selected{
	background-image:url(../img/over_contribtn.gif);
}
#contatctbtn a{
	width:49px;
	background-image:url(../img/contactbtn.gif);
}
#contatctbtn a:hover{
	background-image:url(../img/over_contactbtn.gif);
}
#contatctbtn .selected{
	background-image:url(../img/over_contactbtn.gif);
}