/* 
   DUSZAMEDIA : MASTER STYLESHEET
   Colin Watts, Aug 07

   FOUNDATIONS                                                                                          FOUNDATIONS ::
---------------------------------------------------------------------------------------------------------------------- */

*
{
  margin:           0;
  padding:          0;
  border:           0;
  }
body
{
  background:       #111;
  font:             normal 62.5% Arial, Helvetica, sans-serif;
  text-align:       center;
  }
dl, ol, ul
{
  list-style-type:  none;
  }
a
{
  text-decoration:  none;
  color:            #999;
  }
div#wrapper
{
  width:            860px;
  margin:           0 auto;
  }
div.frame
{
  float:            left;
  width:            805px;
  background:       #222 url("../images/bg.jpg") repeat-y;
  text-align:       left;
  }
  
/* PRIMARY                                                                                                  PRIMARY ::
---------------------------------------------------------------------------------------------------------------------- */  
div#primary
{
  float:            left;
  width:            225px;
  }
div#logo
{
  float:            left;
  width:            225px;
  height:           160px;
  background:       #222 url("../images/logo.jpg") no-repeat;
  }
div#logo h1, div#logo h3
{
  text-indent:      -9999px;
  line-height:      1%;
  }
ul#navigation
{
  float:            left;
  width:            195px;
  position:         relative;
  left:             30px;
  }
ul#navigation li
{
  float:            left;
  width:            195px;
  margin-bottom:    4px;
  }
ul#navigation li a
{
  float:            left;
  padding-left:     15px;
  color:            #666;
  text-align:       left;
  font-size:        1em;
  text-transform:   uppercase;
  background:       transparent url("../images/bullet.gif") no-repeat 0 2px;
  }
ul#navigation li a:hover
{
  color:            #fff;
  background-image: url("../images/bullet_hover.gif");
  }

/* SHOWCASE                                                                                                SHOWCASE ::
---------------------------------------------------------------------------------------------------------------------- */
div#showcase
{
  float:            right;
  position:         relative;
  right:            15px;
  width:            550px;
  height:           580px;
  }
div#showcase h1
{
  margin:           20px 15px 0;
  font-size:        2.8em;
  color:            #F60;
  font-variant:     small-caps;
  }
div#showcase h1 a
{
  font-size:        .9em;
  color:            #FFF;
  background-color: #000;
  padding:          0 10px 3px;
  }
div#showcase h1 a:hover
{
  color:            #F60;
  }
div#showcase p
{
  padding-left:     16px;
  }

/* CONTENT                                                                                                  CONTENT ::
---------------------------------------------------------------------------------------------------------------------- */
div#content, div#contentfull
{
  float:            left;
  width:            400px;
  margin-top:       20px;
  padding-bottom:   8px;
  }
div#contentfull
{
  width:            530px;
  }
div#content h1, div#contentfull h1
{
  display:          none;
  }
div.frame h2
{
  clear:            left;
  padding-left:     20px;
  color:            #FF0;
  text-transform:   uppercase;
  font-weight:      normal;
  font-size:        1.3em;
  }
div.frame p
{
  clear:            left;
  font-size:        1.1em;
  line-height:      1.5em;
  padding:          0 20px 12px 20px;
  color:            #FFF;
  }
div.frame p.strapline, div.frame p span.highlight
{
  text-transform:   uppercase;
  font-size:        1.2em;
  line-height:      1.5em;
  color:            #999;
  }

div#content ol
{
  float:            left;
  width:            380px; /* FIX IE */
  w\idth:           350px;
  padding:          0 0 20px 30px;
  text-align:       left;
  color:            #FFF;
  }
div#content ol li ul
{
  width:            350px; /* FIX IE */
  w\idth:           320px;
  padding:          5px 0 10px 30px;
  list-style-type:  square;
  }
div#content ol li
{
  clear:            left;
  font-size:        1.1em;
  line-height:      1.5em;
  margin-top:       .5em;
  }
div#content ol li ul li
{
  font-size:        1em;
  }

/* FORMS                                                                                                      FORMS ::
---------------------------------------------------------------------------------------------------------------------- */
form, fieldset, div#content form ol, div#content form ol li, label
{
  float:            left;
  width:            360px;
  margin:           0;
  padding:          0;
  }
form
{
  margin:           0 0 20px 20px;
  display:          inline; /* FIX IE */
  }
div#content form ol li
{
  margin:           12px 0 0;
  }
label
{
  padding:          0 0 3px;
  text-transform:   uppercase;
  font-size:        .9em;
  color:            #FFF;
  }
label em
{
  font-style:       normal;
  font-size:        .8em;
  color:            #999;
  }
span.warning
{
  display:          block;
  float:            left;
  width:            190px;
  margin:           0 0 5px;
  text-transform:   uppercase;
  font-weight:      bold;
  color:            #C5090A;
  }
input.text, textarea
{
  float:            left;
  width:            360px; /* FIX IE */
  w\idth:           350px;
  padding:          5px 4px;
  border:           1px solid #999;
  background-color: #777;
  color:            #000;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.3em;
  }
li.warning input.text, li.warning textarea
{
  border-color:     #F00;
  }
input.text:focus, textarea:focus
{
  border:           1px solid #FFF;
  background-color: #999;
  }
button
{
  float:            right;
  margin:           20px 0 0;
  border:           1px solid #999;
  background-color: #222;
  padding:          4px 20px;
  text-transform:   uppercase;
  font-size:        1.2em;
  color:            #FFF;
  }
button:hover
{
  cursor:           pointer;
  border-color:     #FFF;
  background-color: #000;
  }

/* ALERTS                                                                                                    ALERTS ::
---------------------------------------------------------------------------------------------------------------------- */  
div.alert
{
  border:           2px solid #f30;
  width:            326px;
  float:            left;
  position:         relative;
  left:             20px;
  margin:           6px 0 20px 0;
  padding:          15px;
  font-size:        1.3em;
  line-height:      1.7em;
  font-weight:      bold;
  color:            #DDD;
  }

/* FOOTER                                                                                                    FOOTER ::
---------------------------------------------------------------------------------------------------------------------- */
ul#footer
{
  float:            left;
  width:            805px;
  margin-top:       2px;
  padding:          8px 0;
  background:       #000;
  border-bottom:    30px solid #111;
  }
ul#footer li
{
  float:            left;
  display:          inline;
  margin-left:      30px;
  font-size:        1.1em;
  color:            #666;
  }
ul#footer li.right
{
  float:            right;
  margin-left:      0;
  margin-right:     30px;
  }

/* TAGLINE                                                                                                  TAGLINE ::
---------------------------------------------------------------------------------------------------------------------- */
span#tagline
{
  float:            right;
  width:            31px;
  height:           578px;
  margin-top:       30px;
  background:       url("../images/tagline.jpg") no-repeat;
  }