/*******************/
/* --- GENERAL --- */
/*******************/
* {
   padding:0;
   margin:0;
   border:0;
}

body {
   background: #fff;
   font-family: "Trebuchet MS" Verdana, Arial, sans-serif;
   font-size: 75%;
   line-height: 1.5em;
}

a {
   color: #960;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

/******************/
/* --- LAYOUT --- */
/******************/
#wrap {
   margin: 20px auto;
   width: 780px;
   background: #fff url('bg-middle.jpg') repeat-y;
}

#top {
   background: #fff url('bg-top.jpg');
   height: 22px;
}

#header {
   width:720px;
   margin:auto;
   margin-top:0;
   height: 100px;
   background:#F2DE00;
}

#page {
   padding-top:10px;
   margin:auto;
   width:720px;
}

#main {
   float: left;
   width: 435px;
   margin-right:30px;
}

#sidebar {
   float: left;
   width: 240px;
   border-left:1px dotted black;
   padding-left:8px;
}

#center {
   text-align:center;
   margin: 20px 0px;
}

#footer {
   width:780px;
   text-align: center;
   color: #666;
   min-height:40px;
   font-size:0.8em;
   padding-top:20px;
   background: #fff url('bg-bottom.jpg') top left no-repeat;
}

#header:after, #main:after, #sidebar:after, #footer:after {
   clear:both;
   content:'.';
   display:block;
   height:0;
   visibility:hidden;
}


/**********************/
/* --- FORMATTING --- */
/**********************/
#header h1 {
   padding-left: 17px;
   padding-top: 22px;
   font-size:180%;
   margin-bottom:0;
   color: #000;
}

#header h2 {
   padding-left:17px;
   padding-top:3px;
   font-size: 140%;
   color: #FFF;
}

#main h1 {
   color:#960;
   font-size:140%;
   margin-bottom:1em;
}

#main p {
   color:#000;
   font-size:100%;
   margin-bottom:1.5em;
}

#main ul {
   margin-left:3em;
   margin-bottom:1.5em;
}

#main blockquote {
   margin-left:4em;
   padding-left:0.5em;
   margin-bottom:1.5em;
   border-left:2px solid black;
}

#sidebar h1 {
   color:#960;
   font-size:130%;
   margin-bottom:1em;
}

#sidebar p {
   color:#333;
   font-size:90%
   margin-bottom:1.5em;
}

#sidebar img.border {
   border:1px solid #000;
}

#sidebar ul {
   padding: 20px 0 15px 20px;
   margin:0;
}

#sidebar li {
   margin-bottom:5px;
   list-style-type: square;
   color: #960;
}