/* 
Title:		Master styles for screen media
Author: 	dan@simplebits.com
*/

/* Site Colors
list site colors and indicate if global to enable search and replace to globally change colors
#FFFFCC - links
#C67B0f - hover link color
#C67B0F - current page link
 - main type
  - headers
#340100 - background (and image background)
#74512C - type in image
sidebar background - #A64002

css format - single line format with tabbing and indentin child elements


/* navigation and links
______________________________________________________________________________________ */

/* LINKS 
selector:pseudo-class {property:value} or selector.class:pseudo-class {property:value}
*/

a:link		{ color: #FFFFCC;	text-decoration: none; } /* unvisited link */
a:visited 	{ color: #FFFFCC;	text-decoration: none; } /* visited link */
a:hover 	{ color: #c67b0f;text-decoration: none; } /* mouse over link */
a:active 	{ color: #FFFFCC;text-decoration: none; } /* selected link */

*|*:visited 		{ color:#FFFFCC; }
*|*:-moz-any-link 	{ text-decoration:none; }
*|*:link 			{ color:#FFFFCC; }

#home .home, #contact .contact, #about .about, #glassing .glassing, #supplies .supplies, #merchandise .merchandise, #performance .performance, #longboards .longboards { color:#C67B0F; }

#nav-main			{ display: inline; float: right; }
	#nav-main ul	{ display: block; padding: 0 0 20px 0px; }
	#nav-main li	{ display:block; float: right; margin-left: 15px; letter-spacing: 1px; }


/* display: block changes from the default inline to be clickable the entire 100% width */
/* for bkgd changes use padding to add space between nav items instead of margin which will create deadzones in rollover */	


/* typography
-------------------------------------------------------------------------------------- */

h1	 	{ border-bottom:thin dotted #C67B0F; color:#401002; font-family:Arial,Helvetica,sans-serif; font-size:16px; font-style:normal; font-weight:bold; text-transform:uppercase; }
h2	 	{  }
h3	 	{  }
h4	 	{  }
h5	 	{  }
p 		{ color: #FFFFCC; font-size: .8em; padding-bottom: 15px; }

/* page structure 
--------------------------------------------------------------------------------------- */

body 	{ font-family:verdana,arial,helvetica,sans-serif; font-size:10pt; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:15pt; background-image: url(../site-images/background-gradient.jpg); background-repeat: repeat-x; text-align: left; color:#340100; }
/* set default text font and color in body, set background image and color */



	#wrapper 	{ width: 1000px; margin: 0 auto; text-align: left; overflow: hidden; }
	/* overflow:hidden; keeps the div from collapsing if it contains only floated items */
	/* margin: 0 auto; keeps the wrap centered when the browser window is resized 
	/* text-align overrides the text-align: center on the body element */

		#header { height:auto; padding:5px; text-align:right; width:auto; }
	
		#main-content { margin: 0px; padding: 0px; height: 640px; width: 1000px; }
		
			#flashcontent { width: 640px; height: 640px; float: left; }
			
			#sidebar { background-color: #A64002; height: 640px; padding: 5px 25px 0px 25px; clear: none; float: right; width: 300px; }
		
		#footer { width: 900px; height: auto; color: #FFFFCC; padding: 0px; line-height: 0.9px;
			}

/* header 
--------------------------------------------- */


/* logo */

#logo	{overflow: hidden; }

/* main */


/* headings */


	
/* sidebar styles 
------------------------------------------------------------------------------------- */





/* footer 
------------------------------------------------------------------- */


/* misc. 
------------------------------------------------------------------- */

.clearfloat	{clear: both; }