@charset "utf-8";
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #ccc;
	width: 1050px;
	margin: auto;
	padding: 0px;
	background: url(../images/body-bg.jpg) repeat-x left top #000;
}
a {
	color:#f00;
}
a:link {
	color: #f00;
	text-decoration:none;
}
a:hover {
	color: #fff;
	text-decoration:none;
}
a:visited {
	color:#990000;
	text-decoration:none;
}

a img {
	border:none;
}

h1 {
	font-size:18px;
}

/* titler */
.title1 {
	font-size: 18px;
	font-weight: bold;
	color:#f00;
}
.title2 {
	font-size: 18px;
	font-weight: bold;
	color:#999;
}
.title3 {
	font-size: 12px;
	font-weight: bold;
	color:#f00;
}
.title4 {
	font-size: 12px;
	font-weight: bold;
	color:#999;
}

/*
 ================================
 TABLE SPLITTER
*/
#header {
	height:280px;
	width: 1000px;
	padding: 0px;
	border:none;
}
#left {
	width: 250px;
	float: left;
}
#left h3 {
	padding-left:10px;
}
#left h4 {
	font-size:24px;
	margin-top:-10px;
	padding-left:10px;
	width: 250px;
	float: left;
}

#content {
	width:400px;
	margin-top:-80px;
	float:left;
}

#right {
	width:250px;
	margin-top:-70px;
	float:left;
	vertical-align:top;
}
#footer {
	margin-top:0px;
	clear:both;
}
.spacer {
	width:17px;
	float:left;
	padding:0px;
	margin:0px;
}
/* ===TABLE SPLITTER END=== */

/*
 =======================
 ADVERTISING
*/

/* center */
#banner_top {
	background:url(../images/banner_top1.gif) no-repeat center;
	width:390px;
	height:300px;
	float:left;
}
#banner_top_content1 {
	padding-top:90px;
	display:block;
	vertical-align:middle;
}
#banner_top_content1 img {
	border-bottom:3px solid #800;
	border-right:3px solid #800;
	border-left:1px solid #800;
	border-top:1px solid #800;
}

/* main_right*/
#banner_top2 {
	background:url(../images/banner_top2.gif) no-repeat center;
	width:250px;
	height:300px;
}
#banner_top_content2 {
	width:245px;
	margin:auto;
	float:left;
	padding-top:80px;
}
#banner_top_content2 img {
	border-bottom:3px solid #800;
	border-right:3px solid #800;
	border-left:1px solid #800;
	border-top:1px solid #800;
}
#banner_right {
	width:250px;
	margin:auto;
}
#banner_right_top {
}
#banner_right_content_back {
	background:url(../images/banner_right_content.gif) top repeat-y;
	width:250px;
}
.banner_right_content_up {
	width:220px;
	margin:auto;
	padding-bottom:20px
}
.banner_right_content_up img {
	width:210px;
	margin:auto;
}
#banner_right_bottom {
}
/* ===ADVERTISING END== */

/*
 =========================
 MAIN_LEFT CONTENT
*/

/* login */
.login_area {
	width:240px;
	height:170px;
	float:right;
}
.login {
	float:right;
	height:50px;
}
.login_button {
	float:right;
	margin:4px;
}
.login input[type='password']{
	color: #ccc;
	border:none;
	width:135px;
	height: 29px;
	border:0px;
	padding-right:10px;
	background: url(../images/textarea.gif) no-repeat;
}
.login input[type='text'] {
	color: #ccc;
	border:none;
	width:135px;
	height: 29px;
	border:0px;
	padding-right:10px;
	background: url(../images/textarea.gif) no-repeat;
}

/* ==navigation bar== */

#navbar {
	margin-top:20px;
	float:right;
}
#navbar ul li {
	list-style:none;
	vertical-align:top;
	padding:0px;
	margin-top:0px;
}
#navbar ul {
	margin-top:0px;
	padding:0px;
}
#navbar li:active {
	list-style:none;
	vertical-align:top;
	padding:0px;
	margin-top:0px;
	text-decoration: none;
	color: #f00;
}
#navbar li:link {
	list-style:none;
	vertical-align:top;
	padding:0px;
	margin-top:0px;
	text-decoration: none;
	color: #f00;
}
#navbar li:hover {
	list-style:none;
	vertical-align:top;
	padding:0px;
	margin-top:0px;
	text-decoration: none;
	color: #fff;
}
#navbar li:visited {
	list-style:none;
	vertical-align:top;
	padding:0px;
	margin-top:0px;
	text-decoration: none;
	color: #700;
}

/* home */
.nav_home a img {
	background: url(../images/nav_home.gif)no-repeat;
	height:50px;
}
.nav_home a img:hover {
	background: url(../images/nav_home2.gif)no-repeat;
	height:50px;
}
.nav_home a img:visited {
	background: url(../images/nav_home3.gif)no-repeat;
	height:50px;
}

/* about us */
.nav_aboutus a img{
	background: url(../images/nav_aboutus.gif) no-repeat;
	height:50px;
}
.nav_aboutus a img:hover {
	background: url(../images/nav_aboutus2.gif) no-repeat;
	height:50px;
}
.nav_aboutus a img:visited {
	background: url(../images/nav_aboutus3.gif) no-repeat;
	height:50px;
}

/* track list */
.nav_tracklist a img{
	background: url(../images/nav_tracklist.gif) no-repeat;
	height:50px;
	border:none;
}
.nav_tracklist a img:hover {
	background: url(../images/nav_tracklist2.gif) no-repeat;
	height:50px;
	border:none;
}
.nav_tracklist a img:visited {
	background: url(../images/nav_tracklist3.gif) no-repeat;
	height:50px;
	border:none;
}
#track_list_sub {
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	line-height:24px;
	margin-right:30px;
	margin-bottom:20px;
}
#track_list_sub ul li {
	clip: rect(5px,auto,auto,auto);
	text-decoration: none;
}
#track_list_sub a:hover {
	color:#fff;
	text-decoration: none;
}

/* marketing kit */
.nav_marketingkit:visited {
	background: url(../images/nav_marketingkit3.gif) no-repeat;
	height:50px;
}
.nav_marketingkit:hover {
	background: url(../images/nav_marketingkit2.gif) no-repeat;
	height:50px;
}
.nav_marketingkit{
	background: url(../images/nav_marketingkit.gif) no-repeat;
	height:50px;
}

/* issued */
.nav_issued:visited {
	background: url(../images/nav_issued3.gif) no-repeat;
	height:50px;
}
.nav_issued:hover {
	background: url(../images/nav_issued2.gif) no-repeat;
	height:50px;
}
.nav_issued{
	background: url(../images/nav_issued.gif) no-repeat;
	height:50px;
}

/* video */
.nav_video:visited {
	background: url(../images/nav_video3.gif) no-repeat;
}
.nav_video:hover {
	background: url(../images/nav_video2.gif) no-repeat;
}
.nav_video{
	background: url(../images/nav_video.gif) no-repeat;
}
#video_category_sub {
	font-weight: bold;
	text-align: right;
	line-height:24px;
	margin-top:10px;
	margin-right:30px;
	margin-bottom:10px;
}
#video_category_sub a:hover {
	color:#fff;
	text-decoration:none;
}
#video_category_sub ul li {
	clip: rect(20px,auto,auto,auto);
}

/* contact us */
.nav_contactus:visited {
	background: url(../images/nav_contactus3.gif) no-repeat;
	height:50px;
}
.nav_contactus:hover {
	background: url(../images/nav_contactus2.gif) no-repeat;
	height:50px;
}
.nav_contactus{
	background: url(../images/nav_contactus.gif) no-repeat;
	height:50px;
}

/* forum */
.nav_forum:visited {
	background: url(../images/nav_forum3.gif) no-repeat;
	height:50px;
}
.nav_forum:hover {
	background: url(../images/nav_forum2.gif) no-repeat;
	height:50px;
}
.nav_forum {
	background: url(../images/nav_forum.gif) no-repeat;
	height:50px;
}
/* =NAVBAR END= */

/* archive */
#archive {
	font-size: 11px;
	border: none;
	padding:0px;
}
#archive a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#archive_date_select {
	background:url(../images/archive_list2.gif) no-repeat;
	width:240px;
	height:44px;
	display:block;
}
#ajax_archive_month {
	list-style: none;
}
#ajax_archive_month a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#ajax_archive_page_container {
	display: block;
}
#ajax_archive_page_prev {
	float: left;
}
#ajax_archive_page_next {
	float: right;
}
#archive_date_dropdown {
	display:none;
}

/* shoutbox */
.shoutbox_title {
	margin-top:20px;
	margin-bottom:10px
}
#shoutbox {
	width:180px;
	margin:auto;
}
.content_shoutbox {
	margin-bottom:10px;
}
.content_shoutbox_comment {
	margin-top:10px;
	margin-bottom:10px;
}
.content_shoutbox_input textarea {
	background: url(../images/textarea.gif) bottom repeat-x;
	border:none;
	overflow:hidden;
	float:right;
	color:#fff;
}
.content_shoutbox_input textarea:hover {
	background: url(../images/textarea.gif) bottom repeat-x;
	border-top:dotted 1px #f00;
	border-right:dotted 1px #f00;
	border-left:dotted 1px #f00;
	overflow:hidden;
	float:right;
	color:#fff;
}
/* ===MAIN_LEFT CONTENT END=== */

/*
 ===============
 CONTENT VIEW
*/

/* profile, registration-view */
.registration_form {
	float:left;
	border:0px;
	margin:20px;
}
.registration_form input[type='password'] {
	vertical-align:top;
	border:none;
	color:#ccc;
	background:url(../images/textarea_comment.gif) bottom repeat-x;
	margin-top:5px;
	height:20px;
}
.registration_form input[type='text'] {
	vertical-align:top;
	border:none;
	color:#ccc;
	background:url(../images/textarea_comment.gif) bottom repeat-x;
	margin-top:5px;
	height:20px;
}
.registration_form textarea {
	border:none;
	background: url(../images/textarea.gif) bottom repeat-x;
	overflow:hidden;
	color:#ccc;
	vertical-align:top;
	padding:2px;
}
.registration_form textarea:hover {
	border-top:dotted 1px #f00;
	border-right:dotted 1px #f00;
	border-left:dotted 1px #f00;
	background: url(../images/textarea.gif) bottom repeat-x;
	overflow:hidden;
	color:#ccc;
	vertical-align:top;
}
.registration_form_content{
	margin:5px;
}
.registration_form_reset{
	margin-top:-55px;
	margin-left:100px;
	float:left;
}

/* home-videos */
#video {
	padding-left:10px;
}
#video_content_file {
	padding-right:5px;
	float:left;
}
.video_quicklist {
	height:245px;
	width:380px;
	margin-top:10px;
	float:left;
}
.video_quicklist_title {
	color:#f00;
	font-size:18px;
	font-weight:bolder;
	margin-bottom:10px;
}
.video_quicklist_content {
	padding:2px;
}
.video_quicklist_button {
	margin:10px;
	float:right;
}

/* home-news */
.news_title {
	margin-top:20px;
	margin-bottom:2px;
}
.news {
	width:380px;
	margin:auto;
}
.news h1 {
	width:320px;
	color: #f00;
	display:block;
}
.news_date {
	font-size:12px;
	font-weight:bold;
	color:#999;
	width:200px;
	background:#000;
}
.news_body {
	width:380px;
	margin-top:-10px;
}
.news_body_inside {
	width:320px;
	padding-top:2px;
	padding-left:30px;
	line-height:20px;
	text-align: justify;
}
.news_body_inside img {
	padding-left:0px;
	padding-right:6px;
	padding-top:15px;
}
.read_more {
	width:390px;
	margin-bottom:40px;
	background:url(../images/news_readmore.gif) no-repeat;
	text-align:right;
	font-size:14px;
	font-weight:bold;
}
.read_more a:hover {
	color:#fff;
}

/*
 ========================
 ALL ARTICLES
*/
.article_title {
	width:400px;
	height:65px;
	clear: both;
	background:bottom url('../images/tracklist.gif') no-repeat;
}
.article_title span {
	font-size:18px;
	font-weight:bold;
	display:block;
	padding-top:20px;
	padding-left:150px;
}
.article_container {
	width:400px;
	padding:20px;
	margin-top:0px;
	background:bottom left url('../images/article-left-bg.gif') no-repeat;
}
.article_container h1 {
	color: #f00;
	display:block;
	margin-top:0px;
}
.article_container_date {
	font-size:12px;
	font-weight:bold;
	color:#999;
	width:138px;
	background:#000;
	display:block;
}
.article_body {
	width:390px;
	margin-top:-10px;
	background: top right url('../images/article-right-bg.gif') no-repeat;
}
.article_body_inside {
	padding-top:5px;
	padding-right:15px;
	line-height:20px;
	text-align: justify;
	width:360px;
}
.article_body_inside img {
	padding-top:15px;
	padding-right:6px;
}
.article_body_inside iframe {
	border:none;
	padding:0px;
	background:#000;
}
.article_body_secondary {
	width:320px;
	display:inline-table;
}
.article_body_secondary img {
	padding-top:10px;
	clear:both;
}

/* comment */
.article_comment {
	float:left;
}
.comment_row {
	width:380px;
	margin:2px;
	padding:4px;
	border:1px dotted #999;
}
.comment_sender {
	font-size:16px;
	color:#f00;
}
.comment_form {
	padding:4px;
	vertical-align:top;
	display:inherit;
}
.comment_form label {
	size:100px;
}
.article_comment_form {
	width:390px;
	margin:auto;
}
.article_comment_form input[type='text'] {
	vertical-align:top;
	border:none;
	color:#ccc;
	background:url(../images/textarea_comment.gif) bottom repeat-x;
	height:20px;
}
.article_comment_form textarea {
	border:none;
	background: url(../images/textarea.gif) bottom repeat-x;
	overflow:auto;
	color:#ccc;
	vertical-align:top;
	padding:2px;
}
.article_comment_form_title {
	width:100px;
	float:left;
	display:block;
	font-size:14px;
	font-weight:bold;
}
.article_comment_form_input {
	float:left;
	display:block;
}

.article_comment_form_content {
	width:380px;
	margin:4px;
	display:block;
}

.article_comment_form_content label {
	width:60px;
	display: block;
	float: left;
}
/* ===ALL ARTICLES END=== */

/* video */
.videos {
	width:380px;
	margin:auto;
}
.videos_detail {
	margin-top:10px;
	margin-bottom:20px;
	border-bottom:1px dotted #f00;
	padding-bottom:10px;
	float:left;
	width:360px;
}
.videos_detail_content {
	display:inline-table;
	margin:5px;
}
