/**************************************************************
  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
**************************************************************/
@media screen {

header.page-introduction { float: left; width: 49%; border: 0; font-style: normal; font-size: 100% }
  header.page-introduction a:link, header.page-introduction a:visited { padding: .1em .2em; font-size: 120%; color: #7edf54 }
  header.page-introduction a:hover, header.page-introduction a:focus, header.page-introduction a:active { background: #000; color: #7fff47 }
  header.page-introduction h3 { padding-bottom: .5em; border-bottom: .1em dashed #36444d }
section.title-banner h2 { width: 67%; margin: .9em 0 0 }

aside.workshop-categories { float: left; width: 44%; margin: 0 0 1em 2em; padding: 1em .5em .5em; border: .1em solid #37444d; background:#2f3b42 }
  aside.workshop-categories h3 { margin: 0 auto .3em; border-bottom-width: .1em; line-height: 1.2em }
  nav.category-selector ul li { display: inline; float: left; width: 48%; margin: 0 .1em; padding: 0 }
  nav.category-selector ul li a:link, nav.category-selector ul li a:visited { display: block; margin: 0 .2em; padding: .2em .5em .2em 3em; font-weight: bold; color: #7edf54 }
  nav.category-selector ul li.active a { background: #242e33 }
  nav.category-selector ul li a:hover, nav.category-selector ul li a:focus, nav.category-selector ul li a:active { background: #000; color: #7fff47 }
  nav.category-selector ul li.all-workshops-link a { text-decoration: underline; font-weight: bolder; color: #fff }

p.schedule-link { float: right; margin: 0 3em 0 0 }

aside.extra-content { float: left; width: 38%; margin: .9em 0 0 0; padding: 0; border: 0; background: transparent }
  aside.extra-content nav.page-navigation ul li { margin: 0 0 0 1.5em; border-bottom-color: #37444d; line-height: 1.3em; text-align: left }
  aside.extra-content nav.page-navigation ul li span { display: inline; float: left; margin: .8em 0 0 -1em }
  aside.extra-content nav.page-navigation ul li a:link, aside.extra-content nav.page-navigation ul li a:visited { font-weight: normal; font-size: 110%; color: #fff }
  aside.extra-content nav.page-navigation ul li a:hover, aside.extra-content .workshop-details nav.page-navigation ul li a:focus, aside.extra-content .workshop-details nav.page-navigation ul li a:active { background: #21292e; color: #7fff47 }
  aside.extra-content nav.page-navigation ul li a span { display: block; float: left; width: 2em; margin: 0 1em .5em }

section.main-content { width: 58%; margin-right: 1.5em; padding: 0 0 3em }
section.main-content h3 { display: block; margin: .6em auto 1em; padding: 0 0 .3em; border: solid #36444d; border-width: 0 0 .2em; text-align: center; font-size: 150%; color: #506470 }

section.main-content article { float: left; width: 96%; margin: .5em 0; padding: 1em .7em 1em .7em; border: 0; background: transparent }
  section.main-content article.shaded { background: #242d33 }
  section.main-content article:hover, section.main-content article:focus { border-color: #4b606b; background: #21292e }
  section.main-content article h4 { margin: 1em 0; font-size: 130% }
  section.main-content article h4 a:link, section.main-content article h4 a:visited { line-height: 1.3em; font-weight: bold; color: #7edf54 }
  section.main-content article h4 a:hover, section.main-content article h4 a:focus, section.main-content article h4 a:active { background: transparent; color: #fff }
  section.main-content article p { font-size: 120% }

nav.workshop-meta { margin: 0 0 .2em; font-style: normal }
  nav.workshop-meta p { display: block; margin-bottom: .3em; font-weight: bold; font-size: 110%; color: #fff }
  nav.workshop-meta p span {  margin: 0 .5em; font-style: italic; font-weight: normal }

section.main-content nav.paginator { width: 60%; margin-left: 20% }

aside.sponsor-block { width: 98%; margin: 0 auto 2em; padding: 2em 1em; border: .1em solid #37444d; background: #2f3b42 }
  aside.sponsor-block nav.primary, aside.sponsor-block nav.secondary { float: left; width: 98% }
  aside.sponsor-block nav.primary dl { width: 40%; margin: 0 0 0 3em }
  aside.sponsor-block dl { list-style: none; display: block; float: left; margin: 0 auto; padding: 0; text-align: center }
  aside.sponsor-block dl dd { display: inline-block; float: none; width: 110px; height: 88px; margin:  .5em .3em .3em .3em; 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 }

.workshop-details section.main-content { width: 98%; margin: 0; padding: 0 }
  .workshop-details section.main-content header { width: 96%; height: auto; margin: 0 0 1em; padding: .3em; background: #242e33 }
  .workshop-details section.main-content header h4, .workshop-details section.main-content header p { margin: auto auto auto 2em; color: #6d8999 }
  .workshop-details section.main-content header p { color: #7edf54 }
  .workshop-details section.main-content header p.note { display: inline-block; float: right; margin: .5em 1em auto auto; font-style: italic; font-size: 90%; color: #6d8999 }
  .workshop-details section.main-content article { float: left; width: 100%; margin: 0; padding: 1em .5em }
  .workshop-details section.main-content article:hover, .workshop-details section.main-content article:focus { background: transparent }
  .workshop-details section.main-content article h3 { margin-bottom: 1em; padding-top: 1em; border-top-width: .1em; border-bottom-width: 0; font-style: normal; font-size: 250%; text-align: left; color: #fff }
  .workshop-details section.main-content article img.logo { display: block; float: left; width: 150px; margin: -1em 0 1em 25%; cursor: help }

.workshop-details nav.workshop-meta { float: left; margin: 2em 0 3em; font-style: normal }
  .workshop-details nav.workshop-meta ul { list-style: none; display: block; margin-bottom: .3em; font-weight: bold; color: #fff }
  .workshop-details nav.workshop-meta ul li span { display: inline-block; width: 6em; margin: 0 1em; font-style: italic; font-weight: normal }

.workshop-details article footer { display: block; float: left; margin: 1em auto; padding: .5em; border: 0; background: #242e33 }
  .workshop-details article footer p { display: inline-block; margin: 1em }
  .workshop-details article footer img { display: block; float: left; margin: .5em .9em; padding: 0; border: .1em solid #000 }

}