/* Global stylesheet for CC.net */

/* Mass Reset */
body { margin:0; padding:0; }

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	margin: 0 auto;
	padding: 0;
	width: 800px;
	/* background-color: #0071AD; */
	background: url(/img/background.jpg) repeat;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-size: 1.0em;
}

a:link, a:visited, a:active {
	color: #774560;
	text-decoration: none;
}

a:hover {
	color: #8d6b85;
	text-decoration: none;
}

a img {
	border: 0;
}

#wrapper {
	width: 800px;
}

#header {
	background-image: url(/img/header_bg.jpg);
	width: 100%;
	height: 80px;
}

#header-nav {
	color: #FFFFFF;
	margin-top: 5px;
	padding: 0;
	width: 500px;
	float: right;
}

#header-nav ul {
	margin: 0;
	padding: 0 10px 0 0;
	text-align: right;	
}

#header-nav li {
	display: inline;
	background-color: none;
	color: #fff;
	font-size: 1.2em;	
}

#header-nav a:link, #header-nav a:visited {
	text-decoration: none;
	background-color: none;
	color: #fff;
	font-style: none;
}

.onpage {
	background-color: #000;
	color: #fff;
	padding: 5px;
	border: 1px solid #fff;
}

#tagline {
	font-weight: bold;
	background-color: #fdf8f2;
	color: #050845;
	font-style: italic;
	margin: 0;
	padding: 0 0 0 20px;
	width: 300px;
	float:left;
}


#main {
	width: 100%;
	height: 100%;
	bottom: 0;
	margin: 0;
	padding: 0;
	top: 80px;
	background-color: #fff;
	color: #000;
	font-size: 1.2em;
	overflow: hidden;
	}
	
.banner-title {
	background-image: url(/img/banner_title.jpg);
	background-repeat: no-repeat;
}


	
#frontpage-top {
	width: 100%;
	height: 230px;
	background-image: url(/img/feature.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
}

.message {
	margin: 0;
	padding: 5px;
	background-color: #653149;
	width: 100%;
	text-align: bottom;
	color: #fff;
}

.message a:link, .message a:visited {
	color: #B2D4E6;
	text-decoration: none;
	font-weight: bold;
}

.message a:hover, .message a:active {
	color: #B2D4E6;
	text-decoration: underline;
	font-weight: bold;
}

#ajaxticker1 {
	padding-left: 10px;
}

#frontpage-top-photos {
	margin: 0 5px;
	padding: 0;
	width: 180px;
	float: right;
	/* border: 1px solid #000; */
	background-color: #fff;
}

#frontpage-top-photos h1 {
	margin: 0;
	padding: 10px 0 2px 2px;
	font-size: 1.5em;
	color: #653149;
}

#frontpage-btm {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 350px;
	background-color: #fbf4fb;
}

#frontpage-forum, #frontpage-news, #frontpage-fanblogs {
	padding: 0;
	background: transparent;
}

#frontpage-forum {
	float: left;
	width: 250px;
}

#frontpage-news {
	left: 250px;
}

#frontpage-news .rss_box {
	margin-left: 250px;
}

#frontpage-fanblogs {
	float: right;
	width: 250px;
}

#frontpage-forum h1, #frontpage-fanblogs h1, #frontpage-news h1 {
	margin: 0;
	padding: 5px 10px;
	font-size: 1.8em;
	/* background-image: url(/img/blt_readmore.png);
	background-repeat: no-repeat;
	background-position: 10em center; */
	background-color: #c1b2c0;
	color: #653149;
}

#frontpage-forum p, #frontpage-fanblogs p, #frontpage-news p {
	margin: 0 0 0 5px;
	padding: 5px 0 0 5px;
}


#content {
	color: #000;
	font-size: 0.9em;
	width: 500px;
	margin: 0 10px;
	padding: 0;
}

#content h2  {
	font-size: 1.8em;
	color: #653149;
	line-height: 24px;
}

#content td {
	line-height: 16px;
	padding: 10px;
}

#content p {
	padding: 5px;
}

#sidebar {
	margin: 0;
	padding: 10px 0 10px 10px;
	width: 240px;
	height: 90%;
	background-color: #c1b2c0;
	position: relative;
	float: right;
	border-left: 1px solid #653149;
	border-bottom: 1px solid #653149;
}

#footer {
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	background-image: url(/img/header_bg.jpg);
	background-color: #22478E;
}

#footer p {
	color: #FFFFFF;
	font-size: 1.0em;
	text-align: left;
	padding: 5px;
	margin: 0;
	clear: both;
}

.lyrics {
	margin-left: 40px;
	line-height: 16px;
}

.readmore {
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
	margin: 30px 30px 0 0;
	bottom: 0;
	position: relative;
	border-top: 1px solid #8EC0DB;
}

/* begin styles for RSS Feed 
     This is the most basic style to use for a list with no bullets */

.rss_box {
	margin-left: 10px;
	padding: 5px;
	 width: 230px;
	 background-color: transparent;
}

.rss_title, rss_title a {
	margin: 0;
	padding: 0;
}

.rss_items {
       list-style: none;
       margin: 0;
       padding: 0;
}

.rss_item  {
font-family: small Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  margin-bottom: 1em;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	/* color: #774560; */
	font-weight: bold;
	text-decoration: none;
}

.rss_item a:hover { 
	/* color: #8d6b85; */
}

.rss_date {
	font-size: xx-small;
}

.selected {
	background-color: #000;
	color: #fff;
	padding: 5px;
	border: 1px solid #fff;	
}