/* THREE COLUMN LAYOUT */

body {
	text-align:center;  /* IE6 needs this to center the layout in the browser window */
	background-image: url(../images/dark_old.png);
	}

/* @group Links */

a.right:link {color: #cdc8b1; text-decoration:underline;} 
a.right:visited {color: #cdc8b1; text-decoration:underline;} 
a.right:hover {color: #24b8e0; text-decoration:underline;}  
a.right:active {color: #ad2d2d; text-decoration:underline;} 

a.rightsmall:link {color: #f2f0a4; text-decoration:underline; font-family: Georgia;} 
a.rightsmall:visited {color: #f2f0a4; text-decoration:underline;} 
a.rightsmall:hover {color: #f2f0a4; text-decoration:underline;}
a.rightsmall:active {color: #24b8e0; text-decoration:underline;} 

a.footer:link {color: #a79e73; text-decoration:none; font-size: 1em;font-family: Gulim;} 
a.footer:visited {color: #a79e73; text-decoration:;} 
a.footer:hover {color: #24b8e0; font-size: 1.2em;}
a.footer:active {color: #ad2d2d; text-decoration:underline;} 

a.snippet:link {color: #cdc8b1; text-decoration:none; font-size: 1em;} 
a.snippet:visited {color: #cdc8b1; text-decoration:none;} 
a.snippet:hover {color: #24b8e0; text-decoration:underline;}
a.snippet:active {color: #ad2d2d; text-decoration:underline;} 

a.legal:link {color: #cdc8b1; text-decoration:underline;} 
a.legal:visited {color: #cdc8b1; text-decoration:underline;} 
a.legal:hover {color: #24b8e0; text-decoration:underline;}
a.legal:active {color: #ad2d2d; text-decoration:underline;} 

/* @end */




h2 {font-family: Georgia;}
h3 {font-family: Helvetica, Verdana; color:#cdc8b1;letter-spacing: .6em;}
h4 {font-family: Georgia;}

img {border: none;}

a img {border:0 none transparent;}

span.read_more {font-size: .6em;float: right;}

span.legal {font-size: .7em; font-family: Courier serif;}

span.italic {font-style: italic;}

span.header {
	text-decoration: underline;
	font-size: 1.2em;
	}

#main_wrapper {
	width:1100px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	background-image: url(../images/dark_old.png);

	}
#header {
	height:200px;
	border-bottom: 1px solid #f2f0a4;
	}

#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}

#header_inner {

	}

#content {
	text-align: center;
	width: 285px;
	margin: 30px 10px;
	float: left;
	}

#content_inner {
	color: #cdc8b1;
	font-family: Century Gothic;
	}

#content_right {
	width: 700px;
	margin: 70px 0 0 285px;
	}

#content_right_inner {
	width: 540px;
	padding: 15px 60px 15px 110px;
	color: #cdc8b1;
	font-family: Century Gothic;
	font-size: .9em;
	}

#content_right2 {
	width: 350px;
	height: 150px;
	margin: 10px 0 0 40px;
	border-left: 1px #cdc8b1 dotted;
	clear: right;
	float: left;
	}

#content_right2_inner {
	padding: 10px;
	color: #cdc8b1;
	font-family: Georgia;
	font-size: .9em;
	}

#content_right3 {
	width: 350px;
	height: 150px;
	margin: 10px 0 0 20px;
	border-left: 1px #cdc8b1 dotted;
	clear: none;
	float: left;
	}

#content_right3_inner {
	padding: 10px;
	color: #cdc8b1;
	font-family: Georgia;
	font-size: .9em;
	}

.navup { 
	width: 313px;
	height: 319px;
	float: left;
	}

.navdown { 
	width: 313px;
	height: 319px;
	float: left;
	}

#footer {
	width:100%;
	clear:both;
	border-top: 1px solid #f2f0a4;
	font-family: Gulim;
	color: #a79e73;
	font-size: .6em;
	line-height: 1.4em;
	}

#footer_left {
	text-align: left;
	padding:5px;
	float: left;
	width: 350px;
	}

#footer_inner {
	padding:5px;
	text-align:center;
	float: left;
	width: 350px;
	}

#footer_right {
	text-align: right;
	padding:5px;
	float: right;
	width: 350px;
	}

/* @group NAV */

/* Nav Boxes */


span.hidden {
	display: none;
	}

a.charts {
  display: block;
  width: 240px;
  height: 110px;
  background: url("../images/tbrcharts.png") no-repeat 0 0;
	}

a.charts:hover {
	background-position: -240px 0;
	}

a.chords {
  display: block;
  width: 240px;
  height: 110px;
  background: url("../images/tbrchords_whole.png") no-repeat 0 0;
	}

a.chords:hover {
	background-position: -240px 0;
	}

a.faq {
  display: block;
  width: 240px;
  height: 110px;
  background: url("../images/tbrfaq_whole.png") no-repeat 0 0;
	}

a.faq:hover {
	background-position: -240px 0;
	}

a.blog {
  display: block;
  width: 240px;
  height: 110px;
  background: url("../images/tbrblog_whole.png") no-repeat 0 0;
	}

a.blog:hover {
	background-position: -240px 0;
	}

a.forum {
  display: block;
  width: 240px;
  height: 110px;
  background: url("../images/tbrforum_whole.png") no-repeat 0 0;
	}

a.forum:hover {
	background-position: -240px 0;
	}

a.contact {
  display: block;
  width: 285px;
  height: 110px;
  background: url("../images/tbrcontact_whole.png") no-repeat 0 0;
	}

a.contact:hover {
	background-position: -285px 0;
	}



/* @end */

/* @group FeedBurner */


#blogposts {
	width: 750px;
	float: left;
	margin-top: 100px;
	margin-left: 25px;
}

.feedTitle {
	color:#cdc8b1;
	letter-spacing: .6em;
	font: 1.1em Helvetica, Verdana;
}

p.feedTitle a:link, p.feedTitle a:visited {
	color: #cdc8b1;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
}

.feedburnerFeedBlock ul {
	list-style-type: none;
	color: #cdc8b1;
	width: 354px;
	display: inline;
}

.feedburnerFeedBlock li {
	padding: 10px;
	font-family: Georgia;
	font-size: .9em;
	float: left;
	width: 354px;
	display: block;
	border-left: 1px #cdc8b1 dotted;
}

.headline {
	font-family: Georgia;
	color: #cdc8b1;
	font-weight: bold;
	padding-bottom: 25px;
}

ul li div {
	margin-top: 15px;
}

.headline a:link, .headline a:visited {
	color: #cdc8b1;
}

.headline a:hover, .headline a:active {
	color: #ab002b;
}

#creditfooter {
	display: none;
}


/* @end */