/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 1.5.2
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:

Changed for Harbour City Hockey Club
*/

/* Two-column with sidebar on right from the /sandbox-layouts/ folder  */
/*@import url('sandbox-layouts/2c-r.css');*/
/*
LAYOUT: Two-Column (Right)
DESCRIPTION: Two-column fluid layout with one sidebars right of content
*/
div#container {
	width: 993px;
	background-position: 0;
	float: left;
	margin: 0 -300px 0 0;
	
}
div#content {
	padding-left: 1em;
	margin: 0px /*top*/ 350px 0px 30px /*left*/;
}
div.sidebar {
	margin-right: 1em;
	padding-left: 15px;
	margin-left: 1em;
	text-shadow: 0px -3px 3px;
	border-color: #484c3d;
		background-color: #fcf8e1;
	padding-right: 15px;
	float: right;
	overflow: hidden;
	width: 230px;
}
div#secondary	{
	clear: right;
}
div#footer {
	clear: both;
}
div#wrapper {
	background-repeat: repeat-x;
	/*background-image: url(/images/backgroundgrade.png);  image in body of content*/
	/*background-color: #d4d4d4; */
         background-color: white;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	width: 993px;
}

/*END OF LAYOUT */


/* Just some example content */
.shutter{ font-weight: bold; color: black; font-family: "Lucida Grande", Verdana, Arial, sans-serif; text-shadow: 0px 1px white; font-size: 1.2em; }
a{ text-decoration: underline; color: black; }
a:hover{ text-decoration: underline; color: #3d6b30; }

/* HEADER */
div#header{width: 993px; height: 187px; padding: 0px; margin: 0px; background-position: center top; background-image: url(/images/header/harbour-hockey.jpg); background-repeat: no-repeat; text-align:center;}

div#access div.skip-link{ visibility: hidden; position:absolute;top:1em;right:1em;}
div#access{ width: 993px; text-align: center; background-repeat: no-repeat;}

/*NEW VERSION OF MENU */
div#menu{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

div#menu ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

div#menu li{
display: inline;
margin: 0;
}

div#menu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid #6666; /*right divider between tabs*/
border-right: 1px solid white; /*right divider between tabs*/ 
color: white;
background: #414141; /*background of tabs (default state)*/
}

div#menu li a:visited{
color: white;
}

div#menu li a:hover, div#menu li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}




.entry-title{clear:both;}
div#container,div.sidebar{margin-top:2em;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color: #3d6b30;}
form#commentform,form#commentform p{padding:0;}
#footer img{ margin-right: 1em; margin-left: 1em; }
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size: 1em;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}

div#footer{
text-align:left;
margin-left: 1em;}

/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}

/* Body copy */
body{ 
color: #454545; 
font-size: .8em; 
font-family: Helvetica, Verdana, Arial, sans-serif; 
background-repeat: no-repeat; 
background-position: center top; 
/*background-image: url(/images/background.jpg);    If want image around sides*/
background-color: black; 
padding: 0px; 
margin: 0px; 
text-align: center; }


#blog-title,#blog-description{ visibility: hidden; }
#generator-link a,.meta-sep,#theme-link a{ color: #c8c8c8; font-style: normal; font-weight: normal; font-size: .2em; }
#footer{ margin-bottom: 2em; }
h1, h2, h3{ color: black; font-family: "Lucida Grande", Verdana, Arial, sans-serif; text-shadow: 0px 1px white; }

h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1em;}