/* PAGE LAYOUT */

html, body, #wrap { height: 100%; margin: 0; padding: 0; }

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 30px;}  /* must be same height as the footer */

#footer {
   position: relative;
   background: url(img/footer.png) no-repeat 0% 0%;
   clear: both
   height: 30px;
   margin-top: -10px; /* negative value of footer height */
   margin-left: auto;
   margin-right: auto;
   padding: 10px 0;
   text-align: center;
   width: 960px;
} 

#wrap { background: url(img/cork.jpg) repeat 0% 0%; margin: 0 auto; width: 960px; }

#header {
   padding: 0 0 20px 60px;
   width: 900px;
}

#header h1 {
   color: #e6b27c;
   display: block;
   font-weight: bold;
   font-size: 60px;
   letter-spacing: 1px;
   line-height: 1.1em;
   margin: -69px 0 0 0;
}

#header span {
   color: #f4e4d3;
   display: block;
   font-size: 60px;
   font-weight: bold;
   line-height: 1.1em;
   padding: 0 0 0 0;
   letter-spacing: 1px;
   margin: -1px 0 0 -1px;
}

#header b {
   color: #724c1f;
   display: block;
   font-size: 60px;
   font-weight: bold;
   line-height: 1.1em;
   padding: 10px 0 0 0;
   letter-spacing: 1px;
   margin: -71px 0 0 2px;
}

#content { 
   background: #f6f6f6 url(img/torn.jpg) no-repeat left bottom;
   color: #000;
   float: left; 
   padding: 20px 60px 40px 20px; 
   width: 540px; 
}

#sidebarLeft { float: left; padding: 0 20px 40px 60px; width: 200px; }

.clearfix:after  { content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden; }

.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* MENUS */

#navTop { 
   background: url(img/top.png) no-repeat 0% 0%;
   height: 30px;
   padding: 20px 0 0 50px; 
   margin: 0 0 0 0; 
   width: 910px; 
}

#navTop li { display: inline; list-style: none; margin: 0; }
#navTop li a, #navTop li a:link { color: #f4e4d3; font-size: 1.2em; padding-right: 10px; }

/* STYLES AND COLORS */

body { 
   background: url(img/bg.png) repeat fixed 0% 0%;
   color: #fff;
   font: normal 13px/18px verdana, arial, sans-serif; 
   padding-top: 30px;
   word-spacing: 0.15em;
}

h1, h2, h3, h4, h5, h6 {
   color: #000;
   font-weight: normal;
   letter-spacing: 1px; 
   line-height: 1.1em;
   margin: 0; 
}


h2 { color: #000; font: normal 250% Arial, Helvetica, Sans-Serif; }
h3 { font: normal 150% Arial, Helvetica, Sans-Serif; }
h4 { font: bold 130% Arial, Helvetica, Sans-Serif; }

#content p { margin: 9px 0; }

a, a:link, a:active, a:visited { color: #c00; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

ul { list-style-type: square;  }

blockquote { 
   background: transparent url(img/blockquote.gif) no-repeat 0 0;
   font-size: 110%; 
   font-style: italic; 
   letter-spacing: 1px;
   padding-left: 42px; 
}

code, pre { color: #090; }

small { font-size: 85%; }

big { color: #c00; font-size: 130%; font-style: italic; letter-spacing: 1px; }

.polaroid { 
   background: #f6f6f6 url(img/stripe.png) no-repeat top center;
   border-bottom: 2px solid #ccc;
   height: 270px;
   margin-bottom: 9px;
   margin-top: 0;
   padding-top: 20px;
   width: 210px;
}

.polaroidImage { 
   background-color: #000;
   border-right: 2px solid #ccc;
   border-bottom: 2px solid #ccc;
   color: #fff;
   height: 212px;
   margin: 0 10px;
   text-align: center;
   width: 188px;
}

.note {
   background: url(img/bg_note.png) repeat-y left bottom;
   color: #000;
   font-size: 12px;
   margin: -4px 0 0 0;
   *margin: -3px 0 0 0;
   padding: 5px 10px 0 10px;
   width: 190px;
}

.note p { line-height: 18px; margin: 0; padding: 0; }

a img {
border:0;
}