/*===========================================================================
   Common CSS Stuff for Seven Thousand Oaks, (c) 2010

   Dominik Deak - dominikdeak.com - 25-04-2010
  ===========================================================================*/


/*-- Global --*/
body
   {
   display: block;
   margin: 0em;
   padding: 0em;
   font-family: sans-serif, "Trebuchet MS", Verdana, Arial, Helvetica;
   font-size: 0.75em;
   background: #FFFFFF;
   }

body .body_layer_01
   {
   width: 100%;
   float: left;
   }

body.news                 {background: #FFFFFF url("/images/background_news_02.jpg") scroll no-repeat top right;}
body.news .body_layer_01  {background: transparent url("/images/background_news_01.jpg") scroll no-repeat bottom right;}
body.festival             {background: #FFFFFF url("/images/background_festival.jpg") scroll no-repeat top center;}
body.catalogue            {background: #FFFFFF url("/images/background_catalogue.jpg") scroll no-repeat 90% top;}
body.suppliers            {background: #FFFFFF url("/images/background_suppliers.jpg") scroll no-repeat center 10em;}
body.resources            {background: #FFFFFF url("/images/background_resources.jpg") scroll no-repeat center 20em;}
body.about                {background: #FFFFFF url("/images/background_about_02.jpg") scroll no-repeat top right;}
body.about .body_layer_01 {background: transparent url("/images/background_about_01.jpg") scroll no-repeat bottom left;}

a         {text-decoration: none; color: #5900BC;}
a:visited {color: #A60046;}
a:active  {color: #A401FF;}
a:hover   {color: #A401FF;}

a img {border: none;}

h1 {font-size: 1.8em;}  /* Heading */
h2 {font-size: 1.4em;}  /* Section */           
h3 {font-size: 1.1em;}  /* Sub Section */           
h4 {font-size: 1em;}    /* Sub Sub Section */                        


/*-- Menu --*/
#menu
   {
   margin: 0.5em 0em 0em 40%;
   font-size: 1.3em;
/*background: pink;/**/
   }


/*-- Header --*/
#header 
   {
   display: block;
   margin: 2em 0em 0em 13%;
   padding: 0em;
   width: 220px;
   height: 144px;
   position: absolute;
   top: 0em;
   left: 0em;
   }

#header h1
   {
   display: block;
   margin: 0em;
   padding: 0em;
   }

#header h1 .text 
   {display: none;}

/*-- Content --*/
#content
   {
   display: block;
   margin: 0.5em 2%;
   padding: 1em;
   font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
   font-size: 0.95em;
/*background: orange;/**/
   }


/*-- Footer --*/
#footer
   {
   display: block;
   margin: 2em 0em 4em 0em;
   padding: 0.4em 0em;
   width: 100%;
   clear: both;
   float: left;
   text-align: center;
   font-weight: bold;
   font-size: 0.8em;
   color: #B0B0B0;
/*background: blue;/**/
   }

#footer img
   {
   margin: 1em 1em;
   }