body{ background:url(images/bg.jpg);font:62.5%/1.8 "Lucida Grande",Arial,sans-serif;color:#333;height:100%;border-top:3px solid #000}
a{ color:#ee0007;text-decoration:none}
p,li{ font-size:120%}
p{ margin-bottom:1em}
#page h1{display:none}
h2,h3,h4{ font-weight:normal}
h3{ font-size:160%;line-height:1;margin-bottom:1em;color:#666}
h2,h3.greater{ font-size:260%;line-height:1;margin-bottom:0}

.field input,
#searchfield,
textarea{ color:#fff;background-color:#454545;border:1px solid #000;padding:0.5em 0.7em;margin-bottom:2em;font:120% "Lucida Grande",Arial,sans-serif;width:256px}

#btnSaveAjax{ border:none;display:block;font-size:0px}

#page-wrapper{ background:url(images/bg-overlay.jpg) top center no-repeat;width:100%;height:100%}
#header{ position:relative;width:907px;margin:0 auto;padding-top:30px}
#content-top{ background:url(images/content-bg-top.png) no-repeat;width:1007px;height:45px;margin:0 auto}
#content-bottom{ background:url(images/content-bg-bottom.png) no-repeat;width:1007px;height:49px;margin:0 auto 3em}
#content{ background:url(images/content-bg.png) repeat-y;width:1007px;min-height:500px;margin:0 auto}
#content-inner{ background:url(images/content-overlay.jpg) no-repeat;width:961px;min-height:400px;margin:0 auto}

ul.horizontal a{ float:left}
ul.horizontal .last{ border-right:none !important;margin-right:0 !important}
ul.horizontal .last a{ border-right:none !important;margin-right:0 !important}

.left,.column{ float:left}
.right{ float:right}
.button{ cursor:pointer;display:block;text-indent:-10000px;border:none}
.divided{ border-bottom:1px solid #171717;padding-bottom:2em;margin-bottom:3em}
.action{ text-transform:uppercase;background:url(images/action-arrow.png) center right no-repeat;padding-right:1em;font-size:120%}
.heavy{ font-weight:bold}

.blockquote{ background:url(images/blockquote-cap.png) bottom left no-repeat;width:597px;padding-bottom:23px;margin-left:-56px}
.blockquote blockquote{ background:#d42f34 url(images/blockquote-bg.png) 30px center no-repeat;width:414px;padding:10px 20px 10px 130px;color:#fff;line-height:2.5}

h1 .logo{ background:url(images/logo.png) no-repeat;width:888px;height:104px;margin:0 auto 2.5em;display:block;text-indent:-10000px}

#content .left{ width:534px;margin-left:25px}
#content .right{ width:318px;margin-right:25px} 
#content .divided{ border-color:#bcbcbc}

.entry{ position:relative}
.entry .header{ margin:0 0 2em 42px}
.entry .date{ position:absolute;top:0;left:-41px;background:url(images/date-bg.png) no-repeat;width:67px;height:65px}
.entry .date .month,.entry .date .day{ display:block;text-align:center;color:#fbdf7a}
.entry .date .day{ font-size:260%;line-height:1;color:#fff}
.entry .author{ font-weight:bold;text-transform:uppercase}
.entry .meta{ background-color:#1a1a1a;border:1px solid #000;margin-bottom:2em;padding:1em 2em 0.8em;color:#fff;text-transform:uppercase;font-weight:bold}
.entry .meta .lead-in{ float:left;margin:-0.3em 1em 0 0}
.entry .meta .right{ width:120px !important;margin-right:0 !important}
.entry .meta .horizontal li{ float:left;margin-right:1em;border-right:1px solid #fff;font-size:100%}
.entry .meta .horizontal a{ margin-right:1em;line-height:1;color:#fbdf7a}
.entry .meta .facebook{ background:url(images/facebook-icon.png) no-repeat;width:21px;height:21px;text-indent:-10000px}
.entry .meta .delicious{ background:url(images/delicious-icon.png) no-repeat;width:21px;height:21px;text-indent:-10000px}
.entry .meta .social{ margin-top:0}
.entry .meta .social li{ border:none}
.entry .meta .social a{ margin:-0.3em 0.25em 0 0}
.entry .body{ margin:0 15px}
.entry .body ul{ list-style-type:disc;margin:0 0 1.5em 1.8em}
.entry .body ol{ list-style-type:decimal;margin:0 0 1.5em 1.8em}
.entry .body .video{ border:3px solid #2a2a2a;margin-bottom:2.5em;width:498px;height:278px}

.rating li{ width:16px;height:15px;margin-right:0.1em;float:left;display:block;position:relative}
.rating .tomato{ background:url(images/tomato.png) no-repeat;width:16px;height:15px;display:block;position:absolute}
.rating a{ width:16px;height:15px;display:block;text-indent:-10000px;position:absolute}
.rating .summary{ margin-bottom:0}
.rating .lead-in{ float:left;clear:left;margin:0 0.5em 0 0}

.print-recipe{ margin:0 15px;font-size:120%}

.welcome-wrapper{ position:relative}
.large-welcome{ height:249px}
.small-welcome{ height:130px}
.welcome{ position:absolute;top:0;left:-17px;width:995px}
.welcome .inner{ width:960px;margin:10px auto}
#content .welcome .left{ width:690px}
.welcome h2,{ color:#d73d42;text-transform:uppercase;margin:0.5em 0}
.welcome p{ font-size:130%}
#content .welcome .visit-carinos{ background:url(images/buttons/visit-carinos.png) center center no-repeat;width:207px;height:70px;margin-right:20px}
#small-welcome{ background:url(images/small-welcome.png) no-repeat;height:110px}
#large-welcome{ background:url(images/large-welcome.png) no-repeat;height:229px}

#content .right h3{ font-size:120%;text-transform:uppercase}
#content .search label{ display:none}
#content .search input#searchfield{ background:#434343 url(images/eyeglass.png) 8px 8px no-repeat;float:left;width:200px;margin-right:10px;padding-left:31px;border-color:#000;font-size:144%;color:#fff}
#content .search input#searchbutton{ background:url(images/buttons/go.png) center center no-repeat;border:none;width:38px;height:34px;display:block;text-indent:-10000px;font-size:0px;line-height:0px}

 h2.pagetitle{ color:#d73d42;text-transform:uppercase;margin:0 0 1em 0em;font-weight:bold;font-size:300%}

.comments .text label{ margin:2px 15px 0 -41px;display:block;text-indent:-10000px;width:148px;height:44px;float:left}

.comments .your-name{ background:url(images/labels/your-name.png) no-repeat}
.comments .your-email{ background:url(images/labels/your-email.png) no-repeat}
.comments .your-website{ background:url(images/labels/website.png) no-repeat}
.comments .textarea label{ display:block;font-weight:bold;font-size:120%}
.comments input{ width:250px;font-size:144%}
.comments input.required{ background:#454545 url(images/required.png) center right no-repeat}
.comments textarea{ padding-top:0.8em;padding-bottom:0.8em;width:492px;height:200px}
.comments input#btnSaveAjax{ background:url(images/buttons/post-comment.png);width:187px;height:40px;margin-left:320px} 



#main-nav-filling{ position:absolute;bottom:0;right:58px;width:311px;height:39px;background:url(images/main-nav/bg.png) repeat-x}
#main-nav li{ display:inline}
#main-nav a{ height:39px;display:block;text-indent:-10000px}
#main-nav a:hover{ background-position:0 -39px}
#main-nav .blog{ background:url(images/main-nav/blog.png) no-repeat;width:91px}
#main-nav .recipes{ background:url(images/main-nav/recipes.png) no-repeat;width:114px}
#main-nav .wine-notes{ background:url(images/main-nav/wine-notes.png) no-repeat;width:156px}
#main-nav .wine-notesb{ background:url(images/main-nav/bg-cover.png) repeat-x;width:156px}

#main-nav .video-media{ background:url(images/main-nav/video-media.png) no-repeat;width:177px}
#main-nav .rss{ background:url(images/main-nav/rss.png) no-repeat;width:58px;margin-left:311px}
#main-nav .rss:hover{ background-position:0 0}




.rating{
margin-bottom:10px;
}

.rating p{
display:inline;
position:relative;
top:14px;
left:55px;
}

.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position:left top;
}

.star-rating li{
display:inline;
}

.star-rating a,.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border:none;
}

.star-rating a:hover,.star-rating a:active,.star-rating a:focus{
background-position:left bottom;
}

.star-rating a.one-star{
width:20%;
z-index:6;
}

.star-rating a.two-stars{
width:40%;
z-index:5;
}

.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position:left center;
}


.small-star{
width:50px;
height:10px;
}
.small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating{
background-image:url(images/tomato_rate.gif);
line-height:10px;
height:10px;
}


#footer{ color:#fff}
#footer .top{ background-color:#000;margin-bottom:1em;padding:2em 0} 
#footer .top .column{ width:290px;margin-right:40px}
#footer .top .last-column{ margin-right:0}
#footer .top li{ border-bottom:1px solid #171717;padding:0.3em 10px} 

#footer .inner{ width:961px;margin:0 auto 2em}
#footer h4{ margin-bottom:1em;text-indent:-10000px;margin-left:10px}
#footer .recent-tweet{ background:url(images/recent-tweets.png) no-repeat;width:127px;height:16px}
#footer .recipes-cooking-reads{ background:url(images/recipes-and-cooking-reads.png) no-repeat;width:207px;height:18px}
#footer .recent-articles{ background:url(images/recent-articles.png) no-repeat;width:148px;height:18px}
#footer p{ margin:0 10px 1em}
#footer .time{ color:#9d9d9d;margin:0 10px 1em;display:block}

#footer .bottom{ margin-bottom:2em}
#footer .bottom .logo{ float:left;background:url(images/carinos-logo.png) no-repeat;width:78px;height:40px;text-indent:-10000px;display:block}
#footer .bottom .copyright{ float:left;margin-top:10px;margin-left:1em;font-size:120%}
#footer .bottom .horizontal a{ float:right;margin-top:10px;padding:0 1em;border-right:1px solid #fff;color:#fff}
#footer .bottom .horizontal li{ display:inline}
#footer .bottom .horizontal .last a{ border:none;padding-right:0}

.hide{display:none}



.clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{ display:inline-block}

.clearfix{ display:block}