/*
Theme Name: Lily's at Levis
Theme URI: http://www.lilysatlevis.com
Description: Lily's at Levis Theme
Version: 
Author: Elliot Jay Stocks
Author URI: http://www.neongoldfish.com
Tags: Lily's at Levis
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #826348; background: url(images/bg.gif) repeat-x top #078675; margin: 0px; padding: 0px; }

#page-wrap {width: 982px; margin: 0 auto;}

#header {width: 982px; height: 192px; }
#header-left {float: left; width: 435px; padding: 30px 0px 0px 20px;}
#header-right {float: right; width: 520px; }
#header-address {text-align: right; margin-top: 40px; color: #74554d; font-size: 18px; }
#header-phone {align: right; margin-top: 20px;}
          
#nav {width: 982px; height: 54px; background: url(images/nav-bg.gif) no-repeat;}

#nav ul {width: 900px; margin: 0px 0px 0px 0px; text-align: center;} 
#nav li {float: left; list-style: none; }
#nav a {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; text-decoration: none; padding: 18px 35px 14px 35px; display: block;}
#nav a:visited {text-decoration: none;}
#nav a:hover {color: #fee691;}
#nav a:active {color: #FFFFFF;}


#content {width: 956px; background: #FFFFFF; border-left: 1px solid #d1c7a2; border-right: 1px solid #d1c7a2; padding: 12px;}
.content-flash-main {float: left;}

#page-content-container {float: left; width: 643px; margin: 0px 0px 0px 0px}
#page-content {width: 633px; margin: 0px 0px 0px 10px;}
#page-content p {font-size: 14px; padding: 5px 10px 5px 0px; margin: 0px 0px 0px 0px;}

#sidebar-buttons {float: right; width: 300px;}        
.content-blog {margin-bottom: 7px;}
.content-specials {margin-bottom: 7px;}
.content-gallery {}

#thumbnails {float: left; width: 486px; margin: 0px 30px 0px 0px}
.tn-row {border-bottom: 1px solid #d1c7a2; margin-bottom: 10px; padding-bottom: 10px;}
.tn-row-image {float: left; width: 170px; height: 100px;}
.tn-row-text {float: right; width: 300px; padding: 0px 0px 0px 10px;}
.tn-row-text img {margin: 5px;}

#productlist {float: left; width: 120px; margin: 0px 20px 0px 0px;}
.product-links {}
.product-links ul {margin: 0px 0px 0px 0px;}
.product-links li {list-style: none; margin-bottom: 10px; background: url(images/bullet-product.gif) no-repeat left center; padding: 0px 0px 0px 13px;}
.product-links li a {color: #826348; font-size: 14px; text-decoration: none;}
.product-links li a:hover {color: #ff9a42;}
.product-links li a:visited {color: #826348;}

#newsevents {float: right; width: 300px;}
.content-title {color: #098675; font-size: 24px; margin: 15px 0px 15px 0px;}

.events-row {width: 300px; list-style: none; margin: 0px 0px 0px -40px;}
.events-calendar{float: left; width: 45px; height: 45px; background: url(images/events-date-box.png) no-repeat;}
.events-month {width: 45px; height: 15px; font-size: 11px; font-weight: bold; color: #74554d; text-align: center; margin: 2px 0px 0px 0px;}
.events-day {width: 25px; height: 20px; font-size: 18px; font-weight: bold; color: #74554d; text-align: center; margin: 0px 0px 0px 16px;}
.events-title a, .events-title a:visited {color: #098675; font-size: 14px; font-weight: bold; margin: 0px 0px 5px 10px; text-decoration: none;}
.events-title a:hover {color: #826348;}
.events-text p {float: right; width: 240px; margin: 4px 0px 20px 10px; font-size: 12px}

#content-bottom {width: 982px; height: 9px; background: url(images/content-bottom.png) no-repeat;}

#footer {margin-top: 20px; padding-bottom: 10px; width: 100%; background: #74554d;}
#footer-top {background: url(images/footer-top.gif) repeat-x bottom; height: 11px; margin: 0px; width: 100%;}
#footer-main {width: 982px; margin: 0 auto;}
#footer-left {float: left; width: 350px; margin: 0px 41px 0px 0px;}
#footer-middle {float: left; width: 250px; margin: 0px 41px 0px 0px;}
#footer-right {float: right; width: 300px;} 
#footer-submit-bar {width: 130px; height: 26px; margin: 5px 0px 0px 5px;}

.footer-nav-list {float: left; width: 170px;}
.footer-nav-list ul {margin: 0px 0px 0px -20px;}
.footer-nav-list li {list-style: none; margin-bottom: 4px; background: url(images/bullet-product2.gif) no-repeat left center; padding: 0px 0px 0px 13px;}
.footer-nav-list li a {color: #ffffff; font-size: 14px; text-decoration: none;}
.footer-nav-list li a:hover {color: #fee691;}
.footer-nav-list li a:visited {color: #ffffff;}

.footer-title {color: #FFFFFF; font-size: 18px; margin: 10px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dashed #FFFFFF;}
.footer-text {color: #FFFFFF; font-size: 12px; padding: 0px 0px 0px 5px;}
.footer-text-box {margin: 10px 0px 10px 0px; padding: 0px 0px 0px 5px;}

.footer-nav {color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: center; padding: 10px 0px 10px 0px;}
.footer-nav a {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.footer-nav a:hover {color: #98b7d3;}
#footer-ngf {color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 30px 0px 10px 0px; text-align: center;}

.clear {clear: both; margin: 0px;}

.post-blog {width: 600px; padding: 15px 0px 10px 0px; border-bottom: 1px solid #74554d;}
.post-info {margin: 0px;}
.post-date {float: left; width: 45px; height: 45px; background: url(images/events-date-box.png) no-repeat;}
.post-month {width: 45px; height: 15px; font-size: 11px; font-weight: bold; text-align: center; color: #74554d; margin: 2px 0px 0px 0px;}
.post-day {width: 25px; height: 20px; font-size: 18px; font-weight: bold; text-align: center; color: #74554d; margin: 0px 0px 0px 16px; padding: 0px 0px 0px 0px;}
.post-title {float: right; width: 540px;}
.post-title h2 a, .post-title h2 a:visited {color: #098675; font-size: 20px; text-decoration: none;}
.post-title h2 a:hover {color: #333333;}
.post-cat {}
.post-cat a, .post-cat a:visited {font-size: 12px; color: #74554d; text-decoration: none; font-weight: bold;}
.post-cat a:hover {color: #ff9a42; text-decoration: none;} 
.post-text {width: 600px; margin: 5px 0px 20px 10px; font-size: 14px}

.entry-nav { clear: both; width: 600px; padding: 10px 0px; }
.entry-nav a, .entry-nav a:visited { font-size: 10px; color: #098675; text-decoration: none; font-weight: bold;}
.entry-nav a:hover {color: #ff9a42;} 
.previous-entries { float: left; padding-left: 15px; background: url(images/mini-nav-left.gif) no-repeat left center; }
.next-entries { float: right; padding-right: 15px; background: url(images/mini-nav-right.gif) no-repeat right center; }

img {border: none;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right; }
.alignleft {float: left; }


.submitbar-text {color: #FFFFFF; font-size: 12px; text-align: center; font-weight: bold; padding: 5px 0px 0px 0px;}
.style1 {color: #826348; font-size: 14px; font-weight: bold; margin: 0px 0px 10px 0px;}
.style2 {color: #826348; font-size: 12px;}

h1 {}
h2 {margin: 0px; padding: 0px;}
h3 {}
h4 {color: #826348; font-size: 14px; font-weight: bold; margin: 8px 0px 3px 5px;}