@charset "utf-8";
/* CSS Document */

body {
	background-color: #380000;
	margin: 0px;
	color: #eeeeee;
	font: 12px Arial;
}

* {
margin: 0px;
padding: 0px;
}

/* make that ugly box around text links go away in firefox lol */
* a:link, a:visited, a:hover {
	outline:none;
	border:none;
}

/* this is special formatting for the template */
.leftshadow {
	background: url(images/left_shadow.png) repeat-y;
	width: 10px;
}

.rightshadow {
	background: url(images/right_shadow.png) repeat-y;
	width: 10px;
}

.line {
	background: #210202;
	height: 1px;
}	

.main {
	background: #290000;
	width: 910px;
	/* height: 500px; */
}

.link {
	background: url(images/melbeat_template_06.png);
	height: 29px;
}

.sublink {
	background: url(images/melbeat_template_07.png);
	height: 28px;
}

.side_grad {
	/* background: url(images/side_grad.png) repeat-y; */
	background-color: #290000;
	width:280px;
}

.end_cap {
	background: url(images/melbeat_cap.png);
	width: 930px;
}

/* this formatting for navigation bar */
#navigation ul {
	list-style: none;
}

#navigation li {
	display: inline;
	float:left;
	padding: 0px 10px;
	border-right: 1px dotted #582d04;
	font: bold 16px Arial;
	letter-spacing: .025em;
	height: 29px;
}

#navigation a:link, #navigation a:visited {
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
}

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

#subnav ul {
	list-style: none;
}

#subnav li {
	display: inline;
	float:left;
	height: 28px;
	padding-right: 20px;
	font: bold 14px Arial;
	text-transform: uppercase;
	letter-spacing: .05em;
	background: url(images/sub_bullet.png) 96.5% 9px no-repeat;
}

#subnav a:link, #subnav a:visited {
	color: #000000;
	text-decoration: none;
	padding: 0px 10px;
}

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

#topnav ul {
	list-style: none;
	padding-left: 100px;
}

#topnav li {
	display: inline;
	float:left;
	height: 36px;
	font: 12px Georgia;
	padding-right:20px;
}

#topnav a:link, #topnav a:visited {
	color: #ffffff;
	text-decoration: none;
}

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

/* this is for stuff thats contained in the menus */
.toplink {
	background: url(images/melbeat_template_03.png);
	width: 255px;
	height: 36px;
	color: #ffffff;
}

.current {
	background: url(images/link_over.png) repeat-x;
	height: 29px;
}

.topSelected {
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
}

.topSelectedOver {
	text-transform: uppercase;
	text-decoration: none;
	color: #990000;
}

.link_push_down {
	padding-top: 6px;
}

.top_link_push_down {
	padding-top: 13px;
}

/* formatting for the box that contains the date */
.dateTop {
	background: url(images/date_box_01.png);
	width:70px;
	height:9px;
}

.dateLeft {
	background: url(images/date_box_02.png);
	width: 8px;
	height: 42px;
}

.dateRight {
	background: url(images/date_box_04.png);
	width: 9px;
	height: 42px;
}

.dateBottom {
	background: url(images/date_box_05.png);
	width:70px;
	height:9px;
}

.dateBg {
	background: url(images/date_box_03.png);
	width:53px;
	height:42px;
	vertical-align: middle;
}	

.dateDay {
	font: bold 16px Georgia;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #000;
}

.dateText {
	margin-top: -8px;
	font: bold 24px Georgia;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #000;

}

/* this is formatting for stuff inside the cool box */
.headlineHeader {
	margin-left: 10px;
	font: bold 24px Georgia;
	letter-spacing: .05em;
	color: #ffcc33;
}

.headlineMiniHeader {
	margin-top: -10px;
	margin-left: 10px;
	font: bold 16px Georgia;
	letter-spacing: .07em;
	color: #ffcc99;
}

.headlineText {
	font: 16px Georgia;
	letter-spacing: .02em;
	color: #eee;
	line-height: 16pt
}

/* this is css for the cool box */
.cool_box_top {
	background: url(images/cool_box_01.png);
	width: 600px;
	height: 25px;
}

.cool_box_header {
	background: url(images/cool_box_02.png);
	width: 600px;
	height: 51px;
}

.cool_box_header_text {
	color: #f2c060;
	text-align: center;
	font: bold 24px Georgia;
	margin-bottom: 15px;
}
.cool_box_footer {
	background: url(images/cool_box_04.png);
	width: 600px;
	height: 28px;
}

.cool_box_main {
	background: url(images/cool_box_03.png) repeat-y;
	width: 600px;
}

.cool_box_text {
	margin-top: 5px;
	/* border: thin solid #444444; */
	width: 570px;	
}

.cool_box_subtext {
	color: #f2c060;
	text-align: center;
	font: 12px Arial;
	text-decoration: none;
}

.cool_box_subtext a:link, .cool_box_subtext a:visited {
text-decoration: none;
color : #eee;
}

.cool_box_subtext a:hover {
text-decoration: none;
	color : #ffcc33;
}

.cool_box_desc {
	color: #eee;
	font: 16px Arial;
	line-height: 18px;
}

/* classes for admin section */
.print_header {
	font: bold 22px Arial;
	color : #eee;
}

.admin_link a:link, .admin_link a:visited {
	font: 18px Arial;
	color : #ffcc33;
	text-decoration: none;
}

.admin_link a:hover {
	font: 18px Arial;
	color : #fff;
	text-decoration: none;
}


.atable_bgcolor {
	background-color : #600000;
	padding: 10px;
}

.help_border {
	border: medium double #600000;
	background-color: #210202;
	padding: 10px 10px;
}

.click_back a:link, .click_back a:visited {
	font: 20px Georgia;
	color : #ffcc33;
	text-decoration: none;
}

.click_back a:hover {
	font: 20px Georgia;
	color : #eeeeee;
	text-decoration: none;
}

.admin_options a:link, .admin_options a:visited {
	color : #ffcc33;
	text-decoration: none;
}

.admin_options a:hover {
	color : #eee;
	text-decoration: none;
}

/* stuff for cool tab */
.ct_title {
	background: url(images/cool_tab/cool_tab_03.png) repeat-x;
	height: 63px;
}

.ct_titleright {
	background: url(images/cool_tab/cool_tab_05.png) repeat-x;
	height: 63px;
}

.pt_left_side {
	background: url(images/cool_tab/cool_tab_01.png) repeat-y;
	width: 19px;
}

.pt_right_side {
	background: url(images/cool_tab/cool_tab_06.png) repeat-y;
	width: 22px;
}

.port_tab_div {
	color: #f2c060;
	font: bold 24px Georgia;
	width: 100%;
	vertical-align: middle;
	margin-top: 10px;
}

.port_main_content {
	background: url(images/cool_tab/cool_tab_background.png);
	color: #ffffff;
	width: 559px;
}

/* this is the working area */
.portfolio_title_text a:link, .portfolio_title_text a:visited {
	font: 36px Georgia;
	color : #eeeeee;
	text-decoration: none;
}

.portfolio_title_text a:hover {
	font: 36px Georgia;
	color : #ffcc33;
	text-decoration: none;
}

p.behind_the_scenes_paragraph {
	margin-left: 10px;
	margin-top: 5px;
}

.why_melbeat_text {
	width:100%;
	font: 16px Georgia;
	color : #fff;
	line-height: 16pt;
	margin: 10px;
}

.why_melbeat_image {
	float: right;
	margin-right: 20px;
	padding: 5px;
	text-align: center;
}

.archive_table {
	font: 20px Arial;
	color: #ffcc33
}

.link_color a:link, .link_color a:visited { 
	color: #fff;
	text-decoration: none;
}

.link_color a:hover {
	color: #ffcc33;
	text-decoration: none;
}

.about_us_left {
background: url(images/about_us_box/about_us_box_03.png);
width:241;
height:154;
font: 16px Arial;
color: #fff;
}

.about_us_right {
background: url(images/about_us_box/about_us_box_04.png);
width:309;
height:154;
font: 16px Arial;
color: #fff;
}

.about_us_big_left {
background: url(images/about_us_big/about_us_big_03.png) repeat-y;
width: 28px
}

.about_us_big_right {
background: url(images/about_us_big/about_us_big_05.png) repeat-y;
width: 26px
}

.about_us_big_top {
background: url(images/about_us_big/about_us_big_02.png);
width: 800px;
height: 50px;
}

.about_text_description {
font: 18px Arial;
line-height: 22px;
margin: 10px;
}

.about_us_header {
	color: #f2c060;
	text-align: center;
	font: bold 24px Georgia;
}

.bts_image_tl {
background: url(images/bts_image_box_02.png) repeat-y;
width: 14px;
height: 1px;
}

.bts_image_tr {
background: url(images/bts_image_box_04.png) repeat-y;
width: 13px;
height: 1px;
}

.bts_image_bl {
background: url(images/bts_image_box_05.png) repeat-y;
width: 14px;
height: 1px;
}

.bts_image_br {
background: url(images/bts_image_box_07.png) repeat-y;
width: 13px;
height: 1px;
}