/*Aubrey & Theo Applewhaite www.applewhaite.com*/

/*Reset*/


html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table,
tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

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

table,
tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Ariel, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
}

ol, ul { list-style: none; }

/*Global*/
html {   }
body { background-color:#eeeeee;  }

/*Headings*/
h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #000; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/*Text Elements*/
p             { color:000; font-size: 12px; line-height: 150%; } 
p .left       { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right      { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
a             {   }
a:link        { color: #00f; }
a:visited     { color: #0f0; }
a:active      { color: #000; }
a:focus       { color: #666; }
a:hover       { color: #f00; }

blockquote    { color: #000; font-size:12px }
strong        { font-weight: bold; }
em            { font-style: italic; }

/*Images*/


/*Lists*/
ul        {     }
ol        { list-style-type:decimal; }
ul  li    { color: #000; font-size: 12px; }
ol  li    { color: #000; font-size: 12px; }

dl        {     }
dt        {     }
dd        {     }


/*Tables*/

table      { width: 100% }
tr         {     }
.odd       { background-color: #eee; }
.even      { background-color: #fff; }

th         { font-weight: bold; }
thread th  { background: #ccc; }

tbody             {     }
th, td, caption   {     }
caption           {     }
tfoot             {     }
tfooter           { background-color: #ccc; text-align: center; font-style: italic;  }

caption           { background: #efefef;  }


/*Containers*/

#wrapper            { width:900px; margin :0px auto; background-color:#ffffff;  }
#wrapper a:link     { color:#000000;  }
#wrapper a:visited  { color:#000000;  }
#wrapper a:active   { color:#000000;  }
#wrapper a:hover    { color:#ffffff; background-color:#770000;  }
#wrapper a:focus    { color:#000000;  }

#top               { background-color:#FFE9B9 width:100%; padding:10px 0; overflow:hidden;   }
#top a:hover       { color:#ffffff; background-color:#ffffff;  }


#logo              { margin:0px 0px 0px 10px; float:left;  }
#logo img          { width:55px; height:55px;   }

#socialmedia       { float:right; margin:0px 10px 0px 0px;    }
#socialmedia p     { color:#000000; font-size:11px; margin:4px 10px 4px 0px;   }
#socialmedia img   { width:85px; height:24px;   }
#socialmedia ul li { display:inline  }

#logo-theo         { margin:0px 0px 0px 10px;  }
#logo-theo img     { margin-left:135px; width :450px; height:55px;   }



#topnav            { background-color:#333333; clear:both;   }
#topnav ul         { width:100%; float:left; margin:0px; background-color:#333333; border-bottom:3px #cccccc solid; }
#topnav ul li      { display:inline; }
#topnav ul li a    { float:left; padding:10px 20px; font-size:14px; border-right:1px #ffffff solid; }

#topnav a:link     { color:#ffffff;  }
#topnav a:visited  { color:#ffffff;  }
#topnav a:active   { color:#ffffff;  }
#topnav a:hover    { color:#ffffff; background-color:#770000;  }
#topnav a:focus    { color:#ffffff;  }


#banner            {    }
#banner img        { padding:8px; border:1px #888888 solid; margin:5px; width:46%; }

#subbanner         { width:100%;   }
#subbanner h1      { margin: 0 0 10px 0; text-align:center; font-size:32px; padding:10px 0; }
#subbanner h2      { margin: 10px 10px; text-align:center; font-size:20px; padding:10px 0; }
#subbanner p       { margin: 10px 10px; text-align:center; font-size:14px; padding:10px 0; }


#content           { float:left; width:650px; padding:20px; border-right:1px #cccccc solid;  }
#content h1        { margin: 0 0 20px 0; text-align:center; font-size:32px; border-bottom:1px #cccccc solid; padding:5px 0; }
#content p         { margin:10px 0; line-height:160%; font-size:16px;  }
#content img       { padding:8px; border:1px #888888 solid; margin:8px 130px; width:60%;         }
#contact ol        { list-style:none;  }

#contentrecipe           { padding:20px;  }
#contentrecipe h1        { margin: 20px 0; text-align:center; font-size:32px; border-bottom:1px #cccccc solid; padding:20px 0 5px 0; }
#contentrecipe h2        { padding:20px 0 5px 0; }
#contentrecipe p         { margin:10px 0; line-height:160%; font-size:16px; padding:0 20px; }
#contentrecipe img       { padding:8px; border:1px #888888 solid; margin:8px 130px; width:60%;         }

#gallery           { padding:20px;  }
#gallery h1        { margin: 20px 0; text-align:center; font-size:32px; border-bottom:1px #cccccc solid; padding:20px 0 5px 0; }
#gallery h2        { padding:20px 0 5px 0; }
#gallery p         { margin:10px 0; line-height:160%; font-size:16px; padding:0 0px; }
#gallery img       { padding:5px; border:1px #888888 solid; margin:8px 10px; width:160px; height:90px; }
#gallery a:hover   { color:#ffffff; background-color:#ffffff;  }




#contentfood            {  }
#contentfood li         { margin:10px 0;  }
#contentfood li a       { padding:10px 0px; font-size:16px; line-height:180%; margin:0px 5px; }


#contentfood h1        { margin: 0 0 20px 0; text-align:center; font-size:32px; padding:20px 0; }
#contentfood h2        { padding:0 0 0 5px;  }
#contentfood p         { margin:10px 20px; line-height:160%; font-size:16px;  }
#contentfood img       { padding:8px; border:1px #888888 solid; margin:8px; width:40%;         }

#contentfoodlistleft     { float:left; width:290px;  }
#contentfoodlistright    { float:right; width:290px; }
#contentfoodlistmiddle   { width:290px; margin-left:300px; }

#contact             {     }
#contact h2          { padding:10px 0; margin:0 40px; font-size:15px; font-weight:normal; }
#contact a           { font-size:20px; margin-left:370px; border:1px #000000 solid; }

#quiz             { overflow:auto; height:400px;  }
#quiz h2          { padding:10px 0; margin:0 10px; font-size:15px; font-weight:normal; }


#thanks             {     }
#thanks h2          { padding:10px 0; text-align:center; }



#rightside            { padding:15px 0;  margin-left:685px; }
#rightside h2         { font-size:24px; padding:15px 0; margin:0px 15px;}
#rightside h3         { font-size:24px; padding:15px 0; margin:30px 15px 10px 15px;}
#rightside li         { padding:10px 0px; font-size:16px; line-height:160%; margin:0px 15px;  }
#rightside p          { font-size:14px; padding:10px 0; margin:0 15px;  }




#footer            { clear:both; background-color:#333333; padding:5px 0; }
#footer p          { color:#ffffff; text-align:center;  }


#box1              {    }

#box2              {    }

#box3              {    }

#box4              {    }

#box5              {    }

#box6              {    }

/*Layout Extra*/


/*Navigation Extra*/


/*Forms*/

form                           { text-align: left; margin: 20px 120px;  }

label, submit, input, textarea { border: 0; padding: 0; margin: 0; background: none; }

label                          { float: left; width: 150px; text-align: right; display: block; margin-top:5px; }

input, textarea                { border: 1px #333 solid; margin-left: 10px; padding:5px; }

input                          { width: 280px; margin-bottom: 16px; }

textarea                       { width: 280px; height: 150px; margin-bottom: 16px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

select                         {     }

.submit                        { width: 90px; height: 25px; margin-left: 260px; font-size: 12px; }


#quizform                      { margin: 20px; }
#quizform input                { width:auto; margin-bottom: 16px; }
#quizform input:focus          { background-color:#99CCFF; }