/*
Author: George Poulos, www.abovethemezzanine.com

[Table Of Contents]
1- Global
2- Links
3- Headings
4- Header
5- Navigation
6- Middle
7- Forms
8- Extras
9- Footer
*/

/* =1 Global */
body { font: 62.5%/1.25 Helvetica, Arial, sans-serif; vertical-align: top; background: #94c735 url(http://www.vasilisgarden.com/images/interface/bg.png) repeat-x; color: #000000; }
.container { background: url(http://www.vasilisgarden.com/images/interface/main-bg.png) repeat-y; width: 835px; margin: 0 auto; position: relative; }
p { font-size: 1.2em; line-height:18px }/* BK line height added */
.clearfix { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

/* =2 Links */
a:link, a:visited { color: #980031; text-decoration: none; }
a:hover { color: #980031; text-decoration: underline; }
a:active { color: #980031; text-decoration: none; }

/* =3 Headings */
h1, h2, h3, h4, h5 { font-style:bold; }
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }

/* =4 Header */
#header { width: 835px; height: 220px; background: url(http://www.vasilisgarden.com/images/interface/header.png); }
#header h1 {text-indent: -9999px; }

/* =5 Navigation */
#menu { font-size: 1.3em; font-family: Helvetica, Arial, sans-serif;; top: 177px; left: 200px; position: absolute; z-index: 1000; }
#menu, #menu ul { float: right; list-style: none; line-height: 0.9em; margin: 0; padding: 0; }
#menu li { float: left; padding: 0; }
#menu a { display: block; color: #000000; text-decoration: none; text-transform: uppercase; padding: 0px 10px 0px 11px; border-right: 1px solid #94c735; }
#menu .active a { color: #980031; }
#menu .last a { border: none; }
#menu a:hover { color: #980031; }

/* =6 Middle */
.showtime { color: #549113; font-size: 1.4em; font-weight: bold; }
#main { display: block; position: relative; height: auto; width: 798px; height: 100%; /*background: url(http://www.vasilisgarden.com/images/interface/main-bg.png) repeat-y;*/ margin: 0 auto; padding: 0 20px 0 17px; }
#content-main { width: 512px; padding: 0 24px 0 20px; height: 100%; float: left; background: #FFFFFF; }
#content-sub { width: 222px; padding: 0 20px 0 0; float: right; background: #FFFFFF; }
#sub-main { width: 835px; height: 30px; background: url(http://www.vasilisgarden.com/images/interface/footer-bg.png); }

#content-main h4, #content-sub h4 { color: #FFFFFF; font-size: 1.3em; font-weight: normal; }
#content-main h5 { color: #000000; font-size: 1.2em; font-weight: bold; padding: 5px 10px 5px 10px; }

#episodes, #latest-news, #real-people, #episode-list, #maresi-corp, #news, #recipes, #shop, #contact, #tips, #advertisement { float: left; position: relative; width: 512px; margin: 0 0 10px 0; }
#vasilis-book { float: left; position: relative; width: 246px; }
#vasilis-dvd { float: right; position: relative; width: 246px; }
#maresi-corp-block { float: left; position: relative; width: 246px; margin: 0 0 10px 0; }
#latest-recipes { float: right; position: relative; width: 246px; margin: 0 0 10px 0; }
#sponsors-supporters { float: left; position: relative; width: 512px; margin: 0 0 5px 0; }

#sponsors-supporters-sidebar { float: left; position: relative; width: 210px; margin: 0 0 5px 0; }/*BK*/

#this-week, #quiz, #tips-block  { float: left; position: relative; width: 222px; margin: 0 0 10px 0; }
#highlight { float: left; position: relative; width: 412px; padding: 5px 50px 10px 50px; font-weight: bold; text-align: center; }

.episode-entry, .tip-entry, .recipe-entry, .news-entry, .product-entry, .people-entry { float: left; position: relative; width: 512px; padding: 0; margin: 10px 0 0 0; border-bottom: 1px dotted #8B8B8B; }
.episode-thumb, .tip-thumb, .recipe-thumb { float: left; position: relative; width: 220px; padding: 0 0 0 10px; }

.envirokid-thumb { float: left; position: relative; width: 110px; padding: 0 0 0 10px; } /*BK*/

.product-thumb { float: left; position: relative; width: 260px; padding: 0 0 0 10px; }
.item-thumb { float: left; position: relative; width: 230px; padding: 0 0 0 10px; }
.item-description { float: right; width: 242px; position: relative; }
.new-release-heading { color: #6C2446; font-size: 1.4em; font-weight: bold; }
.episode-description, .tip-description, .recipe-description { float: right; width: 282px; position: relative; }

.envirokid-description { float: right; width: 392px; position: relative; } /*BK*/

.product-description { float: right; width: 242px; position: relative; }
.product-video, .entry-video { text-align: center; padding: 20px 0 20px 0; }
.episode-title, .tip-title, .recipe-title, .product-title { color: #000000; font-size: 1.2em; line-height: 1.2em; font-weight: bold; padding: 0 10px 0 10px; }

#episodes h4, #episode-list h4, #maresi-corp h4, #news h4, #recipes h4, #recipe-list h4, #shop h4, #contact h4, #tips h4, #tip-list h4  { background: transparent url(http://www.vasilisgarden.com/images/interface/header-bg-main.png) no-repeat 0 0; height: 27px; width: 502px; padding: 10px 0 0 10px; }
#latest-news h4, #real-people h4 { background: transparent url(http://www.vasilisgarden.com/images/interface/header-bg-whats-new.png) no-repeat 0 0; height: 27px; width: 502px; padding: 10px 0 0 10px; }
#maresi-corp-block h4 { background: transparent url(http://www.vasilisgarden.com/images/interface/header-bg-maresi-corp.png) no-repeat 0 0; height: 27px; width: 236px; padding: 10px 0 0 10px; }
#latest-recipes h4 { background: transparent url(http://www.vasilisgarden.com/images/interface/header-bg-latest-recipe.png) no-repeat 0 0; height: 27px; width: 236px; padding: 10px 0 0 10px; }
#sponsors-supporters h4 { background: transparent url(http://www.vasilisgarden.com/images/interface/header-bg-sponsors.png) no-repeat 0 0; height: 27px; width: 502px; padding: 10px 0 0 10px; }
#this-week h4 { background: transparent url(http://www.vasilisgarden.com/images/interface/header-bg-this-week.png) no-repeat 0 0; height: 27px; width: 212px; padding: 10px 0 0 10px;}
#quiz h4 { background: transparent url(http://www.vasilisgarden.com/images/interface/header-bg-quiz.png) no-repeat 0 0; height: 27px; width: 212px; padding: 10px 0 0 10px; }
#tips-block h4 { background: transparent url(http://www.vasilisgarden.com/images/interface/header-bg-tips.png) no-repeat 0 0; height: 27px; width: 212px; padding: 10px 0 0 10px; }
#maresi-block h4 { background: transparent url(http://www.vasilisgarden.com/images/interface/header-bg-tips.png) no-repeat 0 0; height: 27px; width: 212px; padding: 10px 0 0 10px; }

.sponsor { float: left; position: relative; width: 210px; padding: 0 12px 0 12px; margin: 5px 0 5px 0; }
.sponsor-logo { text-align: center; }
.sponsor-description { text-align: center; }
.sponsor-link { text-align: center; }

#episodes img, #tips img, #recipes img, #news img { float: right; position: relative; padding: 5px 10px 10px 10px; }
#vasilis-book img { padding: 0 10px 0 10px; }
#vasilis-dvd img { padding: 2px 10px 0 10px; }
#maresi-corp-block img, #latest-recipes img, #this-week img, #quiz img, #tips-block img  { padding: 5px 10px 0 10px; }

#main h1 { padding: 20px 0 20px 30px; }
#main p { padding: 5px 10px 5px 10px; }

/* =7 Form */
input.text { padding: 1px 2px 1px 2px; background: #FFFFFF; }
#search { float: left; width: 220px; margin: 0 0 12px 0; padding: 7px 0 0 0; }
#search fieldset { border: none; }
#search #s { width: 126px; }
#search #x { width: 80px; }
.button { background-color: #85907F; border: 1px solid #676F61; color: #FFFFFF; }

/* =8 Extra */

/* =9 Footer */
#footer { width: 835px; margin: 0 auto; position: relative; font-size: 1.0em; font-weight: bold; }
#footer a { text-decoration: none; color: #000000; }
#footer-copyright { display: inline; float: right; height: 40px; text-align: right; padding: 8px 30px 0 0; }
#footer-links { display: inline; float: left; height: 40px;  padding: 8px 0 0 30px; }
#footer-menu, #footer-menu ul { list-style: none; line-height: 1.0em; margin: 0; padding: 0; }
#footer-menu li { float: left; padding: 0; }
#footer-menu a { display: block; color: #000000; text-decoration: none; padding: 0px 10px 0px 11px; border-right: 1px solid #000000; }
#footer-menu .last a { border: none; }