/* Firestation palette
#f60 orange 


Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a, a:visited { color: #f60; text-decoration: none;  }
ul, ul li { list-style: none; }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 

/* Headings,text
================================================================*/
/*text highlighting*/
::-moz-selection { color: #fff;  background: #f60; }
::selection      { color: #fff;  background: #f60; }

#text p, #content ul, #content ol, #content table { clear: left; margin: 0 0 1.4em;  }
#content li { margin-bottom: 0.5em; }
#text ul li { list-style: disc; margin-left: 20px; }
#text ol li { margin-left: 24px; }

#nav { font-size: 2.8em; line-height: 1.1em; text-transform: lowercase; }
#sidebar, #footer { font-size: 1.1em; }
#sidebar h3, .feature h2 { font-size: 1.1em !important; }
#content, .feature { font-size: 1.2em; }
#text, #sidebar2, .feature { line-height: 1.4em; }

#intro, h2.major { font-size: 1.4em; color: #666; font-weight: normal; }
h2.major { margin-bottom: 10px; }

h1, #sidebar h3, h2.main, .feature h2 { font-weight: bold; padding-bottom: 9px; border-bottom: 1px solid #666; }
h1, h2.main { margin-bottom: 9px; font-size: 1em; color: #f60; }
#sidebar h3 { margin-bottom: 8px;  }
.feature h2 { padding-bottom: 5px; margin-bottom: 5px; }
.feature h3 { margin-bottom: 0.75em; font-weight: normal; font-size: 1.3em; line-height: 1.3em; }

.section-news h1, #page-schedule h1 { margin-bottom: 23px; }
h2.date { margin-bottom: 1em; font-weight: normal; font-size: 1em; }
#text h2, h2.headline, div.item h2 { margin-bottom: 0.7em; font-weight: normal; font-size: 1.3em; }
#content h3, .section-about #text h2, #text .segment h2 { font-size: 1em; font-weight: bold; }
#content h3.byline { margin-bottom: 1em; font-weight: normal; }
#content h3 a, #content h3 a:visited { color: #333; }
.section-about #text h2, #text .segment h2 { margin-bottom: 0; }

#content a:hover { text-decoration: underline; }

/* Layout/Structure
================================================================*/
body { margin: 0; font: 62.5% arial,verdana,sans-serif; color: #333; background-color: #fff; text-align: center; }
body.size-large { font-size: 80%; }
body.size-largest { font-size: 100%; }

select, input, textarea, button { font: 1em arial, verdana, sans-serif; color: #333; }
#wrapper { width: 904px; margin: 19px auto; text-align: left; }

#main, #branding, #sidebar, #content, .column, #sidebar2 { float: left; display: inline; }

#main { min-height: 300px; height: auto; }

#branding { width: 904px; margin-bottom: 14px; border-bottom: 2px solid #000; }
#logo { float: right; display: inline; width: 188px; margin: 0 2px 27px 0; }

/*width needed for ie6 and ie7*/
#nav  { float: left; display: inline; width: /*370px*/13.5em; }
#nav li { float: left; padding-right: 11px; background: url(../images/template/divider-nav.gif) center right no-repeat; }
#nav li.row { clear: left; }
#nav li.last { background: none; }
#nav a, #nav a:visited { color: #333; }
.section-home #nav-home a, .section-home #nav-home a:visited,
.section-studios #nav-studios a, .section-studios #nav-studios a:visited,
.section-artists #nav-artsists a, .section-artists #nav-artists a:visited,
.section-projects #nav-projects a, .section-projects #nav-projects a:visited,
.section-classes #nav-classes a, .section-classes #nav-classes a:visited,
.section-facilities #nav-facilities a, .section-facilities #nav-facilities a:visited,
.section-news #nav-news a, .section-news #nav-news a:visited,
.section-about #nav-about a, .section-about #nav-about a:visited,
.section-contact #nav-contact a, .section-contact #nav-contact a:visited, #nav a:hover { color: #f60; }

#main { clear: both; width: 904px; }
#sidebar { width: 218px; margin-right: 10px; margin-bottom: 2em; }


#sidebar ul { margin-right: 9px; }
#sidebar ul ul { margin-right: 0; }
#sidebar li { border-bottom: 1px solid #eee; }
#sidebar li.parent { border-bottom: 0; }
#sidebar li a { display: block; padding: 3px 10px 2px 36px; background: url(../images/template/arrow-grey.gif) 12px 7px no-repeat; }
#sidebar li li a { padding-left: 56px; padding-bottom: 3px; background-position: 37px 7px; }
#sidebar a, #sidebar a:visited { color: #333; }
#sidebar .current a, #sidebar a:hover { background-color: #eee; }
#sidebar .current li a { background-color: #fff; } 
#sidebar .current li.current a, #sidebar li a:hover { background-color: #eee !important; }
#sidebar li li:last-child { border-bottom: 0; }

#content { padding-bottom: 2em; width: 676px; }
#intro, #text { width: 447px; }
.size-largest #intro, .size-largest #text, .size-largest #gallery { width: 600px; }

#intro { margin-bottom: 15px; }

#banner img { display: block; margin-bottom: 21px; }

#footer { clear: both; margin-left: 6px; padding: 13px 0; border-top: 1px solid #666; color: #666; }
#footer p { margin-bottom: 0.5em; }
#links li { float: left; padding-right: 9px; margin-right: 6px; background: url(../images/template/divider-footer.gif) center right no-repeat; }
#links li.last, .section-home #footer li.last { background: none; }
#footer li, #footer a, #footer a:visited { color: #969696; }
#footer a:hover { color: #666; }


/* Special cases
================================================================*/

a.subtle, a.subtle:visited { color: #333; }

/*home*/
.section-home #branding { margin-bottom: 0; border-bottom: 0; }
.section-home #main { padding-bottom: 2.1em; }
.section-home #footer { position: relative; height: 72px; }
.section-home #links li { background-image: url(../images/template/divider-footer-home.gif); } 

#footer #funding { position: absolute; top: 15px; right: 9px; width: /*335px*/ 390px; height: 70px; }
#footer #funding li { float: left; display: inline; margin-left: 33px; }
#footer #funding li.first { margin-left: 0; }
#page-home #footer p { width: 550px; }

.feature { float: left; display: inline; width: 218px; margin-left: 10px; }
#feature1 { margin-left: 2px; }
.feature img { display: block; margin-bottom: 1.3em; }
.feature p, .feature h3 { margin-right: 11px; }
#main .feature a, #main .feature a:visited { color: #333; }
.feature h3 a { border-bottom: 1px solid #f60; }
.feature h3 a:hover { border: 0; }
.feature ul { padding-top: 3px; }
.feature li { margin-bottom: 1.25em; }
#main .feature p a:hover, #main .feature li a:hover { color: #f60; }

/*visual list screens*/
#content .visual { padding-top: 9px; font-size: .9em; }
#content .visual p { margin-bottom: 0; }
#content .visual li, #text .visual li { float: left; display: inline; width: 218px; margin-left: 0; list-style: none !important; margin-bottom: 23px; }
.visual li.first { clear: both; }
#content .visual li.central { margin-left: 11px !important; margin-right: 11px; }
.visual li img { display: block; margin-bottom: 7px; }
.visual .caption, .visual h3 { text-transform: uppercase; font-weight: bold; }
.visual h3 { margin-bottom: 0.5em; font-size: 1em; }
#content .visual a, #content .visual a:visited { color: #666; }
#content .visual a:hover { color: #f60; text-decoration: none; }

.paging { clear: both; margin-top: 1em; }


/*gallery - studio / project page (galleria) */
#gallery { float: left; margin-bottom: 1em; }
#gallery img { display: block; }
#gallery ul, #gallery li { list-style: none; }
#gallery li { float: left; display: inline; width: 102px; height: 62px; margin: 0 4px 4px 0 !important; overflow: hidden; }
.jsgallery li img.thumb { display: block; cursor: pointer; }
#photo { width: 420px; height: 256px; margin-bottom: 0.8em; overflow: hidden; }

/*artist detail*/
.artwork { width: 420px; }
.artwork img { display: block; margin-bottom: 1em; }
.artwork p { margin-bottom: 1.4em; font-style: italic; color: #777; }

/*studio section - right sidebar*/
.section-studios #text { float: left; display: inline; }
#text h1 { line-height: normal; }
#text #intro { line-height: /*20px*/ 1.19em; }
#text #intro p { margin-bottom: 0; }
#sidebar2 { width: 218px; margin-left: 11px; margin-top: 24px; }
#sidebar2 div { border-top: 1px solid #666; padding: 11px 60px 3.3em 2px; }
#sidebar2 h3 { margin-bottom: 0.5em; font-size: 1em; }
#sidebar2 h3, #sidebar2 h3 a, #sidebar2 h3 a:visited { color: #666; }
#sidebar2 p { font-size: 0.92em; }

/*studios list page*/
div.segment { padding-top: 1.5em; border-top: 1px solid #666; }  
div.segment h2 { font-size: 1em; color: #666; }
.section-studios .visual li.first { margin-right: 11px; }
.section-studios #content .visual li { margin-bottom: 15px; }

/*classes*/
#text ul.info li { margin: 0; list-style: none; }

/*news*/
#page-article #content img { display: block; margin-bottom: 1.5em; }

div.item { margin-bottom: 1em; border-bottom: 1px solid #ccc; }
#page-newslist #text a, #page-newslist #text a:visited { color: #333; } 
#page-newslist #text a:hover { color: #f60; text-decoration: none; }

/*contact page - 2 columns*/
.column h1, .column h2 { margin-bottom: 2.4em; }
#col1 { width: 315px; margin-right: 13px; }
#col1 #text { width: 315px; }
#col2 { width: 348px; }

/*width and overflow needed for ie6*/
iframe { clear: both; width: 674px; overflow: hidden; border: 1px solid #999; margin: 1em 0; }

/*contact form*/
#form-contact label { float: left; display: inline; width: 99px; font-weight: bold; text-transform: lowercase; }
#form-contact input, #form-contact select { width: 200px; }
#form-contact textarea { width: 220px; height: 115px; }
button { border: 0; padding: 28px 5px 5px; cursor: pointer; background: url(../images/template/bg-button.gif) top center no-repeat; font-weight: bold; }
#form-contact { padding-top: 3px; }
#form-contact p { padding-bottom: 1.4em; }
#form-contact .actions { margin: 7px 0 1em 95px; }
form strong.error { display: block; color: #f60; }

/*sitemap*/
#page-map .column h2 { margin-bottom: 0.6em; font-size: 1.1em; }
#page-map .column li li a, #page-map .column li li a:visited { color: #333; }

/*==tables==*/
th, td { vertical-align: top; }
.workshops th, .workshops td { padding: 4px 6px; border-bottom: 1px solid #ccc; }
.workshops th { color: #f60; }
table.workshops { border-top: 1px solid #ccc; }

.section-contact table th { text-transform: lowercase; }
.section-contact th, .section-contact td { padding: 0 0 0.2em; } 
.section-contact th { width: 110px; }

#content td p, #content th p { margin: 0; }

/*purchase page*/
.buy { margin: 1em 0 0; }
#content .visual p.price { float: left; display: inline; width: 100px; font-weight: bold; color: #f60; font-size: 1.2em; padding-top: 0.5em; }
.visual form { float: right; display: inline; width: 115px; }
#content .visual a.purchase, #content .visual a.purchase:visited { display: block; padding-top: 0.5em; font-weight: bold; }

/*text resize widget*/
#footer { position: relative; }
#footer p { width: 755px; }
#resize { position: absolute; right: 0; top: 6px; text-align: right; }
#page-home #resize { position: static; padding-top: 7px; clear: left; right: auto; top: auto; text-align: left; }
#resize a { padding-left: 5px; }
#increase { font-size: 1.6em; }
#footer #resize a, #footer #resize a:visited { color: #666; }