/*#################################################################
// (^_^) VERSION INFO /////////////////////////////////////////////
//	Version	: 3
// 	File	: site/styles/revfan.css
// 	Date	: 08-06-2006
//	Name	: Errol 
//	Purpose	: CSS for fans.reverendfunk.com 
// (^_^) VERSION INFO /////////////////////////////////////////////
##################################################################*/

/*******************************************************************
**** Body Stylez ***************************************************
********************************************************************/
body {
	background: #747E89 url(../graphics/bg_rpt_fanmerch.jpg) repeat-y top; padding: 0px; margin: 0px; text-align: center;
	background-color: #58504E;
	scrollbar-arrow-color: #663366; scrollbar-base-color: #FFFFFF; /*999999*/
	scrollbar-dark-shadow-color: #EEEEEE; scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #E6E6E6; scrollbar-shadow-color: #c0c0c0;
	scrollbar-highlight-color: #CCCCCC; scrollbar-3d-light-color: #ffffff;
	margin: 0px; padding: 0px;
}

body, p, table, td, th, div, span, a, input, textarea, option, li 	{	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #000000; }




table.tblHeadImage 		{ background-color: #FFFFFF; border: 0px; border-style: none; padding: 0px; margin: 0px 2px 15px 3px; }
/*******************************************************************
**** <td> Stylez ***************************************************
********************************************************************/

div#content 			{ font-weight: 400; color: #003366; background-color: #eaeaea; padding: 10px; border-right-width: 1px; border-right-style: dashed; border-right-color: #CCCCCC; 
						  width: 90%; /*NN doesnt like IE does*/ 
						  height: 80%; /*NN doesnt like IE does*/
						  border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; margin: 10px; }
div#divSmallText 		{ font-size: 9px; }
div#divFormBox 			{ display: block;	clear:both; width:100%; }
div.dvBgRptY			{ color: #FFFFFF; background-image: url(../graphics/bg_grasp_y_rpt.jpg); background-repeat: repeat-y; background-position: left top; margin: 0px; padding: 0px; border: 0px none; height: 100%; width:100%; }
div.dvMainBorder 		{ width: 145px; background-color: #E8E8E8; border-width: 1px; border-style: solid; border-top-color: #cccccc; border-right-color: #666666; border-bottom-color: #999999; border-left-color: #666666; padding: 0px; margin: 0px; }
div.dvImgBlock 			{ padding:0px; background-color: #9FAAB0; margin: 0px; width: 145px; }
div.dvBottom 			{ background-image: url(../graphics/bg_bottom.gif); font-weight: bolder; color: #FFFFFF; margin: 0px; padding:2px 5px 2px 5px; height: 26px; width: 145px; }

#rightside				{ background-image:url(../graphics/rev_fanmerch_rightside.jpg); background-position:top left; background-repeat: no-repeat; width: 50%; }
#leftside				{ background-image:url(../graphics/rev_fanmerch_leftside.jpg); background-position:top right; background-repeat: no-repeat; width: 50%; }

#frame					{ width:785px; margin:0px; padding:0px; }
#contentleft 			{ width:145px; padding:0px 0px 20px 0px; margin-top:0px; float:left; text-align:left; }
#contentright 			{ width:620px; padding:10px; float:left; background:#fff; text-align:left; }
#footer					{ bottom:0px; width:785px; margin:0px; padding:0px; text-align:left; display:block; }
#dvFooter 				{ padding-left:20px; padding-right:35px; padding-top:6px; padding-bottom:4px; width:100%; text-align: center; vertical-align: bottom; border-top: 1px dashed #999999; }
#dvLinkFooter 			{ padding-left:20px; padding-right:35px; padding-top:15px; padding-bottom:10px; width:100%; text-align: center; vertical-align: bottom; }


/*******************************************************************
**** content Styles - band pages ***********************************
********************************************************************/
.contentMainPadding		{ padding: 5px 5px 0px 5px; }
.contentSidePadding		{ padding: 0px 5px 0px 5px; }
.contentRightPadding	{ padding: 0px 5px 0px 0px; }

#area							{ float:left; width: 615px; padding: 10px 5px 10px 0; display: block; }
#area .box 						{ margin: 0px; background-color: #CCC;  clear:left; }
#area .box .header 				{ background: url(../graphics/tbl_top_rpt_grey.gif); height: 22px; }
#area .box .header h1			{ padding: 2px 0 0 0; margin: 0; font-weight: bold; font-size: 12px; color: #000; }
#area .box .header .leftCorner	{ background: url(../graphics/tbl_top_lft_grey.gif); float:left; width: 22px; height: 22px; }
#area .box .header .rightCorner	{ background: url(../graphics/tbl_top_rht_grey.gif); float: right; width: 22px; height: 22px; }
#area .box .footer 				{ background: url(../graphics/tbl_bot_rpt_grey.gif); font-size: 1px; height: 15px; margin: 0; border-bottom: solid #FFFFFF 2px; }
#area .box .footer .leftCorner	{ background: url(../graphics/tbl_bot_lft_grey.gif) top; float:left; width: 15px; height: 15px; }
#area .box .footer .rightCorner	{ background: url(../graphics/tbl_bot_rht_grey.gif); float: right; width: 15px; height: 15px; }
#area .box .inside 				{ background-color:#CCCCCC ; position:relative; display: block; text-align: left; }/*#ECE9D8*/
.inside td						{ padding: 0 10px; vertical-align:top; }
td ul.none						{ clear: left; list-style-position: outside; list-style-image: none; list-style-type: none; margin: 0px; padding-left: 0px; }
#area .box .media 				{ display: block; background-color:#CCCCCC ; position:relative; text-align: right }/*#ECE9D8*/
.heading						{ font-size: 15px; font-weight: bold; color: #333333; background-color: #CCCCCC; margin: 10px 10px 10px 10px; }/*#ECE9D8*/


/*===================================================================
 -- Site Build Required --------------------------------------------
====================================================================*/
/*Customise per site dependant on color scheme*/
a.aMenu					{ color : #000000; padding-bottom: 4px; text-decoration: none; font-size: 9px;}
a.aMenu:link 			{ color : #000000;}
a.aMenu:active 			{ color : #000000;}
a.aMenu:visited 		{ color : #000000;}
a.aMenu:hover 			{ color : #fe5200;text-decoration: underline;}
/**/
a.aStandard				{ color : #000000; text-decoration: underline; }
a.aStandard:link 		{ color : #000000; }
a.aStandard:active 		{ color : #000000; }
a.aStandard:visited 	{ color : #000000; }
a.aStandard:hover 		{ color : #cc0000; text-decoration: none; background: url(../graphics/underline.gif) repeat-x 100% 100%; }

a.aFooter				{ color : #006699; padding-bottom: 4px; text-decoration: none; }
a.aFooter:link 			{ color : #006699; }
a.aFooter:active 		{ color : #006699; }
a.aFooter:visited 		{ color : #006699; }
a.aFooter:hover 		{ color : #006699; text-decoration: underline;}

a.aQuicklink:link 			{ color : #333333; text-decoration: none; }
a.aQuicklink:active 		{ color : #333333; text-decoration: none; }
a.aQuicklink:visited 		{ color : #333333; text-decoration: none; }
a.aQuicklink:hover 			{ color : #663366; text-decoration: underline}

a.aDark:link 				{ color : #565D81; font-weight: bold; text-decoration: none; }
a.aDark:active 				{ color : #565D81; font-weight: bold; text-decoration: none; }
a.aDark:visited 			{ color : #565D81; font-weight: bold; text-decoration: none; }
a.aDark:hover 				{ color : #000000; font-weight: bold; text-decoration: underline; }

a.aScrollerLink			{ color : #999999; text-decoration: none; font-size:10px; }
a.aScrollerLink:link 	{ color : #999999; }
a.aScrollerLink:active 	{ color : #999999; }
a.aScrollerLink:visited	{ color : #666666; }
a.aScrollerLink:hover 	{ color : #000000 ; text-decoration: underline; }

.normalText					{ font-style:normal; }

span.spnBoldHeading1 		{ color: #FF6600; font-weight: bold; font-size: 16px; letter-spacing: 0.06em; }/*orange*/
span.spnBoldHeading2 		{ color: #003366; font-weight: bold; font-size: 16px; letter-spacing: 0.06em; }/*blue*/
span.spnBoldHeading3 		{ color: #333333; font-weight: bold; font-size: 16px; letter-spacing: 0.06em; }/*dark grey*/

p.pParagraphHeader 		{ font-size: 16px; font-weight: bolder; color: #000000; letter-spacing: 0.06em; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #c0c0c0; padding-top: 15px 40px 8px 10px; margin: 15px 50px 30px 20px; display: block; }
p.pStandard		        { font-weight: normal; color: #000000; padding-top: 15px 40px 8px 10px; margin: 15px 50px 30px 20px; }
span.spnFooterLink		{ padding-left: 5px; padding-right: 5px; word-spacing: 0.01em; letter-spacing: 0.3em;  }
img.imgFloat		    { float: right; display: inline; clear: left; }
p						{ color: #000000; }

td.tdGreyAndBlue 		{ color: #000000; text-align: left; vertical-align: middle; }
td.tdSubjectHeading		{ font-weight: bolder; color: #000; background-color: #F4F4F4; margin: 0px; padding:2px 5px 2px 5px; height: 18px; width: 145px; }
td.tdTextBlock 			{ padding:10px 5px 10px 5px; background-color: #FFF; margin: 0px; width: 145px; background-image: url(../graphics/tbl_body_revfav_145.gif); background-repeat:repeat-y; }

td.tdBoxFooter 			{ background-image: url(../graphics/bg_bottom.gif); font-weight: bolder; color: #FFFFFF; margin: 0px; padding:2px 5px 2px 5px; height: 26px; width: 145px; }

span.spnBlue				{ font-size: 12px;font-weight: bold;color: #175e70; margin: 5px;padding: 5px;background-color: #FFFFFF;height: auto;width: auto;border: 1px solid #175e70; cursor: help;text-align: left;vertical-align: middle;display: block; }
span.spnGreen				{ font-size: 12px; font-weight: bold;	color: #175e70; margin: 5px; padding: 5px; background-color: #F3F3F3; height: auto; width: auto; border: 2px solid #009900; cursor: help; text-align: left; vertical-align: middle; display: block; cursor: help; }
span.spnRed 				{ font-size: 12px; font-weight: bold;	color: #175e70; margin: 5px; padding: 5px; background-color: #F3F3F3; height: auto; width: auto; border: 2px solid #CC0000; cursor: help; text-align: left; vertical-align: middle; display: block; cursor: help; }

span.spnBoldRedText 		{ color: #ff0000; font-weight: bold; }
span.spnBoldGreenText		{ color: #009900; font-weight: bold; }
span.spnBoldOrangeText		{ color: #FF9900; font-weight: bold; }
span.spnBoldPurpleText 		{ color: #993366; font-weight: bold; }
span.spnBoldBlueText 		{ color: #3366CC; font-weight: bold; }

span.spnRequired 			{ color: #ff0000; font-size:16px; font-weight: bold; }
span.spnGreenTextLge		{ font-size:18px; color: #009900; }
span.spnPurpleTextLge		{ font-size:18px; color: #993366; }

/* titles for form fields in most cases */
.tdFormTitleText			{ font-weight: bold; color: #333333; background-color: #F2F2EA; text-align: left; vertical-align: top; padding-left: 3px; height: 18px; }

/* <form> componant */
textarea 					{ width:260px; color: #660066; background-color: #e4e4e4; padding: 2px; border-width: 1px; border-style: solid; border-color: #666666; }
textarea.textStandard 		{ color: #660066; background-color: #e4e4e4; padding: 2px;border-width: 1px;border-style: solid;border-color: #666666; }

.inpFocus					{ border:2px solid #4390D4; }

input.inpTextFieldShort 	{ width:120px; color: #660066; background-color: #e4e4e4; padding: 2px;height: 20px; border-width: 1px;border-style: solid;border-color: #666666; }
input.inpTextFieldTiny 		{ width:50px; color: #660066; background-color: #e4e4e4; padding: 2px;height: 20px; border-width: 1px;border-style: solid;border-color: #666666; }
input.inpTextFieldStandard  { width:120px; color: #660066; background-color: #e4e4e4; padding: 2px; height: 20px; border-width: 1px; border-style: solid; border-color: #666666; }
input.inpTextFieldLong 		{ width:150px; color: #660066; background-color: #e4e4e4; padding: 2px; height: 20px; border-width: 1px; border-style: solid; border-color: #666666; }
input.inpTextFieldExtraLong { width:210px; color: #660066; background-color: #e4e4e4; padding: 2px; height: 20px; border-width: 1px; border-style: solid; border-color: #666666; }

input.inpBtnSubmit 			{ width:90px; font-size: 10px; padding: 2px; height: 20px; color: #660066; border-width: 1px 1px 1px 1px; border-style: solid; border-top-color: #CCCCCC; border-right-color: #666666; border-bottom-color: #666666; border-left-color: #CCCCCC; }

.selSiteStandard			{ border: 1px solid #666666; height: 18px; color:#000000; font-size:11px; margin: 0px 10px 0px 0px; }
.selSiteMedium				{ border: 1px solid #666666; height: 18px; color:#000000; font-size:11px; margin: 0px 10px 0px 0px; width:85px; }
.selSiteLong				{ border: 1px solid #666666; height: 18px; color:#000000; font-size:11px; margin: 0px 10px 0px 0px; width:120px; }
.selSiteXLong				{ border: 1px solid #666666; height: 18px; color:#000000; font-size:11px; margin: 0px 10px 0px 0px; width:150px; }

/* divs */
div.dvSubjectHeading    { font-weight: bolder; color: #FFFFFF; background-color: #333333; margin: 0px; padding:2px 5px 2px 5px; height: 18px; width: 145px; }
div.dvTextBlock 		{ padding:10px 5px 10px 5px; background-color: #9FAAB0; margin: 0px; width: 145px; }


/* Services display */
 #pServices						{ color: #000033; margin:0px 35px 15px 0px; line-height:175%; color:#5F5F5F; font-size:11px; text-align: left; }
#pServices #spnServicesHeading	{ font-size: 14px; font-weight: bold; color: #000033; letter-spacing: 0.06em; }

/* headings etc */
h3 span					{ font-size: 20pt; font-weight: bold; color: #4E4E27; }
span#spnSmlHeading1		{ font-size: 10pt; font-weight: bold; color: #4E4E27; }
span#spnSmlHeading2		{ font-size: 10pt; font-weight: bold; color: #000000; }
span#spnSmlHeading3		{ font-size: 10pt; font-weight: bold; color: #CC0000; }
span#spnCopy			{ font-size: 7pt; color: #4E4E27; float: left;}

/* lists*/
ul#liNoBull				{ margin: 10px 0px 0px 15px; padding:0px; list-style-image: none; list-style-type: none; }
ul li#liNoBull			{ list-style-position: outside; list-style-image: none; list-style-type: none; }
li						{ list-style-position: outside; list-style-image: url(../graphics/_generic/nav/arrow_triangle_blue.gif); }

/* paragraphs */
p#pLineBottom			{ border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; }
p#pLineTop				{ border-top-width: 1px; border-top-style: dashed; border-top-color: #CCCCCC; }


/* used in staff display etc */
.MainBorder 			{ background-color: #E8E8E8; color: #000000; font-size: 11px; padding: 0px; margin-bottom: 15px;
						  border-top-width: 1px; border-top-style: solid; border-top-color: #F2F2F2;  border-right-style: solid; border-right-width: 1px; border-right-color: #999999;
						  border-bottom-color: #CCCCCC; border-bottom-width: 1px; border-bottom-style: solid; border-left-width: 1px; border-left-style: solid; border-left-color: #F2F2F2; }
.GroupBox				{ border: 0px; padding: 0px 5px 5px 5px; width: 100%; }
.BoxHeader 				{ height: 18px; background-color: #999999; font-size: 11px; font-weight: bold; color: #ffffff; border-bottom-color: #666666; padding-left: 10px; letter-spacing: 0.05em; border-bottom-width: 1px; border-bottom-style: solid; }
.ContentCell 			{ color: #000000; background-color: #ffffff; background-image: url(../graphics/box_gradient.jpg); background-repeat: repeat-x;
						  border-top-color: #B0B0B0; border-top-width: 1px; text-align: justify; border-top-style: solid; padding: 10px; text-align: left; }
.ContentCellNoPad		{ color: #000000; background-color: #ffffff; background-image: url(../graphics/box_gradient.jpg); background-repeat: repeat-x;
						  border-top-color: #B0B0B0; border-top-width: 1px; text-align: justify; border-top-style: solid; text-align: left; }
.PlainCell				{ color: #000000; background-color: #ffffff; border-top-color: #B0B0B0; border-top-width: 1px; text-align: justify; border-top-style: solid; text-align: left; font-weight: normal; }
.BoxFoot				{ height: 18px; font-weight: bold; }
.imgTopRightFloat 		{ display: inline; margin: 5px; clear: right; float: right; }

caption					{ background-color:#EAEFF4; }
/* Shopping cart stuff */
.btnCart				{ font-size:9px; }
.cartDisplay			{ float:right; font-size:11px; font-size: 11px; font-weight: bold; color: #3366CC;  }
.cartTableDisplay		{ width: 100%; }

/* used with swfObject */
.display				{ display: inline; padding-left: 10px; padding-right: 10px; text-align: right; }/*#ECE9D8*/

/*#################################################################
// (>_<) UPDATES ////////////////////////////////////////////////*/
/*
//	18 May 06 - added staff display etc & swfObj styles
//	02 Jun 06 - added cart styles
//	08 Jun 06 - added content styles to be used with band pages
/*/
/* (>_<) UPDATES \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
##################################################################*/