/*  
Theme Name: Organic Food Corner
Theme URI: http://www.organicfoodcorner.com
Description: Loosely based on Andreas theme
Version: 1.0
Author: Jonathan Wold
*/

/**************** Body and tag styles ****************/

* {
  margin: 0; 
  padding:0;
  }

body {
  font: 13px Verdana, Tahoma, Arial, sans-serif;
  line-height: 1.4em;
  text-align: center;
  color: #303030;
  background: #6b2616;
  }

a {
  color: #006E3A;
  font-weight: bold;
  text-decoration: none;
  background-color: inherit;
  }

a:hover {
  color: #2a5a8a;
  text-decoration: none; 
  background-color: inherit;
  }
  
a img { 
  border: none;
  }

p {
  padding: 0 0 1.6em 0;
  }
  
p form { 
  margin-top: 0;
  margin-bottom: 20px;
  }

img.leftFoods {
  float: left; 
  margin: 10px 10px 10px 0px;
  padding: 0;
  }

img.left,img.center,img.right{padding:0; border:1px solid black;}
img.left,img.center,img.right{padding:0; border:1px solid black;}
img.leftAdSense{float:left; margin: 0 10px;}
img.leftcircle{float:left; margin:0 12px 5px 0;}
img.left2{padding:0px; border: 0px solid #a0a0a0;}
img.left2{float:left; margin: -10px 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

div.figure {
  float: left;
  border: none;
  margin: 0.2em;
  padding: 0 3px 0 0;
  min-width: 150px;
  }
 
div.figure p {
  text-align: left;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  }

/**************** Header and navigation styles ****************/

#container {
  width: 760px;
  margin: 20px auto;
  padding: 1px 0;
  text-align: left;
  background: #ffeecf;
  color: #303030;
  border: 1px dashed #a0a0a0;
  }

#header {
  height: 140px;
  width: 758px;
  margin: 1px 1px 1px;
  background: #559445;
  color: #ffffff;
  }

#header h1 {
  padding: 35px 0 30px 20px;
  font-size: 2.4em;
  background-color: inherit;
  color: #ffffff;
  letter-spacing: -2px;
  font-weight: normal;
  }

#header h2{
margin:-20px 0 0 40px;
font-size:1.4em;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal;
}

#navigation{
height:.1em;
line-height:2.2em;
width:760px;
margin:0 1px;
background:#FEC659;
color:#ffffff;
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:#569342;
color:#ffffff;
text-decoration:none;
}

/**************** Content styles ****************/

#content{
float:left;
width:530px;
font-size:0.9em;
padding:20px 0 0 20px;
}

#content2{
float:left;
width:700px;
font-size:0.9em;
padding:20px 0 0 20px;
}

div#content img.left {
  clear: left;
  }

div#content li {
  clear: left;
  list-style: none;
  padding: 20px 0;
  }

#content h2{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover{text-decoration:underline;} 

#content ul, #content ol {
  margin: 0 5px 16px 35px;
  }

#content dl {margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

/**************** Sidebar styles ****************/

/* Sidebar */

#subcontent{
float:right;
width:170px;
padding:20px 20px 10px 0;
line-height:1.4em;

}

#subcontent h2{
display:block;
margin:0 0 5px 0;
font-size:1.1em;
font-weight:bold;
text-align:left;
padding: 5px 5px;
color: #0b0b0b;
background-color:#FEC659;
border: 1px dashed #666;
}

#subcontent p{margin:0 0 16px 0; font-size:0.9em;}

#subcontent img { margin-bottom: 20px; }

/* Menublock */

.menublock{margin:0 0 20px 8px; font-size:1em;}

/**************** Menublock styles ****************/

.menublock {margin:0 3px 10px 8px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}


/**************** Footer styles ****************/

#footer{
clear:both;
width:758px;
padding:5px 0;
margin:0 1px;
font-size:0.9em;
color:#f0f0f0;
background:#569342;
}

#footer p {
  padding: 0;
  margin: 0;
  text-align:center;
  }
  
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.left { float: left; margin-right: 10px; }