/*
Theme Name: Gunnison Arts Center
Author: Julie Wills | Thread Studio Design
Author url: http://www.threadstudiodesign.com
Version: 1.0
Description: A custom wordpress theme built for the Gunnison Arts Center by <a href="http://threadstudiodesign.com" target="_blank">Thread Studio Web Design</a>.
*/




/* Site Layout */

html { overflow:-moz-scrollbars-vertical; overflow-y: scroll; }

#outer {
	margin: 0px auto;
	padding: 20px 0 0 0;
	width: 935px;
	position: relative;
}

#header {
	background: url(images/graphic_elements/title.gif) 0 0 no-repeat;
	width: 935px;
	height: 103px;
	margin: 0 0 10px 0;
	padding: 0;
	z-index: 100;
}

#content {
	min-height: 300px;
	clear: both;
}

#page{
	min-height: 300px;
	padding: 10px;
	width: 920px;
}

#indexFrame{
	width: 913px;
	height: 368px;
	background-color: #899C3E;
	margin: 1px;
	padding: 10px 10px 5px 10px;
	color: #FFF;
	z-index: 1;
}

#indexContent{
	position: absolute;
	top: 143px;
	left: 10px;
	width: 935px;
	z-index: 1;
}

#indexContent h3 {padding: 0; margin: 0;}

#indexLeft{
	width: 270px;
	margin: 0px 20px 10px 0;
	padding: 10px 0 0 0;
	float: left;

}

#indexMid{

	width: 420px;
	margin: 0px 20px 10px 0;
	padding: 10px 20px 0 20px;
	border-right: 1px solid #899C3E;
	border-left: 1px solid #899C3E;
	float: left;
}

#indexRight{
	width: 130px;
	margin: 0px 10px 10px 0;
	padding: 10px 0 0 0;
	padding-bottom: 10px;
	float: left;
}

#catFrame{
	width: 913px;
	height: 442px;
	background-color: #899C3E;
	margin: 0 1px 10px 1px;
	padding: 10px;
	color: #FFF;
	z-index: 0;
}

#catWhite{
	background-color: #FFF;
	height: 402px;
	width: 873px;
	margin: 0;
	padding: 20px;
	z-index: 10;
}

.icons{
	padding-top: 20px;
}









/* Global Styles */

body{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}

h1 /*used for page headings */{
	font-size: 17px;
	text-transform: uppercase;
	color: #930;
	font-weight: normal;
}

h2 /* used for Quick Links heading, etc.*/{
	font-size: 17px;
	font-weight: normal;
}

h3 /* used for page sub-headings */{
	font-size: 14px;
	color: #930;
	font-weight: normal;
	text-transform: uppercase;	
}

h4 /* used for highlighted text within paragraphs (rust orange) */{
	font-weight: normal;
	color: #930;
	font-size: 13px;
	margin: 0 0 -10px 0;
	padding: 0;
}

p{
	font-size: 13px;
	color: #333333;
}

img { border: 0;}


ul, li {list-style-type: none;}

a {color: #339DC1;}
a:link, a:visited{ text-decoration: none;}
a:hover, a:active{ text-decoration: underline;}

.hide { display: none;}

hr{ display: none;}

.bold {font-weight: bold;}
.red {color: #990000;}

.clear {clear: both;}
.left {clear: both; float: left}

hr.exhibits {margin: 10px 20px 20px 20px;display: block; clear: both; color: #999; height: 1px;}

table.members {font-size: 13px;}


/* Main Navigation */

#navlinks {
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 200;
}

#navlinks ul{
	position: absolute;
	top: 77px;
	padding: 0;
	margin: 0;
	width: 935px;
	z-index: 1000;
	}

#nav li{
	float: left;
	padding: 0;
	margin: 0;	
}

#nav li.home {left: 32px; width: 90px; background-image:url(images/graphic_elements/home_f2.gif); background-repeat: no-repeat;}
#nav li.about {left: 122px; width: 113px; background-image:url(images/graphic_elements/about_f2.gif); background-repeat: no-repeat;}
#nav li.events {left: 235px; width: 117px; background-image:url(images/graphic_elements/events_f2.gif); background-repeat: no-repeat;}
#nav li.education {left: 352px; width: 143px; background-image:url(images/graphic_elements/education_f2.gif); background-repeat: no-repeat;}
#nav li.exhibits {left: 495px; width: 127px; background-image:url(images/graphic_elements/exhibits_f2.gif); background-repeat: no-repeat;}
#nav li.rental {left: 622px; width: 115px; background-image:url(images/graphic_elements/rental_f2.gif); background-repeat: no-repeat;}
#nav li.support {left: 737px; width: 127px; background-image:url(images/graphic_elements/support_f2.gif); background-repeat: no-repeat;}
#nav li.contact {left: 864px; width: 103px; background-image:url(images/graphic_elements/contact_f2.gif); background-repeat: no-repeat;}

#nav li a{display: block;}

#nav li a:hover img, #nav li a:active img {visibility: hidden;}
#nav .current img{visibility: hidden; }

/* Dropdown menus */


#nav li ul{
	margin: 0;
	position: absolute;
	top: 25px;
	background-color: #FFF;
	border: 1px dotted #899C3E;	
	padding-bottom: 10px;
	padding-top: 5px;
	left: -999em;
	z-index: 3000;
	opacity: .9;
}

#nav li.about ul {width:111px;}
#nav li.events ul {width:115px;}
#nav li.education ul {width:141px;}
#nav li.exhibits ul {width:125px;}
#nav li.rental ul {width:113px;}
#nav li.support ul {width:125px;}

#nav li ul li{
	clear: left;
	margin: 0;
	padding: 8px;
	text-transform: lowercase;
	font-size: 14px;
	line-height: 15px;
	text-align: center;
	
}

#nav li.about ul li {width: 95px;}
#nav li.events ul li {width: 99px;}
#nav li.education ul li {width: 125px;}
#nav li.exhibits ul li {width: 109px;}
#nav li.rental ul li {width: 97px;}
#nav li.support ul li {width: 109px;}

#nav li:hover ul {left: auto; margin: 0;}

#nav li.sfhover ul {left: auto; margin: 0;}


/* Home page content styling */

#quicklinks{
	z-index: 100;
	position: absolute;
	top: 502px;
	left: 10px;
	width: 910px;
	margin: 0;
	padding: 0;
	height: 30px;
}

#quicklinks ul{
	padding: 0; 
	margin: 0;
	width: 800px;
}

#quicklinks ul li {padding: 0; 
	margin: 0; 
	height: 30px;
	line-height: 30px;
	padding: 0 0 2px 0;	
}

#quicklinks ul li ul{
	text-indent: 0;
	width: 760px;
	padding: 0;
	margin: 0;
	height: 30px;
	position: absolute;
	top: 0;
	left: 98px;
}

#quicklinks ul li ul li {
	padding: 0 8px 0 0;
	margin: 0;
	font-size: 15px;
	list-style-type: disc;
	list-style-position: inside;
	float: left;
}

#quicklinks h2 {line-height: 28px; margin: 0; padding: 0 0 2px 0; font-size: 16px;}

#quicklins a {display: block;}
#quicklinks a:link, #quicklinks a:visited {color: #FFF; text-decoration: underline;}
#quicklinks a:hover, #quicklinks a:active {color:#FFCC33; text-decoration: underline;}

#indexMid img{ border: 1px solid #333; float: left; margin: 0 10px 10px 0;}

/* General pages styling */
#page img{ border: 1px solid #333; float: left; margin: 0 20px 20px 0;}


#page li, #catWhite li{
	font-size: 15px;
	padding-bottom: 8px;
	text-transform: lowercase;
	text-indent: 10px;
}

#blockFrame{
	width: 475px;
	height: 475px;
	background-color: #899C3E;
	z-index: 0;
	margin: 10px 0 10px 10px;
}

.calendar{
	margin-bottom: 15px;
}

#page img.floorplan{
	border: none;
	float: left;
	margin-top: 20px;
}

#page img.noborder, #catWhite img.noborder{ border: none; float: left; margin-top: 10px;}

ul#scholarships {margin: 0; padding: 0;}

ul#scholarships li{
	font-size: 13px;
	list-style-type: disc;
	list-style-position: inside;
	padding: 0;
	margin: 0 0 10px 0;
	text-indent: none;
}

#catWhite img{ 
	margin: -13px 20px 0 0; 
	padding: 0; 
	border: none;
	float: left;
	border: 1px solid #999;
}

ul.directors {float: left;}
ul.directors li {
	float: left;
}

#page img.right {float: right; margin-left: 20px;}
#page img.right2 {clear: right; float: right; margin-left: 20px;}

table#dance {
	width: 900px;
	border: 1px solid #999;
	font-size: 11px;
}

table#dance p {font-size: 11px; margin: 0 0 10px 0; border-bottom: 1px solid #999; padding-bottom: 5px;}
table#dance tr.days {background-color: #899C3E; color: #FFF; font-weight: bold; text-align: center; }
table#dance td {border:1px solid #CCC; padding: 5px; margin: 0; width: 110px; vertical-align: top;}
table#dance td.times {width: 50px; background-color: #899C3E; color: #FFF; font-weight: bold;}

.adult {color: #C60;}
.youth {color:#606;}
.combined {color: #900;}

.caption {
	clear: both;
	float: left;
	margin: -10px 20px 10px 0;
	font-size: 12px;
}

/* Sponsors styling */

#sponsors{
	clear: both;
	border-top: 1px solid #899C3E;
	height: 156px;
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	width: 935px;
	text-align: center;
}

#sponsors p{ font-size: 13px; line-height: 13px; font-weight: bold; margin: 8px 0 8px 2px; padding: 0; color: #74592D;}

#banner1, #banner4{
	height: 108px;
	width: 950px;
	position: relative;
	padding: 0;
	margin: 0;
}

#banner1 ul, #banner1 li{
	position: absolute;
	top: 0;
	left: 1.5px;
	padding: 0;
	margin: 0;
}

#banner1 li{ padding-bottom: 10px;}

#banner4 ul{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0 0 0 2px;
}

#banner4 li{
	float: left;
	padding: 0 0 10px 0;
	margin: 0 10px 0 0;
}


/* Footer & Credit styling */

#footer{
	color: #930;
	border-top: 1px solid #899C3E;
	margin: 0;
	padding: 0;
	font-weight: bold;
	height: 300px;
	position: relative;
	width: 935px;
	clear: both;
}

#footer ul{list-style-type: none;}

#footer li{
	display: inline;
	font-size: 14px;
	line-height: 16px;
	padding: 0 5px 0 5px;
}

#credit{
	position: relative;
	top: 40px;
}


#credit p{
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}


/* Board of Directors private page */

#boardleft {
	width: 299px;
	float: left;
	margin: 0;
	padding: 0 10px 30px 0;
	text-align: center;
}

#boardmid {
	width: 299px;
	float: left;
	margin: 0;
	border-right: 1px dotted #666;
	border-left: 1px dotted #666;
	padding: 0 10px 30px 10px;
	text-align: center;

}

#boardright {
	width: 300px;
	float: left;
	margin: 0;
	padding: 0 0 30px 10px;
	text-align: center;
}