* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	font-size: 100.01%;
	font-style: normal;
	font-weight: normal;
	font-family: inherit;
	text-decoration: none;
}
body	{
	min-width: 1003px;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #292929;
}

/*                        PAGE LAYOUT
**************************************************************/

#wrap	{
}
#header	{
	height: 183px;
	background: url(../img/head_bg.gif) repeat-x left top;
}
#content {
	padding: 10px;
}
#footer	{
	height: 215px;
	padding: 35px 0 0 35px;
	background: url(../img/footer_bg.gif) repeat-x left top;
}

/*                        GLOBAL STYLES
**************************************************************/

strong { font-weight: bold; }
cite, em { font-style: italic; }
a, a:visited, a *, a:visited *, button	{ cursor: pointer; }
a:hover	{ text-decoration: underline; }

.clear	{
	height: 0;
	clear: both;
	display: block;
	overflow: hidden;
}
p { padding: 8px 0px 5px 0px; line-height: 1.3em; }
p, li { font-size: 1.3em; }
p.large { font-size: 16px; padding-bottom: 2px; }
p.legend {
	font-weight: bold; 
	color: #033F78; 
}

a.ad { font-size: 12px; text-decoration: underline; font-family: Arial; }

p.header, p.header a {
	font-weight: bold; 
	text-align: center;
	color: 033e77;
}

.bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

a, a:visited {
	color: #1e5892;
	text-decoraton: none;
}

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

h1 {
	font-family: Arial Black;
	font-size: 24px;
	color: #033F78;
	font-weight : normal;
	line-height: 1.3em;
	text-align: center;
	padding: 5px;
}

h2 {
	font-size: 18px;
	font-weight : normal;
	padding: 5px 0px 5px 0px;
}
h2.center { text-align: center; }

h3 {
	font-size: 12px;
	color: #1d5891;
	font-weight: bold;
	text-align: center;
}

.header h3 { font-weight: bold; color: 033e77; }
.header a:link { font-weight: bold; }

.google { margin: 10px; }

/*                        HEADER STYLES
**************************************************************/

#header a.logo, #header a.logo:visited	{
	float: left;
	width: 524px;
	height: 183px;
	display: block;
	background: url(../img/header.jpg) no-repeat left top;
}
#rightbox	{
	float: right;
	padding-right: 5px;
	width: 468px;
}
#rightbox .ad	{
	height: 103px;
	margin: 30px 0px 0px 0px;
	float: right;
	width: 468px;
}
#rightbox ul	{
	float: right;
}
#rightbox li	{
	float: left;
	padding: 11px 0 0 15px
}
#rightbox li a, #rightbox li a:visited	{
	width: 32px;
	height: 31px;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}
#rightbox li a.face, #rightbox li a.face:visited {
	background: url(../img/button_facebook.png) no-repeat 0px 0px;
}
#rightbox li a.tw, #rightbox li a.tw:visited	{
	background: url(../img/button_twitter.png) no-repeat 0px 0px;
}
#rightbox li a.rss, #rightbox li a.rss:visited	{
	background: url(../img/button_rss.png) no-repeat 0px 0px;
}
#rightbox form	{
	float: right;
	width: 312px;
	height: 34px;
	margin-top: 8px;
	background: url(../img/search_bg.gif) no-repeat 0px 0px;
}
#rightbox form input	{
	float: left;
	padding: 5px;
	width: 215px;
	font-size: 1.4em;
	line-height: 12px;
	background: #F2F2F2;
	margin: 3px 0 0 4px;
	border: solid 0px #D1D1D1;
}
#rightbox form span.button	{
	width: 76px;
	height: 28px;
	float: right;
	display: block;
	position: relative;
	margin: 3px 3px 0 0;
}
#rightbox form span.button button	{
	width: 76px;
	height: 28px;
}
#rightbox form span.button .bg	{
	width: 76px;
	height: 28px;
	background: url(../img/button_search.gif) no-repeat 0px 0px;
}

#news_flash {
	height: 20px;
	border: 2px solid #c1d5e9;
	margin: 10px 10px 0px 10px;
	background: url(/forum/images/selera/buttons/lastpost.gif) no-repeat 2px 2px;
}
#news_flash p { margin-left: 20px; font-size: 12px; padding: 2px 0px 0px 0px; color: green; }

/*                        CONTENT STYLES
**************************************************************/

#leftcol	{
	float: left;
	width: 153px;
}
#leftcol ul, #footer ul, #rightbox ul { list-style: none; }
#rightcol	{
	float: right;
	width: 153px;
}
#main	{
	margin: 0 163px;
}

.welcome {
	margin-bottom: 10px;
	padding: 5px;
}

.main-box-container {
	border: 2px solid #c1d5e9;
	margin-bottom: 10px;
}

.main-box-container .content ul, .welcome ul { padding-left: 15px; }

.box-container {
	border: 2px solid #c1d5e9;
	width: 150px;
	margin-bottom: 10px;
}
.box-container .header, .main-box-container .header {
	height: 31px; line-height: 31px;
	background: url(../img/gradient_head.gif) repeat-x bottom left;
	border-bottom: 2px solid #c1d5e9;
}
.box-container .content, .main-box-container .content {
	background: url(../img/gradient_top.gif) repeat-x top left;
	padding: 5px;
}
.box-container li {
	padding: 2px;
	font-size: 13px;
}

.main-box-container li {
	padding: 3px; line-height: 1.3em;
}

/*                        FOOTER STYLES
**************************************************************/

#footer {font-family: Verdana, Arial, Helvetica, sans-serif;}
#footer div.group	{
	float: left;
	width: 125px;
	padding-bottom: 35px;
}
#footer h6	{
	color: #ffde00;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5em;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
#footer div.group li	{
	font-size: 1.3em;
	line-height: 1.2em;
}
#footer div.group a, #footer div.group a:visited	{
	color: #fff;
}
#footer a.logo, #footer a.logo:visited	{
	float: left;
	width: 77px;
	height: 39px;
	display: block;
	margin-right: 13px;
	background: url(../img/rm.png) no-repeat left top;
}
#bottom ul	{
	font-size: 1.1em;
	line-height: 8px;
	margin: 0 0 6px 0;
}
#bottom li	{
	display: inline;
	padding: 0 10px;
	border-right: solid 1px #fff;
	font-size: 1em;
}
#bottom li.last	{
	border: 0;
}
#bottom a, #bottom a:visited	{
	color: #fff;
}
#bottom p	{
	color: #fff;
	font-size: 1.1em;
	line-height: 4px;
	padding-left: 100px;
}

/*                    CONTACT US FORM
**************************************************************/

#page-wrap {
	min-height: 650px;
	height: auto !important;
	height: 650px;
	text-align: left;
}

#contact-area {
	width: 500px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 390px;
	font-size: 12px;
	margin-left: 10px;
	border: 2px solid #ccc;
}

#contact-area select {
	padding: 5px;
	width: 404px;
	font-size: 12px;
	margin-left: 10px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus, #contact-area select:focus {
	border: 2px solid #3e7dad;
}

#contact-area input.submit-button {
	width: 100px;
	float: left;
}

#contact-area td.left {
	width: 80px;
	text-align: left;
	font-size: 12px;
}

/* Welcome Box */

#login input {
	border: 2px solid #ccc;
	padding: 3px;
	width: 100px;
	margin: 2px;
}

#login input:focus {
	border: 2px solid #3e7dad;
}

#login input.checkbox {
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 20px;
}

#login input.submit {
	width: 60px;
	float: left;
}

/* feed burner */

div.feedburnerFeedBlock span.headline {font-size: 14px; font-weight: bold; }
div.feedburnerFeedBlock a { font-weight: bold; }


/* DJ and MC profiles */

#djs, #mcs { width:49%; float: left; }
#djimg { width: 67px; float: left; padding:3px; text-align: center; }
#djs a, #mcs {font-size: 12px;}
#profile #photo { width: 220px; text-align: center; float: left;}
#profile #interview { float: left; width: 420px; }
#profile b, #interview b { font-weight: bold; }

/* Hall of Fame */

#fame #photo { width: 210px; text-align: center; }



/* Snow CSS */
/* Original Source - http://girliemac.com/sandbox/ */
@-webkit-keyframes fade{
    0%   { opacity: 0; }
    10%  { opacity: 1; }
    100% { opacity: 0; }
}
@-webkit-keyframes fall{
   	from {top: 0;}
	to {top: 200px;}
}
@-webkit-keyframes accumulate{
   	from {height: 0px; opacity: 0}
	to {height: 20px; opacity: .75;}
}
@-webkit-keyframes spin{
	0% {
		-webkit-transform: rotate(-180deg) translate(0px, 0px);
	}
	100% {
		-webkit-transform: rotate(180deg) translate(10px, 15px);
	}
}
#snow div {
	position: absolute;
	top: -40px;
	z-index: 0;
	-webkit-animation-name: fall, fade, spin;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-in;
}
.snowflake {
	color: #fff;
	font-size: 2em;
	position: absolute;
}
.snowflake.f1 {
	left: 10%;
	-webkit-animation-duration: 5s;
}
.snowflake.f2 {
	font-size: 1.8em;
	left: 20%;
	-webkit-animation-duration: 7s;
}
.snowflake.f3 {
	left: 30%;
	-webkit-animation-duration: 8s;
}
.snowflake.f4 {
	font-size: 1.5em;
	left: 40%;
	-webkit-animation-duration: 6s;
}
.snowflake.f5 {
	left: 50%;
	-webkit-animation-duration: 5s;
}
.snowflake.f6 {
	font-size: 1.8em;
	left: 60%;
	-webkit-animation-duration: 7s;
}
.snowflake.f7 {
	left: 70%;
	-webkit-animation-duration: 8s;
}
.snowflake.f8 {
	font-size: 1.5em;
	left: 80%;
	-webkit-animation-duration: 6s;
}
.snowflake.f9 {
	left: 90%;
	-webkit-animation-duration: 5s;
}