/* tabbed - a free web template by spyka webmaster
   http://www.spyka.net
*/

/* page */
html, * {
   padding:0;
   margin:0;
}
body {
   background-color:#670204;
   margin:60px auto 0 auto;
   font-size:1.0em;
   color:#215E21;
   font-family:Geneva, Arial, Helvetica, sans-serif;
}

/* headers */
h1 {
   font-size:2.4em;
   text-align:center;
   padding-top:20px;
   color:#ffffff;
}
h2 {
   color:#215E21;
}
h3 {
   font-size:1.3em;
   font-weight:normal;
   color:#215E21;

}
h4 {
   background-color:#670204;
   font-family:"Trebuchet MS", Verdana, Arial;
   padding:5px;
   color:#FFFFFF;
}

/* paragraphs */
p {
   margin:2px 0 15px 0;
   line-height:1.3em;
}

/* links */
a {
   color:#215E21;
   text-decoration:underline;
   font-weight:bold;
}
a:hover {
   color:#670204;
}
div#footer a {
   color:#ffffff;
   border-bottom:none;
   text-decoration:underline;
}
div#footer a:hover {
   background-color:transparent;
}
div#sidebar ul li a { 
   color:#670204;
   text-decoration:none;
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:1.1em;
}
div#sidebar ul li a:hover {
   color:#ffffff;
   background-color:#670204;
}

/* lists */
ul, ol {
   margin:0 0 5px 30px;
}

/* comments */
comments {
   width:50%;
   display:block;
   color:#ffffff;
   border:1px solid #D46349;
   background-color:#670204;
   padding:15px;
   margin:5px;
}
signature {
  float:right;
}

/* forms */
form {
   padding:10px 0;
   width:50%;
}
form fieldset {
   border:none;
   border-top:1px solid #CCCCCC;
   border-bottom:1px solid #CCCCCC;
   padding:5px;
}
form fieldset legend {
   margin-left:-8px;
   font-weight:bold;
   color:#D46349;
   font-size:0.8em;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}
form label {
   font-weight:bold;
}
form input, form select, form textarea {
   padding:4px;
   color:#D46349;
   font-size:0.9em;
   font-family:"Trebuchet MS", Verdana, Arial;
}
form input.button {
   font-weight:bold;
   color:#D46349;
   background-color:#E8AA9C;
   border:none;
}
   
/* container, header and nav */
div#container {
   width:95%;
   padding:0px 2px;
   margin:0px auto;
}

div#header {
   height:120px;
   padding:10px;
}

.headerimg {
   Background-image:url('images/header.jpg');
   background-repeat:no-repeat;
   background-position:top left;
}

div#sitename {
   color:#ffffff;
   text-align:center;
   float:center;
   width:60%;

}

div#header p {
   text-align:center;
   padding:0;
   margin:0;
   font-size:0.8em;
   color:#ffffff;
}
ul#nav {
   width:96%;
   float:left;
   height:34px;
   margin:0;
   padding:96px 0 0 0;
}
ul#nav li {
   display:block;
   float:left;
   background-image:url('images/right-unselected.gif');
   background-repeat:no-repeat;
   background-position:top right;
   margin-left:2px;
}
ul#nav li a {
   float:left;
   border:none;
   padding:9px 15px;
   height:34px;
   font-size:1em;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#ffffff;
   text-decoration:none;
   display:block;
   background-image:url('images/left-unselected.gif');
   background-repeat:no-repeat;
   background-position:top left;
}
ul#nav li.selected {
   background-image:url('images/right-selected.gif');
}
ul#nav li.selected a {
   color:#670204;
   background-image:url('images/left-selected.gif');
}
ul#nav li a:hover {
   background-color:transparent;
}

/* content */
div#content {
   padding:20px 10px 0 10px;
   background-color:#ba8960;
}
div#page {
   width:67%;
   float:left;
}
div#sidebar {
   width:28%;
   float:right;
}
div#sidebar p {
   padding:3px 5px;
   font-family:Geneva, Arial, Helvetica, sans-serif;
}
div#sidebar ul {
   list-style:none;
   margin:7px 12px;
}
div#sidebar ul li {
   padding:3px 0;
}

/* footer */
div#footer {
   padding:5px 5px 5px 5px;
   background-color:#215E21;
   color:#ffffff;
}
div#footer p {
   font-size:0.7em;
   font-family:"Trebuchet MS", Verdana, Arial;
   text-align:center;
   margin:0;
   padding:5px;
}

/* generic classes */
.bold {
   font-weight:bold;
}
.clear {
   clear:both;
}

