@charset "utf-8";
/* ZIPFM.NET CSS AND XHTML BY ANDRE GLEGG (andreglegg@gmail.com) */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0; background:#000 url(images/main/mainbg.png) center top no-repeat; color:#FFF;}
/* IE png fix */
img, div, a, input { behavior: url(iepngfix.htc) }


/* TOP ZSPACE BAR */
#bartop{ background:url(images/main/bartop.png) repeat-x; height:29px;}
#zspace { width:990px; margin-left:auto; margin-right:auto; margin-top:-29px; background:url(images/main/greenpx.png) repeat; border:1px solid #CCC; height:45px; border-top:none;  text-align:center;}
#login { width:980px; height:40px; overflow:hidden;}
.sign { float:left; margin-top:10px;}
#themes { width:250px; float:left;}
/*#zloginbox { width:400px; height:45px; background:url(images/main/zspaceloginbg.png) repeat-x; border:1px solid #FFF; border-top:none; border-right:none; border-bottom:none; float:right;}*/
#logintext { font-size:12px; color:#FFF; text-align:left; padding-left:10px; font-weight:800;}
#login label { font-size:15px; text-align:left;  margin-left:10px;}

.ff{ height:28px; width:100px; }
.login { background:url(images/main/loginbg.png) no-repeat; width:184px;  border:none; height:26px; margin-bottom:-10px; padding-top:3px;  font-size:14px; color:#666; border:none; color:#FFF; margin-top:-8px; }
.in {background:url(images/main/submitbnt.png) no-repeat;  font-size:14px; color:#666; border:none; color:#FFF; margin-top:0px; }
.loginbtn { margin-top:-1px;}
.btn1 { width:100px; height:28px;  color:#FFF; background:url(images/main/submitbnt.png) no-repeat; float:left;}
.btn1 a:link{ color:#FFF; text-decoration:none;}

#top-menu div { cursor:pointer;}

/* MID LOGO SECTION */
#mid { width:990px; height:137px; margin-left:auto; margin-right:auto; margin-top:5px;}
#logo { width:280px; height:136px; float:left; overflow:hidden; background:url(images/main/logo.png) no-repeat;}
#top-menu { width:704px; height:126px; float:left; margin-left:5px; background:url(images/main/menubg.png) no-repeat;} #top-menu  img{border:0;}
.menuitem-home {  background:url(images/main/menu/home.png) no-repeat; width:96px; height:28px; float:left; margin-top:50px; margin-left:20px;}
.menuitem-chat { background:url(images/main/menu/zchat.png) no-repeat; width:101px; height:28px; float:left; margin-top:60px; margin-left:10px;}
.menuitem-quest { background:url(images/main/menu/zquest.png) no-repeat; width:119px; height:28px; float:left; margin-top:40px; margin-left:20px;}
.menuitem-quiz { background:url(images/main/menu/zquiz.png) no-repeat; width:117px; height:28px; float:left; margin-top:50px; margin-left:10px;}
.menuitem-vidz {  background:url(images/main/menu/zvidz.png) no-repeat; width:97px; height:28px; float:left; margin-top:60px; margin-left:10px;}



/* BODY ...SLIDER AND LISTEN LIVE */
#mainbody {  margin-left:auto; margin-right:auto; width:990px;}
#slider { border:1px solid #000; width:598px; height:298px; float:left; background:url(images/main/whitepx.png) repeat; }
#flashcontent { background:#000; width:590px; height:290px; margin:4px;}
#listenlive { width:379px; height:300px; float:right; background:url(images/main/listenlivebg.png) no-repeat;}
#listentop { width:369px; height:107px; margin-top:5px; margin-left:5px;}
#listentop img { margin-top:4px; float:left;}
#live { font-size:12px; color:#000; padding-left:30px;} #live a {color:#000; text-decoration:none;} 
#abouttitle { font-size:14px; margin-top:10px; width:359px; float:right; font-weight:bold;}
#abouttext { font-size:14px; margin-top:15px; width:359px; float:right;  height:120px;}

/* home bar */
#gos { width:970px; height:230px; background:url(images/main/gos.png) no-repeat; margin-top:15px; padding:10px; padding-top:60px;} #gos a { text-decoration:none;}
.news { width:300px; height:228px; margin-left:17px; float:left;}
.home-news-heading { width:295px; height:20px; margin:0; background:url(images/main/whitepx.png) repeat; font-size:16px; padding-left:5px;}
.home-news-heading:hover { background:url(images/main/redpx.png) repeat;}
.home-news-story { width:295px; height:70px; border:1px dotted #CCC; overflow:hidden; font-size:12px; padding-top:3px; padding-left:3px; margin-bottom:10px;}
.home-news-gallery { width:290px; height:175px; border:1px dotted #CCC; overflow:hidden; font-size:12px; padding-top:3px; padding-left:8px; margin-bottom:10px;}
.home-news-gallery img{ border:0;} .galfp { margin-top:3px;}
.home-news-comment-text { color:#000; background:#B1B1B1; padding-left:3px; padding-right:3px; max-width:100px; border:1px dotted #CCC; float:right; text-decoration:none;}
.home-news-comment-readmore { color:#000; background:#B1B1B1; padding-left:3px; padding-right:3px; max-width:100px; border:1px dotted #CCC; float:right; margin-left:10px; text-decoration:none;}
.home-news-comment-readmore a { color:#000; font-weight:bold; text-decoration:none;}
.home-news-archive { width:60px; font-weight:bold; margin-left:auto; margin-right:auto; font-size:12px;}
.home-news-archive a { text-decoration:none; color:#FFF;}

/*front page gallery */
.galfp { width:66px; height:56px; background:url(images/main/galbg.png) no-repeat; float:left; margin:2px; margin-top:0px;}
.galfp:hover { background:url(images/main/galbgh.png) no-repeat;}


/* Banners and give aways */
#banners { width:990px; margin-top:10px; margin-bottom:10px;}
#giveaway { border:1px solid #FFF; width:649px; float:left; }
#ad { width:316px; float:right; border:1px solid #FFF;}
.givead { width:215px; height:178px; float:left; margin-left:1px;}
.giveadimg {  height:100px; text-align:center}
.giveadtext { height:74px; overflow:hidden; padding:2px; font-size:14px; color:#FFF; text-align:center; background:url(images/main/whitepx.png) repeat; }
.giveadtext a:link{ font-size:16px}

/* Videos */
#panel { width:990px; height:490px; overflow:hidden;}


/* Z Charts */
#zcharts { margin-top:10px; width:990px;}
.chartcontainer { width:300px; height:295px; background:url(images/main/kool.png) no-repeat; padding-top:5px; float:left; margin-left:20px; }
.charts { padding-left:20px; margin-top:2px;}
.num { width:20px; height:25px; background:url(images/main/num.png) no-repeat; font-size:20px; color:#000; font-family:Tahoma, Geneva, sans-serif; padding-left:5px; float:left;}
.charttext { width:210px; float:left; height:25px;}
.charttext div{ font-size:12px; margin:0; padding-top:5px; padding-left:5px;}
.star { float:left; width:23px; height:22px;}

/*content*/
#contenttitle { background:url(images/main/whitepx.png) repeat; font-size:28px; padding:5px; border-top:5px #000 solid; border-bottom:3px #000 solid;}
#contenttext { border:0px #FFF dashed;   width:700px; float:left: display:table; }
#contenttext img{ margin:5px; border:1px solid #FFF; max-width:500px;
max-height:444px;}


/* Footer */
#footer { height:80px; background:url(images/main/footertexture.png); margin-top:5px;}
#footdiv { background:url(images/main/footdiv.png) no-repeat center; height:65px;  margin-left:auto; margin-right:auto; font-size:12px; color:#FFF; font-weight:bold; text-align:center; padding-top:15px;}
#footerlinks { color:#FFF; text-align:right; width:990px; margin-left:auto; margin-right:auto; text-decoration:none;}


/* Links */

a:link { 
	color: #FFF;
	}
a:visited { 
	color: #FFF;
	}
a:hover { 
	color: #CCCCCC;
	text-decoration: none;
	}
a:active { 
	color: #333;
	}



/* forms */

input { font-size:18px; padding:3px; color:#F60; border: #FFF 2px solid; background:transparent;}
textarea {font-size:14px; padding:3px; color:#F60; border: #FFF 2px solid; background:transparent;}
/* CLASSES */

/*CLEAR FIX*/
.clr { padding:0; margin:0; clear:both;} .clrer { padding:10px; margin:0px;; clear:both;}
.charimg { text-align:center; margin-bottom:23px;}


#err div{
float:left;
margin-top:4px;
background-image:url(images/cancel_32.png);
background-repeat:no-repeat;
height:35px;
display:table;
padding-left:40px;
}

#succ div{
float:left;
margin-top:4px;
background-image:url(images/accept-32.png);
background-repeat:no-repeat;
height:35px;
display:table;
padding-left:40px;
}
#succ{

color:#FFFFFF;
font-size:16px;
padding-left:20px;
padding-top:3px;
padding-bottom:3px;
font-weight:bold;
width:80%;
margin:0 auto;
margin-top:4px;

	-moz-border-radius: 25px;

background-color:#99CC66;
display:table;
margin-bottom:4px;

}
#err{

color:#FFFFFF;
font-size:16px;
padding-left:20px;
padding-top:3px;
padding-bottom:3px;
font-weight:bold;
width:80%;
margin:0 auto;
margin-top:4px;
margin-bottom:4px;
	-moz-border-radius: 25px;

background-color:#CC3333;
display:table;

}
#disclaimer{
font-size:13px;
color:#FF9900;

}
/* Comment */
#commentgrid{
	-moz-border-radius: 10px;
	background-color:#EBEBEB;
	color:#191919;
	margin-bottom:8px;
}
#commenthead{
font-size:12px;
font-weight:bold;
margin-left:10px;
margin-right:10px;
border-bottom:#434343 dashed 1px;


}
#commentor{
color:#CC0000;
font-size:18px;

}
#date{
font-size:14px;

}
#comment_details{
margin-left:10px;
margin-right:10px;
margin-bottom:5px;
font-size:14px;
}

.slide {
	margin: 0;
	padding: 0;
	border-top: solid 5px #FFF;
	background: url(images/btn-slide.gif) no-repeat center top;
}

a:focus {
	outline: none;
}
#panel {
	background:#000;
	height: 500px;
	display: none;
}

.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
#content_info img ,#content_info input{
max-width:500px;
max-height:444px;
}

.related_article{
margin-bottom:5px;
background:#13161f;
padding:3px;
display:table;
width:100%;
min-height:55px;
}
#related{

width:290px;
float:right;
display:table;
}
.related_article #lbl{
float:right;
width:235px;
padding-left:2px;
display:table;

height:50px;
overflow:visble;
}

.related_article img{
background:url(image/zg.png);
width:50px;
height:40px;
border:none;
text-align:center;
}
.related_article a.  img{
border:none;
}
.related_article #img{
background:url(image/zg.png);
width:50px;
height:40px;
float:left;
width:50px;
display:table;
border:1px #fff solid;

}

#vid-feat{
min-width:565px;
min-height:600px;

}

.sidevid img{
margin-right:10px;
float:left;
margin-top:10px;
margin-left:5px;
max-width:100px;
max-height:66px;
}

#socialize img{
border:none;
}
#socialize{
width:70%;
}