/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.5.2
*/
body { font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; }table { font-size:inherit;font:100%; }pre,code,kbd,samp,tt{ font-family:monospace;*font-size:108%;line-height:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0;padding:0; }table{ border-collapse:collapse;border-spacing:0; }fieldset,img{ border:0; }address,caption,cite,code,dfn,th,var{ font-style:normal;font-weight:normal; }li{ list-style:none; }caption,th{ text-align:left; }h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight:normal; }q:before,q:after{ content:''; }abbr,acronym { border:0;font-variant:normal; }sup { vertical-align:text-top; }sub { vertical-align:text-bottom; }input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }input,textarea,select{ *font-size:100%; }legend{ color:#000; }

/* End Yahoo code */

.cls { zoom:1; } .cls:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


::selection { background: #4CC6FF; color:#fff; /* Safari */ }
::-moz-selection { background: #4CC6FF; color:#fff; /* Firefox */ }
.cls { zoom:1; } .cls:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* General Styles */
ol, ul { margin-left: 30px; margin-top: 10px; }
strong { font-weight: bold; }
em { font-style: italic; }
:focus{outline:0;}

body { background: #f3f3f3; color: #555; }
a, a:visited { color: #3a9fce; text-decoration: none; font-weight: bold; outline: 0; }
a:hover { color: #000; }

#header-wrap, #body { width: 950px; margin: 0 auto; }
#header-wrap h1, #header-wrap .wordpress, #sidebar #sites div, #sidebar #sites a { background: transparent url('images/recipeseo-sprite.png?v1.0') no-repeat 0 0; display: block; text-indent: -9999em; overflow: hidden; }
#header-wrap .download, p, #content small, #sidebar .donate { font-family: "proxima-nova", arial, serif; }
#content h2, #content h3, #sidebar h3, #comments h1, .rcnr-hdr h1, h5#respond { font-family: 'Josefin Sans', arial, serif; }
a, #sidebar #sites div, #header-wrap .download, #commentform #submit {
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s, 0.2s;
    -webkit-transition-timing-function: ease-in, linear;
    -moz-transition-property: all;
    -moz-transition-duration: 0.2s, 0.2s;
    -moz-transition-timing-function: ease-in, linear;
}

#header { background: #fff; border-bottom: 1px solid #dadada; }
#header-wrap { position: relative; height: 86px; }
#header-wrap h1 { background-position: 0 29px; width: 299px; height: 86px; border-right: 1px solid #f3f3f3; float: left; }
#header-wrap .download { float: left; width: 464px; height: 86px; border-right: 1px solid #f3f3f3; border-top: 3px solid #4cc6ff; color: #bbb; line-height: 86px; position: relative; }
#header-wrap .download:hover { color: #555; }
#header-wrap .download a { margin: 23px 37px 0; border: 1px solid #bababa; color: #aaa; text-decoration: none; font-size: 123.1%; line-height: 38px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: transparent url('images/download-btn-bg.jpg') repeat-x 0 1px; padding: 9px 24px; font-weight: normal; }
#header-wrap .download a:hover { border-color: #4cc6ff; -moz-box-shadow: 0 0 3px 3px rgba(76, 198, 255, 0.1); -webkit-box-shadow: 0 0 3px 3px rgba(76, 198, 255, 0.1); box-shadow: 0 0 3px 3px rgba(76, 198, 255, 0.1); color: #555; }
#header-wrap .download a:active { border-top-color: #2c7da3; border-left-color: #2c7da3; border-right-color: #3a9fce; border-bottom-color: #3a9fce; }
#header-wrap .wordpress { background-position: 30px -34px; width: 182px; height: 86px; }

#body { background: #fff; margin: 28px auto 31px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: block; border-bottom: 1px solid #e3e3e3; }

#content { width: 565px; float: left; border-right: 2px solid #f3f3f3; }
#content h2 { font-size: 269.2%; margin: 31px 29px 11px; }
#content h3 { font-size: 230.8%; margin: 31px 29px 11px; }
#content p { line-height: 25px; width: 507px; font-size: 108%; margin: 0 29px 21px; }
#content ul { line-height: 25px; width: 507px; font-size: 108%; margin: 0 29px 21px 59px; }
#content ul li { list-style-type: disc; }
#content .notice p { border-left: 3px solid red; padding-left: 20px; }
#content #tab-tabs { background: #f3f3f3; margin: 31px 0; height: 40px; border-top: 1px solid #dadada; padding-left: 29px; }
#content #tab-tabs a { margin-left: 10px; padding: 7px 10px; margin-top: 10px; display: block; float: left; }
#content #tab-tabs a.selected { background: #fff; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: #555; }
#content .recipeseo-icon { margin: 0 8px; }
#content .image { width: 507px; padding: 0 29px 21px; border-bottom: 2px solid #f3f3f3; }
#content .image h3 { margin: 21px 0 11px; }
#content .image img { width: 507px; border: 1px solid #dadada; }
#content .image small { width: 507px; text-align: left; display: block; margin: 10px 0 20px; font-size: 100%; line-height: 20px; }

h1#comments { margin-top:50px; }
.commentlist li { margin:40px 0; clear:both; }
.commentlist .cluv { background:#f4f4f4; padding:5px 12px; margin-top:10px; }
#content .commentlist p { width:auto; font-size:100%; }
.commentlist .author { border-left:3px solid #4CC6FF; padding-left:15px; }
.commentlist cite { font-size:108%; padding-right:180px; display:block; line-height:1.5; }
.commentlist small a { font-weight:normal; }

.rcnr-hdr h1, h5#respond { font-size: 174%; margin: 31px 29px 0px; }
.commentlist { font-size: inherit; margin: 31px 29px 11px; }
.commentlist li { position: relative; }
.commentlist .commentmetadata { position: absolute; top: 3px; right: 15px; }
.commentlist p { margin: 10px 0 20px 0 !important; }
#comment { width: 550px; height: 150px; padding: 10px; }
#commentform p { position: relative; margin-bottom:20px; color: #ccc; }
#commentform label { margin-bottom: 10px; color: #4e4e4e; font-size:108%; }
#commentform input { position: absolute; top: 0px; left: 155px; width: 300px; border: 1px solid #ccc; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#666; }
#commentform textarea { border: 1px solid #ccc; margin-top: 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; line-height:1.5; color:#666; width:487px; }
textarea.disabled,input.disabled{background:#eee;border-color:#ccc;color:#555;}
input[type='text']:focus,input.text:focus,input[type='password']:focus,textarea:focus{ border-color:#4cc6ff !important; background-color:#fff; color:#383f41; -webkit-box-shadow:0 0 5px rgba(0,122,235,0.3); }
#commentform #submit { position: relative; left: 0; background-color: #eee; color: #666; width: 150px; height: 30px; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; }
#commentform #submit:hover { background-color: #666; color: #fff; }
#commentluv { position: relative; margin: 31px 29px 11px; }
#commentluv input { width: 13px !important; }
#commentluv input, .subscribe-to-comments input { top: 7px !important; left: 0 !important; position: absolute !important; }
#commentluv #mylastpost, .subscribe-to-comments label { margin-left: 20px !important; display: block; }
#commentluv #mylastpost img { margin-top: 4px !important; }

.reply { margin-top:10px; font-size: 85%; }
.reply a { opacity:0.5; }
.reply a:hover, .reply a:active { opacity:1; }

#sidebar { float: left; width: 383px; border-left: 2px solid #f3f3f3; margin-left: -2px;  }
#sidebar h3 { font-size: 197%; margin: 31px 18px 11px; }
#sidebar p { line-height: 25px; font-size: 100%; margin: 0 18px 21px; }
#sidebar #sites, #sidebar #ad { margin-bottom: 31px; }
#sidebar #about { border-bottom: 2px solid #f3f3f3; }
#sidebar #about img { float: right; margin: -50px 15px 0; }
#sidebar .donate { position: relative; padding: 18px 18px; font-size: 100%; line-height: 25px; border-bottom: 2px solid #f3f3f3; }
#sidebar .donate form { margin-top: 20px; }
#sidebar #sites, #sidebar #ad { float: left; width: 190px; }
#sidebar #sites h3 { margin: 21px 18px; }
#sidebar #sites div { width: 154px; margin-left: 18px; }
#sidebar #sites a:hover { opacity: 0; }
#sidebar #sites #nextdance a { background-position: 0 -126px; height: 25px; margin-bottom: 24px; }
#sidebar #sites #nextdance { background-position: 0 -182px; }
#sidebar #sites #sushiday a { background-position: 0 -238px; height: 41px; margin-bottom: 20px; }
#sidebar #sites #sushiday { background-position: 0 -310px; }
#sidebar #sites #fridgg a { background-position: 0 -382px; height: 50px; margin-bottom: 19px; }
#sidebar #sites #fridgg { background-position: 0 -461px; }
#sidebar #sites #codeswan a { background-position: 0 -541px; height: 23px; }
#sidebar #sites #codeswan { background-position: 0 -595px; }
#sidebar #ad #foodbuzz { margin-left: 10px;}
#sidebar #ad a#logo { margin: 21px 0 10px 20px; display: block; }
