/*
Theme Name: La Vita Naturale
Theme URI: http://www.lavitanaturale.eu
Date: November 2008
Description: 2 column layout
Author and copyright: Caroline Hofstede
Author URI: http://www.cosmichandmade.com
*/

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

*{ 
padding: 0; 
margin: 0; 
border: 0; 
} 

Body {
margin:0 auto;
padding:10px 0 0 0;
font-family: "verdana", trebuchet ms, arial, geneva, sans-serif;
font-weight: normal;
font-size: 76%;
color:#333;
background:#585858;
text-align:center;
}

/*----------------------
  Paragraph
  ---------------------*/

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

p.pad{
display:block;
margin:5px 0;
padding:10px 0;
}

p.dotted {
padding:5px;
outline-style:dotted;
outline-color:#E7E7E7;
}

p.dashed {
outline-style:dashed;
outline-color:#E7E7E7;
}

p.thumbs {
width:590px;
margin: 0 auto 20px auto;
padding:5px;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}

p.postit {
display:block;
width:100%;
margin:10px auto;
padding:10px;
background:#ffc;
}

p.postit a{}
p.postit a:hover{}

blockquote{
margin:0 0 10px 0;
padding:10px;
border: 1px solid #E7E7E7;
}

blockquote p{
margin:0;
padding:5px 0;
border: 0px solid #E7E7E7;
}

blockquote.magazinequote{
float:right;
width:150px;
margin:0.1em auto;
padding:1em;
font-style: italic;
font-family:"Georgia", Arial, Serif;
font-size:1.3em;
color:#737373;
background:transparent;
border: 0px solid #eee;
}

blockquote.magazinequote p{
margin:0;
padding:4px;
}

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

h1{
margin-top:15px;
font-size: 1.5em;
}

h2{font-size: 1.2em;}
h3{font-size: 1.1em; color:#333333;}

.header{
margin:15px 0 5px 0;
padding:2px 5px 2px 0;
text-align:left;
color:#c3c3c3;
letter-spacing:0.05em;
text-transform:uppercase;
background: transparent;
border-bottom: 1px solid #eee; 
}

.title{
font-family: Georgia, serif;
font-size: 1.1em;
font-style: italic;
color:#D3B356;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

.title-big{
font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

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

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

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

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

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

a.external{
background: url(../images/xxx.gif) no-repeat center left;
padding: 0 0 0 20px;
} 

#top{}/*top of page*/

p.quicklinks{
padding:10px 0;
text-align:right;
font-size:0.9em;
font-weight:normal;
color:#B38A0F;
border-top:0px solid #eee;
border-bottom:0px solid #eee;
}

p.quicklinks a{
padding: 0 10px;
font-size:0.9em;
font-weight:normal;
background: url(../images/xxx.gif) no-repeat center left;
}

p.quicklinks a:hover{
padding: 0 10px;
font-size:0.9em;
font-weight:normal;
background: url(../images/xxx.gif) no-repeat center left;
}

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

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

.ileft{ 
float: left; 
padding:2px 6px 2px 0;
}

.iright{
float: right; 
padding:4px 6px 4px 8px;
}

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

.ileftB{ 
float: left; 
padding:4px;
margin:2px 8px 2px 0;
background:#fff;
border:1px solid #eee;
}

.irightB{
float: right; 
margin:2px 0 2px 8px;
padding:4px;
background:#fff;
border:1px solid #eee;
}

.icenterB{
display: block;
text-align: center;
margin: 5px auto;
padding: 4px;
background:#fff;
border:1px solid #eee;
}

.iborder{
padding:4px;
margin:0;
background:#fff;
border:1px solid #eee;
}

.thumbnail {
float:right;
width:100px;
margin: 0 0 0 10px;
padding:5px;
position:relative;
z-index:9999;
border: 1px solid #eee;
background:#fff;
}

.thumbnail img {
border: 1px solid #eee;
}

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

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

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

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

.bullet{
list-style-image: url('../images/bullet.gif');
list-style-type: circle
}

/*----------------------
  definition list
  ---------------------*/

dl{
margin: 0;
padding: 10px 0;
}

dt{
margin: 0;
padding: 0;
font-weight: bold;
}

dd{
margin: 0 0 1em 0;
padding: 0;
}

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

#links-wrap {margin: 0 0 1.5em;font-size:92%}
#links-wrap dt, #resultslist-wrap dl {margin: 0}
#links-wrap dt {font: bold 85% arial;padding: 3px 0}
#links-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
#links-wrap li dd {font: normal 73% arial}
#links-wrap li dl {margin:0}
#links-wrap dd {line-height:1.5}
#links-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}


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

#page {
width:900px;
margin: 0 auto;
padding:0 15px;
background:#fff;
border:0px solid #eee;
}

#wrapper {
width:100%;
margin: 0 auto;
padding: 0 ;
background:#fff;
border:0px solid #eee;
}

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

#header{
width:100%;
height:305px;
margin:0 auto;
padding:10px 0 10px 0;
background:#fff;
border:none;
}

#headerimg{
width:100%;
height:305px;
margin:0 auto;
padding:10px 0 10px 0;
background:url('../images/header.png') no-repeat center center;
}

#header-ayurveda{
width:100%;
height:168px;
margin:0 auto;
padding:10px 0 0 0;
background:#fff;
border:none;
}

#headerimg-ayurveda{
width:100%;
height:168px;
margin:0 auto;
padding:10px 0 0 0;
background:url('../images/header-ayurveda.png') no-repeat bottom center;
}

#header-druyoga{
width:100%;
height:168px;
margin:0 auto;
padding:10px 0 0 0;
background:#fff;
border:none;
}

#headerimg-druyoga{
width:100%;
height:168px;
margin:0 auto;
padding:10px 0 0 0;
background:url('../images/header-druyoga.png') no-repeat bottom center;
}

#header-wandelen{
width:100%;
height:168px;
margin:0 auto;
padding:10px 0 0 0;
background:#fff;
border:none;
}

#headerimg-wandelen{
width:100%;
height:168px;
margin:0 auto;
padding:10px 0 0 0;
background:url('../images/header-wandelen.png') no-repeat bottom center;
}

#header-vakantie{
width:100%;
height:168px;
margin:0 auto;
padding:10px 0 0 0;
background:#fff;
border:none;
}

#headerimg-vakantie{
width:100%;
height:168px;
margin:0 auto;
padding:10px 0 0 0;
background:url('../images/header-vakantie.png') no-repeat bottom center;
}

/*----------------------
   Navigation - top
  ---------------------*/
#topnav { 
float:left; 
display:inline; 
width:100%;
padding:6px 0 6px 0; 
background:#B38A0F;
}

#topnav li {
float:left; 
display:inline; 
height:15px;
}

#topnav li.rightlink { 
float:right; 
border:0;
background: url(images/xx.gif) no-repeat center left;
padding: 0 0 0 20px;

}
#topnav li.last { border:0 }

#topnav li a {
position:relative; 
float:left; 
display:inline; 
margin:0 15px 0 0;
font-weight:normal;
color:#ffffff;
}

#topnav li a:hover { 
text-decoration:none;
color:#333333;
}

#topnav ul li.current a{
text-decoration: none;
font-weight:bold;
font-style:normal;
color:#33334D;
background:url(../images/xxx.gif) no-repeat 0 6px;
border:0px solid #eee;
}

.padding{
padding-left:10px;
}

/*----------------------
  Menu sidebar
  ---------------------*/
.menu{
width:100%;
padding: 5px 0 0 0;
margin:0 auto;
text-align:right;
}

.menu ul{
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
}

.menu p{
margin:0;
padding:0;
text-align:right;
}

.menu li, .menu ul{
list-style-type: none;
}

.menu .title-groen {
display:block;
height: 20px;
padding: 5px 5px 0 0;
font-family: "arial", trebuchet ms, verdana, geneva, sans-serif;
font-weight: bold;
font-size:14px;
color: #ffffff;
text-align:right;
text-transform: uppercase;
background: #667A40;
border: 0px solid #667A40;
}

.menu ul.content-groen {
padding: 0;
margin-bottom: 5px;
text-align:right;
list-style-type:none;
background: #667A40;
border: 0px solid #667A40;
}

.menu .title-geel {
height: 20px;
padding: 5px 5px 0 0;
font-family: "arial", trebuchet ms, verdana, geneva, sans-serif;
font-weight: bold;
font-size:14px;
color: #ffffff;
text-align:right;
text-transform: uppercase;
background: #B38A0F;
border: 0px solid #B38A0F;
}

.menu ul.content-geel {
padding: 0;
margin-bottom: 5px;
text-align:right;
list-style-type:none;
background: #B38A0F;
border: 0px solid #B38A0F;
}

.menu ul li a{
display: block;
padding: 5px 0;
padding-right: 5px; /*link text is indented 10px*/
font-weight: normal;
font-size:11px;
color: #ffffff;
line-height: 12px;
text-decoration: none;
list-style-type: none;
background: transparent;
}

.menu ul li a:hover{
list-style-type: none;
color: #333333;
background: transparent;
}



/*----------------------
  Sidebar - right
  ---------------------*/

#sidebar{
float:right;
width:25%;
margin:0;
padding:0 0 0 15px;
}


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

#content{
width:640px;
float:left;
margin:10px 0 0 4px;
padding:0 5px 0 0;
text-align:left;
}

#content a, #content a:hover{
border-bottom:0px solid #eee;
}

#content ul{
margin: 0 0 20px 17px;
list-style-type: disc;
}

#content ul li{
line-height:1.3em;
margin: 5px 0;
}

#content ol{
margin: 5px 0 5px 20px;
}

#content li{
margin: 4px 15px;
}

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

#footer {
clear:both;
width:100%;
padding:10px 0; 
margin:0 auto;
background: #ffffff;
border-top:1px solid #eee;
}

#footer p {
margin: 0 auto;
padding:2px 0;
font-size: 0.9em;
color:#333;
text-align:center;
vertical-align:center;
}

#footer a {
font-weight:normal;
font-size:0.9em;
color:#B38A0F;
}

#footer a:hover {color:#333;}


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

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

.divider{
clear:both;
margin: 10px 0;
padding:0px 0;
border-top: 0px solid #E7E7E7;
text-align:center;
}

.date {
padding:0 0 0 0;
font: bold 90% arial;
font-style:normal;
letter-spacing: 1px;
text-align:left;
}


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;}
.italic {font-style:italic;}

.hide {display: none;}
.clear {clear:both;} 



/*----------------------
  Table style
  ---------------------*/
.table-specials{
width:100%;
margin:25px auto;
padding:6px;
text-align:left;
border-collapse: collapse;
background:transparent;
border:0px solid #eee;
}

.table-specials caption{
padding:4px 0;
font-size:1.4em;
font-weight: bold;
color:#ddd;
text-transform:uppercase;
text-align:center;
background:transparent;
border-bottom:0px solid #eee;
}

.table-specials td{
margin:0;
padding:0;
vertical-align:top;
padding: 0.4em;
font-size:0.9em;
border-right:0px solid #eee;
}


.table-specials .minilinks{
text-align:left;
font-size:0.9;
}

.table-specials h2{
font-size:1.5em; 
letter-spacing:0.1em;
}

.table-specials .line{
border:1px solid #eee;
}

/*----------------------
  Table 3
  ---------------------*/
.table3{
width:100%;
float:left;
margin:10px auto;
padding:6px;
font-size:1em;
text-align:left;
border-collapse: collapse;
border:0px solid #eee;
}

.table3 .date {
font-style:normal;
letter-spacing: 1px;
text-align:left;
}

.table3 caption {
font-family: "trebuchet MS", verdana, arial, helvetica, sans-serif;
padding: 0 0 5px 0;
font-size:1.5em;
text-transform:uppercase;
font-weight: bold;
text-align: center;
color:#B38A0F;
}

.table3 h2{
padding:0;
margin:0;
}


.table3 td{
padding:3px 0px;
vertical-align:top;
border-bottom:1px solid #eee;
}

.table3 th{
padding:2px 0px;
font-family: "trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size:1.4em;
font-weight: bold;
color:#a9a9a9;
text-align:left;
background: url(images/xxx.jpg) no-repeat;
border-bottom:1px solid #eee;
}

.table3 p{
margin:0;
padding:4px 0;
line-height: 1.4em;
}

.table3 .header{
padding:0;
font-family: "trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size:1.1em;
text-transform:uppercase;
font-weight: bold;
}



/*----------------------
  Table 4
  ---------------------*/
.table4{
width:100%;
float:left;
margin:0px auto 15px auto;
padding:6px 0 0 6px;
text-align:left;
border-collapse: collapse;
border:0px solid #eee;
}

.table4 td{
margin:10px auto;
padding:4px;
border-bottom:0px solid #eee;
}

.table4 th{
padding:2px 4px;
text-align:left;
font-size:1.3em;
color:#999;
}

.table4 tr{
border-bottom:1px solid #eee;
}

.table4 p{
font-size:1em;
line-height: 1.2em;
}

tr.yellow td {
border-top: 1px solid #E2CEA9;
border-bottom: 1px solid #E2CEA9;
background: #ffc;
}

/*----------------------
  Form style
  ---------------------*/
form{
width:100%;
margin:0;
padding:0;
color:#333;
}

form p{
margin:0;
padding:3px;
}


fieldset{
margin:5px 0;
padding:2px 10px;
border:1px solid #ddd;
}

legend {
margin:6px 0;
padding:4px;
font-weight: bold;
font-size:0.9em;
color: #4d4d4d;
text-transform:uppercase;
text-align:right;
background:#eee;
border:1px solid #ddd;
}

label{
width:200px;
float: left;
text-align:left;
margin: 0 0 5px 0;
clear: both;
}

input{
margin:0;
padding:2px;
background:#fff;
color: #333;
border:1px solid #ddd;
}

select {
color:#999999;
background-color: #fff; 
}

textarea { 
padding:10px;
background: #ffff;
color: #504126;
border:1px solid #eee;
}