/*

futureboogie.com by Block Interactive
VERSION 4.0
-------------------

CONTENTS ----------

1.RESET
2.DEFAULT STYLES
3.LAYOUT
4.PAGE FURNITURE
  4.1 Logo
  4.2 Menu
  4.3 Utilities menu
  4.5 Slug
  4.5 Footer
5.GLOBAL CLASSES
  5.1 Accessibility
  5.2 Meta
  5.3 Teasers
  5.4 Local navigation
  5.5 Headings
  5.6 Images
  5.7 Misc
  5.8 sIFR
6.LOCALISED
  6.1 Layout variations
  6.2 Home page
  6.3 News section
  6.4 About section
  6.5 Mixes section
  6.6 Events section
  6.7 Artists/Agency/Management sections
  6.8 Subscribe section
  6.8 Contact section

-------------------

COLOURS ----------

#202020 background grey
#6a6a6a mid grey
#13d0ff blue
#deff00 green

-------------------

*/

/* ------------------------------------------------------------------------------- */
/*  =[1] RESET
    http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
/* ------------------------------------------------------------------------------- */

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,
b, u, i, center,
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-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ------------------------------------------------------------------------------- */
/*  =[2] DEFAULT STYLES */
/* ------------------------------------------------------------------------------- */

body {
  font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Heletica, Arial, sans-serif;
  font-size : 62.5%;
  line-height: 1.4;
  color: #fff;
  background: #202020 url(/inc/img/ui/body.jpg) center top no-repeat;
}
p {
  font-size: 1.3em;
  line-height: 1.35;
  margin: 0 0 1.4em 0;
  opacity: .99;
}
blockquote {
  font-style: normal;
}
cite {
  font-style: normal;
}
acronym,
abbr {
  cursor: help;
  border: 0;
}
a,
a:link
a:visited,
a:focus,
a:active {
  text-decoration: none;
  color: #13d0ff;
}
a:hover {
  text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  letter-spacing: 0.02em;
}
h1 {
  font-size: 3.2em;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #fff;
  margin: 0 0 .25em 0;
}
h2 {
  font-size: 1.8em;
  font-weight: bold;
  text-transform: uppercase;
}
h2 a {
  color: #fff;
}
h3 {
  font-size: 1.3em;
  margin: .3em 0 .6em;
}
h4 {
  font-size: 1.6em;
}
h5 {
  font-size: 1.5em;
}
h6 {
  font-size: 1.4em;
}
ul, ol {
  font-size: 1em;
  margin: 0 0 1.4em 0;
  padding: 0;
  list-style: none;
}
li {
  opacity: .99;
}
img {
  margin: 0 -13px 13px -13px;
}
form,fieldset{
  margin:0;
  padding:0;
  overflow: hidden;
}
form {
  margin: 0 0 1.4em;
}
:focus {
  outline:none;
}
fieldset {
  border-style:none;
}
object {
  display: block;
  margin: 0 0 14px 0;
}
caption {
  position: absolute;
  left: -999em;
}

tbody td {
  color: #6a6a6a;
  font-size: 1em;
  line-height: 1.2;
  text-transform: uppercase;
  padding: .0em .6em .60em 0;
  opacity: .99;
}

/* http://stackoverflow.com/questions/501671/superscript-in-css-only */
sup {
  font-size: 50%;
  vertical-align: top;
}

/* ------------------------------------------------------------------------------- */
/*  =[3] LAYOUT */
/* ------------------------------------------------------------------------------- */


#wrapper {
  position: relative;
  margin: 0 auto 0;
  padding: 0 0px 0 0;
  border: 0px;
  width: 1002px; 
  overflow: hidden;
  background: url(/inc/img/ui/divider.png) left top repeat-y; 
}
#header {
  position: relative;
  height: 253px;
}
#primary {
  float: left;
  margin: 0;
  padding: 0 14px;
  width: 372px;
}
#secondary, #tertiary, #quarternary {
  float: left;
  padding: 0 14px;
  margin: 0;
  width: 172px;
}
#footer {
  clear: both;
  text-align: right;
  text-transform: uppercase;
  margin: 0 0;
  padding: 4.5em 0;
  background: #202020 url(/inc/img/ui/a_futureboogie_production.gif) right 2em no-repeat;
  color: #444;
  opacity: 0.99;
}
#footer a {
  color: #444;
  background: none;
  padding: 0;
}
address {
  display: inline;
  font-style: normal;
  margin: 0 .4em 0 0;
  padding: 0 .7em 0 0;
  border-right: 1px #333 solid;
}



/* ------------------------------------------------------------------------------- */
/*  =[4] PAGE FURNITURE */
/* ------------------------------------------------------------------------------- */


/* =[4.1] Logo
--------------------------------- */

#logo {
  position:absolute;
  left: 694px;
  top: 37px;
  width: 296px;
  height: 51px;
  text-indent: -999em;
  background: url(/inc/img/ui/logo.gif) left top no-repeat;
}

/* =[4.2] Menu
--------------------------------- */

#menu {
  position:absolute;
  left: 0px;
  top: 118px;
  overflow: hidden;
  line-height: 1;
}
#menu li,
#menu li a {
  float: left;
  width: 178px;
  height: 30px;
  margin: 0;
  padding: 0;
  background-color: #000;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
}
#menu li {
  margin: 0 11px;
  text-transform: lowercase;
  letter-spacing: -0.02em;
}
#menu li a {
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -999em;
}
#menu li a:hover {
  background-color: #111;
}
#menu li#home_bt a {
  background-image: url(/inc/img/ui/menu_home.gif);
}
#menu li#agency_bt a {
  background-image: url(/inc/img/ui/menu_agency.gif);
}
#menu li#management_bt a {
  background-image: url(/inc/img/ui/menu_management.gif);
}
#menu li#events_bt a {
  background-image: url(/inc/img/ui/menu_events.gif);
}
#menu li#mixes_bt a {
  background-image: url(/inc/img/ui/menu_mixes.gif);
}

/* =[4.3] Utilities menu
--------------------------------- */

#utilities {
  position:absolute;
  left: 0px;
  top: 13px;
  padding: 0;
  overflow: hidden;
  line-height: 1;
}
#utilities li,
#utilities li a {
  float: left;
  height: 12px;
  margin: 0;
  padding: 0;
}
#utilities li {
  width: 178px;
  padding: 0 11px;
}
#utilities li a {
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -999em;
}
li#about_bt a {
  width: 34px;
  background-image: url(/inc/img/ui/bt_about.gif);
}
li#contact_bt a {
  width: 46px;
  background-image: url(/inc/img/ui/bt_contact.gif);
}
li#subscribe_bt a {
  width: 57px;
  background-image: url(/inc/img/ui/bt_subscribe.gif);
}
body#about li#about_bt a,
li#about_bt a:hover,
body#contact li#contact_bt a,
li#contact_bt a:hover,
body#subscribe li#subscribe_bt a,
li#subscribe_bt a:hover {
  background-position: 0 -12px;
}

/* =[4.4] Slug
--------------------------------- */

#slug {
  position:absolute;
  left: 11px;
  top: 178px;
  font-family: "Helvetica Neue", Arial, "Free Sans", Helvetica, "Microsoft Sans Serif", sans-serif;
  font-size: 61px;
  line-height: 59px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -0.05em;
  color: #deff00;
  overflow: hidden;

}

/* =[4.5] Footer
--------------------------------- */

#footer #newsletter {
  float: left;
  text-transform: none;
  margin-top: -3em;
  text-align: left;
}
#footer #newsletter p {
  margin: 0 0 0.3em 0;
}
#footer #newsletter p,
#footer #newsletter label {
  font-size: 1.1em;
  padding: 1px;
}
#footer #newsletter input {
  font-size: 1.1em;
  padding: 2px;
  background: #444;
  color: #111;
  border: 0;
}
#footer #newsletter input#email {
  background: #202020;
  width: 200px;
  border: 1px #444 solid;
  color: #444;
}


/* ------------------------------------------------------------------------------- */
/*  =[5] GLOBAL CLASSES */
/* ------------------------------------------------------------------------------- */


/* =[5.1] Accessibility
--------------------------------- */

.accessibility {
  position: absolute;
  left: -999em;
}

/* =[5.2] meta
--------------------------------- */

.meta {
  font-size: 1.1em;  
  line-height: 1.6;  
  margin: 0 0 1.4em;
  color: #6a6a6a;
}
.meta a {
  color: #999;
}

dl.meta { overflow: hidden;}
dl.meta dt,
dl.meta dd {
  padding: 0; 
  text-transform: uppercase;
}
dl.meta dt {
  clear: both;
  float: left; 
  font-weight: bold;
}

/* =[5.3] Teasers
--------------------------------- */

.teasers {
  font-size: 1em;
  list-style: none;
  margin: 0 0 1em 0em;
  padding-left: 0em;
  border-width: 0 0 0px 0;
  border-style: solid;
  border-color: #2c2c2c;
}
.teasers li {
  margin: 0px;
  padding: 0px;
}

/* =[5.4] Local navigation
--------------------------------- */

.nav li {
  margin: 0 0 .6em 0;
}
.nav abbr.date {
  display: block;
  margin: 0;
  font-weight: bold;
  text-transform: uppercase;
}
.nav a {
  color: #deff00;
}
.nav .selected a {
  color: #fff;
}

/* =[5.5] Headings
--------------------------------- */

.landmark {
  /* structural headings */
  overflow: hidden;
  width: 172px;
}
.landmark.first {
  margin-top: 0;
}
h4.landmark {
  margin: 1.4em 0 .3em;
}
h2.landmark {
  overflow: hidden;
  margin: 0 0 1.2em 0;
}
h2.landmark a {
  float: left;
  height: 22px;
  text-indent: -999em;
  background-position: left top;
  background-repeat: no-repeat;
}
h2.artists a {
  width: 78px;
  background-image: url(/inc/img/ui/h_artists.gif);
}
h2.mixes a {
  width: 65px;
  background-image: url(/inc/img/ui/h_mixes.gif);
}
h2.radio {
  float: left;
  height: 22px;
  width: 160px;
  text-indent: -999em;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url(/inc/img/ui/h_on-the-radio.gif);
}
h2.dj-dates {
  height: 22px;
  width: 160px;
  text-indent: -999em;
  background: url(/inc/img/ui/h_dj-live-dates.gif) left top no-repeat;
}
h2.on-the-road {
  height: 22px;
  width: 160px;
  text-indent: -999em;
  background: url(/inc/img/ui/h_on-the-road.gif) left top no-repeat;
}
h2.news {
  margin: 1.4em 0 1em 0;
}
h2.news a {
  height: 22px;
  width: 160px;
  text-indent: -999em;
  background: url(/inc/img/ui/h_news.gif) left top no-repeat;
}
h2.events a {
  width: 78px;
  background-image: url(/inc/img/ui/h_events.gif);
}

/* =[5.6] Images
--------------------------------- */

img.thumb {
  margin-left: 0;
  margin-right: 0;
}
#primary .figure {
  margin: 0 -13px 14px -13px;
  width: 400px;
  overflow: hidden;
}
#primary .figure img {
  margin: 0;
}
.thumbnails {
  overflow: hidden;
  margin: 0;
}
.aside .thumbnails li {
  float: left;
  margin: 0 5px 5px 0;
}
.aside .thumbnails li img.thumb {
  margin: 0 0;
}

/* =[5.7] Misc
--------------------------------- */

.first {
  clear: both;
  margin-top: 0;
}
.last {
  border: 0;
  margin: 0;
}
.group {
  /* for rows of modules */
  clear: both;
  float: left;
  margin: 0 0 20px 0;
  overflow: hidden;
}
.hidden {
  display:none;
}
abbr.date{ 
  margin: 0 0 2em 0;
  border: none;
}
.summary { 
  clear: both;
}
.alert{ 
  font-weight: bold; 
}
p.alert {
  padding: 2px 8px;
  background: #fff;
  color: #202020;
}
#tertiary p,
.aside p {
  font-size: 1.1em;
  line-height: 1.4;
}
.aside li {
  margin: .2em 0 0.6em 0;
}
.aside li p {
  margin: 0;
  color: #6a6a6a;
}
.external {
  padding: 2px 0 2px 20px;
  background: url(/inc/img/ui/icon_external_link.png) left center no-repeat;
}


/* =[5.8] sIFR
--------------------------------- */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active #slug {
    font-size: 61px;
    line-height: 59px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    color: #deff00;
    overflow: hidden;
    visibility: hidden;
  }
  .sIFR-active .inner h1 {
    font-size: 42px;
    line-height: 42px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    color: #fff;
    overflow: hidden;
    visibility: hidden;
  }
}


/* ------------------------------------------------------------------------------- */
/*  =[6] LOCALISED */
/* ------------------------------------------------------------------------------- */


/* =[6.1] Layout variations
--------------------------------- */

body#about #primary,
body#radio #primary,
body#mixes #primary,
body#events .section #primary,
body#events .detail #primary {
  padding: 0;
  width: 600px;
}
body#mixes #primary .content {
  background: #202020;
}
body#mixes #primary h1,
body#events .section #primary h1,
body#events .detail #primary h1 {
  padding: 0 14px;
}
body#about #primary .content,
body#mixes #primary .content,
body#events .detail #primary .content,
body#events .section #primary .content {
  float: left;
  width: 370px;
  margin-left: 2px;
  padding: 0 14px;
}
body#events .detail #primary .content img,
body#mixes #primary .content img,
body#events .section #primary .content img {
  margin-left: -15px;
}
body#about #primary .aside,
body#mixes #primary .aside,
body#events .detail #primary .aside,
body#events .section #primary .aside {
  float: left;
  width: 172px;
  padding: 0 14px;
}


/* =[6.2] Homepage
--------------------------------- */

body#default h1 {
  position: absolute;
  left: -9999em;
}

body#default .group {
  width: 600px;
}
body#default #primary {
  float: right;
  padding: 0 0 0 2px;
  width: 398px;
}
body#default #primary .content {
  padding: 0 14px 2em 14px;
  width: 370px;
  background: #202020;
}
body#default #primary .content img {
  margin-left: -14px;
}
body#default #primary h2.mixes {
  padding: 0 14px;
}
body#default #primary p {
  margin-bottom: 0.2em;
}
body#default #primary h3 a {
  color : #deff00;
}
ul.artists li {
  text-transform: uppercase;
  margin: 0 0 .4em 0;
}
body#default h2.on-the-road {
  margin: 20px 0 10px 0;
}
body#default #twitter_div {
  padding: 20px 20px 20px 130px;
  border: 1px #333 solid;
  background: #202020 url(/inc/img/ui/quotes.gif) 45px 48% no-repeat;
}
body#default #twitter_div ol { 
  margin: 0 0 .4em;
  font-size: 1.2em;
}
body#default #twitter_div span { 
  display: block;
}
body#default #twitter_div a { 
  color: #deff00;
  display: none;
}
body#default #twitter_div span a { 
  color: #fff;
  display: inline;
}
body#default #twitter_div p { 
  font-size: 1em;
}
body#default #twitter_div p a { 
  display: inline;
}
body#default ol.recent {
  overflow: hidden;
  margin: 1em 0 0 0;
}
body#default ol.recent li {
  float: left;
  width: 185px;
  margin: 0 0 .3em 0;
}
body#default ol.recent li a {
  color : #deff00; 
}

/* =[6.3] News
--------------------------------- */

body#news #twitter_div {
  font-size: 1.2em;
}
body#news #twitter_div li {
  margin: 0 0 2em 0;
  padding: 0 0 0 9em;
  position: relative;
}
body#news #twitter_div a { 
  color: #a6a6a6;
  position: absolute;
  left: 0;
  top: 0;
}
body#news #twitter_div span a { 
  color: #deff00;
  position: relative;
}
body#news #secondary p {
  font-size: 1.1em;
  line-height: 1.4; 
}


/* =[6.4] About
--------------------------------- */

body#about #secondary p {
  font-size: 1.1em;
  line-height: 1.4; 
}


/* =[6.5] Mixes
--------------------------------- */

body#mixes .archive #primary ol li,
body#mixes .category #primary ol li {
  clear: both;
  overflow: hidden;
  margin: 2em 0;
}
body#mixes .archive #primary ol li a.image,
body#mixes .category #primary ol li a.image {
  float: left;
  width: 200px;
  text-align: center;
}
body#mixes .archive #primary ol li .summary,
body#mixes .category #primary ol li .summary {
  clear: none;
  float: right;
  padding: 0 14px;
  width: 372px;
}

body#mixes .category #primary ol li .summary h3,
body#mixes .category #primary ol li .summary p,
body#mixes .archive #primary ol li .summary h3,
body#mixes .archive #primary ol li .summary p {
  margin: 0;
}
body#mixes #primary .listen{
  border: 1px #333 solid;
  padding: 4px 8px 6px;
}


/* =[6.6] Events
--------------------------------- */

body#events img {
  float: left;
  margin-right: 13px;
}
body#events .description li {
  font-size:1.3em;
  line-height:1.35;
  opacity:0.99;
  font-weight: normal;
}
body#events .description li strong {
  color: #a6a6a6;
}
body#events .meta dt {
  position: absolute;
  left: -999em;
}
.location dd.street-address,
.location dd.extended-address,
.location dd.locality,
.location dd.postal-code {
  display: inline;
}
.location dd.org {
  display: block;
}
.location .email {
  padding:2px 0 2px 20px;
}
body#events #secondary p {
  font-size: 1.1em;
  margin: 0;
}
body#events #secondary p a {
  color: #999;
}
body#events .archive #primary {
  width: 572px;
  padding: 0 14px;
}
body#events .archive #primary ol {
  overflow: hidden;
  margin: 0 0 2em;
}
body#events .archive #primary li {
  clear: both;
  overflow: hidden;
  font-size: 1.2em;
  margin: 0 0 .4em;
}
body#events .archive #primary li.archive_year {
  margin: 1em 0 .4em;
}
body#events .archive #primary li .date  {
  float: left;
  width: 6.4em;
  margin: 0;
  color: #6a6a6a;
}
body#events .archive #primary .more {
  clear: both;
  margin-top: 2em;  
}
body#events .archive_list {
  margin: 0;
}

/* =[6.7] Artists/Agency/Management
--------------------------------- */

body#artists .directory #primary,
body#agency .directory #primary {
  padding: 0;
  width: 800px;
}
body#management .directory #primary {
  padding: 0;
  width: 600px;
}
body#artists .directory #primary .summary,
body#agency .directory #primary .summary {
  padding: 0 14px;
  width: 572px;
}
body#management .directory #primary .summary {
  padding: 0 14px;
  width: 372px;
}
/* grid-based 'polaroid' layout used in artists, agency, management landing pages */
.directory #primary .gallery {
  clear: both;
  float: left;
  width: 800px;
  overflow: hidden;
  margin: 0em 0  2.5em 0;
  padding: 0;
  background: url(/inc/img/ui/gallery.gif) 14px 0 repeat-y;
}
body#management .directory #primary .gallery {
  width: 600px;
}
.directory #primary .gallery li {
  float: left;
  margin: 0;
  padding: 0 14px;
  width: 172px;
  overflow: hidden;
  text-align: center;
  opacity: 1;
}
.directory #primary .gallery a {
  color: #202020;
  font-weight: bold;
  display: block;
  padding: 22px 0 16px;
}
.directory #primary .gallery img {
  float: none;
  display: block;
  margin: 0 auto .6em;
  border: 8px #eee solid;
}
.directory #primary .gallery a:hover img {
  border: 8px #ddd solid;
}
.directory #primary .gallery span {
  display: block;
  padding: 0 24px;
  font-size: 1.2em;
}

body#artists .detail #primary h1 {
  padding: 0 14px;
}
body#artists .detail #primary {
  width: 600px;
  padding: 0;
}
body#artists .detail #primary .content {
  float: left;
  width: 370px;
  margin-left: 2px;
  padding: 0 14px;
  background: #202020;
}
body#artists .detail #primary .content .figure {
  margin-left: -15px;
}
body#artists .detail #primary .aside {
  float: left;
  width: 172px;
  padding: 0 14px;
}
.email {
  padding: 2px 0 2px 20px;
  background: url(/inc/img/ui/icon_email.png) left center no-repeat;
}
.xls, .xlsx {
  padding: 2px 0 2px 20px;
  background: url(/inc/img/ui/icon_excel.png) left center no-repeat;
}
.doc, .docx {
  padding: 2px 0 2px 20px;
  background: url(/inc/img/ui/icon_word.png) left center no-repeat;
}
.pdf {
  padding: 2px 0 2px 20px;
  background: url(/inc/img/ui/icon_pdf.png) left center no-repeat;
}
.txt, .rtf {
  padding: 2px 0 2px 20px;
  background: url(/inc/img/ui/icon_text.png) left center no-repeat;
}
.zip, 
#downloads div {
  padding: 2px 0 2px 24px;
  background: url(/inc/img/ui/icon_zip.png) left center no-repeat;
}
#downloads div input.yab_cd_submit {
  font-size: 1.1em;
  border: none;
  margin: 0;
  padding: 0;
  text-align: left;
  background: none transparent;
  color:#13D0FF;
  opacity: .99;
  border-bottom: 1px #202020 solid;
}
#downloads div input:hover {
  border-bottom: 1px #13D0FF solid;
  cursor: pointer;
}


/* =[6.8] Subscribe
--------------------------------- */

body#subscribe #secondary dl,
body#subscribe #secondary p,
body#subscribe #tertiary dl {
  font-size: 1.1em;
  color: #6a6a6a;
  margin: 0 0 1.4em;
}

body#subscribe h2.landmark {
  text-transform: none;
  font-weight: normal;
  font-size:1.6em;
}
body#subscribe #ccoptin label {
  margin: 0;
  padding: 0 2em 0 0;
}
body#subscribe #ccoptin #email {
  width: 200px;
  margin: 1em .4em 0 0;
}
body#subscribe #ccoptin input.submit {
  margin: 0;
  padding:8px;
  border: none;
  background:#444;
  color:#111;
  font-size:1.1em;
}

/* =[6.9] Contact
--------------------------------- */

body#contact #secondary p {
  font-size: 1.1em;
}
body#contact form {
  width: 372px;
  margin: 0;
  padding: 0;
}
form fieldset {
  border: 0; 
  margin: 0; 
  padding: 0;
}
label {
  margin: 0;
  padding: 0;
  width: 372px;
  font-weight: normal;
  font-size: 12px;
}
label:hover {
  cursor: pointer;
}
input, textarea {
  border: 1px #ddd solid;
  margin: 0.3em 0 1.2em 0;
  padding: 6px;
  font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Heletica, Arial, sans-serif;
  font-size: 14px;
  background: #fff;
  color: #999;
}
input.zemText, textarea {
  width: 358px;
}
#spam-filter label,
#spam-filter input {
  float: left;
  width: auto;
  margin: 0 .5em 0 0;
}
#spam-filter  {
  float: left; 
  width: 300px;
  padding-top: 5px;
}
fieldset#submit input {
  float: right;
  margin: 0;
  padding:8px;
  border: none;
  background:#444;
  color:#111;
  font-size:1.1em;
}
#spam-filter input {
  border: 0;
  background: 0;
  padding: 0;
}
#phone, #mail{
  display:none;
}
.zemError {
  list-style: none;
  padding: 0;
  margin: 0 0 2.4em 0;
}

.zemError li strong {
  display: inline;
}
.zemError li {
  padding: 4px 0 4px 24px;
  background: url(/inc/img/ui/error.png) left center no-repeat;
}
.success  {
  float: left;
  width: 370px;
  height: 300px;
  padding: 0 0px 0 30px;
  background: url(/inc/img/ui/tick.png) left 0.2em no-repeat;
}

/* =[6.10] Radio
--------------------------------- */

body#radio #primary {
  padding: 0 14px;
  width: 572px;
}
body#radio #primary ol.teasers li {
  overflow: hidden;
}
body#radio #primary ol.teasers li h3 {
  float: left;
  width: 100px;
  margin-top: 0;
}
body#radio #primary ol.teasers li p {
  float: left;
  width: 472px;
  margin: 0;
}