/**************************************************************
  Copyright 2009 Calgary Outdoor Festival. All rights reserved.
  This site has been hand-developed by Jason Moss.
   - www.jdmlabs.com           |  web
   - jason.moss@gmail.com  |  mail
   - +1-403-850-1496           |  voice
**************************************************************/
/*@import url('hacks/borders.css.php');*/
@media screen {

* { margin: 0; padding: 0; border: 0; text-decoration: none }
img { display: block; border: 0; vertical-align: middle; text-align: center; text-decoration: none }
html, body, article, aside, div, footer, header, nav, page, section { display: block }
html, body { clear: both; width: 100%; height: 100% }
html { background: #283238 url( '/_assets/images/ui/bg-html.png' ) repeat-x 0 0; font: normal normal normal 85%/160% 'courier new',georgia,courier,sans-serif; color: #91b7cc; cursor: default }
body { width: 980px; margin: 0 auto; padding: 0 1em }

/* Toolbar */
nav.toolbar { height: 26px; margin: 0 auto 1em; padding: .2em 0; font-size: 90% }
nav.toolbar ul.contact-summary { list-style: none; float: left; margin-left: 4em }
  nav.toolbar ul.contact-summary li { display: inline; float: left; text-align: left; color: #b8e6a6 }
nav.toolbar ul.head-menu { list-style: none; float: right; margin-right: 4em }
  nav.toolbar ul.head-menu li { display: inline; float: right; text-align: left }
  nav.toolbar ul li a:link, nav.toolbar ul li a:visited { display: block; color: #b8e6a6 }
  nav.toolbar ul li a:hover, nav.toolbar ul li a:focus, nav.toolbar ul li a:active { text-decoration: underline; color: #e6ffdb }
  nav.toolbar li.label { margin: 0 2em 0 0; padding: 0 }
  nav.toolbar li.schedule-link a:link, nav.toolbar li.schedule-link a:visited { margin-right: 4em; font-weight: bold; color: #fff }
  nav.toolbar li.divider, nav.toolbar ul.contact-summary li.divider { margin: -.1em 1em 0; padding: 0; color: #577687 }

/* Header */
header.masthead { height: 80px; margin: 0; padding: 0 1em; background: transparent url( '/_assets/images/ui/calgary-outdoor-festival-logo.png' ) no-repeat 5em -.8em }
  header.masthead h1 { float: left; width: 300px; height: 80px; margin: 0 0 0 1em; padding: 0; text-align: center }
  header.masthead h1 a { display: block; width: 100%; height: 100%; margin: 0; padding: 0; font-weight: normal; color: #ddd }
  header.masthead h1 a span { display: none }
  header.masthead div.festival-banner { float: left; width: 45%; margin: 1em 0 0 15%; padding: 0; background: transparent; text-align: right; line-height: 1em; font-weight: bold; font-size: 170%; color: #7edf54 }

/* Main Menu */
nav.main-menu { z-index: 100; margin: 5px auto 0; padding: 6px 0 0; background: transparent url( '/_assets/images/ui/navigation/nav_back.png' ) repeat-x 0 0 }
  nav.main-menu ul { height: 45px; padding: 0 1px; border-top: .1em solid #2a343b; border-right: .1em solid #263034; border-bottom: 0; border-left: .1em solid #263034; background: transparent url( '/_assets/images/ui/navigation/nav_ul_back.png' ) repeat-x 0 0; text-align: center }
  nav.main-menu ul li { display: inline; float: left }
  nav.main-menu ul li a:link, nav.main-menu ul li a:visited { display: block; float: left; padding: .9em 1.85em .9em !important; padding: .7em 1.7em; border-left: 1px solid #303e45; background: transparent; font-weight: bold; font-size: 100%; color: #8fa0a8 }
  nav.main-menu ul li a:hover, nav.main-menu ul li a:focus { outline: none; background: transparent url( '/_assets/images/ui/navigation/nav_hover_back.png' ) repeat-x 0 0; color: #fff }
  nav.main-menu ul li.active a:link, nav.main-menu ul li.active a:visited, nav.main-menu ul li.active a:hover, nav.main-menu ul li.active a:focus { background: transparent url( '/_assets/images/ui/navigation/nav_selected_back.png' ) repeat-x 0 100%; color:#002b00 }
  nav.main-menu ul a:hover, nav.main-menu ul li:hover a, nav.main-menu ul li.active a { outline: none; background-color: #f0e6d8; background: transparent url( '/_assets/images/ui/navigation/nav_hover_back.png' ) repeat-x 0 0 }
  nav.main-menu ul a.active:hover, nav.main-menu ul li:hover a.active, nav.main-menu ul li.active a { outline: none; background: transparent url( '/_assets/images/ui/navigation/nav_selected_back.png' ) repeat-x 0 50% }
  nav.main-menu ul li.first a { border-left: 0 }

/* Title Banner */
section.title-banner { height: 60px; margin: 0 0 2em }
  section.title-banner h2 { display: block; float: left; width: 60%; margin: .9em 0 0 2em; line-height: 1.5em; font-size: 150%; color: #002b00 }
  section.title-banner h2 span { color: #fff }

nav.breadcrumb { display: inline-block; margin: 0 0 1em 3em; padding: .5em 3em; border: .1em solid #2f3b42; background: #21292e; text-align: center }
  nav.breadcrumb a { color: #7fff47 }
  nav.breadcrumb a:hover, nav.breadcrumb a:focus { text-decoration: underline }

header.page-introduction { display: block; width: 94%; height: auto; margin: 0 0 1em; padding: .5em; border-bottom: 1em solid #2e3b42; font-size: 110% }
  header.page-introduction h3, header.page-introduction p { margin-bottom: 1em; line-height: 1.6em }
  header.page-introduction h3 { font-weight: bold; color: #b6cbd6 }
  header.page-introduction p { font-style: italic }
  header.page-introduction h3 span, header.page-introduction p span { display: inline-block; margin-right: 1em; font-style: normal; font-weight: bold }

/* Asides */
aside nav { display: block; margin: 0 auto }
aside nav h3 { display: block; margin: 0 auto 1em; padding: 0 0 .3em; border: solid #36444d; border-width: 0 0 .2em; text-align: center; font-size: 150%; color: #506470 }
aside.extra-content { float: left; width: 27%; margin: 1em .5em 2em; padding: 1em 1em 2em; border: .1em solid #37444d; background:#2f3b42 }
nav.page-navigation ul { list-style: none;  }
  nav.page-navigation ul li { display: block; margin: .1em auto 0; padding: 0 0 .1em; border-bottom: .1em solid #37444d; line-height: 1.2em }
  nav.page-navigation ul li a:link, nav.page-navigation ul li a:visited { display: block; margin: 0; padding: .8em .5em .8em 1em; font-weight: bold; font-size: 125%; color: #7edf54 }
  nav.page-navigation ul li a:hover, nav.page-navigation ul li a:focus, nav.page-navigation ul li a:active { background: #36444d; color: #7fff47 }
  nav.page-navigation ul li.all-entries-link a { background: #283238; color: #7fff47 }
  nav.page-navigation ul li.active a:link, nav.page-navigation ul li.active a:visited { background: #81bf67 url( '/_assets/images/ui/navigation/page-navigation.png' ) repeat-x 0 50%; color: #fff }

aside.sponsor-block { float: left; width: 21%; margin: 0 0 2em .5em; padding: 1em 1em; border: 0; text-align: center }
  aside.sponsor-block nav.primary { float: left; width: 17%; padding-bottom: 1em }
  aside.sponsor-block nav.secondary { float: left; width: 60% }
  aside.sponsor-block dl { list-style: none; display: block; margin: 1em auto }
  aside.sponsor-block dl dt { display: block; margin: 0 0 .5em; text-align: center; text-transform: uppercase; font-size: 130%; color: #576d7a }
  aside.sponsor-block dl dd { display: inline; float: left; width: 100px; height: 88px; margin: .5em auto; padding: 0; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent }
  aside.sponsor-block dl dd a { display: block; width: 100%; height: 100%; background: transparent }
  aside.sponsor-block dl dd a span { display: none }

p.schedule-link { display: inline-block; margin: 2em auto; padding: 0; text-align: center }
  p.schedule-link a:link, p.schedule-link a:visited, p.schedule-link a:hover, p.schedule-link a:focus, p.schedule-link a:active  { display: block; margin: 0; padding: .5em 1em; border: .1em dashed #2c373d; background: #242e33; font-weight: bold; font-size: 150%; color: #fff }
  p.schedule-link a:hover, p.schedule-link a:focus { text-decoration: underline }

section.main-content { float: left; width: 72%; margin: 0 .5em 0 0; padding: 0 .5em 1em }

/* Articles */
section.main-content article, section.main-content nav.paginator { float: left; width: 61%; margin: 1em 0 1em .5em; padding: .3em .3em .3em 2em }
  section.main-content article { padding: 1em .3em 1em 2em; border-bottom: .4em solid #2e3b42 }
  section.main-content article h3, section.main-content article h4 { display: block; width: 100%; margin: 0; line-height: 1.2em; font-size: 150% }
  section.main-content article h3 a:link, section.main-content article h4 a:link, section.main-content article h3 a:visited, section.main-content article h4 a:visited { display: block; margin: 0; padding: 0 0 .2em; font-style: normal; font-weight: bold; color: #7edf54 }
  section.main-content article h3 a:hover, section.main-content article h4 a:hover, section.main-content article h3 a:focus, section.main-content article h4 a:focus, section.main-content article h3 a:active, section.main-content article h4 a:active { text-decoration: underline }
  section.main-content article a:link, section.main-content article a:visited { display: inline-block; margin: 0; padding: 0 .2em; font-weight: bold; color: #7fff47 }
  section.main-content article a:hover, section.main-content article a:focus, section.main-content article a:active { background: #000; text-decoration: underline; color: #abff86 }

/* Paginator */
section.main-content nav.paginator { float: left; width: 61%; margin: 2em 0 2em 34%; border: .1em solid #a9eb8d; background: #81bf67 url( '/_assets/images/ui/navigation/page-navigation.png' ) repeat-x 0 50% }
  section.main-content nav.paginator ul { list-style: none; display: block; margin: 0 auto; font-style: normal; color: #fff }
  section.main-content nav.paginator ul li { display: inline; float: left }
  section.main-content nav.paginator ul li.total-pages { margin-right: 2em; padding: .7em .5em .3em .5em; font-weight: bold; color: #000 }
  section.main-content nav.paginator ul li.current-page { margin: 0 .2em; padding: .5em 1em; background: #7ab562; font-weight: bold; font-size: 130%; color: #000 }
  section.main-content nav.paginator ul li.page-link a:link, section.main-content nav.paginator ul li.page-link a:visited { display: block; margin: 0 .2em; padding: .6em 1em; font-weight: bold; font-size: 110%; color: #fff }
  section.main-content nav.paginator ul li.page-link a:hover, section.main-content nav.paginator ul li.page-link a:focus, section.main-content nav.paginator ul li.page-link a:active { background: #81bf67 }

nav.search-container { float: right; width: 30%; padding: 1.5em 0 0 0; text-align: right }
  nav.search-container form fieldset { width: 100% }
  nav.search-container form fieldset input { width: 18em; padding: .3em .5em; border: .1em solid #50ab3b; font-size: 90% }
  nav.search-container form fieldset input.button { width: 3em; padding: .3em 0; border: .1em solid #adff8c; background: #557d44; font-weight: bold; font-size: 90%; color: #fff; cursor: pointer }
  nav.search-container legend, nav.search-container label { display: none }

/* Footer */
body footer { clear: both; margin: 0 auto 1em; padding: 1.5em 2em 2em; border-top: .6em solid #2f3b42 }
  body footer ul { list-style: none; display: block }
  body footer ul.footnotes {  float: left; width: 35%; font-size: 80% }
  body footer ul.footer-menu { float: right; width: 60% }
  body footer ul.footer-menu li { display: inline; float: right }
  body footer ul.footer-menu li a { display: inline-block; padding: 0 .5em; text-align: right; font-weight: bold }
  body footer ul li a, body footer p a { color: #7fff47 }
  body footer ul li.divider { margin: .1em 1em 0 }

p.credit { display: block; width: 90%; margin: 2em auto; padding: .2em 0 1em; text-align: center; font-size: 80% }
  p.credit a { color: #7fff47 }

/* -- */
abbr { border-bottom: .1em dotted #83a5b8; cursor: help }
.cl { clear: both; margin: 0; padding: 0 }
.fl { float: left }
.fr { float: right }
.b { font-weight: bold }
.i { font-style: italic }
.sm { font-size: 80% }
.highlight { background: #000; color: #ff0 }
.green { color: #7fff47 }
.hidden, #ie_notice, nav.sliders { display: none }

}