@charset "UTF-8";

html {
	background:#1F1F1F;
	}
	
body {
	font-family:'Lucida Grande', Arial, 'Trebuchet MS', Verdana, sans-serif;
	font-size:90%;
	background:#1F1F1F;
	}
	
/*---- define main-nav ----*/

#main-nav {
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:#000000 url(../images/navbar_bg.gif) repeat-x center left;
	-webkit-box-shadow:0 0 0.5em #000000;
	-moz-box-shadow:0 0 0.5em #000000;
	opacity:0.9;
	z-index:9999;
	}
	
#main-nav ul {
	width:90%;
	max-width:1200px;
	padding:1em 0;
	margin:0 auto;
	list-style-type:none;
	font-size:80%;
	}
	
#main-nav ul li {
	display:inline;
	color:#FFFFFF;
	}
	
#main-nav ul li a {
	/*color:#FFFFFF;*/
	padding:1em 2em;
	text-decoration:none;
	}
	
#main-nav ul li a:hover {
	color:#f9a216;
	padding:1em 2em;
	text-decoration:none;
	background:#000000 url(../images/navbar_bg.gif) repeat-x top left;
	}

/*---- define container ----*/

#container {
	width:90%;
	max-width:1200px;
	margin:4em auto;
	}
	
.section p {
	line-height:150%;
	}
	
/*---- define universal styles ----*/

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


h1 {
	font-family: Impact, 'Trebuchet MS', 'Lucida Grande', Arial, Verdana, sans-serif;
	font-weight:normal;
	margin:0 0 1em 0;
	font-size:200%;
	color:#ed9a14;
	text-shadow:#000000 0 -1px 2px;
	}
	
h2 {
	font-family: Impact, 'Trebuchet MS', 'Lucida Grande', Arial, Verdana, sans-serif;
	font-weight:normal;
	margin:0.5em 0 1em 0;
	font-size:180%;
	color:#ed9a14;
	text-shadow:#000000 1px 1px 2px;
	}
	
h3 {
	font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-weight:bold;
	margin:1em 0 0.5em 0;
	font-size:140%;
	color:#ed9a14;
	}

/*---- define advert row ----*/

.advert {
	color:#FFFFFF;
	font-size:90%;
	}
	
.advert img {
	border:none;
	background:none;
	}
	
.nomargin p {
	margin:0;
	padding:0;
	}
	
.index-login {
	color:#FFFFFF;
	background:#22201D;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	-webkit-box-shadow:0 0 0.5em #000000;
	-moz-box-shadow:0 0 0.5em #000000;
	margin:5em 1em 0 2em;
	}
	
.forgot-details {
	padding:0.5em 0 0 0;
	font-size:80%;
	}
	
/*---- define advert row ----*/


label {
	line-height:250%;
	font-size:90%;
	}

input {
	background:#818181;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border:1px solid #999999;
	}

input[type="text"] {
	background:#818181;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border:1px solid #999999;
	padding:0.4em 0.8em;
	font-size:100%;
	width:85%;
	}
	
input[type="password"] {
	background:#818181;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border:1px solid #999999;
	padding:0.4em 0.8em;
	font-size:100%;
	width:85%;
	}
	
input[type="submit"] {
	background:#818181 url(../images/navbar_bg.gif) repeat-x center left;
	padding:0.4em 2em;
	color:#FFFFFF;
	cursor:pointer;
	text-transform:uppercase;
	}
	
input[type="submit"]:hover {
	background:#000000;
	padding:0.4em 2em;
	color:#f9a216;
	cursor:pointer;
	text-transform:uppercase;
	}
	
input[type="reset"] {
	background:#818181 url(../images/navbar_bg.gif) repeat-x center left;
	padding:0.4em 2em;
	color:#FFFFFF;
	cursor:pointer;
	text-transform:uppercase;
	}
	
input[type="reset"]:hover {
	background:#000000;
	padding:0.4em 2em;
	color:#f9a216;
	cursor:pointer;
	text-transform:uppercase;
	}
	
textarea {
	background:#818181;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border:1px solid #999999;
	padding:1em;
	}

	
/*---- define second row ----*/

.pod {
	background:#22201D;
	border:1px solid #000000;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	-webkit-box-shadow:0 0 0.5em #000000;
	-moz-box-shadow:0 0 0.5em #000000;
	font-size:90%;
	}
	
.pod p {
	color:#999999;
	}
	
.pod img {
	width:100%;
	}
	
/*---- define content styles ----*/

.content-pod {
	border:1px solid #000000;
	color:#FFFFFF;
	font-size:90%;
	background:#313131;
	}
	
.main-content {
	/*background:#313131;
	border:1px solid #000000;*/
	color:#CCCCCC;
	font-size:90%;
	}
	
.main-content h2 {
	font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-weight:bold;
	margin:1em 0 0.5em 0;
	font-size:140%;
	color:#ed9a14;
	text-shadow:#000000 0 -1px 2px;
	}
	
.subhead { 
	font-size:100%;
	font-weight:bold;
	background:#313131;
	border:1px solid #000000;
	padding:1em;
	margin:0 0 1em 0;
	}
	
.main-content ul {
	
	}
	
.main-content ul li {
	
	}
	
.main-content ol {
	margin:0.5em 0;
	}
	
.main-content ol li {
	margin:1em 0;
	
	}

/*---- Submenu styles ----*/
	
.submenu {
	
	}
	
.submenu h2 {
	font-family: Impact, 'Trebuchet MS', 'Lucida Grande', Arial, Verdana, sans-serif;
	font-weight:normal;
	margin:0.8em 0 0.5em 0.8em;
	font-size:140%;
	color:#ed9a14;
	}
	
.submenu ol {
	list-style-type:none;
	margin:0 0 1em 0;
	padding:0;
	border-bottom:1px solid #000000;
	}
	
.submenu ol li {
	border-top:1px solid #000000;
	list-style-position:outside;
	margin:0;
	color:#CCCCCC;
	}
	
.submenu ol li a {
	display:block;
	padding:0.8em 1em;
	}
	
.submenu ol li a:hover {
	display:block;
	background:#212121;
	padding:0.8em 1em;
	}

.submenu ol li:nth-child(odd) {
	background:#2a2723;
	}

.menu_default {
	}
	
.menu_current {
	color:#999999;
	}
	
.banner {
	position:relative;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	}
	
.logo {
	float:left;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	}
	
/*--- frontend.css audio player ---*/

.mp3tooltip {
	position:absolute;
	display:none;
	background:#FEFEFE;
	border:1px solid #333333;
	-webkit-box-shadow:0 0 0.8em #000000;
	-moz-box-shadow:0 0 0.8em #000000;
	}

.mp3description {
	color:#CCCCCC;
	}

.playlist {
	margin: 1em;
	font-size: 1em;
	color: #000000;
	list-style-type:decimal;
	list-style-position:inside;
	}

.audio-player {
	/*width: 98%;*/
	/*background: #EFEFEF;
	background-image:none;
	border: 1px solid #999999;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;*/
	padding:1em 0;
	margin:0;
	overflow:hidden;
	font-size:90%;
	}

.audio-player a:visited {
	padding:0;
	margin:0;
	color:#660000;
	}

.audio-player a:hover {
	/*color: #FF0000;*/
	text-decoration: none;
	padding:0;
	margin:0;
	}
	
.audio-player a {
	/*color: #5fbcb4;*/
	text-decoration: none;
	font-weight:bold;
	}
	
#titleAudioName {
	color: #ff0000;
	font-size: 1em;
	text-decoration: none;
	}
	
.playing {
	clear:both;
	}
	
.playing p {
	color:#818181;
	font-size:90%;
	text-decoration:none;
	margin:0 1em;
	padding:0.5em 0 0 0;
	clear:both;
	}

#AudioPlayerAudio {
	float:left;
	padding:0 0 0.5em 1em;
	}

.audio-player ol {
	border-top:1px solid #000000;
	padding:0;
	margin:0.5em 0 0 0;
	list-style-type:none;
	}

.audio-player ol li {
	border-bottom:1px solid #000000;
	list-style-position:outside;
	padding:1em 1em;
	margin:0;
	color:#CCCCCC;
	}

.audio-player ol li:nth-child(even) {
	background:#2a2723;
	}																																																									
/*--- News Styles ---*/

.newslist {
	padding:1em 0 1em 0;
	border-bottom:1px solid #111111;
	margin:0 0 1em 0;
	}

.post-news {
	}
	
h2.post-news {
	font-size:180%;
	margin-top:0;
	}

.post_title, .post_date {
	border-bottom: 1px solid #DDDDDD;
	}

.post_title {
	font-weight: bold;
	font-size: 120%;
	color: #000000;
	text-decoration:none;
	}

.post_date {
	text-align: right;
	font-weight: bold;
	font-size:90%;
	color:#999999;
	}

.post_short {
	text-align: justify;
	padding-bottom: 2em;
	}

.post-meta-holder {
	font-size:90%;
	color:#BD934F;
	background:#303030;
	border:1px solid #000000;
	padding:0 0 0.5em 0;
	margin:0.2em 2em 0 0;
	text-align:center;
	}
	
.newslist-post-meta-holder {
	font-size:90%;
	color:#BD934F;
	background:#303030;
	border:1px solid #000000;
	padding:0 0 0.5em 0;
	margin:0.2em 0 0 2em;
	text-align:center;
	}
	
.post-meta {
	text-align:left;
	padding:0 1em;
	}
	
.date {
	font-size:100%;
	font-weight:bold;
	color:#BD934F;
	background:#111111;
	border-bottom:1px solid #000000;
	padding:0.5em 1em;
	margin:0;
	text-align:center;
	}
	
.postby {
	font-size:80%;
	color:#CCCCCC;
	line-height:200%;
	border-bottom:1px solid #212121;
	padding-bottom:1em;
	margin-bottom:0;
	}
	
.category {
	font-size:80%;
	color:#DDDDDD;
	}
	
.updated {
	font-size:80%;
	font-style:italic;
	color:#666666;
	}

.comment_title {
	font-weight: bold;
	}

.comment_text {
	font-weight: bold;
	background-color: #FDFDFD;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 15px;
	}

.comment_title, .comment_text {
	border-left: 1px solid #DDDDDD;
	}

.comment_info {
	text-align: right;
	border-right: 1px solid #DDDDDD;
	}

.comment_title, .comment_info {
	border-top: 1px solid #DDDDDD;
	background-color: #EEEEEE;
	}

.selected_group_title { 
	font-size:80%;
	text-align: left;
	background:#1F1F1F;
	border-bottom:1px solid #000000;
	border-left:4px solid #000000;
	padding:0 1em 0.5em 1em;
	margin:0 0 1em 0;
	}
	
/*---- Footer ----*/

.footer {
	font-size:70%;
	text-align:center;
	color:#818181;
	margin:1em 0;
	padding:1em 0;
	border-top:1px solid #000000;
	}