/*
Theme Name: Pasajes en casa BLOG
Theme URI: http://pasajesencasa.com/
Version: 0.1
Author: pasajesencasa
Author URI: http://pasajesencasa.com/

*/

/* COMPARA EN CASA COLOR GUIDE */
/* blue: #1E3C60
/* orange hover: #EB6700
/* grey background main search: #EEEEEE
/* grey background for box texts: #FAFAFA
/* green for text on filters: #31B926
/* yellow for favorites: #FFFCDF


/* RESET STYLES - EricMeyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* COMUNES */
.cleaner { clear: both; }
a.blue { color: #1E3C60; }
.last { border: none !important; }
.espacio { margin-left: 25px; }
.borderDown { padding-bottom: 5px; border-bottom: 1px solid white; }

/* SELECTORS */
body { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #000; }

/* STRUCTURE */
#container { width: 1005px; margin: 0px auto; }

/* HEADER */
#header { padding: 20px 0px; }
#header .logo { width: 200px; float: left; }
#header .logo img { padding-left: 10px; }
#header .tagline { width: 270px; float: left; }
#header .tagline h2 { color: #EB6700; font-size: 20px; padding: 40px 0px 0px 20px; }
#header .userNav { width: 490px; float: right; margin-right: 10px; }
#header .userNav ul { width: 100%; float: right; text-align: right; font-size: 12px; clear: both; margin-bottom: 15px;}
#header .userNav li { display: inline; border-right: 1px solid #1E3C60; padding: 0px 5px; }
#header .userNav a { color: #003399; }
#header .userNav a:hover { color: #EB6700; }
#header .moresites { width: 100%; text-align: right; font-size: 16px; color: black; font-weight: bold; }
#header .moresites p { float: left; padding: 5px 0px 0px; text-align: right; width: 400px; /*170px*/ } 
#header .moresites div.orange-bar { float: right; text-align: center; background: #EB6700; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 10px; width: auto; color: white; font-weight: normal; font-size: 15px; }
#header .moresites div.orange-bar a { color: white; text-decoration: none; padding: 0px 5px; }
#header .moresites div.orange-bar a.disabled { color: #FFC18F; cursor: default; } 

/* CONTENIDO ESTRUCTURA */
.mainCol { width: 690px; float: left; margin: 20px 0px 0px 10px; }
.sideCol { width: 250px; float: right; margin: 20px 10px 0px 0px; border-left: 1px solid #ccc; padding-left: 20px; }

/* POST */
h2.pagetitle { background: #1E3C60; color: white; font-size: 16px; margin: 0px 0px 20px; padding: 5px;  }

.singlePost { margin: 0px 0px 50px; }
.singlePost h2 { font-size: 28px; padding-bottom: 0px; }
.singlePost h2 a { color: #1E3C60; text-decoration: none; }
.singlePost h2 a:hover { color: #EB6700; }
.singlePost p.the-author { color: #EB6700; font-size: 16px; }
.singlePost p.the-time { font-size: 12px; font-weight: bold; padding: 5px 0px 10px; }

.singlePost .postCTNT p { line-height: 15px; padding: 5px 0px; }
.singlePost .postCTNT h2 { font-size: 16px; padding: 10px 0px; }
.singlePost .postCTNT ul, .singlePost .postCTNT ol { padding-left: 20px; list-style-type: disc; margin: 10px 0px;}
.singlePost .postCTNT li { padding: 5px 0px; }

.singlePost .postmetadata { margin: 10px 0px; background: #fafafa; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px; }
.singlePost .postmetadata p { padding: 5px; font-size: 11px; } 
.singlePost .postmetadata p a { color: #1E3C60; }
.singlePost .postmetadata p a:hover { color: #EB6700; }


.singlePostSearch { margin: 0px 0px 50px; }
.singlePostSearch h2 { font-size: 20px; padding-bottom: 0px; }
.singlePostSearch h2 a { color: #1E3C60; text-decoration: none; }
.singlePostSearch h2 a:hover { color: #EB6700; }
.singlePostSearch p.the-author { color: #EB6700; font-size: 16px; }
.singlePostSearch p.the-time { font-size: 12px; font-weight: bold; padding: 5px 0px 10px; }

.singlePostSearch .postCTNT p { line-height: 15px; padding: 5px 0px; }
.singlePostSearch .postCTNT h2 { font-size: 16px; padding: 10px 0px; }
.singlePostSearch .postCTNT ul, .singlePost .postCTNT ol { padding-left: 20px; list-style-type: disc; margin: 10px 0px;}
.singlePostSearch .postCTNT li { padding: 5px 0px; }

.singlePostSearch .postmetadata { margin: 10px 0px; background: #fafafa; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px; }
.singlePostSearch .postmetadata p { padding: 5px; font-size: 11px; } 
.singlePostSearch .postmetadata p a { color: #1E3C60; }
.singlePostSearch .postmetadata p a:hover { color: #EB6700; }

.navigation { background: #fafafa; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.navigation div { padding: 5px 5px 0px; }
.navigation a { color: #EB6700; text-decoration: none; }
.navigation a:hover { font-weight: bold; text-decoration: underline; }

#commentlist h3 { font-size: 18px; color: #EB6700; padding-bottom: 10px; }
#commentlist form p { padding: 5px 0px; }
#commentlist form label { width: 150px; float: left; font-size: 14px; }
#commentlist form input.textField { width: 500px; font-size: 14px; padding: 2px; }
#commentlist form input.button { border: none; color: white; padding: 2px 6px 4px 6px; font-weight: bold; font-size: 14px; background: #EB6700; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#commentlist form textarea { width: 500px; font-size: 14px; padding: 2px; font-family: Helvetica, arial; font-size: 14px; } 
#commentlist .commentlist { margin: 0px 0px 30px; } 
#commentlist .comment-body { margin: 0px 0px 0px; border-bottom: 1px solid #ccc; padding: 10px 0px; }
#commentlist li .avatar { float: right; margin-right: 10px; border: 1px dotted #ccc; padding: 2px; }
#commentlist .odd { background: #fafafa; }
#commentlist .fn, #commentlist .fn a { color: #1E3C60; text-decoration: none; font-weight: bold; font-style: normal; padding: 5px 0px 5px 5px;  }
#commentlist .comment-meta { padding: 0px 10px 10px; font-size: 11px; }
#commentlist p { padding: 5px 10px; }

/* SIDECOL */
.sideCol h2 { font-size: 22px; color: #EB6700; padding: 0px 10px; }

.sideCol .about { margin-bottom: 30px; }
.sideCol .about p { padding: 10px; color: #515151; }
.sideCol .search { background: #fafafa; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px;}
.sideCol .search form { padding: 20px 10px; }
.sideCol .search form input.textField { width: 150px; padding: 2px; }
.sideCol .search form input.button { border: none; color: white; padding: 2px 6px 4px 6px; font-weight: bold; font-size: 14px; background: #EB6700; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.sideCol .categories { background: #fafafa; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 10px 0px 20px; }
.sideCol .categories ul { padding: 10px; width: 230px; margin: 10px auto; }
.sideCol .categories li { padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; border-top: 1px solid white; background: url(images/arrow.png) no-repeat 0px 50%; }
.sideCol .categories li a { color: #EB6700; text-decoration: none; font-size: 14px;}
.sideCol .feed { margin: 20px 0px; background: #f4f4f4; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
.sideCol .feed h2 { padding: 20px 0px 20px 20px; }
.sideCol .feed h2 a { color: #EB6700; text-decoration: none; font-size: 16px; background: url(images/feed.png) no-repeat 0px 50%; padding: 10px 0px 10px 50px;  }
/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; 	-khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.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; }

/* Images --- Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */

p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }


/* FOOTER */
#footer { margin-top: 30px; border-top: 1px solid #ccc; color: #ccc; padding: 10px 0px 20px;}
#footer p { padding-bottom: 10px; }
#footer a { font-size: 11px; color: #1E3C60; } 

/* MODAL */
#dimmer { background-color: black; filter: alpha(opacity=70); opacity: 0.7; width: 100%; height: 500px; position: absolute; top: 0px; left: 0px;}
#zoom_indicator { width: 24px; height: 24px; background: url(images/indicator.gif) no-repeat; margin: 0 auto;}

#opinaModal { display: none;}
#zoom_content h2 { color: #EB6700; font-size: 16px; padding: 0px 0px 0px 0px; } 
#zoom_content form { margin-top: 20px; }
#zoom_content form p { padding: 5px 0px 5px; }
#zoom_content form p label { width: 80px; float: left; }
#zoom_content form p input.textField { width: 240px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; padding: 2px;}
#zoom_content form p textarea { width: 240px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; padding: 2px;}
#zoom_content form p input.button { border: none; color: white; padding: 5px 20px 10px 20px; font-weight: bold; font-size: 16px; background: url(images/button-search-home.png) no-repeat; cursor: pointer; width: 110px; }