@charset "utf-8"; 
/* $Id: style.css,v 1.5 2009/10/26 23:52:57 deandrejohnson Exp $ */
/* Based on Drupal 6 Framework - Created by Andre Griffin
----------------------------------------------------------------

[Font sizes - based on 75%/12px body]
36px = 3em
30px = 2.5em
24px = 2em
18px = 1.5em
16px = 1.333333em
14px = 1.1667em
12px = 1em
11px = .9167em
10px = .8333em

Equasion for font sizing: 
-Desired in px  Default (or parent) in px = sizing in em

----------------------------------------------------------------*/
/* Margin, Padding, Border Resets
-------------------------------------------------------------- */
html, body, div, span, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea {
  margin: 0;
  padding: 0;
}

img, abbr, acronym {
  border: 0;
}

a img {
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}

/* HTML Elements
-------------------------------------------------------------- */
body {
  background: #000 url(../css/images/body_bg.gif) repeat-x scroll 0 0;
  color: #AAA;
  font-family: tahoma, sans-serif;
  font-size: 75%;
  line-height:1.5;
  margin: 0;
  padding: 0;
}
p {
  margin: 0 0 1.25em 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em 0;
}

ul, ol, dd {
  margin-left: 1.5em;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

a {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

a:link, a:visited {
  color: #DF5605;
  outline: none;
  text-decoration: none;
}

a:focus {
  outline: 1px dotted;
}

a:hover,
li a.active,
a:active {
  color: #DF5605;
  text-decoration: none;
}

blockquote {
}

hr {
  height: 1px;
  border: 1px solid gray;
}

/* tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

caption {
  text-align: left;
}

th {
  margin: 0;
  padding: 0 10px 0 0;
  text-align: left;
}

th.active img {
  display: inline;
}

thead th {
  text-align: left;
  padding-right: 10px;
}

tr {
  padding: 1px 5px;
}

td {
  margin: 0;
  padding: 3px;
}

/* Remove grid block styles from Drupal's table ".block" class */
td.block {
  border: none;
  float: none;
  margin: 0;
}

/* Maintain light background/dark text on dragged table rows */
tr.drag td,
tr.drag-previous td {
  background: #FFFFDD;
  color: #000;
}


/* Color
-------------------------------------------------------------- */
/* Region labels on block admin page */
.block-region {
  background-color: #F3F3F3;
  border: 3px dashed #CCCCCC;
  color: #555555;
  font-size: 130%;
  font-weight: bold;
  margin: 1px;
  padding: 3px;
  text-align: center;
  text-shadow: 1px 1px #FDFDFD;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}


/* Accessibility
/-------------------------------------------------------------- */
/* skip-link to main content */
#skip a,
#skip a:hover,
#skip a:visited {
  height: 1px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: -500px;
  width: 1px;
}

#skip a:active,
#skip a:focus {
  height: auto;
  position: static;
  width: auto;
}


/* Helper Classes
/-------------------------------------------------------------- */
.hide {
  display: none;
  visibility: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

/* clear floats after last element in a container (also in ie6-fixes.css, ie7-fixes.css) */
.clearfix:after,
.clearfix .inner:after,
.block .inner:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}


/* Layout
/-------------------------------------------------------------- */
#page {
  background:#000 none repeat scroll 0 0;
  width: 960px;
  margin: 100px auto;
  padding: 100px 0;
  border: 10px solid #333;
}

#wrap { 
  background:#555 none repeat scroll 0 0;  
  clear:both; 
}
  
#inner {  
  padding: 0 0 10px; 
}

#content { 
  background:#555555 none repeat scroll 0 0; 
}
#sidebar-first {
}
#sidebar-last {
}

#message {
  color: #AAA;
  font-family: impact;
  font-size: 48px;
  text-align: center;
}

#message span {
  color: #df5606;
}

/* Header
/-------------------------------------------------------------- */
#header-inner {  
  padding:5px; 
  position:relative; 
  overflow:hidden;
}

#logo { 
  margin:0 10px 0 0; 
  float:left;
}


/* Navigation
/-------------------------------------------------------------- */
#nav {
  background: none repeat scroll rgb(2E2E2E);
  margin: 0px 5px 5px;
  overflow: hidden;
  padding: 5px;
  z-index: 500;
}

#primary_menu {
}

#secondary_menu {
}

#nav {
	background:#2e2e2e none repeat scroll 0 0;
	margin:0 5px 5px;
	padding:5px;
	overflow:hidden;
	z-index: 500
}

div#nav {
	font-family:Tahoma, Verdana, sans-serif;
	font-size:11px;
}

div#nav ul#menulist {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

div#nav ul#menulist {
	float: left;
	list-style: none;
	padding: 0;
	margin: 5px 0 0 0;
}

div#nav ul#menulist li {
	float: left;
}

div#nav ul#menulist li a {
	text-decoration: none;
}

div#nav ul#menulist li a.menu {
	color:#AAA;
	display:block;
	font-family:impact;
	font-size:32px;
	font-weight:normal;
	line-height:32px;
	padding:0 5px 5px;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;
}

div#nav ul#menulist li.divider {
	color:#7F7F7F;
	display:block;
	font-size:28px;
	font-weight:bold;
	letter-spacing:0;
	line-height:28px;
	margin:0 -5px;
	padding:0 5px
}

div#nav ul#menulist li span {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size:11px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

div#nav ul#menulist li:hover a,
div#nav ul#menulist li.sfhover a {
	color: #262626;
	background-color:#555555;
}

div#nav ul#menulist ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

div#nav ul#menulist li ul {
	position: absolute;
	left: -999em;
}

div#nav ul#menulist li:hover ul,
div#nav ul#menulist li.sfhover ul {
	left: auto;
}

div#nav ul#menulist li#n-music a.n-link {
	width: 115px;
}

div#nav ul#menulist li#n-shows a.n-link {
	width: 129px;
}

div#nav ul#menulist li#n-news a.n-link {
	width: 100px;
}

div#nav ul#menulist li#n-movies a.n-link {
	width: 132px;
}

div#nav ul#menulist li div.m-panel {
	position: absolute;
	border: 5px solid #2E2E2E;
	border-top: 0;
	background-color: #555555;
	padding: 12px 0 5px;
	z-index: 500
}

div#nav ul#menulist li div.m-panel {
	width: 638px;
}

div#nav ul#menulist li:hover div#m-panel-culture,
div#nav ul#menulist li.sfhover div#m-panel-culture {
	left: -5px;
}

div#nav ul#menulist li:hover div#m-panel-history,
div#nav ul#menulist li.sfhover div#m-panel-history {
	left: -142px;
}

div#nav ul#menulist li:hover div#m-panel-music,
div#nav ul#menulist li.sfhover div#m-panel-music {
	left: -276px;
}

div#nav ul#menulist li:hover div#m-panel-community,
div#nav ul#menulist li.sfhover div#m-panel-community {
	left: -387px;
}

div#nav ul#menulist li:hover div#m-panel-blog,
div#nav ul#menulist li.sfhover div#m-panel-blog {
	left: -568px;
}

div#nav ul#menulist div.m-panel ul {
	margin: 0;
	display: block;
	float: left;
	position: static;
}

div#nav ul#menulist div.m-panel li {
	font-family: Tahoma, Verdana, sans-serif;
	float: none;
	_display: inline;
}

div#nav ul#menulist div.m-panel li a {
	background:#4e4e4e none repeat scroll 0 0;
	text-transform: none;
	font-weight: bold;
	font-size: 11px;
	display: block;
	color: #000;
}

div#nav ul#menulist div.m-panel li a:hover {
	background-color: #AAAAAA;
}

div#nav ul#menulist div.m-panel li.first a,
div#nav ul#menulist div.m-panel li.first span {
	text-transform: uppercase;
	font-size: 11px;
	display: block;
	color: #AAA;
	padding: 5px 0 5px 4px;
}

div#nav ul#menulist div.m-panel li.first a:hover {
	text-decoration: none;
	background: none;
}

div#nav ul#menulist div.m-panel ul.colBase {
	display: block;
	float: left;
	width: 140px;
	border-right: 1px solid #000;
	padding: 0 5px;
}

div#nav ul#menulist div.m-panel ul li {
	border-bottom: 1px solid #000;
	padding: 1px 0;
	display: block;
	font-family: Tahoma, sans-serif;
}

div#nav ul#menulist div.m-panel ul.colBase li a {
	text-transform: none;
	font-weight: bold;
	font-size: 14px;
	display: block;
}

div#nav ul#menulist div.m-panel ul.centerCol {
	display: block;
	float: left;
	width: 140px;
	border-right: 1px solid #000;
	padding: 0 5px;
	font-family: Tahoma, sans-serif;
}

div#nav ul#menulist div.m-panel ul.colLeft {
	display: block;
	float: left;
	height: auto;
	margin: 0;
	width: 140px;
	font-family: Tahoma, sans-serif;
}

div#nav ul#menulist div.m-panel ul.split {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

div#nav ul#menulist div.m-panel ul.last,
ul.last li,
ul.last li a {
	width:280px;
	border: 0;
}

div#nav ul#menulist div.m-panel ul.last li a {
	width:100%;
}

div#nav ul#menulist div.m-panel ul.last li a,
a:hover {
	background:#000 none repeat scroll 0 0;
}

div#nav ul#menulist div.m-panel ul.last img {
}

div#nav ul#menulist div.m-panel ul.centerCol li.first a,
div#nav ul#menulist div.m-panel ul.colLeft li.first a,
div#nav ul#menulist div.m-panel ul.centerCol li.first span,
div#nav ul#menulist div.m-panel ul.colLeft li.first span {
	padding: 0px 0 2px 4px;
}

div#nav ul#menulist div.m-panel ul li span label {
	color: #666666;
	padding: 0;
	display: inline;
}

div#nav ul#menulist div.m-panel ul.centerCol li a,
div#nav ul#menulist div.m-panel ul.colLeft li a,
div#nav ul#menulist div.m-panel ul.colBase li a {
	padding: 4px 0 4px 4px !important;
}