/* RESET */

body {
  margin: 0;
  padding: 0;
}


/* Main Layout */

#top,
#bottom {
  height: 100px;
  display: block;
}
#headcol {
  padding: 1.5em;
}
#navigation {
  background: #ffd004 url('/images/site/tag.gif') top center no-repeat;
  height: 225px;
  width: 960px;
  padding: 0;
  margin: 0;
}
#navigation ul {
  margin-left: 230px;
}
#navigation ul li {
  list-style-type: none;
  display: inline;
  float: left;
  margin-top: 130px;
}
#logo {
  margin-left: 20px;
  z-index: 10; 
  float: left;
  position: absolute;
  width: 205px;
  height: 213px; 
}
#ecard {
  z-index: 10; 
  margin-left: 750px;
  margin-top: 10px;
  float: right;
  position: absolute;
  width: 196px;
  height: 179px;
}
#links {
  background: #e7d9c1 url('/images/site/back-body.gif') repeat;
  padding: 5px 0;
  margin 0;
}
#links ul {
  padding: 0;
  margin: 0;
}
#links li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  float: left;
  margin-left: 20px;
  display: inline;
}
div#links ul li#space, 
div#links ul li#tube, 
div#links ul li#curr, 
div#links ul li#face, 
div#links ul li#funny, 
div#links ul li#itune, 
div#links ul li#wow {
  padding-top: 10px;
}
div#links ul li#curr a {
  display: block;
  width: 118px;
  height: 42px;
  background: url(/images/site/links-current-bw02.gif) top left no-repeat;
}
div#links ul li#curr a:hover {
  display: block;
  width: 118px;
  height: 42px;
  background: url(/images/site/links-current02.gif) top left no-repeat;
}
div#links ul li#face a {
  display: block;
  width: 85px;
  height: 42px;
  background: url(/images/site/links-facebook-bw02.gif) top left no-repeat;
}
div#links ul li#face a:hover {
  display: block;
  width: 85px;
  height: 42px;
  background: url(/images/site/links-facebook02.gif) top left no-repeat;
}
div#links ul li#funny a {
  display: block;
  width: 87px;
  height: 42px;
  background: url(/images/site/links-funny-bw02.gif) top left no-repeat;
}
div#links ul li#funny a:hover {
  display: block;
  width: 87px;
  height: 42px;
  background: url(/images/site/links-funny02.gif) top left no-repeat;
}
div#links ul li#itune a {
  display: block;
  width: 42px;
  height: 42px;
  background: url(/images/site/links-itunes-bw02.gif) top left no-repeat;
}
div#links ul li#itune a:hover {
  display: block;
  width: 42px;
  height: 42px;
  background: url(/images/site/links-itunes02.gif) top left no-repeat;
}
div#links ul li#space a {
  display: block;
  width: 200px;
  height: 42px;
  background: url(/images/site/links-myspace-bw02.gif) top left no-repeat;
}
div#links ul li#space a:hover {
  display: block;
  width: 200px;
  height: 42px;
  background: url(/images/site/links-myspace02.gif) top left no-repeat;
}
div#links ul li#tube a {
  display: block;
  width: 62px;
  height: 42px;
  background: url(/images/site/links-youtube-bw02.gif) top left no-repeat;
}
div#links ul li#tube a:hover {
  display: block;
  width: 62px;
  height: 42px;
  background: url(/images/site/links-youtube02.gif) top left no-repeat;
}


#copyright {
  text-align: center;
  /* font-weight: bold; */
}
#copyright p,
#copyright a {
  margin-top: 10px;
/*   padding-top: 5px; */
  color: #6F3600;
  background-color: #E8D9C1;
}
/* Typography */

p { 
  font-family: Georgia, Times, serif;
  font-size: medium;
  color: #6F3600;
}
h1 { 
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: xx-large;
  color: #6F3600;
}
h2 { 
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: x-large;
  color: #6F3600;
}
h2.sidetitle {
  margin-top: 8px;
  margin-bottom: 2px;
}
h3 { 
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: large;
  color: #6F3600;
}

a img {
  border: none;
}
a:link,
a:visited {
  text-decoration: none;
  color: #548D89;
}
a:hover {
  text-decoration: underline;
}
.box {
  background-color: white;
}

/* Home Page */

#home {
   background: #ED1B23 url(/images/site/back03.jpg) repeat;
}
#home #realpage,
#home #thumbs,
#home #quicktime {
  background: #e7d9c1 url('/images/site/back-body.gif') repeat;
}
#quicktime {
  padding: 5px 0 0 314px;
  margin: 0;
}
ul#homethumbs {
  padding: 0 0 20px 160px;
}
ul#morethumbs {
  padding: 100px 100px 50px 100px;
}
#homethumbs li,
#morethumbs li {
  display: inline;
  float: left;
  padding: 0;
  position: relative;
}
#homethumbs img,
#morethumbs img {
  border: 3px solid #8EEFE8;
  margin: 0 0 10px 10px;
  width: 100px;
  height: 75px;
  background-color: #999;
}
#homethumbs img:hover,
#morethumbs img:hover {
  border: 3px solid #fff;
}
#homethumbs li span,
#morethumbs li span {
  background-color: #fff;
	width: 140px;
	height: 55px;
	position: absolute;
	top: 90px;
	left: -15px;
	text-align: center;
	padding: 10px 6px 6px 6px;
  font-size: 1.1em;
	font-weight: normal;
	z-index: 999;
	display: none;
	border: 2px solid #FFD004;
	font-family: Georgia, Times, serif;
	color: #6F3600;
}
img#morewaffles {
  clear: both;
  float: left;
  padding: 10px 0 10px 348px;
}
#home #middle {
  height: 10px;
  clear: all;
}
/* Lower content on the page below the stickout thingies */
.lower {
  margin-top: 25px;
}

/* Video Page */

h2.video {
  padding: 20px 80px 0 80px;
  text-align: center;
}
p.video {
  padding: 0 80px;
}
.all {
  padding: 150px 50px 0 0;
  display: inline;
  float: right;
}
.videodescription {
  padding: 0 80px;
}
/* About Page */

#about #mainbody,
#about #mainbody .box {
 background: #e7d9c1 url('/images/site/back-body.gif') repeat;
}
#about,
#about #bottom,
#about #top,
#about #mainbody,
#about #mainbody .box {
  background: white;
}
#about div#extra {
  display: block;
  height: 75px;
  background: #e7d9c1 url('/images/site/back-body.gif') repeat;  
}
img#about-back {
  padding: 0;
  margin-left: 12px;
}
#about #middle {
  height: 10px;
  background: white;
}
#about #bottom {
  display: block;
  height: 100px;
}
#nutrition-statement {
  width: 219px;
  border: 2px solid black;
}
#nutrition-statement p {
  color: black;
  font-family: Arial, sans-serif;
  padding: 0 5px 0 10px;
  font-size: small;
}
/* Links */

#linkpg #mainbody,
#linkpg #mainbody .box {
 background: #e7d9c1 url('/images/site/back-body.gif') repeat;
}
#linkpg,
#linkpg #bottom,
#linkpg #top,
#linkpg #mainbody,
#linkpg #mainbody .box {
  background: white;
}
#linkpg div#extra {
  display: block;
  height: 75px;
  background: #e7d9c1 url('/images/site/back-body.gif') repeat;  
}
#linkpg #middle {
  height: 10px;
  background: white;
}
#linkpg #bottom {
  display: block;
  height: 100px;
}
#linkpg a:link,
#linkpg a:visited {
  color: #6F3600;
}

/* Contact */

#contact {
  background: #6A3C00 url(/images/site/back03.jpg) repeat;
}
#contact #realpage,
#contact #content,
#contact #imagery {
  background-color: white;
}
#contact #middle {
  height: 10px;
  clear: all;
}
#contact div#extra {
  display: block;
  height: 75px;
  background: #e7d9c1 url('/images/site/back-body.gif') repeat;  
}

/* Blog */

#blog {
  background: #6A3C00 url(/images/site/back02.jpg) repeat;
}
#blog #realpage  {
  background-color: white;
  clear: both;
}
#blog #middle {
  height: 10px;
}
p.date {
  font-size: small;
}
#blog p.paginate {
  text-align: right;
}
#blog #sidebar {
  padding-top: 25px;
}
#blog #sidebar ul {
  padding: 0;
}
#blog #sidebar li {
  font-family: Georgia, Times, serif;
  list-style-type: none;
  font-size: small;
  color: #6F3600;
  margin-bottom: 5px;
}
#blog #sidebar li a:link,
#blog #sidebar li a:visited {
  color: #6F3600;
}
#blog .title a {
  color: #6F3600;
}

div.blog_comment {
  border: 1px solid #EB935F;
  padding: 16px;
  background-color: #f8f8f8;
}
div.blog_comment_author {
  text-align: right;
  font-style: italic;
}
div.blog_comment_form {
  margin-top: 20px;
  border: 2px solid #EB935F;
  padding: 15px;
  background-color: #eee;
}
.comment-total {
  font-weight: bold;
  font-style: italic;
}
/* E-Card specific */

table.cards tr td {
  border-bottom: none !important;
}
