/* 
Theme Name: Componere Fine Catering
Theme URL: http://www.componerefinecatering.com
Description: Componere Fine Catering Wordpress Theme
Author: Deluge Studios
Author URI: http://www.delugestudios.com
Version: 1.0
*/

/* Reset */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}




/* Main */

* { margin:0; padding:0; }
html, body { height: 100%; }
html { background-color: #fcfcf4; }
body { font-family: Arial,sans-serif;font-size: 14px; background: url(images/bg-strip-int.jpg) repeat-x; height: auto; }
body.home { background: url(images/bg-strip.jpg) repeat-x; }
a { font-weight: bold; color: #9f2024; text-decoration: none; }
a:hover { color: #de5459; border-bottom:1px dashed #de5459; }
a:hover img { border: none; }
h1 {font-size: 24px; color: #9f2024;}
h2 { font-size: 18px; }
strong {font-weight: bold;}
em {font-style: italic;}
h1 a, h2 a, h3 a, h4 a { border-bottom:1px dashed #fcfcf4; }


.floatright { float: right; }
.alignleft { float: left; margin: 1px 15px 10px 0; }
.alignright { float: left; margin: 1px 0 10px 15px; }
.wp-image-246 { border: 1px solid #d8d8b0; }


#wrapper { min-height:100%; width:993px; position:relative; margin:0 auto; text-align: center; font-size: 15px; line-height: 1.5em; background-color: #fcfcf4; color: #373720; margin-bottom: -60px; }
#wrapper-pr { min-height:917px; height:100%; width:998px; position:relative; margin:0 auto; text-align: center; line-height: 1.1em; }
#header { width: 993px; height: 179px; background: url(images/head-bg.gif) no-repeat; }
#logo { background: url(images/logo.gif) no-repeat; width: 229px; height: 91px; display:block; text-indent:-9999px; position: absolute; left: 37px; top: 22px; }
#logo a { width:229px; height: 91px; display:block; border:none; }
#tagline { width: 390px; height: 108px; position: absolute; right: 41px; top: 30px; }
#content { width: 993px; background: url(images/content-bg.gif) no-repeat; padding: 44px 0 20px 38px; text-align: left; }
#content p { width: 582px; }
#content h1 {margin-bottom: 10px;}
#content ul { margin-left: 30px; }
.page-id-13 #content ul { margin-left: 0px; }
.page-id-13 #content li {list-style-type: none;}


.clearfooter { height: 60px; clear: both; }
#footer { height: 60px; position: relative; background: #c3c38e url(images/footer-bg.gif) repeat-x; text-align: center; padding-top: 25px; color: #373720; font-size: 12px; line-height: 2em; }




/* Home Page */

.home #content p { width: 459px; }
#mp-slideshow { width: 993px; height: 328px; padding: 8px 0 0 0; background: url(images/ss-bg.jpg) no-repeat; }
#mp-sidebar { width: 435px; float: right; padding-right: 78px; position: relative;}
#request { background: url(images/request.gif) no-repeat top left; height: 41px; width: 298px; text-indent: -9000px; overflow: hidden; display: block; border: none; }
a:hover#request { background: url(images/request.gif) no-repeat 0px -41px; }
a:active#request { background: url(images/request.gif) no-repeat 0px -82px; }
#facebook { background: url(images/fb.gif) no-repeat top left; height: 41px; width: 132px; text-indent: -9000px; overflow: hidden; display: block; border: none; position: absolute; left: 303px; top: 224px; *top: 228px;  }
#facebook,  x:-moz-any-link, x:default  { top: 225px;  }

a:hover#facebook { background: url(images/fb.gif) no-repeat 0px -41px; }
a:active#facebook { background: url(images/fb.gif) no-repeat 0px -82px; }
#welcome { background: url(images/h1-welcome.gif) no-repeat; width: 412px; height: 24px; text-indent:-9999px; margin-bottom: 10px; }
#footerhome { height: 300px; position: relative; background: #c3c38e; text-align: justify; padding-top: 35px; color: #373720; font-size: 11px; line-height: 1.3em; }




/* Interior Pages */

#int-sidebar { float: right; width: 312px; text-align: center; margin: 0 73px 20px 0; }
#int-sidebar p {width: 272px; font-size: 11px; padding-left: 18px;}
#int-sidebar h1 {margin-top: 10px;}
#int-sidebar ul {list-style-type: none;}
#sidebar { text-align: left; }
#sidebar h2 { margin-top: 30px; }
#sidebar ul p { margin-left: -17px; }
h1.page-id-2 { background: url(images/h1-our-story.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }
h1.page-id-20 { background: url(images/h1-our-chef.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }
h1.page-id-9 { background: url(images/h1-food-menus.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }
h1.page-id-11 { background: url(images/h1-our-garden.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }
h1.page-id-12 { background: url(images/h1-weddings.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }
h1.page-id-13 { background: url(images/h1-business.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }
h1.page-id-15 { background: url(images/h1-contact.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }
h1.page-id-20 { background: url(images/h1-our-chef.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }
h1.page-id-49 { background: url(images/h1-faqs.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }
h1.page-id-52 { background: url(images/h1-buzz.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }
h1.page-id-54 { background: url(images/h1-seasonal-produce.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }
h1.page-id-58 { background: url(images/h1-planning-tips.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }
h1.page-id-57 { background: url(images/h1-our-services.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }
h1.page-id-293 { background: url(images/h1-gallery.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }
h1.blog, h1.single, h1.archive, h1.search { background: url(images/h1-blog.jpg) no-repeat; width: 993px; height: 63px; text-indent:-9999px; }


.box-green {background: #d8d8b0;}
.boxtop-green {background: url(images/green-ne.gif) no-repeat top right;}
.boxtop-green div {font-size: 0; height: 10px; background: url(images/green-nw.gif) no-repeat top left;}
.boxbottom-green {background: url(images/green-se.gif) no-repeat bottom right;}
.boxbottom-green div {font-size: 0; height: 10px; background: url(images/green-sw.gif) no-repeat bottom left;}
.boxcontent-green img { margin: 10px 0 10px 0; }


.gallery { min-height: 600px; }
.slidepress-gallery { width: 820px; margin: 0 auto; }



/* Blog */

#post h1, .post h1, .post h2 { border-bottom: #9f2024 1px dotted; padding-bottom: 2px; margin-bottom: 1px; }
#postmeta, .posthead, #post h1, .post h1, .post h2, .search #content h1, .post ul, .post li, #post ul, #post li {  width: 582px; }
.posthead {  font-size: 11px; margin-bottom: 15px; }
#postmeta { font-size: 11px; border-top: #d8d8b0 1px dashed; margin: 15px 0 60px; }
.single .post h1 { margin-bottom: 20px!important; }
.single #postmeta { margin-bottom: 30px; }
.amzshcs { margin-bottom: 20px; }
.amzshcs a:hover { border: none; cursor: pointer; }
.amzshcs-item { width: 255px; height: 80px; clear: both; line-height: 13px; margin-bottom: 40px;}
.amzshcs-item img { float: left; margin-right: 10px; }
.amzshcs-item span { position:relative; top:10px; }
.sidebar-toptext { text-align: center; margin-bottom: 10px; padding-left: 8px!important; }
#postnavigation { text-align: center;}
#search-wrap { width: 252px; height: 34px; position: relative; }

/* Comment Form */
ol#commentlist { list-style-type: none; width: 582px; }
#comment-area {background-color: #7D7D7D; padding: 10px 20px; color: #dfdfa7; margin-top: 40px; border-top: 3px solid #9f2024; position: relative;}
#comment-area h4 {font-weight: bold; font-size: 24px;}
.singlecomment, .commenttext, .commenttext-admin {background: #d8d8b0; border-left: 8px solid #9f2024; }
.singlecomment {background: #b3b191; padding: 10px; }
.commenttext, .commenttext-admin {margin-bottom: 10px; padding: 20px;}
.commenttext p, .commenttext-admin p { width: 525px!important; } 
#commentsform {/*border-top: 1px solid #dfdfa7; */margin-top: 4px;}
.thinline {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9f2024; margin: 3px 0 8px 0;} 
input, select, textarea { background:#b3b191 none repeat scroll 0% 0%; border:1px solid #9c9b7c; color:#fcfcf4; font-size:.8; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; padding:5px 4px; margin-bottom: 10px;}
label, input#sbutt, p.commentslabel {font-weight: bold;}
#s1, #s2, #s3, #s4 {width: 350px;}
img.cs-wm {position: absolute; bottom:70px; right:18px;}
input#sbutt, input#searchsubmit {cursor: pointer;}
input#searchsubmit {width: 58px; height: 31px; position: absolute; top: 0; right: 0; }
input#s {width: 180px; height: 19px; position: absolute; top: 0; left: 0; }




/* Nav */

#nav { background:url("images/nav.gif") no-repeat; width:981px; height:41px; margin: 0 auto; padding:0; position: absolute; top: 138px; left: 6px;}
#nav span { display: none; }
#nav a { border: none; }

#nav li, #nav a { height:41px; display:block; } 
#nav li { float:left; list-style:none; display:inline; position:relative; }

#nav-01 { width: 130px; margin-left:0px; }
#nav-02 { width: 165px; margin-left:0px; }
#nav-03 { width: 144px; margin-left:2px; }
#nav-04 { width: 126px; margin-left:1px; }
#nav-05 { width: 209px; margin-left:1px; }
#nav-06 { width: 83px; margin-left:1px; }
#nav-07 { width: 117px; margin-left:1px; }


#nav-01 a:hover { background:url("images/nav.gif")  0px -41px no-repeat; }
#nav-02 a:hover { background:url("images/nav.gif") -130px -41px no-repeat; }
#nav-03 a:hover { background:url("images/nav.gif") -297px -41px no-repeat; }
#nav-04 a:hover { background:url("images/nav.gif") -442px -41px no-repeat; }
#nav-05 a:hover { background:url("images/nav.gif") -569px -41px no-repeat; }
#nav-06 a:hover { background:url("images/nav.gif") -779px -41px no-repeat; }
#nav-07 a:hover { background:url("images/nav.gif") -863px -41px no-repeat; }


#nav-01 a:active { background:url("images/nav.gif")  0px -82px no-repeat; }
#nav-02 a:active { background:url("images/nav.gif") -130px -82px no-repeat; }
#nav-03 a:active { background:url("images/nav.gif") -297px -82px no-repeat; }
#nav-04 a:active { background:url("images/nav.gif") -442px -82px no-repeat; }
#nav-05 a:active { background:url("images/nav.gif") -569px -82px no-repeat; }
#nav-06 a:active { background:url("images/nav.gif") -779px -82px no-repeat; }
#nav-07 a:active { background:url("images/nav.gif") -863px -82px no-repeat; }


.page-id-2 #nav-01 a.nav-top, .page-id-2 #nav-01 a.nav-top:visited, .page-id-20 #nav-01 a.nav-top, .page-id-20 #nav-01 a.nav-top:visited, .page-id-49 #nav-01 a.nav-top, .page-id-49 #nav-01 a.nav-top:visited, .page-id-52 #nav-01 a.nav-top, .page-id-52 #nav-01 a.nav-top:visited { background:url("images/nav.gif")  0px -82px no-repeat; }
.page-id-9 #nav-02 a.nav-top, .page-id-9 #nav-02 a.nav-top:visited, .page-id-54 #nav-02 a.nav-top, .page-id-54 #nav-02 a.nav-top:visited, .page-id-56 #nav-02 a.nav-top, .page-id-56 #nav-02 a.nav-top:visited { background:url("images/nav.gif") -130px -82px no-repeat; }
.page-id-11 #nav-03 a.nav-top, .page-id-11 #nav-03 a.nav-top:visited { background:url("images/nav.gif") -297px -82px no-repeat; }
.page-id-12 #nav-04 a.nav-top, .page-id-12 #nav-04 a.nav-top:visited, .page-id-58 #nav-04 a.nav-top, .page-id-58 #nav-04 a.nav-top:visited  { background:url("images/nav.gif") -442px -82px no-repeat; }
.page-id-13 #nav-05 a.nav-top, .page-id-13 #nav-05 a.nav-top:visited, .page-id-57 #nav-05 a.nav-top, .page-id-57 #nav-05 a.nav-top:visited { background:url("images/nav.gif") -569px -82px no-repeat; }
.blog #nav-06 a, .blog #nav-06 a:visited, .archive #nav-06 a, .archive #nav-06 a:visited, .search #nav-06 a, .search #nav-06 a:visited, .single #nav-06 a, .single #nav-06 a:visited { background:url("images/nav.gif") -779px -82px no-repeat; }
.page-id-14 #nav-07 a.nav-top, .page-id-14 #nav-07 a.nav-top:visited { background:url("images/nav.gif") -863px -82px no-repeat; }


#nav li ul {position:absolute; left:-9999px; background-color:#761b1d; z-index:9999;}
#nav li ul li {height:32px; background:#761b1d; margin-top: -2px; border-top: 1px dashed #962a2c;}
#nav li ul li a {width:100%; height:32px; line-height:32px;}
#nav li ul li a span {display:block; padding:0px 12px 14px 12px; color: #fff;}
#nav li ul li a:hover span { color:#761b1d;}


#nav li ul a:hover { text-decoration:none; background:#abab74;}
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {font-size:13px; text-decoration:none;}
#nav li:hover ul, #nav li.sfHover ul { left: auto; }


#nav-01 ul, #nav-01 li { width:130px; }
#nav-02 ul, #nav-02 li { width:167px; }
#nav-04 ul, #nav-04 li { width:127px; }
#nav-05 ul, #nav-05 li { width:210px; }


.nav-bottom {border-bottom: 4px solid #ab5555;}


.shutter { border: none!important; }
