@charset "utf-8";
/* BEGIN Extreme Reba v2 Yellow CSS */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img {
	border: 0;
	padding: 0px;
	margin: 0px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-align: center;
	background-image: url(/images/global/light-yellow-bg.jpg);
	background-repeat: repeat;
}
a {
	color: #006699;
	text-decoration: underline;
}
a:hover {
	color: #0099CC;
	text-decoration: none;
}
h1 {
	font-size: 18px;
	color: #006699;
	line-height: 1.4em;
	margin-bottom: 10px;
}
h2 {
	font-size: 16px;
	color: #390;
	line-height: 1.4em;
	margin-bottom: 10px;
}
h3 {
	font-size: 14px;
	color: #C60;
	line-height: 1.4em;
	margin-bottom: 10px;
}

h4, h5, h6 {font-weight:normal;}


/* ------------------------------------------------------
GLOBAL CLASS & DIV STYLES
------------------------------------------------------ */
.Header {
	font-size: 18px;
	color: #006699;
	font-weight: bold;
	line-height: 1.4em;
}
.Header2 {
	font-size: 18px;
	color: #069;
	padding-bottom: 8px;
}
.Header3 {
	font-size: 18px;
	color: #069;
	line-height: 1.4em;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #090;
	padding: 5px;
	margin-bottom: 10px;
}
.Date {
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.Summary {
	line-height: 1.6em;
	color: #666666;
}
.NewsSummary {
	font-size: 10px;
	line-height: 1.6em;
	margin-top: 7px;
	color: #C60;
	text-transform: uppercase;
}
.NewsAuthor {
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	margin-bottom: 0px;
}
.Details { /* ---------------- used for details like on the discography/dates&events page/news/list, home/news. Small uppercase text ------------------ */
	font-size: 10px;
	font-weight: normal;
	color: #C60;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.Views { /* ---------------- used for most popular article count to create box ------------------ */
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
	background-color: #093;
	text-align: center;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	border-right: 1px solid #063;
	border-bottom: 1px solid #063;
	border-left: 1px solid #0C0;
	border-top: 1px solid #0C0;

/*	border-right: 1px solid #090;
	border-bottom: 1px solid #090;
	border-left: 1px solid #0F0;
	border-top: 1px solid #0F0;*/
}
.datesandevents { /* ------- used for details on sidebar_dates. Small uppercase text ---------- */
	padding-top: 3px;
	padding-bottom: 3px;
}
.datesbox { /* ------- used on news/dates page to list the dates & events ---------- */
	padding-top: 10px;
	padding-bottom: 10px;
}
.box { /* ------- used for any item that needs a div "block" elemet like on the news/list page ---------- */
	padding-top: 0px;
	margin-bottom: 10px;
}
#twitter #twitter_update_list li {  /* ---------------- Div contains Reba's tweets on main page ------------------ */
	list-style-type: none;
	margin-bottom: 7px;
	padding-bottom: 7px;
}
.ImageRight { /*-----------Used for aligning images on the news article-----------*/
	border: 1px solid #FC0;
	float: right;
	padding: 4px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.faqsubheader {
	font-size: 16px;
	font-weight: bold;
	color: #390;
	line-height: 1.4em;
	margin-bottom: 10px;
}

/* ------------------------------------------------------
GENERAL LAYOUT DIVS FOR ***MAIN PAGE ONLY***
------------------------------------------------------ */

#bgwrapperMain { /*Main Page orange to yellow fade BG (Required DO NOT delete Div)*/
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/global/fade-yellow-bg.jpg);
	background-repeat: repeat-x;
}
#wrapperMain { /*Wrapper for Main page that holds all content (DO NOT delete)*/
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-image: url(/images/global/interior/wrapper-bg.jpg);
	position: relative;
	/*position: relative;*/
}
#headerMain {
	height: 176px;
	background-image: url(/images/mainpage/mainheader.jpg);
	background-repeat: no-repeat;
}
#loginMain {
	float: none;
	padding-right: 0px;
	font-size: 12px;
	padding-top: 12px;
	position: absolute;
	top: 150px;
	right: 40px;
}
#loginMain li {
	list-style-type: none;
	display: inline;
}
#loginMain li a {
	text-decoration: none;
	color: #006699;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #006699;
}
#loginMain li a:hover {
	text-decoration: underline;
	color: #0099CC;
}
#loginMain #nav_contribute a {
	border: none;
}
#loginMain #nav_welcome a {
	padding-right: 0;
	padding-left: 0;
	border: none;
}
#featureMain {   /* ---------------- Contains Reba's twitter feed, current single next to the main navigation // accomplished by using the mainfeature.jpg ------------------ */
	height: 302px;
	background-image: url(/images/mainpage/feature/mainfeature.jpg);
	background-repeat: no-repeat;
}
#featureContent {     /*---------------- Reba's twitter updates displayed next to the main nav for now ------------------ */
	color: #C60;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 487px;
	padding-top: 156px;
	padding-right: 1px;
	padding-bottom: 0;
	padding-left: 70px;
	margin-right: 190px;
	line-height: 1.6em;
}
#featureContent a {
	color: #069;
	text-decoration: none;
	font-style: italic;
	text-transform: uppercase;
}
#featureContent a:hover {
	color: #FC6;
}
.logoMain {
	margin-top: 24px;
	padding-left: 411px; /* original was 481px for microphone pic, 451 for KOLY blue shirt */
	float: left;
}
#NavMain {
	text-align: right;
	float: right; /* since this element is floated, a width must be given */
	width: 150px; 
	padding-top: 57px; /* padding keeps the content of the div away from the edges */
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#NavMain li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	list-style-type: none;
	display: block;
	padding-right: 7px;
	padding-left: 7px;
	font-style: normal;
	padding-top: 5px;	
	padding-bottom: 5px;

}
#NavMain li a {
	color: #666666;
	text-decoration: none;
	display: block;
}
#NavMain li a:hover {
	color: #0099CC;
	text-decoration: none;
}
#leftMain { /*Not slated for any content right now, just a BG holder*/
	float: left;
	height: 519px;
	width: 476px;
	background-image: url(/images/mainpage/mainleft.jpg);
}
#rightMain { /* ---------------- Container DIV for The Latest news image and article links  ------------------ */
	background-image: url(/images/mainpage/mainright.jpg);
	height: 519px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	background-repeat: no-repeat;
	padding: 0;
	float: right;
	width: 484px;
}
#LatestNews { /* ---------------- Contains The Latest news article links   ------------------ */
	padding-right: 35px;
	padding-left: 157px;
	padding-top: 10px;
}
/* ------------------------------------------------------
#LatestNews h1 {
	color: #006699;
        font-size: 18px;
        line-height: 1.4em;
}
------------------------------------------------------*/
#bottom_orange_main {
	clear: both;
	background-image: url(/images/mainpage/mainbottom.jpg);
	height: 272px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
}
#left_hair_main {
	background-image: url(/images/mainpage/mainlefthair.jpg);
	height: 1284px;
	width: 160px;
	position: absolute;
	left: -160px;
	top: 0px;
}
#right_frame_main {
	background-image: url(/images/mainpage/mainrightframe.jpg);
	height: 417px;
	width: 33px;
	position: absolute;
	background-repeat: no-repeat;
	left: 960px;
	top: 867px;
}
.thelatest {
	padding-left: 155px;
	padding-top: 10px;
	/* ------- 3-11-15 Padding top was 40px changed to accommodate contes news story headlines and teasers     ------------- */
/* ------- Original Padding top was 40px to go along with original mock-up, changed to accommodate news story headlines and teasers     ------------- */
}
.contest {
	font-size: 12px;
	color: #00CCFF;
	font-weight: bold;
	line-height: 1.4em;
	padding-top: 5px;
	padding-bottom: 15px;


/* ------- Original Padding top was 40px to go along with original mock-up, changed to accommodate news story headlines and teasers     ------------- */
}

/* ------------------------------------------------------
GENERAL LAYOUT DIVS FOR INTERIOR PAGES
------------------------------------------------------ */

#bgwrapper {
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/global/fade-yellow-bg.jpg);
	background-repeat: repeat-x;
	height: 370px;
}
#wrapper {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-image: url(/images/global/interior/wrapper-bg.jpg);
	position: relative;
	/*position: relative;*/
}
#login {
	float: right;
	padding-top: 115px;
	padding-right: 25px;
	font-size: 12px;
}
#login li {
	list-style-type: none;
	display: inline;
}
#login li a {
	text-decoration: none;
	color: #006699;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #006699;
}
#login li a:hover {
	text-decoration: underline;
	color: #0099CC;
}
#login #nav_contribute a {
        border: none;
}
#login #nav_welcome a {
	padding-right: 0;
	padding-left: 0;
	border: none;
}
#header {
	height: 145px;
	background-image: url(/images/global/interior/header-bg.jpg);
	background-repeat: no-repeat;
}
.logo {
	margin-top: 24px;
	padding-left: 201px;
	float: left;
}
#subNav { /* Used for background image and to contain subnav_list for subnav on all pages */
	height: 195px;
	background-image: url(/images/global/interior/subNav-bg.jpg);
	background-repeat: no-repeat;
}
.subNavHeader { /* Used to position Main Category "you are here" headers */
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	margin-left: 250px;
	padding-top: 35px;
	font-weight: normal;
	padding-bottom: 15px;
	text-transform: uppercase;
}
#subNav h1 { /* Used to position H1 "you are here" headers */
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	margin-left: 250px;
	padding-top: 32px;
	font-weight: normal;
	padding-bottom: 1px;
	text-transform: uppercase;
}
#subNav ul { /* Used to position the subnav UL under the H1 tag (will apply to any UL in subNav) */
	padding-left: 250px;
}

/* ------------------------------------------------------
SUB NAVIGATION UL & LI ELEMENTS FOR INTERIOR PAGES
------------------------------------------------------ */

#subnav_list{ /* is the actual name/ID of the unordered list on the HTML pages which is <ul id="subnav_list"> */
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 365px;
	/*width: 360px;*/
	float: left; /*Contains floated list items */
}
#subnav_list li {
	margin: 0;
	padding: 0;
	float: left; /*corrects IE whitespace bug */
	width: 180px;
	/*width: 175px;*/
	/*float: left; /* This corrects the
	width: 100%; /* IE whitespace bug */
}
#subnav_list a {
	display: block;
	text-decoration: none;
	line-height: 1.6em;
	border-bottom:1px solid #FFF;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 10px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#subnav_list a:hover {
	background-color: #FFF;
}
#Nav {
	height: 38px; /*Original height was 48px, changed to 39px to compensate for 9px top padding*/
	background-image: url(/images/global/interior/nav-bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
}
#Nav li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	list-style-type: none;
	display: inline;
	padding-right: 7px;
	padding-left: 7px;
	font-style: normal;
}
#Nav li a {
	color: #666666;
	text-decoration: none;
}
#Nav li a:hover {
	color: #0099CC;
	text-decoration: none;
}
#contentWrapper_interior {
	background-image: url(/images/global/interior/content-wrapper-bg.jpg);
	background-repeat: no-repeat;
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 10px;
	/*height: 360px;*/
}
/*#mainContentInterior li {
	list-style-type: none;
}*/
#mainContentInterior p {
        line-height: 1.6em;
        padding-bottom: 15px;
}
/*#mainContentInterior h1 {
	color: #006699;
        font-size: 20px;
}*/
#bottom_orange {
	clear: both;
	background-image: url(/images/global/bottom-orange.jpg);
	height: 278px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
}
#left_hair_interior { /*Got this to work by moving DIV under #bottom_orange DIV in template and positioning with a -32 instead of 120*/
	background-image: url(/images/global/interior/hair-int-bg.jpg);
	background-repeat: no-repeat;
	height: 350px;
	width: 32px;
	position: absolute;
	left: -32px;
	top: 0px;
}


/* ------------------------------------------------------
GENERAL LAYOUT DIVS FOR PAGES WITH SIDEBAR & INTERIOR BOTTOM
------------------------------------------------------ */

/*#sidebar1 {      THIS SIDE BAR IS THE 3RD BAR CURRENTLY NOT IN USE FOR THIS 2 COLUMN LAYOUT ONLY A RIGHT SIDEBAR IS IN USE
	float: left;  since this element is floated, a width must be given
	width: 265px;  padding keeps the content of the div away from the edges
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#sidebar1 h1 {
	font-size: 18px;
	font-weight: normal;
	color: #006699;
}
#sidebar1 a:hover {
	color: #0099CC;
	text-decoration: none;
}
#right_sidebar2 { /* This element was going to be used to have several different sidebars.  Instead one right_sidebar was created and all elements in the right_sidebar are using different styles and CSS below /
	float: right; /* since this element is floated, a width must be given /
	width: 275px; /* padding keeps the content of the div away from the edges /
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	font-size: 12px;
	border: 1px dashed #999;
	clear: both;
}
*/
#right_sidebar {
	float: right; /* since this element is floated, a width must be given // This element holds ALL the items for the side bar*/
	width: 260px; /*new size 287 was orignal size*/
	padding-bottom: 15px;
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 1.6em;
}
/*#right_sidebar p {
	color: #C60;
}*/
#leftContent {
	padding-bottom: 20px;
	float: left;
	line-height: 1.6em;
	width: 610px; /* 620-orig and padding right 5*/
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#socialnetwork_buttons {
	width: auto;
	height: 25px;
	padding-bottom: 15px;
	padding-top: 10px;
}
#sidebar_sidebar, #interior_bottom_messages, #leftContent p {
	line-height: 1.6em;
	padding-bottom: 15px;
}
/* ---------------- ITEMS INCLUDED IN THE #right_sidebar ------------------ */

#sidebar_news, #sidebar_dates, #sidebar_mailinglist, #sidebar_blog { /* this is placed inside of the right_sidebar and is styled */
	/*background-image: url(/images/global/sidebar/sidebar_bg_bluefade.jpg);*/
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	/*border-top: 4px solid #0099CC;*/
	/*border: 1px dashed #6C0;*/
	margin-bottom: 10px;
}
/*#sidebar_blog {  this is placed inside of the right_sidebar on the blog page and is styled 
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	border: 1px dashed #999;
	margin-bottom: 10px;
}*/
/* ---------------- END ITEMS INCLUDED IN THE #right_sidebar ------------------ */

#related_items { /* this is placed below the article inside of leftContent and is used for related items such as articles */
	padding: 5px;
	border-top: 1px solid #069;
	background-color: #A0DBEB;
}
#interior_bottom_messages { /* this is placed below the leftContent & right_sidebar and is used for a global message */
	border: 0px dashed #999;
	padding: 5px;
}

/* ------------------------------------------------------
THREE COLUMN LAYOUT ***TOP STORIES ONLY***
------------------------------------------------------ */
#topstories_left {
	float: left; /* since this element is floated, a width must be given */
	width: 285px; /* padding keeps the content of the div away from the edges */
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 0;
}
#topstories_right {
	float: right; /* since this element is floated, a width must be given */
	width: 285px; /* padding keeps the content of the div away from the edges */
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	margin-right: 0px;
}
#topstories_center {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 295px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-right: 295px;
	width: 285px;
}
#topstories_left, #topstories_center, #topstories_right {
	line-height: 1.6em;
}
.topstories_header {
	font-size: 14px;
	color: #069;
	font-weight: bold;
	text-transform: capitalize;
	padding-bottom: 5px;
}

/* ------------------------------------------------------
THREE COLUMN LAYOUT ***GENERIC 3 COLUMNS ONLY***  // CURRENTLY USED ON news/index PAGE
------------------------------------------------------ */
#column_left {
	float: left; /* since this element is floated, a width must be given */
	width: 285px; /* padding keeps the content of the div away from the edges */
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 0;
}
#column_right {
	float: right; /* since this element is floated, a width must be given */
	width: 285px; /* padding keeps the content of the div away from the edges */
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	margin-right: 0px;
}
#column_center {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 295px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-right: 295px;
	width: 285px;
}
#column_left a {
	line-height: 1.6em;
}
#column_center, #column_right {
	line-height: 1.6em;
}
.column_header {
	font-size: 14px;
	color: #069;
	font-weight: bold;
}
/* ------------------------------------------------------
THREE COLUMN LAYOUT ***SPOTLIGHT ONLY***
------------------------------------------------------ */
#spotlight_left {
	float: left; /* since this element is floated, a width must be given */
	width: 285px; /* padding keeps the content of the div away from the edges */
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 0;
}
#spotlight_right {
	float: right; /* since this element is floated, a width must be given */
	width: 285px; /* padding keeps the content of the div away from the edges */
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	margin-right: 0px;
}
#spotlight_center {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 295px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-right: 295px;
	width: 285px;
}
#spotlight_left, #spotlight_center, #spotlight_right, .spotlight_feature {
	line-height: 1.6em;
}
.spotlight_header {
	font-size: 14px;
	color: #069;
	font-weight: bold;
	text-transform: capitalize;
	padding-bottom: 5px;
}
.spotlight_feature { /* ------- Date, Title, Summary on spotlight/index for main feature  ---------- */
	padding-top: 0px;
	margin-bottom: 10px;
}

/* ------------------------------------------------------
THREE COLUMN LAYOUT ***BOTTOM ORANGE ONLY***
------------------------------------------------------ */
#bottom_orange_left {
	float: left; /* since this element is floated, a width must be given */
	width: 295px; /* padding keeps the content of the div away from the edges */
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
	font-size: 10px;
	line-height: 2em;
}
#bottom_orange_left .album_bottom_orange {
	padding: 3px;
	border: 1px solid #FFF;
	float: left;
	margin-right: 6px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#bottom_orange_right {
	float: right; /* since this element is floated, a width must be given */
	width: 295px; /* padding keeps the content of the div away from the edges */
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 10px;
	line-height: 2em;
}
#bottom_orange_center {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 310px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-right: 310px;
	font-size: 10px;
	line-height: 2em;
}

/* ---------- Main Page bottom orange-------------*/

#bottom_orange_mainpage_left {
	float: left; /* since this element is floated, a width must be given */
	width: 300px; /* padding keeps the content of the div away from the edges */
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
	font-size: 10px;
	line-height: 2em;
}
#bottom_orange_mainpage_left .album_bottom_orange {
	padding: 3px;
	border: 1px solid #FFF;
	float: left;
	margin-right: 6px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#bottom_orange_mainpage_right {
	float: right; /* since this element is floated, a width must be given */
	width: 265px; /* 295-original padding keeps the content of the div away from the edges */
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 10px;
	line-height: 2em;
}
#bottom_orange_mainpage_center {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 320px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-right: 180px;
	font-size: 10px;
	line-height: 2em;
}

#bottom_orange .Details{ /* ------- used for details on bottom orange. Small uppercase text ---------- */
	font-size: 10px;
	font-weight: normal;
	color: #C60;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.connect{ /* ------- used for dates and events details on bottom orange.  ---------- */
	padding: 7px 5px;
}
.connect:hover{ /* ------- used for dates and events details on bottom orange.  ---------- */
	background-color: #FC6;
}

/* ------------------------------------------------------
THREE COLUMN LAYOUT ***DISCOGRAPHY ONLY***
------------------------------------------------------ */

#discoleft {
	float: left; /* since this element is floated, a width must be given */
	width: 265px; /* padding keeps the content of the div away from the edges */
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 0px;
}
/*#discoleft h1 {
	font-size: 18px;
	font-weight: normal;
	color: #006699;
}*/
#discoleft a:hover {
	color: #0099CC;
	text-decoration: none;
}
#discoleft img {
	clear: right;
	float: left;
	padding-right: 20px;
}
#discoright {
	float: right; /* since this element is floated, a width must be given */
	width: 270px; /* padding keeps the content of the div away from the edges */
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	font-size: 10px;
}
#discoright p {
	line-height: 2.4em;
}
#discomiddle {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 280px;
	margin-right: 285px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
#discomiddle img {
	padding: 4px;
	border: 1px solid #999999;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#discoleft, #discomiddle p {
	line-height: 1.6em;
}
/*#discoalbums {
	width: 120px;
	text-align: center;
}*/
.discoalbums {
	float: left;
	height: 200px;
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
	width: 120px;
}
.discoalbums img {
	border: 1px solid #999;
	padding: 5px;
}
.discoalbums a {
	padding-top: 5px;
}
.songwrittenby {
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-transform: uppercase;
	/*padding-left: 17px;*/
}
.albumdetails {
	padding-bottom: 10px;
	line-height: 1.6em;

}
.tracksbox { /* ------- used for track listing on discography/albumtitle to group track and written by ---------- */
	padding-top: 0px;
	margin-bottom: 1px;
}

.tracksbox ol {
	margin-top: 10px;
	margin-left: 30px;
	list-style-type: decimal-leading-zero;

}
.tracksbox li {
	padding-bottom: 10px;

}
/* ------------------------------------------------------
LAYOUT FOR THE MOVIE SECTION ***MOVIES ONLY***
------------------------------------------------------ */
.moviecovers {
	float: left;
	height: 340px;
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
	width: 250px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 20px;
}
.moviecovers img {
	border: 1px solid #999;
	padding: 5px;
}
.moviecovers a {
	padding-top: 5px;
}
/*.moviedisplay {
	float: left;
	height: 540px;
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
	width: 385px;
	margin-right: 20px;
	margin-bottom: 30px;
}
.moviedisplay img {
	border: 1px solid #999;
	padding: 5px;
}*/
#movieright {
	float: right; /* since this element is floated, a width must be given // This element holds ALL the items for the side bar*/
	width: 500px;
	font-size: 12px;
	margin-bottom: 15px;
}
#movieright a{
	color: #999;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}
#movieright a:hover{
	text-decoration: none;
}
#movieleft {
	padding-bottom: 5px;
	float: left;
	width: 385px;
	margin-bottom: 15px;
}
#movieleft img {
	border: 1px solid #999;
	padding: 5px;
}
/* ------------------------------------------------------
LAYOUT FOR THE BOOKS SECTION ***BOOKS ONLY***
------------------------------------------------------ */
.covers {
	float: left;
	height: 340px;
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
	width: 250px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 20px;
}
.covers img {
	border: 1px solid #999;
	padding: 5px;
}
.covers a {
	padding-top: 5px;
}

#booksright {
	float: right; /* since this element is floated, a width must be given // This element holds ALL the details about the books*/
	width: 540px;
	font-size: 12px;
	margin-bottom: 15px;
}
.permalink {
	color: #999;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}
.permalink:hover{
	text-decoration: none;
}
#booksleft {
	padding-bottom: 5px;
	float: left;
	width: 345px;
	margin-bottom: 15px;
}
#booksleft img {
	border: 1px solid #999;
	padding: 5px;
}
/* ------------------------------------------------------
LAYOUT FOR THE BROADWAY SECTION ***BROADWAY ONLY***
------------------------------------------------------ */
.broadwaycovers {
	float: left;
	height: 340px;
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
	width: 250px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 20px;
}
.broadwaycovers img {
	border: 1px solid #999;
	padding: 5px;
}
.broadwaycovers a {
	padding-top: 5px;
}
#broadwayright {
	float: right; /* since this element is floated, a width must be given // This element holds ALL the items for the side bar*/
	width: 500px;
	font-size: 12px;
	margin-bottom: 15px;
}
/*#broadwayright a{
	color: #999;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}*/
#broadwayright a:hover{
	text-decoration: none;
}
#broadwayleft {
	padding-bottom: 5px;
	float: left;
	width: 385px;
	margin-bottom: 15px;
}
#broadwayleft img {
	border: 1px solid #999;
	padding: 5px;
}
/* ------------------------------------------------------
LAYOUT FOR THE GALLERY SECTION ***WALLPAPERS ONLY***
------------------------------------------------------ */
.wallpaper {
	float: left;
	width: 215px;
	height: 260px;
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
	margin-bottom: 15px;
        line-height: 1.6em;
}
.wallpaper img {
	border: 1px solid #999;
	padding: 5px;
}
.wallpaper a {
	padding-top: 5px;
}
/* ------------------------------------------------------
LAYOUT FOR THE GALLERY SECTION ***PHOTOS ONLY***
------------------------------------------------------ */
.photogallery {
	float: left;
	width: 215px;
	height: 210px;
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
	margin-bottom: 15px;
        line-height: 1.6em;
}
.photogallery img {
	border: 1px solid #999;
	padding: 5px;
}
.photogallery a {
	padding-top: 5px;
}
/* ------------------------------------------------------
GENERAL FOOTER FOR MAIN AND INTERIOR PAGES
------------------------------------------------------ */

#footer {
	clear: both;
	background-image: url(/images/global/footer-bg.jpg);
	font-size: 10px;
	color: #333333;
	height: 123px; /* 158 was original height */
	padding-right: 15px;
	padding-left: 15px;
	background-repeat: no-repeat;
	line-height: 2em;
	padding-top: 35px;
}
#footer li {
	list-style-type: none;
	display: inline;
}
#footer a {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #006699;
	padding-right: 6px;
	padding-left: 6px;
}
#footer #nav_forum a {  /* This nav item is for removing the border on the last footer nav item */
        border: none;
}
#footer #nav_about a {  /* This nav item is for removing the padding from the first footer nav item */
	padding-left: 0px;
}

/* ------------------------------------------------------
EXPRESSION ENGINE CALENDAR
------------------------------------------------------ */

.calendarBG {
 background-color: #000; 
}

.calendarBlank { 
 background-color: #EEE;
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #006699; 
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #CC9999; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

/* ------------------------------------------------------
STAND ALONE ENTRY FORM - EE'S CSS TO RENDER FORMATTING BUTTONS
------------------------------------------------------ */

.buttonMode {
	background-color: transparent;
	color: #73769D;
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 10px;
	white-space: nowrap;
	}

.htmlButtonOutter, .htmlButtonOutterL {
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
	}

.htmlButtonOutterL {
	border-left: #333 1px solid;
	}

.htmlButtonInner {
	background-color: transparent;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 3px 0 3px;
	text-align: center;
	}

.htmlButtonOff {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOff a:visited {
	text-decoration: none;
	}

.htmlButtonOff a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOff a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn {
	background: #f6f6f6;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOn a:visited {
	text-decoration: none;
	}

.htmlButtonOn a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA {
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonB {
	background: #E1E3EC;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonA a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonA a:visited {
	text-decoration: none;
	}

.htmlButtonA a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:link {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonB a:visited {
	text-decoration: none;
	}

.htmlButtonB a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:hover {
	color: #999;
	text-decoration: none;
	}


input, textarea {
background: white;
border-bottom: 1px solid #E5E5E5;
border-left: 1px solid #C4C4C4;
border-right: 1px solid #E5E5E5;
border-top: 1px solid #C4C4C4;
color: #777;
font: normal normal normal 12px/1 'Helvetica Neue', Arial, Helvetica, sans-serif;
padding: 6px;
line-height: 1.6em;
}
submit#saef-submit {
background: #338BB1;
border: none;
color: white;
font: normal normal bold 12px/1 'Helvetica Neue', Arial, Helvetica, sans-serif;
padding: 10px;
width: inherit;
}