/*	==============================
	PROJECT INFORMATION
	==============================
	Project:		Spokane Regional Sports Commission
	URL: 			http://spokanesports.org
	Author: 		BHW1
	Description: 	Main stylesheet for screen/projection devices
	Modified:		Mon Apr  6 08:27:55 PDT 2009
*/ 

/*	==============================
	COlOR PALLETE
	==============================
	Font Color, black			#000
	Text Header, blue 			#223b78
	Main Nav, blue				#223b78 
	Sub Nav, green				#4e802d 
	Highlight text, orange		#b35f1d
	Table borders, light blue	#7e91ab
*/

/*	==============================	
	TABLE OF CONTENTS
	==============================
	Imports, =import			External Stylesheets
	0. = reset					Reset Defaults Across Browser
	1. = typo					Typogrpahy
		1.1 = baseline				Baseline Typogrpahy
		1.2 = headings				Heading
		1.3 = text					Textual Elments
		1.5 = lists					Lists
		1.6 = tables				Tables
	2. = framework				Framework Class

	2. = containers				Structual Elements
		2.1 = content				Content 1 & 2 containers
		2.2 = inner					Inside Pages
		2.3 = events				Events pages
	3. = navigation				Main and Sub Navigation
	4. Widgets					Calendar, Events Listing, Contact 
		4.1 = calendar				Calendar 
		4.2 = events-list			Calendar Event Listing 
		4.3 = contact				Contact 
		4.4 = captions				Images with Captions
	X. =ie						Fixes for <= Internet Explorer 7
*/

/*	==============================	
	Imports, =import	
	==============================	*/
@import url(gallery.css);

/*	==============================	
	0. Reset, =reset	
	==============================	*/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: dotted 1px black;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

th, td {
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*	==============================	
	1. Typography, =typography
	==============================	*/

/*	==============================	
	1.1 Baseline, 1.1 =baseline
	==============================	*/

body { 
 	font-size:100%;
    line-height:1.125em; /* 16×1.125=18 */
	color: #222; 
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/*	==============================	
	1.2 Headings, 1.2 =headings
	==============================	*/

h1,h2,h3,h4,h5,h6 { 
	font-weight: normal;
	color: #223b78;
}

h1 { 
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.125em; 
	margin-bottom: 9px;
}

h2 { 
	font-size: 0.875em;
	line-height: 1em;
	margin-bottom: 3px;	
}

h3 { 	
	font-size: 0.75em;
	line-height: 1; 
	color: #b35f1d;
}
	
h4 {
	line-height: 1; 
	font-size: 14px; /* 1.5em; */
	letter-spacing: 1px;
	font-weight: bold;
	color: #223b78;
}

/*	==============================	
	1.3 Textual Elements, 1.3 =text
	==============================	*/

p { 
	margin-bottom: 1.5em;
	font-size: .75em;
}

/* Links */
a:link, 
a:visited {
	color: #b35f1d;
	border-bottom: 1px solid #b35f1d;
	text-decoration: none;
}	

a:hover,  
a:active {
	border-bottom: 1px dotted #b35f1d;
}

a img { 
	border: 0;
}

strong { font-weight: bold; }

.highlight {
	color: #b35f1d;
}

/*	==============================	
	1.5 Lists, 1.5 =lists
	==============================	*/
	
/*	==============================	
	1.6 Tables, 1.6 =tables
	==============================	*/
	
/*	==============================	
	2. Framework Classes, =framework
	==============================	*/

.clear { clear: both; }	

.left { float: left; }

img.left { margin: 0 18px 18px 0; }

.right { float: right; }

img.right { margin: 0 0 18px 18px; }

hr {
	
	clear: both;
	border: 0;
	width: 100%;
	color: #fff;
	background-color: #fff;
	height: 1px;
}
		
/*	==============================	
	2. =containers, All structural containers
	==============================	*/

#content,
#content-2, 
#cal-container,
#nav-container {
	background: transparent url(../images/trans-bckgrnd-80.png) repeat;
}

#content-home{
	top: 1em;
	overflow: auto;
	position: absolute;
	right: 4px;
	padding: 18px;
	width: 666px;
	
}

#content-home table{
	border-spacing: 10px;
}

.content-td{
	padding: 10px;
	vertical-align: top;
	background: transparent url(../images/trans-bckgrnd-80.png) repeat;
}

.content-td img{
	border: 4px solid #fff;
	text-decoration: none;
	padding: 4px;
}

.content-td a:link, .content-td a:visited  {
	border: 0;
}

.content-td h1, h2, h3, h4, h5{
	margin: 0;
}

#content, 
#content-2 {
	position: absolute;
	right: 1em;
	padding: 18px;
	width: 626px;
/*	text-align: right;*/
}

#content {
	top: 1em;
	overflow: auto;
}

#content-2 {
	top: 12em;
}

#nav-container, 
#cal-container {
	padding: 6px;
	height: 140px;
	position: absolute;
	bottom: 1em;
}

#cal-container { 
	right: 0;
	width: 666px;
}

/*	For 800x600 Resolutions
	============================== */
body.screen_low #content img { 
	background: url(../images/srsc-logo-stack.png) no-repeat left center;
}

body.screen_low {
	height: 100%; 
	background: url(../images/background-800.jpg) no-repeat top left;
}

body.background1-screenlow {
	height: 100%; 
	background: url(../images/background7_800.jpg) no-repeat top left;
}

body.background2-screenlow {
	height: 100%; 
	background: url(../images/background8_800.jpg) no-repeat top left;
}

body.background3-screenlow {
	height: 100%; 
	background: url(../images/background9_800.jpg) no-repeat top left;
}

body.background4-screenlow {
	height: 100%; 
	background: url(../images/background6_800.jpg) no-repeat top left;
}

body.screen_med #nav-container { 
	left: 0;
	width: 29%; 
}

body.screen_low div#content, 
body.screen_low div#content-2, 
body.screen_low div#nav-container {
	position: static;
	margin: 2em auto;
}

body.screen_low div#cal-container {
	position: relative;
	margin: 48px auto 0 auto;
	padding-bottom: 0;
}

body.screen_low div#nav-container,
body.screen_low div#cal-container { 
	width: 610px;
	padding: 18px; 
}

body.screen_low div#cal-container ul#contact-info {
	position: absolute;
	left: 18px;
	bottom: 18px;
}

body.screen_low div#cal-container p {
	left: 18px;
	top: 18px;
}

/*	1024x768 Resolutions
	============================== */
body.screen_med {
	height: 100%; 
	background: url(../images/background-1024.jpg) no-repeat top left; 
}

body.background1-screen_med {
	height: 100%; 
	background: url(../images/background7_1024.jpg) no-repeat top left; 
}

body.background2-screen_med {
	height: 100%; 
	background: url(../images/background8_1024.jpg) no-repeat top left; 
}

body.background3-screen_med {
	height: 100%; 
	background: url(../images/background9_1024.jpg) no-repeat top left; 
}

body.background4-screen_med {
	height: 100%; 
	background: url(../images/background6_1024.jpg) no-repeat top left; 
}


/*	1280x1024 Resolutions
	============================== */
body.screen_high {
	height:100%; 
	background: url(../images/background-1280.jpg) no-repeat top left;
}

body.background1-screen_high {
	height: 100%; 
	background: url(../images/background7_1280.jpg) no-repeat top left; 
}

body.background2-screen_high {
	height: 100%; 
	background: url(../images/background8_1280.jpg) no-repeat top left; 
}

body.background3-screen_high {
	height: 100%; 
	background: url(../images/background9_1280.jpg) no-repeat top left; 
}

body.background4-screen_high {
	height: 100%; 
	background: url(../images/background6_1280.jpg) no-repeat top left; 
}

body.screen_high #nav-container { 
	width: 34%; 
}

/*	Wider than 1600x1280
	============================== */
body.screen_wide {
	height:100%; 
	background: url(../images/background-1600.jpg) no-repeat top left;
}

body.background1-screen_wide {
	height: 100%; 
	background: url(../images/background7_1600.jpg) no-repeat top left; 
}

body.background2-screen_wide {
	height: 100%; 
	background: url(../images/background8_1600.jpg) no-repeat top left; 
}

body.background3-screen_wide {
	height: 100%; 
	background: url(../images/background9_1600.jpg) no-repeat top left; 
}

body.background4-screen_wide {
	height: 100%; 
	background: url(../images/background6_1600.jpg) no-repeat top left; 
}

body.screen_wide #nav-container { 
	width: 40%; 
}

/*	1920x1200 Resolution
	============================== */
body.screen_1920 {
	height:100%; 
	background: url(../images/background-1920.jpg) no-repeat top left;
}

body.background1-screen_1920 {
	height: 100%; 
	background: url(../images/background7_1920.jpg) no-repeat top left; 
}

body.background2-screen_1920 {
	height: 100%; 
	background: url(../images/background8_1920.jpg) no-repeat top left; 
}

body.background3-screen_1920 {
	height: 100%; 
	background: url(../images/background9_1920.jpg) no-repeat top left; 
}

body.background4-screen_1920 {
	height: 100%; 
	background: url(../images/background6_1920.jpg) no-repeat top left; 
}

body.screen_1920 #nav-container { 
	width: 50%; 
}

/*	2.1 Home
	============================== */

body.home #content { 
	height: auto;
	max-height: 208px;
	text-align: right;
}

body.home #content-2 {
	max-height: 110px;
	text-align: right;
}

body.home #content-2 p {
	margin-bottom: 0;
}

body.home #content p img,
body.home #content-2 p img {
	float: left;
	margin: 0 10px 10px 0;
}

body.home #content-2 p img {
/*	width: 103px;
	height: 56px;*/
	padding: 4px;
	border: 4px solid #fff;
}

body.home #content-2 h2 {
	margin: 3px 0 0 0;
	font-style: italic;
}

body.home #content-2 h3 {
	margin: 6px 0 0 0;
}


/*	2.2 Inside Pages
	============================== */	

body.inside #content {
	text-align: left;
	height: auto;
	max-height: 324px;
}

body.inside #content ul {
	margin-bottom: 18px;
}
body.inside #content ol {
	margin-left: 18px;
}

body.inside #content li {
	font-size: .75em;
}

body.inside #content p img {
	margin-top: 14px; /* Editor wraps images in <p> tag - flush with content */
	padding: 4px;
	border: 4px solid white;
}

body.inside #content img#event-image {
	float: right;
}

/*	2.3 Event Pages
	============================== */	

body.events #content img {
	float: left;
	margin-bottom: 18px;
}


/*	Events Listing
	==============================	*/
body.events #content div {
	margin-top: 18px;
	text-align: right;
}

.center {
	display: block;
	float: none;
	margin: 0 auto;
}

/* Override float on "body.events #content img" */
body.events #content img.center {
	display: block;
	float: none;
	margin: 0 auto;
}


/*	A Single Event
	==============================	*/
body.events #content div.clear {
	text-align: left; /* override "body.events #content div" */
}

#additional-info {
	font-weight: bold;
}

/*	Gallery button 
	==============================	*/
a#gallery-link {
	position: absolute;
	top: 120px;
	left: 18px;
	line-height: 14px;
	font-size: .75em;
	font-weight: bold;
	padding: 4px;
	border: 2px solid white;
/*	outline: 2px solid transparent;*/
	color: #B35F1D;
	text-transform: uppercase;
	background: url(../images/gallery-button.gif) no-repeat center center;
}

a#gallery-link:hover {
	border-bottom: 1px dotted #B35F1D;
}

body.screen_low a#gallery-link {
	position: relative;
	top: 36px;
	left: 0;
}

/*	==============================	
	3. Main & Sub Navigation, =navigation
	==============================	*/
	
body.screen_high ul#nav,
body.screen_wide ul#nav, 
body.screen_1920 ul#nav { 
	/*margin-left: 3em;*/
	float: right;
	margin: 0 7em 0 0;
}

/* 	Main Nav 
	==============================*/
#nav, 
#nav ul { 
	float: left;
	width: 9em;
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#nav li { 
	position : relative;
	float : left;
	/*line-height : 1.25em;*/
	margin-bottom : -1px;
	width: 9em;
}

#nav li a {
	width: 11em;
	w\idth : 10em; /* For IE */
	display : block;
	font-size: 13px;
	font-weight: bold; 
	border: none; /* override inheritance */
	color: #223b78;
	text-align: right;
}

#nav li a:hover {
	color: #4E802D;
}

/* 	Sub Nav 
	==============================*/
#nav li ul {
	position : absolute;
	left: -999em;
	margin-left: 9em;
	margin-top: -19px;
}

#nav li li {
	padding: 4px 0;
}

#nav li li a {
	text-align: left;
	line-height: 12px;
	font-size: 12px;
	font-weight: normal;
	color: #4E802D;
}

#nav li li a:hover {
	color: #223b78;
}

/* Fix IE 7 sticking links */
#nav li:hover, #nav li.hover {  
     position: static;  
}

#nav li:hover ul ul, 
#nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
/* 	lists nested under hovered list items, 
	See "suckerfish.js" */
#nav li.sfhover ul, 
#nav li li.sfhover ul { 
	left: auto;
}

ul#nav #sub-nav-5 {
	margin-top: -50px;
}

/*	==============================	
	4. Widgets, Calendar, Events Listing, Contact 
	==============================	*/

#cal-container p, 
#contact-info li {
	font-size: .66em;
	margin-top: 0; /* override */
}

#cal-container p {
	position: absolute;
	left: 6px;
	top: 6px;
	line-height:12px;
	color: #223B78;
}

#cal-container img {
	margin-top: 36px;
}

#cal-container img, 
#cal-container table {
	float: left;
	margin-right: 20px; 
}

#cal-container div {
	float: left;
	margin-right: 20px; 
}

/*	==============================	
	4.1 =calendar	Calendar
	==============================	*/
 
table#calendar {
	width: 180px;
	color: #223b78;
}

table#calendar caption,
#cal-container h4 {
	letter-spacing: 1px;
	font-weight: bold;
	font-size: .75em; 
}

table#calendar caption a.nav {
	display: inline; /* override */
	font-size: 1.25em;
	padding: 3px;
	background: none;
}

table#calendar th {
/* TEMP: Change to EMs */
font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
}

table#calendar td {
	width: 24px;
	line-height: 15px;
	border: 1px solid #7e91ab;
/* TEMP: Change to EMs*/
font-size: 10px; 
	text-align: center;
	margin: 4px;
}

table#calendar a:link,
table#calendar a:visited {
	display: block;
	width: 24px;
	height: 15px;
	border-bottom: none; /* override */
	color: #223b78;
	background: #b35f1d;
}

table#calendar a:hover,
table#calendar a:active {
	color: #fff; /* #b35f1d; */
	background: #223b78;
}

/*	==============================	
	4.2 =events	Calendar Event Listing 
	==============================	*/
#cal-container h4 {
	margin: 0;
}

ul#events-listing {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#events-listing li {
	margin: 6px 0;
	width: 10em;
}

#events-listing li a:link, 
#events-listing li a:visited {
	display: block;
	font-size: .75em;
	line-height: 12px;
	border-bottom: 0;
	text-decoration: none;
	color: #000;
}
 
#events-listing li a:hover, 
#events-listing li a:active {
	color: #b35f1d;
} 

/*	All Events Link
	==============================	*/
li#all-events {
	position: absolute;
	bottom: -20px;
/*	margin-top: 24px;*/
	letter-spacing: 1px;
}

/*	==============================	
	4.3 =contact	Contact 
	==============================	*/

ul#contact-info {
/*	clear: both; */
	position: absolute;
	left: 9px;
	bottom: 9px;
}

#contact-info li {
	display: inline;
	padding-right: 3px;
/*	border-right: 1px solid black; */
}

#contact-info li.last {
	border-right: none;
}

/*	==============================	
	4.4 =captions	Images with Captions
	==============================	*/

div.image-caption { margin-bottom: 1em;}

div.image-caption.left { margin: 0 18px 18px 0; }

div.image-caption.right { margin: 0 0 18px 18px; }

body.inside #content div.image-caption p {
	margin: 0;
}

body.inside #content div.image-caption p img {
	margin-top: 0;
	border-bottom: 24px solid white;
}

body.inside #content div.image-caption h6 {
	position: relative; /* for IE */
	margin: -24px 0 0 8px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold; 
	color: #223B78;
}

/*	==============================	
	X. Admin, =admin 
	==============================	*/	
body.logged-in #content-2 {
	top:  15em;
}

div.admin {
	padding: 18px;
	border-top: 2px solid #B35F1D;
	background: #fff;
}

div.admin-page-menu {
	position: fixed;
}

a.edit_tag,
div#content a.edit_tag img  {
	border: none;
}

div.admin-sitemenuadmin,
div.admin-users { position: relative;}