<data:blog.pageTitle/> */ #outer-wrapper { position: relative; width: 952px; background: #FFF url(http://img6.imageshack.us/img6/7440/wrapea38308053183iazafl2.gif) repeat-y center top; margin: 40px auto 30px auto; text-align: left; } #navbar-iframe { height:0px; visibility:hidden; display:none } /*-- (Generales) --*/ /* Top Elements */ * { margin: 0; padding: 0; outline: 0 } body { background: #FFF url(http://4.bp.blogspot.com/_0CLPmP1ydOo/SZHsBGRo3aI/AAAAAAAABFI/IuWUt4cVIgk/s1600/bg2432786722-iaza.gif)repeat center top; font: 12px/150% 'Verdana', 'Arial', 'Helvetica', sans-serif; color: $textocolor; text-align: center; } /* links */ a, a:visited { color: $enlacecolor; background: inherit; text-decoration: none; } a:hover { color: $colorenlaceencima; background: inherit; text-decoration: underline; } /* headers */ h1, h2, h3 { font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; padding: 10px; color: #444; } h1 { font-size: 2.9em; } h2 { font-size: 2.5em; color: #88AC0B; } h3 { font-size: 1.6em; font-weight: normal; padding: 16px 10px 4px 10px; } /* Paragraph */ p { padding: 12px 10px; } /* Lists */ ul, ol { margin: 10px 20px; padding: 0 20px; } ul { list-style: none; } dl { padding: 10px; margin: 0; } dt { font-weight: bold; color: #79A62E; } /* images */ img { background: #FAFAFA; border: 1px solid #E4E4E4; padding: 8px; } img.float-right { margin: 5px 0px 10px 10px; } img.float-left { margin: 5px 10px 10px 0px; } code { margin: 5px 0; padding: 15px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace; /* white-space: pre; */ border: 1px solid #EEE8E1; background: #FAF7F5; } acronym { cursor: help; border-bottom: 1px dotted #895F30; } blockquote { margin: 15px 10px; padding: 5px 7px 5px 40px; font-weight: normal; font-size: 17px; line-height: 1.6em; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; color: #0d5dab; border: 1px solid #c7c7c7; background: #e6e6e5; } /* start - table */ table { border-collapse: collapse; margin: 15px 10px; } th { height: 38px; padding-left: 12px; padding-right: 12px; color: #fff; text-align: left; background: #ebebef; border-width: 1px; border-style: solid; border-color: #4f5cb5 #2842f0 #2842f0 #4f5cb5; } tr { height: 34px; background: #fff; } td { padding-left: 11px; padding-right: 11px; border: 1px solid #E7F0CC; } /* end - table */ /* form elements */ form { margin: 20px 10px; padding: 15px 25px 25px 20px; border: 1px solid #EEE8E1; background: #FAF7F5; } form p { border-bottom: 1px solid #ECE5DD; padding: 12px 0 5px 0; margin: 0; color: #9D6D37; } label { font-weight: bold; color: #A7743B; } input, select, textarea { margin: 5px 0; padding: 5px; color: #6A6969; border-width: 1px; border-style: solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; } option { padding-right: 0.5em; } #name, #email, #message, #website{ width: 455px; } input.button { font: bold 12px Arial, Sans-serif; height: 30px; margin: 0; padding: 2px 3px; color: #fff; background: #A6CD56; border-width: 1px; border-style: solid; border-color: #C4DE8F #8DB836 #8DB836 #C4DE8F; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .no-border { border: none; } .clearer { clear: both; } .clear { display:inline-block; } .clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; } #main-wrapper {overflow:hidden;} .clear {clear:both;} #blog-pager-newer-link {float: left;} #blog-pager-older-link {float: right;} #blog-pager {text-align: center; } /*-- (Cabecera) --*/ #header-wrapper { position: relative; width: 952px; height: 87px; background: #FFFFFF url(http://2.bp.blogspot.com/_0CLPmP1ydOo/SZHrCaEtQLI/AAAAAAAABEw/7fTdrwdxkRQ/s1600/mmqwc6.png) no-repeat; color: #fff; padding: 0; margin: 0; } #header-wrapper h1 { position: absolute; margin: 0; padding: 0; font: 37px 'Verdana', 'Arial', 'Helvetica', sans-serif; letter-spacing: -2px; color: $colortituloblog; /* change the values of top and left to adjust the position of the logo*/ top: 25px; left: 35px; } #header-wrapper h1 a { color: $colortituloblog; text-decoration: none; } #header-wrapper p.description { position: absolute; margin: 0; padding: 0; font: bold 15px 'Verdana', 'Arial', 'Helvetica', sans-serif; color: $descripcioncolor; letter-spacing: -0.5px; /* change the values of top and left to adjust the position of the slogan*/ top: 148px; left: 150px; } #top-menu { position: absolute; margin: 0; padding: 30px 15px 8px 15px; background: transparent url(http://4.bp.blogspot.com/_0CLPmP1ydOo/SZHsPH7EplI/AAAAAAAABFQ/sm8b7o4X0GU/s1600/top-menu6780646323-iaza.gif) repeat-x; font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; color: #FFF; top: 0; right: 70px } #top-menu p { margin: 0; padding: 0; } #top-menu a { font-weight: bold; color: #fff; } /*-- (Menu) --*/ #nav { clear: both; padding: 0; margin: 0; width: 952px; height: 50px; background: #FFFFFF url(http://4.bp.blogspot.com/_0CLPmP1ydOo/SZHrCOoABHI/AAAAAAAABEY/St08VsyFLng/s1600/2qa2ts3.png) no-repeat; } #nav ul { float: left; list-style: none; margin: -1px 0 0 0; height: 45px; padding: 0 0 0 40px; } #nav ul li { float: left; margin: -7; padding: 0 0 0 10px; } #nav ul li a { float: left; margin: 0; padding: -1 15px 0 5px; color: $colormenu; font: 15px/27px 'Verdana', 'Arial', 'Helvetica', sans-serif; text-decoration: none; } #nav ul li a:hover, #nav ul li a:active { color: #000000; } #nav ul li#current { background: transparent url(http://www.iaza.com/work/090206C/left-tab4559989051-iaza.gif) no-repeat; } #nav ul li#current a { color: #4B3D2C; background: transparent url(http://www.iaza.com/work/090206C/right-tab3317362837-iaza.gif) no-repeat right top; } /*-- (Contenedor) --*/ #content-wrapper { clear: both; float: left; width: 952px; padding: 25px 0 60px 0; } /*-- (Principal) --*/ #main-wrapper { float: left; width: 535px; padding: 0; margin: 0 0 0 40px; display: inline; } #main-wrapper ul li { list-style-image: url(http://bp1.blogger.com/_Zuzii37VUO4/SJfXwuLq7dI/AAAAAAAAC44/q8TM9BW1zXM/s1600/bullet.gif); } .post { } .post-title { font: bold 'Verdana', 'Arial', 'Helvetica', sans-serif; color: $colortituloentrada; padding: 10px 0 5px 5px; margin-left: 5px; letter-spacing: -2px; border-bottom: 1px solid #E4F2C8; } .post-title a { color: $colortituloentrada; text-decoration: none; } .post-header-line-1 { font-size: .95em; padding: 0 10px; margin-left: 2px; color: $dateHeaderColor; } .post-header-line-1 a, .post-header-line-1 a:visited { color: #333; } .post-footer, p.comment-footer { padding: 8px 10px; margin: 15px 10px 10px 10px; color: #5b81a4; border: 1px solid #35788d; background: #fafafa; } .post-footer .date-header { margin: 0 10px 0 5px; padding: 7px; background: transparent url(http://4.bp.blogspot.com/_0CLPmP1ydOo/SZHrCWDbXLI/AAAAAAAABEg/5op6N8E05-8/s1600/clock.gif) no-repeat 0 2px; padding-left: 30px; } .post-footer .post-comment-link .comment-link { margin: 0 10px 0 5px; padding: 7px 5px; background: #FAF7F5 url(http://img6.imageshack.us/img6/6217/smilespinxh5.gif) no-repeat 0 2px; padding-left: 30px; color: #977C57;} .post-footer .post-labels { margin: 0 10px 0 5px; padding: 7px 5px; background: #FAF7F5 url(http://bp0.blogger.com/_Zuzii37VUO4/SJfXxN0LXQI/AAAAAAAAC5Q/86REGbYul9w/s1600/doc.gif) no-repeat 0 2px; padding-left: 30px; color: #977C57; } /*-- (Lateral) --*/ #sidebar-wrapper { float: right; width: 285px; padding: 0; margin: 0 45px 0 0; display: inline; } #sidebar-wrapper ul{ margin:0; padding:0; } #sidebar-wrapper li{ list-style: none; margin: 0; padding: 8px 10px; border-bottom: 1px solid #E8E8E8; } * html body #sidebar-wrapper li { height: 1%; } #sidebar-wrapper li a { text-decoration: none; color: $colortextolateral; background: none; font-weight: normal; } #sidebar-wrapper li a:hover { color: #000; background: none; } #sidebar-wrapper li a span { color: #7F7F7F; font-size: .9em; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-weight: normal; } #sidebar-wrapper h2 { color: $colortituloslateral; font: bold 1.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; text-transform: none; letter-spacing: -0.5px; padding: 5px 0 5px 7px; margin: 10px 0 5px 10px; border-bottom: 1px solid #E4F2C8; } .sidebar .widget { margin: 10px 10px 5px 7px; padding: 0; text-decoration: none; } #sidebar-wrapper form#qsearch { padding: 0; margin: 20px 0 30px 10px; border: none; width: 165px; height: 33px; background: #F2F0F0 url(http://1.bp.blogspot.com/_0CLPmP1ydOo/SZHrCXr4tII/AAAAAAAABE4/zuMlcKTwaMk/s1600/qsearch4733525852-iaza.gif) no-repeat; } #sidebar-wrapper form#qsearch p { margin: 0; padding: 0; } #sidebar-wrapper form#qsearch input { float: left; border: none; background: transparent; color: #B8B8B8; margin: 0; } #sidebar-wrapper form#qsearch .tbox { margin: 5px 0 0 5px; width: 220px; display: inline; font: 1em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; } #search form#qsearch .btn{ width: 24px; height: 24px; } #sidebar-wrapper form#qsearch label { display: none; } /*-- (Pie de pagina) --*/ #footer-wrapper { clear: both; width: 952px; margin: 0; padding: -50px 0 25px 0; background: transparent url(http://4.bp.blogspot.com/_0CLPmP1ydOo/SZHrCXzrvNI/AAAAAAAABEo/aAfxuwADsng/s1600/footer952_418924454577-iaza.gif) no-repeat left top; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; font-size: 0.95em; color: #777; text-align: center; letter-spacing: .2px; } #footer-wrapper p { padding:10px 0; } #footer-wrapper a:hover { color: #555; border-bottom: 1px dotted #555; text-decoration: none; } /*-- (Comentarios) --*/ #comments h4 { font-size:1.6em; font-weight:normal; padding:16px 10px 4px; color:#444444; font-family:'Trebuchet MS','Helvetica Neue',Arial,Sans-serif; } #comments dl { border-color:#EEE8E1; border-style:solid; border-width:1px 1px 0; margin:12px 10px; padding:0; } .comment-author { display:block; font-style:normal; font-weight:bold; padding:7px !important; background:none !important; } .comment-body { } p.comment-footer { text-align:center; } dd.comment-footer, dd.comment-body { margin:0; } .comment-timestamp { font-size:0.8em; font-weight:normal; border-bottom:1px solid #EEE8E1; display:block; padding:7px; } ]]>