@charset "UTF-8";
/* CSS Document */
* {margin: 0; padding: 0}

body {background: #fff;}
a img {border: none;}

/*==============================
/  POSITIONING AND LAYOUT
/===============================*/
div#wrapper {
position: relative;
width: 1200px;
background-color: #e8dbb8;
margin: 0 auto;
position: relative;
}
#header {
height: 305px;
width: 1200px;
position: relative;
background: transparent url(../images/stain.jpg) no-repeat scroll right bottom;
}
#logo {
margin: 49px 0 0 30px;
width: 350px;
position: absolute;
}
#mainNav {
background: url(../images/navbg.jpg);
height: 128px;
width: 283px;
position: absolute;
margin: 0 0 0 339px;
padding-left: 31px;
}
#network {
width: 272px;
height: 115px;
margin: 120px 0 0 380px;
padding-top: 38px;
position: absolute;
background: url(../images/followUs.gif) no-repeat top left scroll;
}
#subNav {
position: relative;
width:300px;
margin: 165px 0 40px 40px;
float: left;
}
#content {
width: 730px;
margin: 0 0 0 375px;
background: transparent;
position: relative; 
}
#posting {
width: 730px;
background: transparent;
position: relative;
z-index: 999;
text-align: right;
}
#posting img {
padding-bottom: 20px;
}
#footer {
width:1200px;
height: 350px;
position: relative;
float: left;
}
/*================================
/  FONTS 
/=================================*/
#posting h1 {
font-family: Courier New, serif;
font-weight: bold;
font-size: 30px;
line-height: 30px;
color: #3a1b04;
margin-bottom: 20px;
}
#page-title {
font-family: Courier New, serif;
font-weight: bold;
font-size: 35px;
line-height: 30px;
color: #3a1b04;
margin-bottom: 20px;
}
#posting h2 {
font-family: Arial, Helvetica, sans-serif;
color: #6a3208;
margin-bottom: 15px;
}
#posting postAuthor {
font-family: Courier New, serif;
color: #4b4745;
padding-bottom: 14px;
font-size: 17px;
text-align: right;
}
#posting p {
font-family: Courier New, serif;
color: #4b4745;
padding-bottom: 12px;
text-align: justify;
font-size: 12px;
}
#posting postBody {
font-family: Courier New, serif;
color: #4b4745;
padding-bottom: 12px;
text-align: justify;
}
#footer p {
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size 9px;
color: #8b8580;
margin: -70px 0 0 235px;
}
a {
color: #3f7488;
}
#tags p {
font-family: Arial, Helvetica, sans-serif;
color: #6a3208;
padding-left: 40px;
}

/*================================
/ NAVIGATION / BUTTONS
/=================================*/
#nav_about {
display: inline;
height: 50px;
width: 94px;
}
#nav_about a {
float: left;
overflow: hidden;
width: 94px;
height: 0px;
margin-top: 39px;
padding-top: 50px;
background: url(../images/about.jpg) top left no-repeat;
}
#nav_contact {
display: inline;
height: 50px;
width: 90px;
}
#nav_contact a {
float: left;
overflow: hidden;
width: 90px;
height: 0px;
margin-top: 50px;
padding-top: 50px;
background: url(../images/contact.jpg) top left no-repeat;
}
#nav_shop {
display: inline;
height: 50px;
width: 83px;
}
#nav_shop a {
float: left;
overflow: hidden;
width: 90px;
height: 0px;
margin-top: 57px;
padding-top: 50px;
background: url(../images/shop.jpg) top left no-repeat;
}
#nav_about a:hover, #nav_contact a:hover, #nav_shop a:hover {
background-position: 0 -50px;
}
#nav_gardening, #nav_mycology {
display: block;
width: 300px;
height: 71px;
margin-bottom: 10px;
}
#nav_gardening a {
float: left;
overflow: hidden;
height: 0px;
width: 300px;
padding-top: 71px;
background: url(../images/gardening.jpg) top left no-repeat;
}
#nav_gardening a:hover, #nav_mycology a:hover {
background-position: 0 -71px;
}
#nav_beekeeping {
display: block;
width: 300px;
height:84px;
margin-bottom: 10px;
}
#nav_beekeeping a {
float: left;
overflow: hidden;
height: 0px;
width: 300px;
padding-top: 84px;
background: url(../images/beekeeping.jpg) top left no-repeat;
}
#nav_beekeeping a:hover {
background-position: 0 -84px;
}
#nav_livestock {
display: block;
width: 300px;
height: 84px;
margin-bottom: 5px;
}
#nav_livestock a {
float: left;
overflow: hidden;
height: 0px;
width: 300px;
padding-top: 72px;
background: url(../images/livestock.jpg) top left no-repeat;
}
#nav_livestock a:hover {
background-position: 0 -72px;
}
#nav_kitchen {
display: block;
width: 300px;
height:92px;
margin-bottom: 10px;
}
#nav_kitchen a {
float: left;
overflow: hidden;
height: 0px;
width: 300px;
padding-top: 92px;
background: url(../images/kitchen.jpg) top left no-repeat;
}
#nav_kitchen a:hover {
background-position: 0 -92px;
}
#nav_homeec {
display: block;
width: 300px;
height: 80px;
margin-bottom: 10px;
}
#nav_homeec a {
float: left;
overflow: hidden;
height: 0px;
width: 300px;
padding-top: 80px;
background: url(../images/homeec.jpg) top left no-repeat;
}
#nav_homeec a:hover {
background-position: 0 -80px;
}
#nav_mycology a {
float: left;
overflow: hidden;
height: 0px;
width: 300px;
padding-top: 71px;
background: url(../images/mycology.jpg) top left no-repeat;
}
#nav_homebrewing {
display: block;
width: 300px;
height: 66px;
margin-bottom: 10px;
}
#nav_homebrewing a {
float: left;
overflow: hidden;
height: 0px;
width: 300px;
padding-top: 66px;
background: url(../images/homebrew.jpg) top left no-repeat;
}
#nav_homebrewing a:hover {
background-position: 0 -66px;
}
#twitter {
display: inline;
width: 70px;
height: 70px;
}
#twitter a, #rss a, #facebook a {
float: left;
overflow: hidden;
height: 0px;
width: 70px;
padding-top: 70px;
}
#twitter a {
margin: 6px 0 0 48px;
background: url(../images/twitter.jpg) top left no-repeat;
}
#rss a {
margin: 6px 0 0 5px;
background: url(../images/rss.jpg) top left no-repeat;
}
#facebook a {
margin-left: 8px;
background: url(../images/facebook.jpg) top left no-repeat;
}
#twitter a:hover, #rss a:hover, #facebook a:hover {
background-position: 0 -70px;
}