*/
#outer-wrapper {
width: 940px;
margin: 0 auto;
background: url(http://www.templatesimages.com/images/Typebased/top.gif) no-repeat 0 143px;
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/*-- (Generales) --*/
html, body {
font-family: arial;
font-size: 12px;
border: 0;
color: $textocolor;
padding-bottom: 30px;
}
body {
background: #334F60;
}
body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {
margin: 0;
padding: 0;
}
p {
line-height: 18px;
}
p, h1, h2, h3, h4, h5, ul, ol, blockquote p {
padding: 10px 0;
}
ul, ol {
list-style: none;
}
small {
font-size: 11px;
}
code {
background: #FFFFC1;
}
a {
color: $enlacecolor;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
/* Align (used for images) */
.aligncenter {
margin: 5px auto 5px auto;
display: block;
}
.alignleft {
margin: 14px 15px 10px 0;
float: left;
}
.alignright {
margin: 14px 0px 10px 15px;
float: right;
}
/* Wrap */
.wrap {
width: 100%;
}
.left-col {
float: left;
}
.right-col {
float: right;
}
#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 {
width: 100%;
height: 108px;
}
#header-inner {
}
#header-wrapper h1 {
color:$colortituloblog;
float:left;
font-family:arial, verdana;
font-size:40px;
margin-right:10px;
padding:30px 0 0 20px;
letter-spacing:-1px;
}
#header-wrapper h1 a {
color:$colortituloblog;
}
#header-wrapper p {
font-family:arial, verdana;
color:$descripcioncolor;
margin-left:10px;
padding:51px 0 0 0;
font-size:17px;
font-weight:bold;
}
/*-- (Menu) --*/
#menu {
width: 100%;
height: 35px;
margin-bottom: 4px;
}
#menu ul {
width: 764px;
height: 35px;
margin-left: 160px;
padding: 0;
background: url(http://www.templatesimages.com/images/Typebased/menu_bg.gif) repeat-x 0 bottom;
}
#menu ul li {
line-height: 30px;
display: inline;
font-weight: bold;
text-transform: uppercase;
font-family: "Lucida Sans";
}
#menu ul li a {
display: block;
float: left;
margin-top: 5px;
padding: 0 27px 0 0;
color: $colormenu;
border-left: #2B404D 1px solid;
}
#menu ul li a:hover {
color: #fff;
cursor: pointer;
}
#menu ul li a span {
display: block;
float: left;
height: 30px;
padding: 0 0 0 27px;
}
/* Main Menu - Current Page Item */
#menu ul li.current_page_item {
line-height: 35px;
}
#menu ul li.current_page_item a {
background: url(http://www.templatesimages.com/images/Typebased/menu_button.gif) no-repeat right top;
margin-top: 0;
color: #1A272E;
border: 0;
}
#menu ul li.current_page_item a:hover {
color: #1A272E;
}
#menu ul li.current_page_item a span {
background: url(http://www.templatesimages.com/images/Typebased/menu_button.gif) no-repeat left top;
height: 35px;
}
/* Main Menu - extra */
#menu ul li.first a {
border: 0;
}
#menu ul li.current_page_item a {
margin-right: -1px;
position: relative;
}
/*-- (Contenedor) --*/
#content-wrapper {
}
.background {
background: #F5F5F5 url(http://www.templatesimages.com/images/Typebased/content_bg.gif) repeat-y right top;
}
/*-- (Principal) --*/
#main-wrapper {
width: 651px;
float:left;
}
.post {
width: 100%;
clear: both;
padding: 10px 0;
border-bottom: #CBCBCB 1px solid;
background: url(http://www.templatesimages.com/images/Typebased/post_element.gif) no-repeat 159px 21px;
}
.post-header-line-1 {
}
.post-body {
width: 440px;
margin-right: 21px;
display: inline;
float:right;
}
.post-body a {
font-weight: bold;
}
.post-body a:hover {
text-decoration: underline;
}
h3.post-title {
font-size: 28px !important;
line-height: 30px;
color: $colortituloentrada;
}
.post-title a {
color: $colortituloentrada;
}
.post-title a:hover {
text-decoration: underline;
}
.post-body h3 {
font-size: 14px;
padding: 5px 0;
}
.post-body ol, .post-body ul {
line-height: 20px;
}
.post-body ul {
padding-left: 30px;
}
.post-body ul li {
list-style: circle;
padding: 3px 0;
}
.post-body ol {
padding-left: 37px;
}
.post-body ol li {
list-style: decimal;
padding: 3px 0;
}
.post-body blockquote {
border-left:2px solid #777777;
color:#777777;
font-style:italic;
margin:5px auto 15px;
padding:0px 10px;
width:85%;
}
/* Post Content Images*/
.feed-links { display:none; }
.post-body img {
padding: 5px;
background: #1A272E;
}
.post-meta {
display:inline;
margin-left:6px;
padding-top:11px;
text-align:right;
width:140px;
}
.post-meta h3 {
padding: 3px 0;
margin-bottom: 23px;
}
.post-meta h3 span.day {
display: block;
float: right;
line-height: 28px;
font-size: 35px;
border-right: #CBCBCB 1px solid;
padding-right: 5px;
color: #8D8D8D;
}
.post-meta h3 span.month, .post-meta h3 span.year {
color: $dateHeaderColor;
width: 40px;
}
.post-meta h3 span.month {
display: block;
float: right;
font-size: 16px;
line-height: 14px;
padding-left: 4px;
text-align: center;
text-transform: uppercase;
}
.post-meta h3 span.year {
font-size: 14px;
display: block;
}
/* Post Meta Author and Comments */
.post-meta h4 {
font-size: 12px;
padding: 3px 21px 3px 0;
color: #666666;
}
.post-meta h4.author {
background: url(http://www.templatesimages.com/images/Typebased/icon_author.gif) no-repeat right 2px;
font-style: italic;
}
.post-timestamp {
display:none;
visibility:hidden;
}
.post-meta h4.comments {
background: url(http://www.templatesimages.com/images/Typebased/icon_comment.gif) no-repeat right 4px;
}
.post-meta h4.comments a {
color: #666666;
}
.post-footer {
padding: 5px 0 10px 0;
display: block;
float: left;
font-size: 13px;
}
.post-footer a {
color: #1A86DF;
text-decoration: underline ;
}
.post-footer a:hover {
text-decoration: none;
}
#blog-pager {
width: 400px;
clear: both;
margin-left: 190px;
padding: 5px 0 6px 0;
}
#blog-pager a {
font-size: 20px;
color: #404040;
}
#blog-pager a:hover {
color: #1A86DF;
}
/*-- (Lateral) --*/
#sidebar-wrapper {
width: 289px;
float:right;
}
#sidebar-wrapper ul{
font-size: 13px;
color: #4A8393;
width:100%;
}
#sidebar-wrapper li{
}
#sidebar-wrapper h2 {
color:#colortituloslateral;
}
.widget-content {
}
#sidebar-wrapper .widget {
padding: 14px 4px 14px 14px;
background: url(http://www.templatesimages.com/images/Typebased/sidebar_block_top.gif) repeat-x 0 0;
}
#sidebar-wrapper .widget a {
color: $colortextolateral;
}
#sidebar-wrapper .widget a:hover {
color: #131A1C;
}
#sidebar-wrapper .widget ul {
width: 100%;
padding: 1px 0 8px 0;
}
.sidebar .widget ul li {
font-weight: bold;
border-bottom: #BDCCD1 1px solid;
line-height: 20px;
padding: 4px 0 4px 21px;
background: url(http://www.templatesimages.com/images/Typebased/circle.gif) no-repeat 5px 11px;
margin-right: 10px;
}
.sidebar .widget ul li ul li {
border: 0;
}
#sidebar .Label ul, #sidebar .LinkList ul, #sidebar .TextList ul, #sidebar .HTML ul {
background: url(http://www.templatesimages.com/images/Typebased/sidebar_ul_lines.gif) no-repeat 0 0;
margin-top: 3px;
}
#sidebar .Label ul li, #sidebar .LinkList ul li, #sidebar .TextList ul li, #sidebar .HTML ul li {
width: 104px;
float: left;
margin-right: 10px;
display: inline;
}
#sidebar .Label ul li {
background: url(http://www.templatesimages.com/images/Typebased/icon_folder.gif) no-repeat 0 6px;
}
#sidebar .LinkList ul li, #sidebar .Feed ul li {
background: url(http://www.templatesimages.com/images/Typebased/circle.gif) no-repeat 5px 11px;
font-size: 11px;
}
#sidebar-wrapper .adverts {
width: 285px;
padding: 15px 0 10px 4px;
background: url(http://www.templatesimages.com/images/Typebased/sidebar_block_top.gif) repeat-x 0 0;
}
#sidebar-wrapper .adverts ul {
padding: 0;
}
#sidebar-wrapper .adverts ul li {
float: left;
margin-left: 10px;
margin-top: 10px;
display: inline;
}
#sidebar-wrapper .adverts img {
display: block;
}
#search {
width: 100%;
height: 57px;
background: url(http://www.templatesimages.com/images/Typebased/search_block_bg.gif) no-repeat 0 0;
height: 50px;
}
#search form {
padding: 14px 0 0 14px;
}
#search form div {
width: 259px;
height: 28px;
background: url(http://www.templatesimages.com/images/Typebased/search_field.gif) no-repeat 0 0;
position: relative;
}
#search form input.search_box {
width: 175px;
border: 0;
position: absolute;
left: 5px;
top: 5px;
padding-top: 2px;
background: transparent;
font-size: 11px;
font-weight: bold;
outline: none;
}
#search form input.submit {
position: absolute;
right: 0;
}
/*-- (Pie de pagina) --*/
#footer-wrapper {
width: 940px;
margin: 0 auto;
background: url(http://www.templatesimages.com/images/Typebased/footer_bg.gif);
padding-top: 18px;
margin-top: -1px;
position: relative;
}
#footer-wrapper a {
color: #B2D1E4;
}
#footer-wrapper a:hover {
color: #318DE1;
}
#footer-wrapper h2 {
color: #6D7E87;
}
#footer-wrapper .popular {
padding-bottom: 30px;
}
#footer-wrapper .left-col .wrap {
width: 646px;
}
#footer-wrapper .left-col h2 {
width: 115px;
display: block;
float: left;
line-height: 24px;
text-align: right;
padding: 10px 35px 10px 10px;
font-size: 20px;
background: url(http://www.templatesimages.com/images/Typebased/footer_element.gif) no-repeat right 18px;
display: inline;
}
#footer-wrapper .left-col ul {
width: 441px;
display: block;
float: left;
padding: 5px 0 15px 30px;
}
#footer-wrapper .left-col ul li {
line-height: 20px;
font-size: 16px;
padding: 6px 0 9px 0;
font-weight: bold;
background: url(http://www.templatesimages.com/images/Typebased/footer_line.gif) repeat-x left bottom;
}
#footer-wrapper #subscribe {
width: 241px;
padding: 0 30px 0 18px;
color: #B2D1E4;
}
#footer-wrapper #subscribe a {
font-weight: bold;
text-decoration: underline;
}
#footer-wrapper #subscribe h2 {
font-size: 16px;
}
#footer-wrapper #subscribe p {
padding: 8px 0 8px 42px;
}
#footer-wrapper #subscribe p.rss {
background: url(http://www.templatesimages.com/images/Typebased/icon_rss.png) no-repeat 0 11px;
}
#footer-wrapper .links {
width: 100%;
clear: both;
background: #1A272E url(http://www.templatesimages.com/images/Typebased/bottom.gif) no-repeat left bottom;
border-top: #2B404D 1px solid;
font-size: 11px;
color: #677881;
padding: 5px 0;
}
.links .left-col {
padding-left: 15px;
}
.links .right-col {
padding-right: 15px;
}
.links .right-col img {
vertical-align: middle;
}
/*-- (Comentarios) --*/
#comments {
display:inline;
float:right;
margin-right:21px;
width:440px;
}
#comments a {
}
#comments h4 {
border-bottom:2px solid #D7D7D7;
font-size:18px;
padding:5px 0;
}
#comments dl {
}
.comment-author {
font-size:12px !important;
font-weight:bold;
padding:0;
text-transform:none;
margin-top:20px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
margin-top:20px;
}
.comment-timestamp {
font-size:11px !important;
}
.comment-timestamp a {
color:#404040;
}
p.comment-footer {
padding-top:20px;
text-align:center;
border-bottom:2px solid #D7D7D7;
font-size:18px;
padding:5px 0;
}
p.comment-footer a{
color:#404040;
}
dd.comment-footer, dd.comment-body, .comment-author {
margin:0 0 0 10px;
}
dd.comment-footer {
border-bottom:1px dotted #D7D7D7;
display:block;
padding-bottom:5px;
}
.wrap:after,
.block ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.fix{
clear: both;
height: 1px;
margin: -1px 0 0;
overflow: hidden
}
.fl{
float: left
}
.fr{
float: right
}
.ac{
text-align: center
}
.ar{
text-align: right
}
img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright{
padding: 4px;
margin: 3px 0 2px 10px;
display: inline;
}
img.alignleft{
padding: 4px;
margin: 3px 10px 2px 0;
display: inline;
}
.alignleft{
float: left;
}
.alignright{
float: right;
}
body#layout #content-wrapper {
margin: 0px;
}
body#layout #footer-wrapper p.links, body#layout #menu, body#layout #search {
display:none;
}
]]>