/*
Stylesheet by Tom Walsham, for htmlfromscratch.com/zombiemaker.com
Please credit me with a link if you nab too much of this :-) Thanks.
*/

/* First I start with some general declarations: fonts, background, and a couple of 'utility classes' like .clear */

body {
background: #000;
padding: 0px;
margin: 0px;
font-family: "Verdana","Arial","Helvetica",sans-serif;
}

h1 {
font-size: 2.2em;
color: #fff;
}

h1 a {
text-decoration: none;
color: #fff;
}

a img {
border: none;
}


input.submit {
border: 3px double #f00;
border-top-color: #a00;
border-left-color: #a00;
padding: 0em;
background-color: #d00;
color: #fff;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}
input.submit:active {
border: 3px double #a00;
border-top-color: #f00;
border-left-color: #f00;
}

/* Minwidth hack courtesy Stu Nicholss, cssplay.co.uk */
#container {
background: #000;
width: 100%;
min-width: 705px;
text-align: left;
margin: 0px auto 0px auto;
padding: 0px;

}
* html .minwidth {border-left:705px solid #fff; position:relative; float:left; z-index:1;}
* html .mincont {margin-left:-705px; position:relative; float:left; z-index:2;}

#logo {
padding: 0px;
height: 160px;
}

#logo h1 {
z-index: 200;
margin: 0px 0px -20px 0px;
padding: 40px 0px 0px 200px;
height: 120px;
background: #000 url(./eggBlack.gif) top left no-repeat;
}

#logo h1 a {
color: #8f8;
}

#topmenu {
float:left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 170px;
background: #000;
font-size:60%;
}

#topmenu ul {
position: relative;
margin:-46px 0px 0px 0px;
padding:0px 0px 0;
list-style:none;
float:left;
}
* html #topmenu ul {
margin-top: -44px;
}


#topmenu li {
float:left;
display: block;
background: transparent;
margin:0px;
padding:0px 12px 0px 0px;
}

#topmenu a {
font-size: 1.3em;
float:left;
display:block;
background: #555;
padding:15px 15px 14px 6px;
text-decoration:none;
color:#000;
}

#topmenu #current a {
background: #777;
color:#fff;
padding-bottom:15px;
}

#topmenu a:hover {
text-decoration: underline;
background: #666;
}

.button {
padding: 3px;
border: solid 1px #ccc;
margin-left: 40px;
background: #66c;
color: #fff;
}

#srch {
height: 40px;
background: #777;
border-bottom: dotted 2px #000;
}
* html #srch {
height: 35px;
}

#searchdiv {
width: 200px;
margin: 2px 5px 2px 0px;
padding: 2px 0px 2px 5px;
float: right;
background: #ccc;
border: solid 1px #aaa;
}

#breads {
float: left;
position: relative;
font-size: 0.8em;
padding-top: 8px;
}

#breads a {
text-decoration: none;
color: #dfd;
}

 #mainContent {
 float: left;
 clear: both;
 position: relative;
 margin: 0;
 width: 66%;
 min-height: 320px;
 min-width: 468px;
 background: #000;
 padding: 10px 0px 0px 0px;
 font-size: 12px;
 margin: 0px 0px 0px 15px;
}
* html #mainContent {height: 290px;}

#pagebody {
background: #000;
width: 100%;
}

#innerH1 {
color: #fff;
text-align: center;
}

#aboutPage {
border: dashed 2px #dfd;
background: #000;
color: #fff;
padding: 10px;
width: 80%;
margin: 0px auto 10px auto;
}


#pageContent {
background: #fff;
color: #000;
border: solid 3px #aaa;
padding: 5px;
}

.ingredients {
width: 250px;
margin: 5px;
border: solid 1px #333;
}

.ingredients h3 {
margin: 0px 0px 0px 20px;
padding: 0px 0px 5px 5px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccf;
font-size: 1.1em;
color: #080;
}

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

.ingredients ul  li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccf;
}

.ingredients ul li a {
display: block;
text-decoration: none;
color: #33d;
width: 98%;
padding-left: 3px;
}

.ingredients ul  li a:hover {
text-decoration: none;
color: #33d;
background: #efe;
}

#sidebar {
right: 0px;
padding: 20px 5px 20px 5px;
margin-top: 5px;
width: 194px;
float: right; 
background: #000; 
min-height: 280px; 
 }
* html #sidebar {height: 280px;}

 .sider {
border: 1px solid #dde;
padding: 0px 0px 10px 0px;
background: #fff;
}
.sider h4 {
padding: 0px 0px 0px 15px;
margin: 0px 0px 10px 0px;
background: #353;
color: #fff;
font-size: 140%;
}

.sider a {
background: #fff;
font-size: 100%;
}

#side1 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#side1 a, #side2 a {
padding: 0px 0px 0px 10px;
margin: 0px 5px 0px 5px;
width: 160px;
display: block;
text-decoration: none;
border-bottom: 1px solid #ddf;
color: #000;
}

#side1 a:hover, #side2 a:hover {
background: #eef
}

#side2, #side3 {
font-size: 0.75em;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#side2 img {
float: left;
}

.gad {
margin-left: 15px;
}

.ghor {
text-align: center;
}

#footer {
clear: both; 
position: relative;
background: #000; 
color: #fff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-top: solid 3px #000;
}

#footer a {
color: #ddd;
}

#footer ul {
background: #ccc;
padding: 0px 0px 5px 10px;
margin: 0px 0px 0px 0px;
}

#footer ul li {
display: inline;
}
#footer li a {
margin: 0px;
padding: 5px 5px 5px 5px;
background: #ccc;
font-size: 0.7em;
color: #000;
border-right: solid 1px #000;
text-decoration: none;
}

#footer li a:hover {
text-decoration: underline;
}

#footer p {
font-size: 0.8em;
}


h2.innerH2 {
color: #00f;
}

.ftext {
margin: 0px auto 0px auto;
color: #333;
font-size: 1.0em;
background: #efe;
font-weight: normal;
border: solid 1px #a7a7a7;
text-align: left;
padding: 2px 0px 2px 0px;
}


.ftitle {
margin: 0px auto 0px auto;
color: #333;
font-size: 1.2em;
background: #eef;
font-weight: bold;
border: solid 1px #a7a7a7;
text-align: center;
padding: 2px 0px 2px 0px;
}

.abox {
border: solid 1px #a7a7a7;
border-top: none;
padding: 5px;
margin: 0px 10px 0px 10px;
background: #ffe;
min-height: 55px;
font-size: 0.9em;
}

* html .abox {
height: 55px;
}

.bbox {
border: solid 1px #a7a7a7;
border-top: none;
padding: 5px;
margin: 0px 10px 0px 10px;
background: #fee;
min-height: 55px;
font-size: 0.9em;
}

* html .bbox {
height: 55px;
}


.fdisp {
background: #fee;
border: solid 1px #a7a7a7;
border-top: none;
padding: 5px;
margin: 0px 0px 10px 0px;
font-size: 0.9em;
}

code {
display: block;
margin-left: 40px;
background: #fff;
padding: 5px;
border: dashed 2px #ddd;
}

pre {
display: block;
margin-left: 40px;
background: #fff;
padding: 5px;
border: dashed 2px #ddd;
}

.fdispcont {
border: dashed 2px #ddd;
position: relative;
margin-left: 40px;
background: #fff;
padding: 5px;
}

.pol {
width: 155px;
text-align: center;
border: solid 1px #000;
padding: 5px;
margin: 5px;
padding-bottom: 15px;
background: #fffffc;
font-family: "Times New Roman", serif;
}

.pol img {
border: solid 1px #000;
width: 150px;
height: 150px;
}

.spol {
width: 79px;
text-align: center;
border: solid 1px #000;
padding: 2px;
margin: 5px;
padding-bottom: 10px;
background: #fffffc;
font-family: "Times New Roman", serif;
}

.spol img {
border: solid 1px #000;
width: 75px;
height: 75px;
}

.right {
float: right;
}

.left {
float: left;
}

.clear {
clear: both;
}

.ingredients img {
float: right;
}
div.warning {
border: solid 2px #f00;
margin: 0px 20px 5px 20px;
background: #fee;
}
.warning h4 {
display: inline;
color: #f00;
margin-right: 20px;
}

.tips {
border: dashed 2px #0a0;
margin: 0px 20px 5px 20px;
padding: 5px;
}
div.tips h4 {
color: #050;
}

div.prodBlock {
text-align: center;
border: none;
float: left;
}

#socials {
position: absolute;
right: -23px;
bottom: 76px;
z-index: 0;
border: solid 2px #aaa;
border-left: none;
background: #efe;
}

#socials ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#socials ul li {
margin: 2px 0px 0px 3px;
}