/* ====================================================================================== 
	RedFridyaBand.com |  Main CSS                                                           
	Author: RF | July 2009        
====================================================================================== */	

	@import url("reset.css");	 	
	@import url("style.css");
	@import url("forms.css");
	


/* ====================================================================================== //
	=LAYOUT  |  Body, Wrap, Main Body Wrap & Inner Wraps              
// ====================================================================================== */

	body {background-color: #000; font-size: 70%; font-family:tahoma,verdana,sans-serif; color: #999; background-image: url('../img/backgrounds/bg.jpg'); background-repeat: repeat-x; background-position: top;}	
	#Wrap { width:1000px; height: auto; margin: 0 auto;}			
	#MainBodyWrap { }

	/* Wraps | Vertical Inner Wrap Containers */
	#MainContentWrap {  padding: 0; margin:0; float: left; overflow:hidden  }

	.flash { padding-top: 100px; z-index: 10 }


/* ====================================================================================== //
	=MAIN  |  Interior Content Containers       
// ====================================================================================== */
	
	/* Section DIV - Seperates content */
	.section { width:900px; margin-top: 50px; padding: 30px 30px 0px 30px; float: left; overflow: hidden; display:block; background-image: url('../img/backgrounds/section.png'); background-repeat: repeat-x; background-position: top; }	
	.section img { position:relative; float:right;  }
	
	.socialicons

/* ====================================================================================== //
	=FOOTER  |  Footer Navigation           
// ====================================================================================== */

	/* Footer Container */
	#footer { margin: 0 auto; border-top:1px solid #111; }
		
	/* Navigation || Containers and general Setup */	
	ul.FootNav    { text-align:center; width:100%; display:block; list-style:none; font-size:90%; margin:0 auto; padding:0; overflow:hidden; background-color:#000 }
	ul.FootNav li { line-height:40px; outline: none; display:inline; border-right: 1px dotted #101010; padding:0 8px; }
	
	ul.FootNav li a        { color:#666;text-decoration:none;  }
	ul.FootNav li a:hover  { background-image:none!important; color:#aaa;}
	ul.FootNav li a.active { color:#ff0099;}
	
	/* Footer Extras  */
	.FootBottom { min-height:200px;}
	.sitecredit { float: left;  padding: 30px; font-size: 86%; font-weight:bold; color:#444;} 
	.copyright  { float: right; padding: 30px; font-size: 86%; font-weight:normal; color:#444; text-align:right} 
	


/* ====================================================================================== //
   =MODULES | Scroller, Thumb Scroller, Photo Viewer,         
// ====================================================================================== */	
	
	/* Scroller | Scrolls through Feature Headers  */
	.Scroller     { width: 960px; height: 310px; margin:auto;  } 
	.Scroller img { top: 0; left: 0 } 	
	
	/* Deals with styling conflicts between and FullWidthWrap   */
	.ScrollerAbove {padding-top: 10px!important; background-image: url('../img/backgrounds/FullWidthWrap-bg.gif'); background-repeat: no-repeat; background-position: top;}

	
	/* Featured Product | Category Header - Uses J Query Cycle to flip  */
	.Tabbed_Scroller     { width: 960px; height: 310px; padding: 0px 0px 0px 0px; margin: 0; } 
	.Tabbed_Scroller img { top: 0; left: 0 } 		
		
	/* PhotoViewer  */
	.Photo_Viewer { margin: -10px 0px 20px 0px; }
		
	/* Thumb Scroller  */
	.Thumb_Scroller      { width: 600px; margin: 0px 0px 20px 0px; padding: 0px; display:block; float:left; overflow:hidden;}
	.Thumb_Scroller img  { width: 149px; margin: 0px 1px 1px 0px; padding: 0px; float:left; outline:none; overflow:hidden}


/* ====================================================================================== //
   =User Notification | Validation Positive, Negative, Alert, Required, hidden             
// ====================================================================================== */
	
	.positive { color:#66cc00; font-weight:bold }
	.negative { color:#cc0000; font-weight:bold }
	.notify   { color:#0099ff; font-weight:bold }
	.alert    { color:#cc0000; font-weight:bold }	
	.required { color:#ff0099; font-weight:bold }	
	
	/* Utility Classes */		
	.hidden   {visibility: hidden;}	


/* ====================================================================================== //
	=CLEAR FIXES & SPACERS            
// ====================================================================================== */

	.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
	.fix{clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden;}
 
	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-block}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;} .clearfix {display: block;}
	/* End hide from IE-mac */


/* ====================================================================================== //
	=CUSTOMS            
// ====================================================================================== */

	.msgError {font-size: 14px; padding: 8px 14px 9px; color:#FFF; background-color:#FF2222; margin-top:15px; }