/* Created by http://freehtml5templates.com */


/* reset */


* {
margin: 0;
padding: 0;
}



/* render html5 elements as block */


header, footer, section, aside, nav, article {
display: block;
}



body {

line-height: 1.5em;
background: #4f3147;

font-family: verdana;

color: #2f4f4f;

font-size: medium;
}



/* layout */



#wrapper {

 width: 940px;

 margin: 0 auto;

 margin-top: 10px;

 margin-bottom: 10px;

 background: #fdf5e6;
}



nav {

width: 940px;

height: 30px;

margin: 0 auto;

background: #d8bfd8;
}



header {

width: 850px;

margin-left: 40px;

margin-top: 25px;

margin-bottom: 0 auto;
padding-bottom: 5px;

background: #c6e2ff;

border-bottom: 1px solid #ddd; 

overflow: auto;
}



#main {

width: 940px;

margin: 0 auto;

background: #fdf5e6;}




footer {

width: 940px;

margin: 0 auto;

clear: both;
}



/* basics */


h2,h3,h4,h5,h6 {

display: block;

font-variant: small-caps;

line-height: 1.5em;

padding: 10px 0;

font-weight: bold;

color: #556b2f;
}



a:link, a:visited {
 
color: #363636;

 text-decoration: none;
}



a:hover, a:active {
 color: #8b2252;
}

li {
padding-left: 5px;
}




/* site title */



h1 {

 font-weight: bold;

 font-family: ar christy;

 font-size: 45px;

 padding: 30px 0 10px 30px;
}



h1 a:link, a:visited {
color: #49c318;
}



h1 a:hover, a:active {
color: #4f3147;
}






/* nav */

nav .menu {
font-weight: bold;
}


nav .menu ul {
margin: 0;
padding: 8px 0 0 20px;
list-style: none;
line-height: normal;
}


nav .menu li {
display: block;
float: left;
}


nav .menu a {
display: block;
float: left;
margin-right: 5px;
padding: 0px 5px;

text-decoration: none;
font-size: 16px;
color: #ffffff; font-family: verdana;
}


nav .menu a:hover {
text-decoration: underline;
color: #4f3147;
}



/* HEADER */



header .headlineimage img {
    
float: left;
    
padding: 5px 10px 5px 5px;
    
width: 400px;
}



header .headline {

    margin-left: 30px;
    margin-top; 30px;
    margin-right: 20px;


    float: left;
    
width: 360px;}

header .headline2 {

    margin-left: 30px;
    margin-top; 30px;
    margin-right: 20px;


    float: left;
    
width: 800px;}

header. h2 {

font-family: ar christy;
font-size: large;

padding-left: 15px;
padding-top: 20px;
padding-right: 15px;
padding-bottom:20;
}



header .h2 a:link, a:visited {
color: #6b8e23;
}

header .h2 a:hover, a:active {
color: #4f3147;
}



header .text {
    
font-size: 90%;
    font-family: mv boli;
    font-color: #7f0c21;
    
line-height: normal;


    margin-bottom: 10px;}



header .text2 {
    
font-size: x-small;
    font-family: mv boli;
    font-color: #7f0c21;
    
line-height: normal;


    margin: 15px 0 10px 0px;
}



header .text3 {
    
font-size: 90%;
    font-family: arial narrow;
    font-color: #7f0c21;
    
line-height: normal;


    margin: 15px 0 10px 0px;
}



/** SECTION **/


.trip {
 width:800px;
 margin-left:auto;
 margin-top: 20px;
 margin-right:auto;
 margin-bottom: 30px;
 padding-left: 40px;
 padding-top: 20px;
 padding-right: 30px;
 padding-bottom: 20px;
 border-top: 0px solid #999;
 border-left: 0px solid #999;
 border-right: 0px solid #999;
 border-bottom: 0px solid #999;
 background-color: #dcdcdc;}

.trip .caption1 {
   padding-top: 7px;
   font-size: 70%;

   color: #4f4f4f; 
   font-family: verdana;
   margin-bottom: 10px;
   line-height: 1.4em;
}



.trip .caption2 {
   margin-top: 10px;
   font-size: 50%;

   color: #4f4f4f; 
   font-family: verdana;
   margin-bottom: 10px;
   line-height: 1.4em;
}



.trip .caption3 {
   margin-bottom: 10px;
   font-size: 100%;

   color: #698b22; 
   font-family: verdana;
   font-weight: bold;
   margin-bottom: 10px;
   line-height: 1.4em;
}




.recipe{
 width:800px;
 margin-left:auto;
 margin-top: 20px;
 margin-right:auto;
 margin-bottom: 30px;
 padding-left: 40px;
 padding-top: 20px;
 padding-right: 30px;
 padding-bottom: 20px;
 border-top: 0px solid #999;
 border-left: 0px solid #999;
 border-right: 0px solid #999;
 border-bottom: 0px solid #999;
 background-color: #eecbad}


.recipe .stand3 {

   margin-bottom: 10px;
   font-size: 100%;

   color: #00695b; 
   font-family: segoe print;



   font-weight: bold;
   margin-bottom: 10px;
   line-height: 1.4em;
}



.recipe .stand2 {

   font-size: 50%;

   color: #00695b; 
   font-family: verdana;
   margin-top: 10px;

   line-height: 1.7em;
}



.recipe .stand1 {

   font-size: 70%;

   color: #00695b; 
   font-family: verdana;

   margin-bottom: 10px;
   line-height: 1.5em;
}




/** ARTICLES **/



article {
margin-bottom: 10px;
}


article img {
border: none;padding-top: 10px;
}


.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 5px;
}


.alignright, img.alignright {
display: inline;
float: right;
margin-left: 5px;
}
.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}



.doublecols {
  
width: 850px;
  
margin-left: 40px;
  
margin-top: 20px;

  margin-bottom: 20px;
  border-bottom: 2px solid #ddd;
}


.triplecols {
  
width: 850px;
  
margin-left: 40px;

margin-top: 20px;

  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}




/* double blocks of images and captions */



.doubleblocks { display: inline-block;
 vertical-align: top;
 width: 355px;}
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
 padding-left: 30px;
 margin-bottom: 20px;
 margin-top: 20px;
}


.doubleleftblock {

 margin-right: 20px;
 padding-left: 30px;}


.doublerightblock {

 margin-right: 20px;
 padding-left: 30px;
}


.doubleblocks .caption {
 line-height: 1.2;@

 display: block;
	
 font-size: medium;
 font-family: ar christy;

 font-variant: small-caps;
 color: #664e4e;
 margin-bottom: 10px;
}




.doubleblocks .byline {

 line-height: 1.2;
 font-size: x-small;
 font-family: cursive;
 font-variant: small-caps;

 color: #4f3147;	
 margin-bottom: 15px;
}



.doubleblocks .text {
 line-height: 1.4em;
 font-size: large;
 font-family: verdana;
 font-weight: bold;
 color: #4f3147;}


.doubleblocks .text2 {
 line-height: 1.4em;
 font-size: small;
 font-family: verdana;
 font-weight: normal;
 color: #4f3147;}







/* triple blocks of images and captions */



.tripleblocks {

 display: inline-block;

 vertical-align: top;

 width: 230px;

 text-align: left;
 border-left: 1px solid #ddd;
 padding-left: 20px;
 margin-bottom: 20px;
 margin-top: 20px;
}


.tripleleftblock {

	margin-right: 40px;
}


.triplemiddleblock {

	margin-right: 40px;
}


.triplerightblock {

	margin-right: 1px;
}





.tripleblocks .caption {

 line-height: 1.2;
 display: block;
	
 font-size: medium;
 font-family: ar christy;

 font-variant: small-caps;
 color: #bc8f8f;
 margin-bottom: 10px;
}



.tripleblocks .byline {

 line-height: 1.2;
 font-size: x-small;
 font-family: mv boli;
 font-variant: small-caps;

 color: #4f3147;


 margin-bottom: 15px;
}


.tripleblocks .text {
        line-height: 1.5em;
        font-size: small;
        font-family: verdana;
        color: #4f3147;
        margin-bottom: 3px;
}




/* footer widget blocks */



aside h3 {
font-size: 15px;color: #551a8b;
}


aside ul {
list-style: none;
margin-bottom: 20px;
margin-top: -10px;
}


aside li a {
display: block;
text-decoration: none;
}


aside li a:hover {
text-decoration: underline;
}



#footer-area {

 background: #b0b0b0;

 color: #efefef;

 font-size: 90%;

 padding: 18px 0;

 overflow: hidden;
}

.footer-segment {
float: left;
}


.first {
margin-right: 20px;
margin-left: 40px;
width: 500px;
}


.second {
margin-right: 30px;

width: 350px;}
footer aside h3 {
color: #000;
}


footer p {
margin-top: -15px;
color: #333;
}



