/* CSS Document */ 

/* Color Legend */
/*
#191e20 Background Grey
#999	Light Gray
#212121	Dark Gray
*/

/* Reset*/

html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section, 
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

img { margin: 0; padding: 0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
}

table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border:0;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #fff;
}

ol, ul { list-style: none; }

/* Global */

html {  }
body {background:#000 ; width:100%; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #fff; }

h1 { font-size: 40px; font-family: "Franklin Gothic Demi Cond", Arial, Helvetica, sans-serif; margin-bottom: 20px; }
h2 { font-size: 30px; font-family: "Franklin Gothic Demi Cond", Arial, Helvetica, sans-serif; margin-bottom: 5px; margin-top: 3px; }
h3 { font-size: 12px; font-family: "Franklin Gothic Demi Cond", Arial, Helvetica, sans-serif; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

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

/* Text Elements */

p				{ color:#fff; font-size:18px; line-height:150%;
					font-family: "Franklin Gothic Demi Cond", Arial, Helvetica, sans-serif;}
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a				{ font-size:22px; font-family: "Franklin Gothic Demi Cond", Arial, Helvetica, sans-serif; }
a:link			{ color: #fff; }
a:visited		{ color: #fff; }
a:active		{ color: #fff; }
a:focus			{ color: #fff; }
a:hover			{ color: #fff; background-color:#000; }

blockquote		{ color:#fff; font-size:12px; }

strong			{ font-weight: bold; }
em				{ font-style: italic; }

/* Images */



/* Lists */

ul				{  }
ol				{ list-style-type:decimal; }

ul li			{ color:#fff; font-size:24px; line-height:150%;
					font-family: "Franklin Gothic Demi Cond", Arial, Helvetica, sans-serif; }
ol li			{ color:#fff; font-size:12px; }

d1				{  }
dt				{  }
dd				{  }

/* Tables */

table			{ width:100%; }

tr				{  }
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th				{ font-weight: bold; }
thead, th		{ background: #ccc; }

tbody			{  }

th, td, caption	{  }
caption			{  }

tfoot			{  }
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption			{ background:#efefef; }

/* Miscellaneous */

sup, sub		{ line-height: 0; }

abbr, acronym	{ border-bottom: 1px dotted #666; }
address			{  }
del				{ background:#ffcece; color:#f00; }

code, pre		{ background-color:#ff9; padding:2px 0px; margin:4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; }
					
/* Containers */

#bg					{background-image:url(../images/bg.jpg); background-size:cover;  }


#header				{ width:635px; margin:0px 0px 0px 5%; }

#logo				{ width:100%; padding-top:20px; }
#logo img			{ float:left; }


#topnav				{ clear:both; height:35px; margin:10px; margin-left:50px; 
					    width:900px; text-align:left; }
#topnav ul			{ display:block; padding-top:2px;  }						 
#topnav ul li		{ display:inline; margin:10px; }
#topnav ul li a		{ padding:5px 5px; }


#rightnav			{ clear:both; height:18px; margin:10px; width:210px; float:right; padding-bottom:10px; }
#rightnav ul		{display:block; }
#rightnav ul li		{display:inline; }


#wrapper			{ background-image:url(../images/grey.png); width:970px; height:640px; margin:0 auto; margin-bottom:10px; }

#content			{ text-align:center; width:900px; padding:30px; }
#content h1			{ text-align:center; }
#content img		{ float:left; margin:10px; }

#title				{ width:400px; float:left; }

#player				{ clear:both; text-align:left; width:900px; }
#player	a			{ font-size:18px; }

#contact p			{ text-align:center; margin:30px;}

#text				{ padding:20px 30px 20px 20px; }
				
#clear				{ clear:both; }						
						
#footer				{ width:900px; margin:0 auto; padding-top:4px; }

/* Forms */

form { text-align:left; margin:20px; }

label, submit, input, textarea {
	border:0; padding:0; margin:0; background:none;
}

label {
	float: left; width: 150px;
	text-align:right; display:block;
}

input, textarea {
	border:1px #333 solid; margin-left:10px;
}

input {
	width: 280px; margin-bottom: 16px;
}

textarea {
	width: 280px; height: 150px;
	margin-bottom: 16px;
}

select {  }

.submit {
	width:90px; height:25px;
	margin-left:150px;
	font-size:12px;
}
	
br { clear:left; }

/* Miscellaneous */

.copyright-text { font-size:80%; font-style:italic; color:#333; }
.footer-text	{ font-size:12px; font-style:normal; color:#fff;
					text-align:center; }

.title 			{ font-size:18px; font-weight:bold; color:#333; }
.subtitle 		{ font-size:14px; font-style:italic; color:#333; }

.artist 		{ font-size:16px; font-weight:bold; color:#333; }
.author 		{ font-size:14px; font-weight:bold; color:#555; }
.editor 		{ font-size:14px; font-style:italic; color:#555; }

.pub-date 		{ font-size:10px; font-style:italic; color:#555; }
.article-date 	{ font-size:10px; font-style:italic; color:#555; }
.location 		{ font-size:10px; font-style:italic; color:#555; }

.float-right	{ float:right; }
.float-left		{ float:left; }
.clear			{ clear:both; }

.hide			{ display:none; }
.block			{ display:block; }
.inline			{ display:inline; }

.first			{ font-weight:bold; }
.last			{ font-weight:bold; }
.left			{ font-weight:bold; text-align:left; }
.right			{ font-weight:bold; text-align:right; }

.added			{ background:#d7d7ff; }
.removed		{ background:#ffcece; color:#f00; }
.changed		{ background:#ffb; }

/* Success, info, notice, and error/alert boxes */

.error, .alert, .notice, .success, .info {
	padding: 0.8em; margin-bottom: 1em; border:2px solid #ddd; }
	
.error, .alert	{ background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4; }

.notice			{ background:#fff6bf; color:#514721; border-color:#ffd324; }

.success 		{ background:#e6efc2; color:#264409; border-color:#c6d880; }

.info 			{ background:#d5edf8; color:#205791; border-color:#92cae4; }

.error a	{ color:#8a1f11; }
.alert a	{ color:#8a1f11; }

.notice a	{ color:#514721; }
.success a	{ color:#264409; }
.info a		{ color:#205791; }