/*
Theme Name: Noble Folk
Theme URI: http://www.cosmichandmade.com
Version: 1.0
Description: Left sidebar - Fixed width 800
Author: Caroline Hofstede
Author URI: http://www.cosmichandmade.com
*/


/*----------------------
  Basics
  ---------------------*/

*{
margin:0;
padding:0;
}

Body {
margin:0 auto;
padding:0;
font-family: "verdana", arial, geneva, trebuchet ms, sans-serif;
font-weight: normal;
font-size: 76%;
color:#5F5D59;
background:#898380 url(images/bg1-brown.gif) repeat fixed;
text-align:center;
}

p{
margin:15px 0;
padding:0;
line-height: 1.3em;
}


blockquote{
margin:15px 15px 15px 0;
padding:10px 15px;
line-height: 1.5em;
background:#EEE3CA;
border:1px solid #DBC9A4;
}

blockquote.quote{
margin:15px auto;
line-height: 1.5em;
font-weight:normal;
font-style:italic;
text-align:center;
background:none;
border:none;
}


/*----------------------
  Headings
  ---------------------*/
h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
font-family:"trebuchet ms", verdana, arial, geneva, sans-serif;
font-weight: bold;
font-size: 1em;
color:#998877;
text-align:left;
}

h1{
padding:0 0 2px 0;
color:#5F5D59;
font-size: 1.3em;
}

h2{
margin:0 0 4px 0;
font-size: 1.3em;
}

h3{
margin:0 0 4px 0;
font-size: 1.2em;
color:#A07577;
}

h4{
margin:0 0 4px 0;
font-size: 1em;
}

/*----------------------
  Links
  ---------------------*/

a, a:link{
font-weight:bold;
color:#605C5A;
text-decoration:none;
outline:none;
}

a:hover {
font-weight:bold;
color:#B9AA8F;
text-decoration:none;
}

a.up {
padding-left: 15px;
background: url(images/bulletarrow.gif) no-repeat;
background-position: center left;
}


/*----------------------
  Images
  ---------------------*/

a img{
border:0px none;
margin:0;
padding:0;
}

.ileft{ 
float: left; 
padding:0 10px 0 0;
}

.iright{
float: right; 
padding:0 0 0 10px;
}

.icenter{
display: block;
text-align: center;
margin: 5px auto;
padding: 5px 0;
}

.avatar{
float: left;
display:inline;
width:80px;
height:80px;
margin: 0;
padding:0 8px 0 0;
background: url(images/avatar.gif) no-repeat; 
}

.icon{
float: left;
display:inline;
margin: 6px 0 0 0;
width:55px;
height:55px;
padding:0x 6px 0 0;
text-align:center;
background: url(images/crest1N.gif) no-repeat; 
}


/*----------------------
  Lists
  ---------------------*/

ul{
margin:0;
padding:0;
text-decoration:none;
}

ol{
margin:0;
padding:0;
text-decoration:none;
}

li{
margin:0;
padding:0;
line-height:1.3em;
text-decoration:none;
}

.dot{
margin:0;
padding:0;
list-style-image: url('images/bullet.gif');
list-style-type: disc;
}


/*----------------------
  Main holders
  ---------------------*/

#page {
width:800px;
margin: 0 auto;
padding:0;
background:url(images/bgouter-brown.gif) repeat-y;
border:0px solid #ccc;
}

#wrapper {
width:770px;
margin: 0 auto;
padding:0;
background:url(images/bg8-creme.gif) repeat;
border:0px solid #ccc;
}

/*----------------------
  Header
  ---------------------*/

#header{
width:800px;
height:220px;
margin:0 auto;
padding:10px 0 0 0;
background:url(images/xxx.gif) repeat-x bottom right;
}

#headerimg{
width:100%;
height:220px;
margin: 0 auto;
padding:0;
background:url(images/topframe220-brown.gif) no-repeat bottom center;
}

#header h1{
margin:0;
padding:25px 0 0 150px;
font-family: "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
font-size:2.4em;
text-align:left;
}

#header h1 a{color:#5F5D59;}
#header h1 a:hover{color:#B9AA8F;}

.description{
margin:0;
padding:0 0 0 150px;
font-family: "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
font-size:1.2em;
font-style:italic;
font-weight:normal;
color:#5F5D59;
text-align:left;
}

/*----------------------
  Navigation - top
  ---------------------*/

#topmenu{
width:770px;
margin:0 auto;
padding:4px 0;
height:22px;
font-family: "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
text-align: center;
background:url(images/line2a.gif) repeat-x bottom center;
border-bottom:0px solid #DED0AF;
}

#topmenu ul{
margin:0;
padding:0;
}

#topmenu ul li{
margin:0;
padding:0;
display: inline;
list-style-type: none;
}

#topmenu ul li a, #topmenu ul li a:link{
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
margin:0;
padding: 0 18px;
text-decoration: none;
background:url(images/bullet1-brown.gif) no-repeat center left;
border:0px solid #848B9A;
}

#topmenu ul li a:hover{
text-decoration: none;
background:url(images/bullet1-creme.gif) no-repeat center left;
border:0px solid #BEAC82;
}


/*----------------------
  Sidebar - left
  ---------------------*/

#sidebar{
width:220px;
float:left;
margin:0;
padding:0;
background: url(images/xxx.gif) repeat-y top right;
border-right:0px solid #D2BD91;
}

/*----------------------
  Menu sidebar
  ---------------------*/
.menu{
text-align:left;
padding:0;
margin:0 10px;
font-size:0.9em;
}

.menu p{
margin:0;
padding: 5px 0;
text-align:left;
}

.menu a, .menu a:hover {
text-decoration:none;
font-weight: normal;
}

.menu h2{
margin:0 0 4px 0;
padding:5px 0 0 26px;
text-align:left;
background:url(images/bullet3.gif) no-repeat center left;
border-bottom:2px solid #DBC9A4;
}

.menu ul li{
margin:20px 0;
padding: 0;
list-style:none;
}

.menu ul ul li{
margin:0;
padding:2px 0;
list-style:none;
}

.menu ul ul ul{
margin:0;
padding:1px 0;
list-style:none;
}

.menu ul ul ul li{
margin:0 2px 0 17px;
padding:2px 0;
color:#B5AC93;
list-style-image: url(images/xxx.gif);
list-style-type: square;
}

/*----------------------
  Content
  ---------------------*/

#content {
float: right;
width: 500px;
margin: 0;
padding:15px 25px;
text-align:left;
}

#content .post {
height:15px;
margin:0 0 10px 0;
padding:0;
font-style:italic;
background:url(images/xxx.gif) no-repeat bottom center;
border-bottom:0px dotted #eee;
}


#content a, #content a:link{
font-weight: bold;
text-decoration:none;
border-bottom:1px solid #DBC9A4;
}

#content a:hover{
font-weight: bold;
text-decoration:none;
}

#content ul{
margin: 0 0 10px 20px;
padding:0;
}

#content ol{
margin: 0 0 10px 30px;
}


/*----------------------
  Footer
  ---------------------*/

#footer {
clear:both;
width:100%;
margin:0;
padding:5px 0;
font-size: 0.9em;
background:url(images/line2.gif) repeat-x top center;
border-top: 0px none;
}

#footer p {
padding:5px;
margin:0;
text-align:center;
}


/*----------------------
  Other
  ---------------------*/

.fillerhouse{
width:100%;
height:220px;
margin:0 auto;
padding:0;
display:block;
color:inherit;
background:url(images/tophouselong.gif) repeat-x bottom right;
border-bottom:1px solid #605C5A;
}

.fillerclock{
width:100%;
height:120px;
margin:0 auto;
padding:0;
display:block;
color:inherit;
background:url('images/misc-clock.gif') no-repeat bottom left;
}


.fillerfooter{
width:100%;
height:15px;
margin:0 auto;
padding:0;
display:block;
color:inherit;
background:url(images/bottom-brown.gif) no-repeat bottom center;
}

.divider{
width:100%;
height:5px;
margin:0 auto 15px auto;
padding:0;
text-align:center;
display:block;
background:url(images/line2a.gif) repeat-x bottom center;
border-bottom:0px solid #CAB997;
}

.dividerline{
clear:both;
margin: 4px 0;
padding:4px 0;
border-top: 2px solid #DBC9A4;
text-align:center;
}

hr {display: none;}

.center {text-align:center}
.left {text-align:left;}
.right{text-align:right;}

.small {font-size:0.8em;}
.large {font-size:1.3em;}
.bold {font-weight:bold;}

/*---  Table for background graphics ---*/

#tablebg {
width:100%;
margin:0 auto;
padding:0;
border-collapse:collapse;
border:1px solid #5F5D59;
text-align:center;
}

#tablebg th {
padding:0;
background:transparent;
border: 1px solid #5F5D59;
color:inherit;
}

#tablebg td {
width:7%;
height:40px;
padding:0;
background:transparent;
color:inherit;
border: 1px solid #5F5D59;
}