/*

	PRIICR BY DEEPCALM.COM
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
	   10.SECTION SPECIFIC
	   
    -------------------
	
*/

@import url(reset.css); /* RESET CSS */
@import url(forms.css); /* FORMS CSS */

/* 1.BODY
---------------------------------------------------------------------- */

html {  }	
body {
	font-family : Helvetica, Arial, sans-serif;
	font-size : 100%;
	line-height : 20px;
	background : #576b05 url(/images/body.jpg) 0 0 repeat;
}
#nav_access a { 
	display: block; 
	position: absolute; top:0; left: -999px; 
	padding: 10px 20px; 
} 
#nav_access a:focus { left: 0; }

/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p {
	font-size : 14px;
	margin : 0 10px;
	margin-bottom : 20px;
}

ul,dl,ol { }
ol { list-style-type : none; }
.section.main ul li { margin: 0 5px; padding : 5px; }
.section.main ol li { margin: 0 5px; padding : 5px; }
.aside ul li { margin-bottom: 0em; margin: 0 5px; }
.aside ul { margin-top : 5px; }

dl { margin:0; }
dl dt { font-weight:bold; }
dd { margin-left: 0; }

li h3 { padding : 0; margin : 0; }
li p { padding : 0; margin : 0; }

ol p { margin-top: 0; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }
del { text-decoration:line-through; }
strong { font-weight:bold; }
em { font-style:italic; }
sup { font-size:0.75em; position:relative; top:-3px; }

table { }
th { font-weight:bold; }
th, td { vertical-align: middle; }

hr { display:none; }

/* 3.HEADINGS
---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight : bold; }
h1 {
	font-size : 20px; line-height : 40px;
	color : #fff; background : #0053a5;
	margin : 0 0 5px 0; padding : 0 10px;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius : 4px;	
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius : 4px;
	text-transform : uppercase;
}
h2 {
	font-size : 18px; line-height : 40px;
	margin : 0; padding : 0 10px;
}
h3 {
	margin : 0; padding : 0 10px;
	margin : 20px 0 0 0 ;
}
.aside h4 {
	color : #fff; background : #0053a5;
	font-size : 9px; line-height : 20px;
	padding : 2px 6px;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius : 4px;	
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius : 4px;	
	text-transform : uppercase;
}

h4, h5 {
	font-size : 14px;
	margin : 0; padding : 0 10px;
}


/* 4.LINKS
---------------------------------------------------------------------- */

a:link, a:visited { color:#111; text-decoration:none; }
a:hover, a:focus { text-decoration:underline; }

/* 5.IMG STYLES
---------------------------------------------------------------------- */
img { display : block; margin : 5px; -webkit-box-shadow: 0px 0px 5px #444; }
p img {  }

img.left { float:left; margin-right:10px; }
img.right { float:right; margin-left:10px; }

/* 6.MAIN LAYOUT
---------------------------------------------------------------------- */

#container {
	position : relative;
	width : 1000px;
	margin : 0 auto;
}

.section.main {
	clear : left; float : left;
	width : 590px;
	margin : 0 10px 10px 0;
	background-color : rgb(248,248,248);
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius : 4px;	
	-webkit-box-shadow: 0px 0px 5px #222;
}
.aside.main {
	margin-top : 200px; 
	float : right; clear : right;
	width : 400px;
}
.aside.main div {
	margin : 0 10px 10px 0;
	background-color : #f2f2f2;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius : 4px;	
	-webkit-box-shadow: 0px 0px 5px #222;
}

/* 7.GLOBAL STYLES
---------------------------------------------------------------------- */

.clear { clear:both; }
.hide {display:none;}
.break { clear: both; }

/* 7.BRANDING/MASTHEAD - FLASH!
---------------------------------------------------------------------- */

/*#header { margin : 0; }*/
#header h1 a {
	display : block;
	position : absolute; z-index : 10; top : 25px; left : 590px;
	background : url(/images/branding_h1.png) 50% 50% no-repeat ;
	width : 220px; height : 220px;
	text-indent : -9999em;
}

#flash {
	position : absolute; top : 5px; right : 5px; z-index : 100;
	padding : 0 4px 0 21px; border : none;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius : 2px;
}
#flash p {
	margin : 0;
	font-size : 10px; line-height : 20px;
}
#flash.notice { background : transparent url(/images/accept.png) no-repeat 4px 4px; }
#flash.error { background : transparent url(/images/error.png) no-repeat 4px 4px; }

/* 8.NAVIGATION
---------------------------------------------------------------------- */

/* primary nav */
.nav ul {
	float: left; clear: left;
	margin : 5px 0;
}
.nav li {
	display : block; float : left;
	margin : 0;
	font-size : 14px; line-height : 30px;
	font-weight : bold; text-transform : uppercase;
}
.nav li a {
	display : block; float : left;
	color : rgb(255,255,255);
	padding : 0 10px;
	text-decoration: none;
}
.nav li a:hover {
	color : rgb(0,0,0);
	background-color : rgb(255,255,255);
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius : 2px;
}
.nav li.current a {
	background-color : rgba(255,255,255,0.6);
}

.nav.admin {
	position : relative; z-index : 1000;
}
.nav.admin ul li {
	background-color : rgba(250,250,250,0.4);
}
.nav.admin ul li a {
	color : rgba(0,0,0,0.6);
}
.nav.admin ul li.user {
	background-color : rgba(250,0,0,0.4);
}
.nav.admin ul li.user a {
	color : rgba(250,250,250,0.8);
}
.nav.admin ul li a:hover {
	color : rgb(0,0,0);
	background-color : rgba(250,250,250,0.6);
}

/*#nav_user h4 {
	margin : 0 5px 10px 5px;
	padding : 0 9px;
	color : #222; background-color : #fff;
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius : 4px;	
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius : 4px;
}
*/

/* sub nav - sponsors! */
#sponsors {
	display : block;
	position : absolute; z-index : 5; top : 20px; right : 0;
	width : 200px; height : 200px;
}
#sponsors h4 {
	width : 190px;
	text-align : center;
	padding : 0;
	font-size : 0.5em; /* 8px*/ line-height : 2.5em; /* 20px */
	color : #222;
}
#sponsors li {
	display : block; float : left;
	background-color : #f2f2f2;
	width : 90px; height : 90px;
	margin : 0 10px 10px 0;
	font-weight : bold; text-transform : uppercase;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius : 4px;	
	-webkit-box-shadow: 0px 0px 5px #222;
}
#sponsors li a {
	display : block;
	margin : 5px;
	width : 80px; height : 80px;
	text-indent : -9999em;
}
#sponsors li a#sub_bqbar { background : #fff url(/images/bqbar.jpg) 50% 50% no-repeat ; }
#sponsors li a#sub_mollys { background : #fff url(/images/mollys.jpg) 50% 50% no-repeat ; }
#sponsors li a#sub_psg { background : #fff url(/images/psg.jpg) 50% 50% no-repeat ; }
#sponsors li a#sub_henley { background : #fff url(/images/henley.jpg) 50% 50% no-repeat ; }

/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */

#footer { 
	clear : right;
	float : right;
	width : 400px;
}
#footer .aside {
	float : left;
	width : 190px; height : 60px;
	background-color : #f2f2f2;
	margin : 0 10px 10px 0;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius : 4px;
	-webkit-box-shadow: 0px 0px 5px #222;
}
#footer #newsletter { width : 390px; }
/*#footer #facebook {
	margin-right: 10px;
}
*/
#footer a {
	display:block;
	margin : 5px;
	width : 180px; height : 50px; 
	text-indent: -9999em;
}
#footer #facebook a { background : #fff url(/images/facebook.jpg) 50% 50% no-repeat ; }
#footer #built a { background : #fff url(/images/deepcalm.jpg) 50% 50% no-repeat ; }

/* 10.CONTENT MAIN STYLES
---------------------------------------------------------------------- */

#googlemap {
	-webkit-box-shadow: 0px 0px 5px #444;
	width : 580px; height : 400px;
}

.section.main {
	position : relative;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius : 4px;
}
.section.main .actions {
	position : absolute; top : 5px; right : 5px;
}
.section.main li { position : relative; padding : 5px; margin-left : 0 5px; }
.section.main li:hover { background-color : rgb(255,255,255); }
.section.main li:hover .actions a,
.section.main li:hover .actions input {
	opacity : 0.6;
}
.section.main li p { font-size : 11px; }

form.button-to,
form.toggle { display : inline; padding : 0; float : left; }
.actions a, .actions input {
	display : block; float : left;
	margin : 0 0 0 5px; padding : 0 4px 0 19px; border : none;
	font-size : 10px; line-height : 20px; height : 20px;
	cursor : pointer;
	opacity : 0.3;
	text-transform : lowercase;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius : 2px;
}
.actions input {
	padding-bottom : 3px;
}
.actions a:hover, .actions input:hover,
.section.main li:hover .actions a:hover, .section.main li:hover .actions input:hover {
	opacity : 0.9; text-decoration : none;
}
input.new, a.new { background : rgb(205,255,205) url(/images/new.png) no-repeat 4px 4px; }
a.show { background : rgb(255,255,255) url(/images/show.png) no-repeat 4px 4px; }
a.edit { background : rgb(205,205,255) url(/images/edit.png) no-repeat 4px 4px; }
input.delete { background : rgb(255,205,205) url(/images/delete.png) no-repeat 4px 4px; }

a.images { background : rgb(205,205,255) url(/images/images.png) no-repeat 4px 4px; }

ul.images li {
	float : left;
	width : 190px;
}

/* 10.CONTENT SUB STYLES
---------------------------------------------------------------------- */

#nextmatch p,
#prevmatches li { font-size : 12px; line-height : 16px; padding-bottom : 4px; }

/* 10.SECTION SPECIFIC STYLES
---------------------------------------------------------------------- */