/* =-=-=-=-[clarecomm2009 PRINT ]-=-=-=-=- */

  .base {color:#FBFBFB;}
  .dkblue {color:#15172A;}
  .purple {color:#912FFF;}
  .purple3 {color:#746D8B;}
  .green {color:#75F81B;}
  .ltgrey {color:#D8D8D8;}
  .cream {color:#EEECDD;}


/* =-=-=-=-=-=-=-[controls]-=-=-=-=-=-=-=- */

body, html
{
  background:#FFFFFF;
  color:#000000;
  margin:0;
  padding:0;
  letter-spacing:0.00em;
}

*
{
  margin:0;
  padding:0;
}

p, pre, fieldset, table
{
  margin:0.4em 0em;
}

.clear
{
  clear:both;
}

img
{
  border:0;
}

li
{
  padding-left:5px;
}

ol, ul
{
  padding-left:20px;
}

h1
{
  color:#CDCECE;
  font-size:1em;
  text-align:center;
}

h2, h3, h4, h5, h6
{
  font-weight:normal;
}

a
{
  text-decoration:none;
  outline-style:none;
}

a:focus, a:hover, a:active
{
  text-decoration:none;
  outline-style:none;
}

.floatl
{
  float:left;
  margin-left:1px;
  margin-right:20px;
}

.floatr
{
  float:right;
  margin-left:20px;
  margin-right:1px;
}

.tmb
{
  float:left;
  margin-bottom:4px;
  margin-right:4px;
}


/* =-=-=-=-=-=-=-[layout]-=-=-=-=-=-=-=- */

body
{
  min-width:1000px;
}

#content
{
  color:#000000;
  font-family: GillSans, Gill_Sans, Calibri, Trebuchet, sans-serif;
  width:1000px;
  margin:0px auto;
}

#colourme_content
{
  color:#000000;
  font-family:sans-serif;
  margin:1px auto;
}

#top
{
  background:#FFFFFF;
  min-height:120px;
  text-align:left;
  border-left:0px solid #D8D8D8;
  border-right:0px solid #D8D8D8;
}

#colourme_top
{
  background:transparent;
  min-height:120px;
  text-align:center;
  border-left:0px solid #D8D8D8;
  border-right:0px solid #D8D8D8;
}

#centrale
{
  background:#FFFFFF url(../design/shadow.png) no-repeat top;
  color:#EEECDD;
  border-left:0px solid #D8D8D8;
  border-right:0px solid #D8D8D8;
  min-height:200px;
  padding:40px 0px 0px 0px;
}

#basso
{
  display:none;
}

#basso_w
{
  display:none;
}

#basso_p
{
  display:none;
}

#basso_v
{
  display:none;
}

#uno
{
  background:transparent;
  color:#AFADA3;
  float:left;
  padding:20px;
  margin-left:30px;
  width:420px;
  min-height:170px;
  font-size:1.6em;
  line-height:1.2em;
  text-align:center;
}

#uno h2.web
{
background:transparent url(../design/w1.png) no-repeat scroll left top;
}

#due
{
  background:transparent;
  color:#15172A;
  float:left;
  padding:20px;
  margin-left:148px;
  width:261px;
  min-height:400px;
  font-size:1.0em;
  line-height:1.2em;
}

#due h2
{
  font-size:1.8em;
  font-weight:bold;
  overflow:hidden;
  text-indent:-5000em;
  width:281px;
  margin-top:10px;
  margin-bottom:10px;
  min-height:57px;
}

#due h2.news
{
background:transparent url(../design/news.png) no-repeat scroll left top;
}

#due h3
{
  font-size:0.86em;
  text-indent:1.5em;
}

#tre
{
  display:none;
}

#quattro
{
  background:transparent;
  color:#AFADA3;
  float:left;
  padding:20px;
  margin-left:30px;
  width:370px;
  min-height:170px;
  font-size:0.86em;
  line-height:1.6em;
  text-align:justify;
}

#cinque
{
  background:transparent;
  color:#15172A;
  float:left;
  margin-top:40px;
  width:510px;
  min-height:291px;
}

#search
{
  background:transparent url(../design/2.png) no-repeat;
  color:#000000;
  font-size:0.8em;
  text-align:right;
  height:35px;
  width:776px;
  margin-top:4px;
  padding-top:0px;
  padding-right:0px;
  margin-left:27px;
  text-transform:uppercase;
}

#gallery
{
  background:transparent;
  color:#AFADA3;
  float:left;
  padding:20px;
  margin-left:30px;
  width:900px;
  min-height:170px;
  font-size:0.86em;
  line-height:1.6em;
  text-align:justify;
}

/* =-=-=-=-=-=-=-[typography]-=-=-=-=-=-=-=- */

.seven
{
  font-size:0.7em;
}


.eight

{
  font-size:0.8em;
}

.nine
{
  font-size:0.9em;
}

.ten
{
  font-size:1.0em;
}

.twelve
{
  font-size:1.2em;
}

.fifteen
{
  font-size:1.5em;
}

.eighteen
{
  font-size:1.8em;
}

.twenty
{
  font-size:2.0em;
}

.twentyone
{
  font-size:2.1em;
}

.bold
{
  font-weight:bold;
}

.italic
{
  font-style:italic;
}

.serif
{
  font-family:Georgia,serif;
}

.justify
{
   text-align:justify;
}

.right
{
   text-align:right;
}

.left
{
  text-align:left;
}

.center
{
  text-align:center;
}

.capitalize
{
  text-transform:capitalize;
}

.uppercase
{
  text-transform:uppercase;
}

blockquote
{
  font-family:'American_Typewriter',Georgia,serif;
  font-size:2.2em;
  display:block;
}

cite.comments
{
  font-size:2.0em;
}

.gill
{
  font-family: GillSans, Gill_Sans, Calibri, Trebuchet, sans-serif;
}

/* =-=-=-=-=-=-=-[specifics]-=-=-=-=-=-=-=- */

#topmenu
{
  display:none;
}

#topmenu a
{	
  color:#FBFBFB;
}


#topmenu a:focus
{
  color:#75F81B;
}


#topmenu a:hover
{
  color:#75F81B;
}


#topmenu a:active
{
  color:#75F81B;
}

#story
{
  float:left;
  margin-top:10px;
}


#story p
{
  margin:0em;
}
 

#story a
{
  color:#75F81B;
}

#story a:focus
{
  color:#15172A;
}

#story a:hover
{
  color:#15172A;
}

#story a:active
{
  color:#15172A;
}

#story h3
{
  font-size:1.0em;
  font-weight:bold;
  text-transform:capitalize;
}

#story li
{
  display:inline;
  float:left;
  width:200px;
  padding-right:20px;
}

#story li a
{	
  color:#75F81B;
}

#story li a:focus
{
  color:#15172A;
}

#story li a:hover
{
  color:#15172A;
}

#story li a:active
{
  color:#15172A;
}

#story ul 
{
  padding-left:0px;
}

#article
{
  color:#15172A;
  margin-left:30px;
  width:330px;
  min-height:200px;
  font-size:0.92em;
  padding:20px;
}

#article h3
{
  font-size:2.6em;
  font-family: GillSans, Gill Sans, Calibri, Trebuchet, sans-serif;
  text-transform:capitalize;
  margin:20px 0px 14px 2px;
}

#article .excerpt
{
   font-family: GillSans, Gill Sans, Calibri, Trebuchet, sans-serif;
  color:#746D8B;
  font-size:1.6em;
  margin:0px 0px 6px 3px;
}

#article a
{
  color:#912FFF;
}

#article a:focus
{
  color:#75F81B;
}

#article a:hover
{
  color:#75F81B;
}

#article a:active
{
  color:#75F81B;
}

#article a.breadcrumbs
{
  color:#75F81B;
  font-size:0.9em;
}

#footer
{
  display:none;
}

#foot
{
  padding-top:16px;
}

#foot a
{
  color:#FFFFFF;
}

#foot a.valid
{
  color:#FECB65;
}

#explore
{
  background:transparent url(../design/explore2.png) no-repeat;
  height: 60px;
  width: 256px;
  margin-left:274px;
  padding:0;
}

#explore a
{
  display:block;
}

#explore img
{
  width:100%;
  height:100%;
  border:0;
}

#explore a:focus img
{
  visibility:hidden;
}

#explore a:hover img
{
  visibility:hidden;
}

#explore a:active img
{
  visibility:hidden;
}

#tryout
{
  background:transparent url(../design/tryout2.png) no-repeat;
  height: 60px;
  width: 256px;
  margin:300px 0px 0px 180px;
  padding:0;
}

#tryout a
{
  display:block;
}

#tryout img
{
  width:100%;
  height:100%;
  border:0;
}

#tryout a:focus img
{
  visibility:hidden;
}

#tryout a:hover img
{
  visibility:hidden;
}

#tryout a:active img
{
  visibility:hidden;
}

#welcome
{
  float:left;
  margin:50px 0px 0px 40px;
}

#recipe
{
  background:transparent;
  color:#E1BA5B;
  font-size:0.75em;
  width:340px;
  margin:20px 0px 0px 100px;
  min-height:180px;
  float:left;
}

#recipe ol
{
  width:250px;
  margin:0px 0px 30px 30px;
}

#recipe li
{
  padding-bottom:7px;
}

#tv
{
  background:transparent url(../design/tv.jpg) no-repeat;
  color:#000000;
  border:0px;
  width:330px;
  height:219px;
}

/* =-=-=-=-=-=-=-[single]-=-=-=-=-=-=-=- */

.logolink
{
  margin-top: 40px;
}

.smd_switcher
{
  float:left;
  margin:26px 0px 0px 14px;
}

.smd_switcher a
{
  color:#15172A;
}

.smd_switcher a:focus
{
  color:#75F81B;
}

.smd_switcher a:hover
{
  color:#75F81B;
}

.smd_switcher a:active
{
  color:#75F81B;
}

.smd_currstyle
{
  color:#912FFF;
  font-weight:bold;
  text-transform:uppercase;
}

#console
{
  background:transparent url(../design/colourmetab.png)
  no-repeat top;
  float:left;
  width:228px;
  font-size:0.75em;
  margin-top:7px;
  min-height:465px;
  display:none;
}

#console table
{
  margin-left:20px;
  margin-top:40px;
  border:groove 2px #FFFFFF;
  padding: 0px 5px;
  min-width:200px;
}

#console td
{
  padding-bottom:6px;
}

#console_button
{
  float:left;
  margin-top:7px;
}

#photo
{
  position:absolute;
  top:-125px;
  left:250px;
}

#bowl
{
  z-index:1;
  position:absolute;
  margin:33px 0px 0px 300px;
}

#swatch
{
  min-height:120px;
}

.swatch
{
  float:left;
  height:10px;
  width:47px;
  margin:3px;
  padding:2px;
  border:1px dashed #15172A;
}

.miniswatch
{
  float:left;
  height:10px;
  width:10px;
  margin:0px;
  padding:2px;
}

.miniswatch_box
{
  background:transparent url(../design/mini_bkg.png) no-repeat;
  color:#15172A;
  min-height:206px;
  margin-top:20px;
  padding:30px;
  font-size:0.8em;
}

.datestamp
{
  font-size:90%;
}

#due a
{
  color:#15172A;
}

#due a:focus
{
  color:#75F81B;
}

#due a:hover
{
  color:#75F81B;
}

#due a:active
{
  color:#75F81B;
}