/* -------------------
      Carson Darling  
           2008       
   ------------------- */


/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* ---------- Text Formatting ---------- */

p {	margin: 0 0 1em; }

:focus { outline: 0; }

pre, code { font-family: monospace; }


/* Headers */

h1, h2, h3 {
	margin: 1em 0;
}

h1 { font-size: 150%; }

h2 { font-size: 133%; }

h3 { font-size: 117%; }


/* Links */

a:link, a:visited {
	text-decoration: none;
	color: #69c;
}

a:hover, a:active {
	text-decoration: underline;
	-moz-outline: none;
	color: #369;
}


/* Lists */

ol, ul, dl {
	list-style: none;
}


/* Tables */

table {
  /* Still need cellspacing = 0 */
	border-collapse: collapse;
	border-spacing: 0;
}


/* Odds and Ends */

hr { visibility: hidden; clear: both; }

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

sup { vertical-align: 75%; }

.red { color: #f00; }


/* ------------- Structure ------------- */

body {
	line-height: 1;
	background: #fff;
	font: 8px "Verdana", "Times New Roman", Times, serif ;
	text-align: center;
	color: #000;
}

#wrap {
	position: relative;
	margin: 0 auto;
	width: 950px;
	text-align: left;
}

#c {
	position: relative;
}


/* Header */

#header {
	background: none;
	position: relative;
}

#logo {
  height: 110px;
  margin: 25px 0;
  background: #fff url(../i/logo.gif) top left no-repeat;
}

#logo span {
	position: absolute;
	left: -9999px;
}

#logo ad {
	position: absolute;
	left: 350px;
}

/* Nav */

#nav {
	position: relative;
	line-height: 1;
	height: 50px;
	background: #fff url(../i/barright.gif) top right no-repeat;
      font: "Times New Roman", Times, serif ;
	font-size: 250%;
	font-weight: bold;
}

#nav ul {
  width: 100%;
  height: 100%;
  background: url(../i/barleft.gif) top left no-repeat;
}

#nav li {
	float: left;
	text-align: center;
	width: 24%;
}

#nav li.active {
	padding: .5em 12px .35em;
	cursor: default;
	color: #000000;
}

#nav li a:link, #nav li a:visited {
	display: block;
	padding: .5em 12px .35em;
	color: #000000;
}

#nav li a:hover, #nav li a:active {
	color: #ffffff;
	text-decoration: none;
}


/* Content Titles */

#ct {
	position: relative;
	display: block;
}

#ct ol {
	list-style: decimal inside;
	font-size: 117%;
	color: #aaa;
}

#ct ol li {
	float: left;
	margin-right: 1em;
}

#ct ol li.active {
	color: #666;
}

#ct ol h2 {
	display: inline;
	font-size: 100%;
}

#ct ol a:link, #ct ol a:visited {
	color: #aaa;
}


/* Main */

#main {
	float: left;
	clear: left;
	width: 610px;
	margin: 0 0 25px 0;
	padding: 0 12px;
	font-size: 150%;
	font-weight: bold;
}

#main li {
  padding: 0 0 0 1.5em;
  text-indent: -1.5em;
  list-style-type: circle;
  list-style-position: inside;
}

#main form {
  postition: relative;
  margin: 25px 0;
}

#url {
  height: 39px;
  width: 495px;
  margin: 0;
  padding: 7px 15px 3px;
  background: #c8c8c8 url(../i/urlbar.gif) top left repeat-x;
  border: 1px solid black;
  font-size: 175%;
}

#gobutton {
  position: absolute;
  left: 539px;
  width: 80px;
  height: 51px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  background: #f00 url(../i/go.gif) top left no-repeat;
  border: 0;
	cursor: pointer;
}

#mp3link {
  display: none;
  width: 90%;
  padding: 10px;
  border: 5px solid red;
  text-align: center;
  font-size: 150%;
}

#mp3link small {
  font-size: 95%;
  color: #333;
  font-weight: normal;
}

#mp3link .loading {
  width: 250px;
  height: 60px;
  margin: 0 auto;
  font-size: 50%;
  color: #333;
  font-weight: normal;
  background: url(../i/ajax-loader.gif) bottom center no-repeat; 
}

#downloadlink {
  font-size: 125%;
}

/* Side */

#side {
	margin: 0px 0 25px 635px;
	color: white;
	height: 500px;
	border: 0px;
}


/* Footer */

#footer {
	clear: both;
	line-height: 1;
  background: #fff url(../i/barright.gif) top right no-repeat;
  font-size: 200%;
}

#footer div {
  width: 100%;
  height: 50px;
	padding: .7em 12px .35em;
	font-size: 10px;
	margin: 25px 0;
  background: url(../i/barleft.gif) top left no-repeat;
}

#footer strong {
	float: left;
	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px solid #b9ae89;
}