/*  
Original Theme Name: Starkers
Version: 1.0
Original Author: Elliot Jay Stocks
Original Author URI: http://elliotjaystocks.com

Re-worked by: Richard Leonard @ BUDD 7
Re-Worked Author URI: http://www.budd7.co.uk
*/


/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
						/* causes 1em == 10px */
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */


html {font-size:100%!important;}							/* sets up for font sizing in em as opposed to px */
body {font-size:62.5%!important;}	


/* EVERYTHING AFTER THIS IS BUDD
-------------------------------------------------------------------*/


/* STRUCTURE
-------------------------------------------------------------------*/

body { background: #cccccc url("images/bkg-master.jpg") left top repeat; font-family: Arial, Tahoma, Helvetica, sans-serif}

#super-wrapper { background: transparent url("images/bkg-buildings.jpg") left top repeat-x;}

#wrapper { margin:0 auto; width:830px; background: transparent url("images/bkg-wrapper.png") left top repeat-y;}

#header { background: transparent url("images/bkg-header.png") left top no-repeat; min-height:238px;}

#content { float:left; width:515px; min-height:192px; background: url("images/bkg-content-header.png") left top no-repeat; margin-bottom:-40px;}  /* 10 px less than max allowed */

#sub_content {float:right; width:305px; min-height:192px; background: transparent url("images/bkg-subcontent-header.png") left top no-repeat; margin-bottom:-40px; }

#footer { width:830px; margin:0 auto!important; min-height:190px; background: transparent url("images/bkg-footer.png") left bottom no-repeat; }





/* FORMATTING OF VARIOUS SECTIONS
-------------------------------------------------------------------*/

a:link, a:visited { color:#0099FF; }
a:hover, a:focus { color:#FF9900; text-decoration:underline;}





/* HORIZONTAL NAVBAR
-------------------------------------------------------------------*/

#horizontal_navbar ul { }

#horizontal_navbar ul li { display:inline;}

#horizontal_navbar ul a {
	text-decoration:none;
	font-weight: normal;	
	color:#cccccc;	
	text-align:center;
	border:0px solid #333333;
	background-color:transparent;
	font-size:1.4em;
	position:relative;
	top:169px; left: 30px;
	margin:0 9px;
}

#horizontal_navbar ul a:link, #horizontal_navbar ul a:visited { color:#CCCCCC;}
#horizontal_navbar ul a:hover, #horizontal_navbar ul a:focus { color:white; text-decoration:underline;}






/* MAIN CONTENT (CONTENT)
-------------------------------------------------------------------*/

#content-margin { margin:0 10px 20px 58px;}

#content p, #content li, #content blockquote { font-size:1.2em; margin-bottom:10px; line-height:150%;}

#content h1, #content h2 {font-size:2.4em; margin-bottom:-15px; font-family: helvetica, tahoma, verdana, arial, sans-serif; background: url("images/bkg-h2.jpg") left top no-repeat; display:block; padding-top:20px; padding-bottom:20px;}

#content h3, #content h4, #content h5, #content h6 {font-size:1.8em; margin-bottom:-15px; margin-top:5px; font-family: helvetica, tahoma, verdana, arial, sans-serif; background: url("images/xbkg-h2.jpg") left top no-repeat; display:block; padding-top:20px; padding-bottom:20px;}


#content img.page-header { padding:4px; border:1px solid #e4e4e4;}

#calendar_table { width:453px;}




/* ACCORDION
-------------------------------------------------------------------*/
#accordion {padding-bottom:20px;
}

h3.toggler {
	color:#0099FF;
	margin: 0!important;
	padding: 5px 0 0 0!important;
	font-weight: normal;
	text-decoration:underline;
	cursor:pointer;
	
}
 
.element {
	color: #333333;
}
 
.element blockquote {
	margin: 0;
	padding: 4px;
	font-size:1.0em!important;
}





/* SIDEBAR (SUB CONTENT)
-------------------------------------------------------------------*/

#sidebar { margin:100px 36px 50px 36px;}





/* SHOP PAGE SETTINGS
-------------------------------------------------------------------*/

#shop_categories ul { margin-bottom:25px;
}
#shop_categories ul li { display:inline!important; padding-right:13px; font-size:1.3em!important; 
}
#shop_categories ul li a:link, #shop_categories ul li a:visited { color:#0099FF; 
}
#shop_categories ul li a:hover, #shop_categories ul li a:focus { color:#FF9900; text-decoration:underline;
}

div.wrap h2 { font-size:1.8em!important; margin-bottom:10px!important;
}

img.product_image {padding:2px!important; border:1px solid #e4e4e4!important; }





/* CALENDAR
-------------------------------------------------------------------*/

    span.calnk a { 
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    span.calnk a:hover { 
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    span.calnk { 
        position:relative; 
        }
  span.calnk a #event_data {
        display:none; 
        }
  span.calnk a:hover #event_data {
        color:#333333; 
        background:#F6F79B; 
        display:block!important;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }





/* GENERIC CLASSES
-------------------------------------------------------------------*/

.move_offscreen, #header h1, #header p, #footer p {
position:absolute; 
top:-10000px
}

.image-frame { padding: 2px; border:1px solid #e4e4e4; margin-right:10px; maring-bottom:5px;
}

