/*  

Theme Name: Lucca
Theme URI: http://luccacharleston.com/
Description: A simple restaurant site.
Version: 1.0
Author: Lee Leslie
Author URI: http://leslieevanscreative.com/

*/

/* ------------------------ reset.css */ 
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*{margin:0;padding:0;}
body{ color:#333; font: 14px/18px Georgia, "Times New Roman", Times, serif; margin:0; padding:0; }
/* ------------This is where you control space between paragraphs */
p { margin-bottom: 8px; }
/* ------------------------ wrap */
#content{ font: 14px/18px Georgia, "Times New Roman", Times, serif; width:96%; list-style-type: none; list-style-image: none; }
#wrap{ color:#333; font-size: 14px; font-weight: normal; font-style: normal; font-variant: normal; line-height: 14px; margin:0; padding:0; }
#indexcontent{ text-align: left; list-style: none; }
blockquote{margin:0 0 0 25px;padding:0 25px 0 10px;font-style:italic;color:#333;border-left:3px solid #FFCC00;}
blockquote:before,blockquote:after,q:before,q:after{ content: ""; } 
blockquote,q{ quotes: "" ""; }
.navigation{ text-align: center; }
/* ----------------------------------- head */
#header{ width: 96%; height:0; }
#header h1,#header h1 a{display:block;height:95px;width:auto;text-indent:-9000px;margin:0;
padding:0;}
#header h1 a:hover{  }
.description{display:none;}
/* ------------------------ blocks */
.indexlogo{ position: absolute; z-index: 999; padding-top: 135px; padding-left: 10px; }
.pageslogo{ position: absolute; top: 30px; left: 610px; z-index: 999; }
.mappad{ margin-top: 10px; padding-top: 10px; }
#r1_left{ font-size: 90%; line-height: 90%; width:100px; z-index: 900; float: left; margin: 280px 0 0 10px; overflow:visible; visibility: visible; clear: both; padding: 10px 10px 10px 0; }
#menu_left{ font-size: 90%; line-height: 90%; width:100px; z-index: 900; float: left; margin: 80px 0 0 10px; overflow:visible; visibility: visible; clear: both; padding: 10px 10px 10px 0; }
#r1_main{ width:616px; z-index: 100; margin-right:10px; margin-left:10px; overflow:visible; visibility: visible; float:left; padding: 10px 0 10px 10px; }
#r1_right{ font-size: 90%; line-height: 90%; width:100px; float: left; overflow:visible; visibility: visible; margin: 170px 0 0 10px; padding: 10px 10px 10px 0; }
#map_right{ font-size: 90%; line-height: 90%; width:100px; float: left; overflow:visible; visibility: visible; margin: 170px 0 0 10px; padding: 10px 10px 10px 0; }
.row_border{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding:10px 0; margin:0; width:100%; clear:both; border-top:1px solid #ccc; overflow:auto; list-style: none; }
.no_border{ }
#arc_main{ width:616px; float: left; list-style: none; }
#blank{ margin-right:10px; margin-left:10px; }
.spostinfo{ padding:10px 0; margin:-33px 0 0; border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; }

/* ----------------------------------- front row */
.entries{ display:block; padding:6px; margin:4px 3px; overflow:hidden; font:14px/14px Arial; list-style-type: none; list-style-image: none; }
/* ----------------------------------- cat lists  */
.cat{ padding:10px 0; }
.cat ul{margin:4px 0;}	
.cat ul li{list-style:none;padding:4px 0;display:inline;}
.cat ul li a:link,.cat ul li a:visited{color:#ccc;float:left;width:45%;padding:2px;margin:0 3px;}
.cat ul li a:hover{color:#fff;background:#FFCC00;}

/* ----------------------------------- headers */
h1{ font-size: 30px; font-weight: normal; font-style: normal; font-variant: normal; line-height: 30px; }
h2{ font-size: 22px; font-weight: normal; font-style: normal; font-variant: normal; line-height: 22px; margin-top: 8px; }
h3{ font-size: 18px; font-weight: normal; font-style: normal; font-variant: normal; line-height: 18px; list-style-type: none; list-style-image: none; }
h4{ font-size: 14px; font-weight: normal; font-style: normal; font-variant: normal; line-height: 14px; list-style-type: none; list-style-image: none; }
/* ----- color */
h5{ color:#cc3300; font-size: 12px; font-weight: normal; font-style: normal; font-variant: normal; line-height: 12px; padding:0; margin:0 8px 0 0; text-align: right; }
h6{ color:#cc3300; font-size: 10px; font-weight: normal; font-style: normal; font-variant: normal; line-height: 10px; padding:0; margin:0 8px 0 0; text-align: center; }
h2 a,h2,h3 a,h3{color:#c30;padding:0;margin:0;font-variant:small-caps;}
h4 a{color:#CC3300;margin:0;font-variant:small-caps;}

/* ----------------------------------- entry */
#contentspace{ background-color: #f0edda; padding: 20px 30px 0; }
.contentwrap{ background-color: #f0edda; margin-top: 8px; padding: 30px; }
.logowrap{ margin-right: 100px; }
.entry,.sentry{ clear:both; margin-right: 0; margin-bottom: 2px; margin-left: 0; padding:2px 0; }
.sentry ul,.sentry ol{ margin-left: 10px; padding-bottom: 10px; padding-left: 20px; list-style-type: disc; list-style-position: outside; }
.read_on{ padding-bottom: 14px; }
.postspace{ width:80%; height:32px; margin:0; padding:0; }
.meta{ display:block; font-size:80%; }
.entry p img,.entry a img,.floow a img,.sentry p img,.sentry a img{padding:3px;}
.spostinfo{ padding:10px 0; margin:-33px 0 0; border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; }	
.author{ font-size: 180%; font-weight: normal; font-style: italic; font-variant: normal; line-height: normal; padding:10px 0; margin:15px 0; }
.author-image{float:right;border:1px solid #ccc;margin:5px;padding:3px;}

.rel {float:left;padding:10px 0;width:49%;}
.rell { float:right; padding-right: 10px; }
.rel ul li,.rell ul li{ color:#333; }
		
.entry ol{margin:7px 15px;padding:0 0 0 20px;list-style-type:upper-roman;}
.auth{ } 
.comy{ font-size: 12px; padding:0 0 0 22px; background:url(images/16.png) no-repeat 0 2px; }

/* ----------------------------------- date */
.date{ font-size:11px; }
.date span.date{color:#7F7F7F;padding:0 2px 0 4px;}
.bigdate{ color:#333; font-size: 12px; font-weight: normal; font-style: normal; font-variant: normal; text-decoration:none!important; }

/* ----------------------------------- footer */
#footer{ margin:0; padding:10px 0 10px 10px; text-align:left; border-bottom:5px solid #fff; }
#footer p{ font: 70% Helvetica, Geneva, Arial, sans-serif; margin:0; padding:0; }
.footmeta{ font: 70% Helvetica, Geneva, Arial, sans-serif; margin:0; padding:0; }

/* ----------------------------------- foo nav */
#navbarf{ width:auto; margin:100px 0 0; padding:0; text-align:center; }
#navbarf li{display:inline;list-style-type:none;margin:0;padding:0;}	
#navbarf ul{margin:0;padding:0;}
#navbarf ul li a{ font-size:14px; color:#333; font-variant: small-caps; text-decoration:none; font-weight:normal; padding:0 25px 0 5px; }

#s_footer h1,#s_footer h1 a{ color:#333; font-size:24px; font-weight: 400; text-decoration:none; padding-left:40px; margin:0; display:block; }
/* ----- color */
#s_footer h1 a:hover{color:#CC3300;text-decoration:none;}

/* ----------------------------------- comments */
#comments{width:99%;padding:3px 0;}
#comments h3,h3#respond{color:#555;margin:7px 0;}

ol.commentslist{list-style-type:none;}
ol.commentslist li{list-style-type:none;}
.commentslist li{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border:solid 1px #ccc; }
.commentslist li a{}
.commentslist li.alt{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.commentslist li:hover{border-color:#888;}
.commentslist .comment_text{margin:0;overflow:hidden;}
.comment_text p,.comment_text ul,.comment_text ol,.comment_text blockquote{float:left;width:80%;}
.comment_text ul,.comment_text ol,.comment_text blockquote{}

.comment-date{width:60px;float:right;padding:0 0 0 20px;margin:0;height:70px;display:inline-block;}
p.author_meta{font-weight:700;padding:0 20px 0 5px;width:80%;}
p.post_meta{font-size:11px;text-align:right;margin:0 7px 0 0;}
.count{ float:left; display:block; width:30px; color:#333; font-size: 14px; font-weight: normal; font-style: normal; font-variant: normal; line-height: 14px; padding-left: 5px; }

.commentslist li.author{ color:#000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.commentslist li.author a{color:#ddd;}
.commentslist li.author a:hover{color:#900;}
#comments_closed{ color:#900; padding:7px 0; margin:12px 0; line-height:1.5em; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{ color:#ddd; text-decoration:underline; }
p.nocomments a:hover{color:#ccc;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{  }
#commentform p{margin:1em 0;}
#commentform p a{  }
#author,#email,#url,#comment{ font-size: 14px; font-weight: normal; font-style: normal; font-variant: normal; border:solid 1px #bbb; padding:2px; }
#comment{width:99%;overflow:hidden;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
#commentform textarea{width:90%;height:140px;border:solid 1px #ccc;padding:2px 0;margin-top:3px;color:#333;background:#fff;}
#commentform #submit{ background-image: url(images/submit-comment.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; margin:0 0 15px; padding:0; width:127px; height:27px; display:block; outline:none 0; text-indent:-9999px; border:0; }
.submit-comment { background-image: url(images/submit-comment.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; margin:0 0 15px; padding:0; width:127px; height:27px; display:block; outline:none 0; text-indent:-9999px; border:0; }

/* ----------------------------------- calendar */
#wp-calendar {text-align:center;background-color:#fff;margin:0;width: 95%;}#wp-calendar td {line-height:10px;font-size:10px;color:#333;}
#wp-calendar td a {display:block;color:#333; text-decoration:none;line-height:10px;}
#wp-calendar #prev a {width:30px;}
#wp-calendar #next a {width:30px;margin:0 0 0 30px;}
#wp-calendar #today {background:#000;color:#fff;}
#wp-calendar #today a {color:#fff;font-weight:700;}
#wp-calendar caption {border: 0;text-align: center;background-color:#f3f3f3;padding-top:4px;margin: 10px;}

/* ----------------------------------- tool */
#toolTip{position:absolute;z-index:1000;width:170px;background:#fff;
text-align:left;padding:5px;min-height:1em;}
#toolTip p{ margin:0; padding:0; color:#000; font: 16px/22px Helvetica, Geneva, Arial, sans-serif; }
#toolTip p em,body div#toolTip p em span{display:none;}

/* ----------------------------------- clears */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;}* html .clearfix{height:1%;}
.clearfix{display:block;}
hr.clear{clear:both;visibility:hidden;margin:0;padding:0;}

/* ----------------------------------- tabs */
.domtabs{float:left;width:99%;list-style-type:none;margin:0;padding:0;}
.domtabs li{float:left;}
domtabs ul{margin:0;padding:0;}
.domtabs li a{ display:block; padding:0 5px 0 0; border:0; text-decoration:none; color:#333; font-size: 19px; font-weight: normal; font-style: normal; font-variant:small-caps; line-height: normal; margin:-8px 0 0; }
.domtabs a:hover{background:#ccc;}
.domtabs li.active a{border:0;color:#333;}

/* ----------------------------------- floats */
.center,.aligncenter{text-align:center;display:block;margin:0 auto;padding:5px 5px 2px;}
.alignleft,.left{float:left;margin-right:5px;margin-bottom:2px;}
.alignright,.right{float:right;margin-left:5px;margin-bottom:2px;}
.alignnone{text-align:center;display:block;margin:0 auto;padding:5px;}

/* ----------------------------------- flickr */
.ff a img{border:.08em solid #ccc;padding:.077em;width:3.5em;height:3.5em;margin:5px;}
.ff a:hover img{border:.08em solid #333;width:3.5em;height:3.5em;margin:5px;padding:.077em;}
/* ----------------------------------- basics */
table{ width: 100%; margin:12px 0; }
td{ padding:0.3em; }
tr{color:#333;}
tr.alt,tr.even{background:#ccc;}
th{ padding:0.3em; color:#000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; border:solid 1px #ccc; }
table.sortable { font-size: 80%; border-spacing: 0; border: solid 1px #000; border-collapse: collapse; }
table.sortable th { text-align: center; vertical-align: middle; padding: 0; }
table.sortable td { text-align: center; vertical-align: middle; }

/* ----- color */
td a,th a{font-weight:bold;color:#CC3300;}
dl{margin:12px 0;border-bottom:1px solid #ccc;padding:0.5em 0;}
dt{display:inline;margin:9px 0;padding:0;color:#333;font-style:italic;}
dd{display:block;margin:7px 0;padding:0;}
/* ----- color */
dd a{color:#CC3300;}
dd a:hover{color:#333;}
code{ padding:0 3px; margin:12px 0; }
pre{ overflow:auto; padding:9px; border:solid 1px #ccc; }
pre code{ padding:0; }

/* ----- captions */
.gallery{ border: 0; padding-top:4px; margin: 10px; padding-left: 4px; }
.gallery img{margin: 0;	padding: 0;border: 0 none;}
.wp-caption {border: 0;text-align: center;background-color:#f3f3f3;padding-top:4px;margin: 10px;}
.wp-caption img {margin: 0;	padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;color:#666;}
caption{border: 0;text-align: center;background-color:#f3f3f3;padding-top:4px;margin: 10px;}
/* ----------------------------------- base */

/* ----- color */
a,a:visited{color:#CC3300;text-decoration:none;}
a:hover{ text-decoration:none; color:#333; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
a img,img{border:0;}
/* ----------------------------------- search */
#searchform{margin:0;padding:3px 0;position:absolute;top:5px;right:6%;}
#searchform #s{ width:220px; padding:2px; border:solid 1px #333; font-size:14px; background-color: transparent; margin:0; }

/* ---------------------------------- topnavig*/
#navi{ font-size: 14px; font-weight: normal; font-style: normal; font-variant: normal; line-height: normal; height:18px; display:block; padding:0; position:relative; }
#menu ,#menu ul {margin:0 auto;padding:0;list-style:none;height:29px;width:auto;}
#menu a {color: #666;display: block;padding: 4px 10px 6px 10px;}
/* ----- color */
#menu a:hover { color: #FFCC00; display:block; text-decoration: none; background:#CC3300; }
#menu li {float: left;margin: 0;padding: 0;}
#menu li li {float: left;margin: 0 0 0 5px;padding: 0;width: 130px;}
#menu li li a, #menu li li a:link, #menu li li a:visited { width: 150px; float: none; margin: 0; padding: 4px 10px 5px; color:#333; }
#menu li li a:hover, #menu li li a:active {background:#333;width: 150px;
float: none;margin: 0;padding: 4px 10px 5px 10px;color:#fff;}
#menu li ul {position: absolute;width: 10em;left: -999em;z-index:1;}
#menu li:hover ul {left: auto;display: block;}
#menu li:hover ul, #menu li.sfhover ul {left: auto;}
/* ----- color */
#menu li.current_page_item a{background:#CC3300;color:#FFCC00;}
#menu li.current_page_item a:hover{color:#000;text-decoration:none;}

/* ----------------------------------- catnavi */
#cat{ width:100%; height:32px; border-bottom:1px solid #333; }
.sf-menu, .sf-menu *{ font-size: 14px; font-weight: normal; font-style: normal; font-variant: normal; line-height: normal; margin:0; padding:0; list-style:none; }
.sf-menu { line-height:1; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height:31px; }
.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;color:#666;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;
top:30px; /* match top ul list item height */z-index:150;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
.sf-menu {float:left;margin:0;width:100%;}
.sf-menu a {border-right:1px dotted #333;padding: 8px  10px;text-decoration:none;color:#666;}
/* ----- color */
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:#CC3300;}
.sf-menu li { color:#666; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.sf-menu li li { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.sf-menu li li li { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
/* ----- color */
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#CC3300;outline:none 0;color:#fff;}
/* ----- color */
.sf-menu li.current-cat a{background:#CC3300;color:#fff;}
.sf-menu li.current-cat a:hover{background:#666;color:#ccc;}
ul { list-style-type: none; }
.postsidebar { background-color: #f3f3f3; width: 300px; float: right; margin-left: 12px; padding: 10px; outline: solid 0.08em #ccc; }
.rnset { background-color: #f3f3f3; width: 300px; float: right; margin-left: 12px; padding: 10px; outline: solid 0.08em #ccc; }
.lnset { background-color: #f3f3f3; width: 300px; float: left; margin-right: 12px; padding: 10px; outline: solid 0.08em #ccc; }
.inset { font-size: 26px; background-color: #f3f3f3; float: left; margin-right: 12px; padding: 10px; outline: solid 0.08em #ccc; }
.tnset { background-color: #f3f3f3; top: 0; width: auto; padding: 10px; outline: solid 0.08em #ccc; }
.bnset { background-color: #f3f3f3; bottom: 0; width: 300px; float: left; margin-right: 12px; padding: 10px; outline: solid 0.08em #ccc; }
.cnset { background-color: #f3f3f3; width: 300px; float: none; clear: both; margin-right: 12px; margin-left: 12px; padding: 10px; outline: solid 0.08em #ccc; }
.widget ol, .widget ul, .widget li { margin-top: 2px; margin-bottom: 3px; }
#container { background-color: #fff; margin:0 auto; width:936px; }
