/*
Theme Name: The Morning After
Theme URI: http://code.google.com/p/the-morning-after/
Description: A magazine-style theme for WordPress, available at The Masterplan.
Version: 1.3.2
Author: Arun Kale
Author URI: http://themasterplan.in/
Please read the license in the README.txt included with the theme.
*/
/* --------------------------------------------------------------
This theme makes use of the Blueprint CSS Framework [bjorkoy.com/blueprint]
-------------------------------------------------------------- */
/* Import stylesheets and hide from IE/Mac \*/
@import "lib/compressed.css";
/* End import/hide */
/*****************
GLOBALES
*****************/
div:after, ul:after, dl:after, dd:after, dt:after{content:"";display:block; clear:both; height:0; visibility:hidden;}
/*limpiar flujo oculto para IE-mac \*/
* html div, * html ul, * html dl, * html dd, * html dt {height:1%;} /* final hack IE-mac */
*:first-child+html div, *:first-child+html ul, *:first-child+html dl, *:first-child+html dd, *:first-child+html dt, *:first-child+html ol{height:auto; display: inline-block;}
/* Start The Morning After stylesheet
-------------------------------------------------------------- */
body { background: #f1efee url(images/bg/bg.gif) repeat-y top center;
font-family:Corbel, Helvetica, Lucida Sans, Lucida Sans Unicode, Lucida Grande, arial, sans-serif !important;
font-size:0.8em !important;
line-height:1.3em !important;
}
a { color: #727b16; text-decoration: none; }
a:hover { color: #565e00; text-decoration: underline; }
img.alignleft {float:left;margin:0 1.5em 2em 0 !important}
img.alignright {float:right;margin:0 0 2em 1.5em !important}
/* Header styles
-------------------------------------------------------------- */
#header { padding: 1.5em 0 0 0; height: 80px; }
#header #logo { height: 80px; }
#header #logo h1 { width:291px; height:75px; }
#header #logo h1 a{ display:block; width:291px; height:75px; text-indent:-5000px}
#header #logo .desc {position:absolute; top:82px; left:84px; color: #666;}
/* Search and navigation
-------------------------------------------------------------- */
#menu { width: 400px; float: right; margin: 10px 0 0 2px; list-style: none; font-weight: bold;}
#menu li { float: left; padding: 2px 0px 4px 22px; margin: 1px 8px 0 0; line-height: 1.4em; }
#menu li a { padding: 0; text-decoration: none; color: #000; }
#menu li a:hover { text-decoration: underline; }
#menu li.home { background: url(images/bg/home.gif) no-repeat; }
#menu li.about { background: url(images/bg/info.gif) no-repeat; }
#menu li.archives { background: url(images/bg/hourglass.gif) no-repeat; }
#menu li.subscribe { background: url(images/bg/favourite.gif) no-repeat; }
#menu li.contact { background: url(images/bg/mail.gif) no-repeat; }
/* Home page columns
-------------------------------------------------------------- */
#home_content { margin: 0 0 1.5em 0; }
/* latest post */
#latest_post { padding: 0 0 1.5em 0; }
#latest_post h2 { font-weight:bold; font-size:2em; line-height:100%; margin: 0; padding: 0; color:#727b16}
#latest_post .latest_post_content{ font-size:1.2em }
#latest_post .latest_post_content a.more-link {display:block;background: url(images/bg/readon.png) no-repeat left center;padding-left:17px;margin-top:0.5em;}
#latest_post .latest_post_content img { width:100%; border-top:solid 1px #e5e0df; border-bottom:solid 1px #e5e0df; padding:1px 0px; margin: 0 0 1em 0; }
.latest_post_meta { border-bottom: solid 1px #e5e0df; margin-bottom:30px; background-color:#f1efee}
.latest_post_meta span{ display:block;}
.latest_post_meta a { font-weight: bold; padding: 0 17px; line-height:2em;}
.latest_post_meta a:hover { text-decoration: underline; }
.latest_comments a {background: url(images/bg/comment.png) no-repeat left center}
.latest_category a {padding: 0px;}
/* featured post */
#home_featured { padding:0.7em;margin: 0 0 1.1em 0; border-bottom: 1px solid #a5b21a; border-top: 1px solid #a5b21a; background: #ebedd0;line-height:1.2em;color:#000;}
#home_featured a.feat_thumb img {border: 5px solid #FFF; float: left; margin: 0px 10px 10px 0px;}
#home_featured h4 { padding: 0 0 0.3em 0; }
#nav-below {text-align:center;font-size:1.1em}
#nav-below a{font-weight:bold}
/* about */
#home_about { border-bottom: 1px solid #a5b21a; border-top: 1px solid #a5b21a; margin: 0 0 1em 0; background: #ebedd0; padding: 0.5em 0.7em 0 0.7em; }
#home_about p { font-size: 1.2em; font-style:italic; color:#575150 }
/* recent posts */
.home_recent_post { padding: 10px 0px 0px 0px; margin: 0px; background: url(images/bg/dot.png) repeat-x bottom left; font-size:1.1em; clear:both}
.home_recent_thumb { padding: 0 10px 10px 0; margin: 0; float: left; }
.home_recent_thumb img { float: left; margin: 0; }
.home_recent_thumb a img { background: #FFF; padding: 2px; margin: 0; border:solid 1px #e5e0df; width:48px; height:48px; }
.home_recent_thumb a:hover img { background: #e5e0df; padding: 2px; margin: 0; border:solid 1px #bdaeaa }
.home_recent_title a { font-weight: bold; }
.home_recent_title a:hover { color: #fff; background: #000; }
.home_recent_date, .home_recent_auth { padding: 0; margin: 0; color: #666; font-size: 0.9em; }
.home_recent_exc p { color: #666; text-align: left; }
/* category list */
#side_categories { margin: 0 0 1em 0; background-color:#f1efee;padding:6px 4px; }
#side_categories ul{ list-style:none; }
#side_categories ul.cat{ padding:0px; margin:0px}
#side_categories ul.cat li { border-bottom:solid 1px #e5e0df}
#side_categories ul.cat li a { display: block; font-size: 1.1em; font-weight: bold; padding:3px 0px; text-transform:uppercase;}
#side_categories ul.cat li a:hover { background-color:#e5e0df}
#side_categories ul.cat li ul { margin: 0; padding: 0.3em 0 0.2em 0.8em; }
#side_categories ul.cat li ul li { border-bottom:none; border-top:solid 1px #FFF}
#side_categories ul.cat li ul li a { padding:2px 0px; text-transform: none; font-size: 1em; }
#side_categories ul.cat li ul li a:hover { background: #e5e0df; }
/* lists */
#side_recent_comments, #side_most_emailed, #side_mail_suscription, #side_related, #side_blogroll { margin: 25px 0 0 0; }
#side_recent_comments h3, #side_most_emailed h3, #tag_cloud h3, #social h3, #side_mail_suscription h3, #side_related h3, #side_blogroll h3 { margin:0px !important; padding:0px !important; }
#side_recent_comments ul, #side_most_emailed ul, #side_related ul, #side_blogroll ul {padding:0px 0px 0px 20px;margin:0px;list-style:none;}
#side_recent_comments li, #side_most_emailed li, #side_related li, #side_blogroll li {padding:3px 0px;border-bottom:solid 1px #e5e0df;list-style:none;}
#side_recent_comments ul {padding:0px;}
#side_recent_comments li {padding:5px 0px 5px 24px; background: url(images/bg/user.gif) no-repeat 0px 3px; }
#side_mail_suscription input.caja { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #e5e0df; border-right: 1px solid #e5e0df; padding: 2px; width:180px; font: 1em Corbel, Lucida Sans, Lucida Sans Unicode, Lucida Grande, arial, sans-serif;}
#side_mail_suscription input.boton{ padding:2px; margin:4px 0px; background: #958683; float: left; color:#FFF; font-weight:bold;border:none; font-family: Corbel, Lucida Sans, Lucida Sans Unicode, Lucida Grande, arial, sans-serif;}
#side_related ul {padding:0px !important}
#side_related li {list-style:none; padding:10px 5px 0px 0px !important; float:left;width:160px;font-size:0.95em !important;height:100px}
#side_related li img{float:left; margin:0px 6px 0px 0px}
/* ad */
.ad_block { border: none; padding: 4px 0; margin: 1em 0 1.2em; }
.ad_block .ad160 { margin: 0 auto; width: 160px; }
.ad_block .ad180 { margin: 0 auto; width: 180px; }
.ad_block .ad250 { margin: 0 auto; width: 250px; }
.ad_block .ad300 { margin: 0 auto; width: 300px; margin-top:10px; }
.ad_block .ad728 { margin: 15px auto; width: 750px; padding:4px 0; }
.ad_block img, .ad_block p img { margin: 0; padding: 0; display: block; }
/** widgets **/
.widget { margin: 0 0 1.4em 0; }
.widget a { color: #224970; }
.widget a:hover { color: #000; }
.widget ul, .widget ol { list-style: none; padding: 0; margin: 0; }
.widget ul li { padding: 0 0 0.3em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #e5e0df; background: url(images/bg/postbullet.png) no-repeat 0 2px; }
.widget ol li { padding: 0 0 0.3em 10px; margin: 0 0 0.5em 0; border-bottom: 1px solid #e5e0df; }
/*recent comments*/
ul#recentcomments li.recentcomments { background: url(images/bg/bubble.png) no-repeat 0 3px; }
/*wp-calendar*/
table#wp-calendar { margin: 0; width: 100%; border: 0; }
table#wp-calendar caption { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #175595; }
table#wp-calendar th, table#wp-calendar td { height: 1em; padding: 0.2em 0.4em;/*padding: 5px 7px;*/ text-align: right; border-right: 2px solid #fff; }
table#wp-calendar th, table#wp-calendar td#today { font-weight: bold; background: #e5e0df; color: #000; border-bottom: 0; }
table#wp-calendar td#today { font-weight: bold; background: #f2f2f2; }
table#wp-calendar td { border-bottom: 1px solid #efefef; }
table#wp-calendar td a { font-weight: bold; }
/*most e-mailed*/
.widget_email_most_emailed ul li { background: url(images/bg/doc.png) no-repeat 0 2px; }
/* Archive styles
-------------------------------------------------------------- */
#arch_content, #post_content { margin: 1.5em 0; }
.archive_meta { margin: 1.5em 0; border-top: 1px solid #e5e0df; }
.archive_feed { padding: 0.5em 2em; margin: 0; border-bottom: 1px solid #e5e0df; background: url(images/bg/favourite.gif) no-repeat 0 4px; color: #666; }
.archive_number { padding: 0.5em 2em; margin: 0; border-bottom: 1px solid #e5e0df; background: url(images/bg/info.gif) no-repeat 0 4px; }
.archive_email { padding: 0.5em 2em; margin: 0; border-bottom: 1px solid #e5e0df; background: url(images/bg/mail.gif) no-repeat 0 4px; }
.archive_post_block { padding: 0.1em 0 0 80px; border-bottom: 1px solid #e5e0df; margin: 0 0 1.2em 0; clear:both}
.archive_post_meta { color: #818181; padding: 0 0 0.6em 0;}
.post_meta a{ font-size:0.9em }
.archive_post_meta a:hover, .post_meta a:hover { color: #000; text-decoration: underline; }
h3.archive_title { line-height: 1em; padding: 0 0 5px 0; }
h3.archive_title a { font: bold 1.0em; letter-spacing: -0.036em; }
.archive_post_block img {padding:4px;border:#e5e0df solid 1px;margin-left:-80px;float:left;position:absolute;}
/* Single post styles
-------------------------------------------------------------- */
h2.archive_name, h2.post_name {font-weight:bold; font-size:2em; line-height:100%; margin: 0; padding: 0; color:#92210e}
#post_content .first p, #post_content .first li{font-size:1.2em;}
#post_content .first p {margin:0px 0px 15px 0px}
#post_content .first ul, #post_content .first ol {margin:0px;padding:0px 0px 15px 20px}
#post_content .first ul {list-style:circle}
#post_content .first ul ul li{font-size:0.9em}
#post_content .first ol {list-style-position:inside}
#post_content .first ul li, #post_content .first ol li {padding:3px 0px;}
#post_content .first h3{color:#958683;margin-top:20px}
#post_content #caracteristicas { border-top:solid 1px #e5e0df; border-bottom:solid 1px #e5e0df; padding:3px 0px; margin:5px 0px 20px 0px;}
#post_content #caracteristicas li {display:inline; border-right: solid 1px #e5e0df; padding:0px 7px; font-size:1em !important; text-transform:uppercase}
#post_content #ingredientes { padding-top:10px;margin:0px 1px 0px 0px; width:224px; float:left; height:350px;background-color:#f1efee;}
#post_content #ingredientes h3 {color:#958683;margin:0px 0px 0px 5px;padding:0px;font-size:1.3em}
#post_content #ingredientes ul{margin:0px;list-style:none;padding:0px 5px;}
#post_content #ingredientes li {font-size:1em !important;padding:2px 0px;border-bottom:solid 1px #FFF;color:#000}
#post_content img.fotoreceta {float:left; margin:0px 0px 20px 0px;}
#post_content .post_meta, #post_content .post_meta_tag { color: #666; padding: 0.3em 0 0 0; clear:both }
#post_content .post_meta a { border-right: solid 1px #e5e0df; padding:0px 4px; }
#post_content .post_meta img { margin: 0px; padding: 0px; float: none; vertical-align:middle; }
#post_content blockquote { float: left; width: 260px; color: #666; margin: 0 2em 0 0; color: #000; font: bold 1.1em georgia, serif; font-style: italic; }
#post_content blockquote p { text-align: left; line-height: 1.4em; }
#post_content p img { margin: 0;padding:0; }
#post_content p a:hover, #arch_content p a:hover { color: #000; text-decoration: underline; }
#post_content hr {clear:both;height:1px; color:#e5e0df;margin:5px 0px}
#post_content li li {font-size:1em !important}
/* Comment area styles
-------------------------------------------------------------- */
h2.post_comm, h2.post_comm2 { font-weight:bold; font-size:1.8em; line-height:100%; margin: 0; padding: 0; color:#92210e; padding: 0.3em 0 0.2em 0; margin: 0; }
h2.post_comm2 { font-size:1.4em; border-bottom: solid 1px #e5e0df;}
#comments { margin-top: 3em; }
#commenthead { margin-bottom: 1em; }
ol#commentlist { list-style-type: none; margin: 0; padding: 0 0 12px 0; font-size:0.8em}
ol#commentlist li { border-bottom: 1px solid #e5e0df; margin: 0px; padding: 10px; overflow-x: hidden; }
ol#commentlist li.alternate {background-color:#fbf8f7; border-bottom: 1px solid #e5e0df; }
ol#commentlist cite { font-style: normal; text-align: left; display: block; color: #818181; }
ol#commentlist cite a:hover { color: #000; text-decoration: underline; }
ol#commentlist li blockquote { float: none; width: auto; padding: 0 2em 0 0; margin: 0.5em 0; color: #818181; font: italic 1em; letter-spacing: 0; text-align: left; }
ol#commentlist li .commentauthor { font-weight: bold; }
ol#commentlist li .commentauthor a, ol#commentlist li .commenttime a { font-weight: bold; }
ol#commentlist li .commentauthor a:hover, ol#commentlist li .commenttime a:hover { color: #000; text-decoration: underline; }
ol#commentlist li .commnumber { width: 30px; text-align: left; float: left; font-size: 3em; font-weight: bold; line-height: 1em; }
ol#commentlist li .commentcont p { margin: 0 0 0.5em 0; padding: 0; }
/* comment form */
#comment-form form { margin-top: 1.5em; }
label.com { float: left; width: 100px; }
input.comtext, textarea.comtext { width: 300px; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #e5e0df; border-right: 1px solid #e5e0df; padding: 2px; }
textarea.comtext {width: 600px;}
input.comtext:focus, input.comtext:hover, textarea.comtext:focus, textarea.comtext:hover { background: #f7f7f7; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #e5e0df; border-right: 1px solid #e5e0df; }
input.comsubmit { margin-left: 100px; }
/* archives page */
ul.archives { margin: 0 0 1.5em 0; list-style: none; font-size:1.1em }
ul.archives li { padding: 4px 15px; background: url(images/bg/doc.png) no-repeat 0 5px; }
/* Footer
-------------------------------------------------------------- */
#prefooter { background: #f1efee url(images/bg/dot.png) repeat-x top left; padding: 1em 0 1em 0; }
#social a {display:block; font-weight:bold; padding:10px 0px 10px 36px; font-size:0.9em;}
#twitter {background:url(images/bg/twitter.png) no-repeat}
#facebook {background:url(images/bg/facebook.png) no-repeat}
#footer { background: url(images/bg/dot.png) repeat-x top left; padding: 1em 0 0 0; color: #666; }
/* Form styles
-------------------------------------------------------------- */
#header #search_menu { margin-top:16px; }
#header #search_menu #search { padding: 0 0 0 5px; }
input.search_input { width: 215px; border: 0; background: #fff url(images/bg/input.png) no-repeat; padding: 4px; color: #534340; font-size:1.1em; margin: 0; vertical-align:middle}
input.submit_input { background: /*#95868*/ url(images/bg/submit.png) no-repeat; border: 0; height: 24px; padding: 0; width: 65px; color: #FFF; font-weight: bold; vertical-align:middle}
/* Miscellaneous styles
-------------------------------------------------------------- */
/* heading styles */
h2.post_cat { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #e5e0df; }
h2.mast, h2.mast2, h2.mast3, h2.mast5 { text-transform: uppercase; font-size: 0.8em; font-weight: bold; padding: 0 0 0.2em 0; color: #92210e; }
h2.mast3 {text-transform: none;font-weight:bold;font-size:1.2em; color:#809f20}
h3.mast4 { font-size: 1em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0;}
h3.mast { font-size: 1.1em; font-weight: bold; padding: 0 0 0.6em 0;color:#958683;}
/* miscellaneous */
.none { display: none; }
.border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; }
.dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; }
.navigation p{ color: #818181;text-align:center !important }
input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #e5e0df; border-right: 1px solid #e5e0df; padding: 2px; }
input.buttonem { background: #958683; float: left; color:#FFF; font-weight:bold;border:none; font-family: Corbel, Lucida Sans, Lucida Sans Unicode, Lucida Grande, arial, sans-serif;}
span.wpp-comments{display:block;}
/* image caption classes */
.captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
.captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; }
.captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; }
.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }
.captionleft p, .captionright p, .captionfull p { background: #eee; margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; }
/*GOOGLE TRANSLATE*/
#content_div{background-image:none !important}
/* recetarios */
a.boton {background-color:#b33e1b; padding:3px; border:outset 1px #b33e1b; color:#FFF; font-weight:bold; line-height:140%;}
div.recetarios_info{background-color:#f1efee; border:solid 1px #e5e0df; clear:both; font-size:0.9em; margin-top:70px; padding:10px;height:100px}
div.recetarios_info img{float:right; margin-top: -50px; margin-left:10px}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h2.latest_post_title{
visibility: hidden;
margin:0px !important;
padding:0px !important;
}
.sIFR-active h2.mast3, #home_featured .sIFR-active h4, .sIFR-active h2.post_name, #ingredientes .sIFR-active h3, .sIFR-active h2.archive_name, .sIFR-active h3.mast{
visibility: hidden;
}
}
.goog-te-gadget img {
vertical-align: middle !important;
}