/* Theme Name: Black & White Description: Three-columns, fixed-width, monochromatic template, in spanish Theme URI: http://doxstemplates.com Version: 2.5 Author: doxs | templates Tags: black, silver, white, three-columns, fixed-width, right-sidebar */ * { margin: 0; padding: 0; } html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } body { font: 12px Arial, Verdana, sans-serif; line-height: 1.6em; color: #000; background: #ccc; } a { color: #666; text-decoration: none; } a:hover { color: #999; text-decoration: none; } p {margin: 0; padding: 10px 0;} h1 {margin: 20px 0 0} img {border: 0} input {vertical-align: middle} h2 { font: normal 12px Arial, Verdana, Sans-Serif; margin: 0 0 12px; } blockquote { margin: 10px 0 10px 30px; padding: 5px 15px; font: 13px Georgia, Times New Roman, Sans-Serif; font-style:italic; color: #777; } * html blockquote {height: 1%;} blockquote p { font-size: 1em; margin: 0; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } img.aligncenter {margin: 7px margin} .alignleft {float: left} img.alignleft {margin: 5px 10px 3px 0} .alignright {float: right} img.alignright {margin: 5px 0 3px 10px} .wp-caption { border: 1px solid #999; text-align: center; background-color: #eee; padding-top: 4px; margin: 10px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .wp-caption img { margin: 0; padding: 0; border: 1px solid #999; font-size: 11px; } .wp-caption p.wp-caption-text { font-size:11px; color:#666; line-height: 1.6em; padding: 5px 4px 5px; margin: 0; letter-spacing: .05em; } #wrapper { width: 950px; margin: 0 auto; padding: 0; } #header { width: 950px; background: url(images/blanconegro_header.png) no-repeat; height: 113px; margin-top: 30px; } #top { float: right; margin-bottom: 25px; } #rss-entradas { width: 180px; float: right; background: url(images/blanconegro_rss.png) no-repeat left center; height: 15px; padding-left: 25px; font-size: 11px; margin-bottom: 25px; } #rss-entradas a { color: #666; } #rss-entradas a:hover { color: #fe9c46; } #searchform { height: 22px; margin-right: 5px; } #searchform input { font: 11px Arial, Verdana, Sans-Serif; float: left; } #s { width: 157px; padding: 2px 6px; margin-right: 2px; border: 1px solid #666; background: #f7f7f7; } #searchsubmit { border: 1px solid #666; padding: 1px 5px; color: #fff; font-weight: bold; overflow: visible; cursor: pointer; background: #404040; } #logo { float: left; line-height: 0.85em; font-size: 24px; margin: 24px 15px 15px; } #logo a { color: #fff; } #logo a:hover { color: #ccc; } #logo span { display: block; color: #eee; font-size: 14px; font-weight: normal; padding-top: 10px; } #menu { width:935px; height: 30px; background: #fff url(images/blanconegro_menubar.png) no-repeat; color: #000; margin-top:0px; padding-left: 15px; border-bottom:1px solid #666; } #menu li { display: inline; font-family: Arial, Helvetica, sans-serif; } #menu a { float: left; text-decoration: none; font-size: 1em; padding:5px 0 0; font-weight: bold; color: #666; margin-right: 25px; } #menu a:hover { color: #333; font-weight: bold; padding:5px 0 0; margin-right: 25px; } #menu .current_page_item { text-decoration: none; } #menu .current_page_item a { height:25px; color: #000; font-weight: bold; padding-left: 8px; padding-right: 8px; } #menu .current_page_item a:hover { color: #999; font-weight: bold; margin-right: 25px; padding-left: 8px; padding-right: 8px; } #container { width: 948px; background: #fff; padding-top: 25px; border-left: 1px solid #999; border-right: 1px solid #999; } * html #container {height: 1%;} #container:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #content { width: 450px; float: left; font-size: 13px; padding-right: 10px; overflow: hidden; padding-left: 15px; } #pagetit { display: block; font: normal 22px Arial, Verdana, Sans-Serif; color: #313131; border-bottom: 1px solid #666; } .date { float:left; width: 44px; height: 54px; padding-top: 17px; padding-left: 11px; background: url(images/blanconegro_calendar.png) no-repeat; } .dateday { color:#fff; font-size: 18px; font-weight: bold; } #content h1 { font: 22px Arial, Verdana, Sans-Serif; font-weight: bold; padding: 0 0 3px; margin-bottom: 1.2em; } #content h2 { font: 18px Arial, Verdana, Sans-Serif; padding: 0 0 3px; margin-bottom: 1.2em; } #content h3 { font: 16px Arial, Verdana, Sans-Serif; padding: 1px 0 4px; margin-bottom: 0.2em; } #content h4 { font: 14px Arial, Verdana, Sans-Serif; padding: 0 0 3px; margin-bottom: 1.2em; } #content h5 { font: 12px Arial, Verdana, Sans-Serif; padding: 0 0 3px; margin-bottom: 1.2em; } #content h6 { font: 10px Arial, Verdana, Sans-Serif; padding: 0 0 3px; margin-bottom: 1.2em; } #content h2.pagetitle { padding: 1px 0 4px; border-bottom:1px solid #000; } #content li { font-size: 13px; line-height: 1.4em; margin-left:20px; } #content li li { font-size: 14px; } #content .post { font-size:13px; margin-bottom: 20px; } #content .post h2 { font-size: 20px; margin: 0 0 2px; } #content .post h3 { font-size: 18px; margin: 0 0 2px; } #content .post h2 a { color: #404040; } #content .post h2 a:hover { color:#999; } .post ol { margin: 7px 0 7px 35px; } .post li { padding: 2px 0; } .postmetadata { color: #999; margin-top: 20px; padding: 5px; font-size: 11px; border-top:1px solid #666; } .post .postmetadata { font-size: 20px; color: #000; } .postmetadata a { color: #000; text-decoration: none; } .postmetadata a:hover { color: #fff; text-decoration: none; background: #404040; } .postcomments { padding-left: 32px; padding-bottom: 5px; margin-bottom: 35px; font-size: 12px; font-weight: bold; background: url(images/blanconegro_comments.png) no-repeat 5px .1em; border-bottom:1px solid #666; } .postcomments a {color:#404040} .postcomments a:hover {color: #666} .entry { text-align: justify; } .entry a { color:#000; font-size:11px; } .entry a:hover { color:#666; font-size:11px; } .entry h1 { font-size: 12px; margin: 15px 0 10px; } .entry h2 { font-size: 12px; font-weight: bold; margin: 15px 0 10px; padding: 0; border: none; } .entry h3 { font-size: 12px; font-weight: bold; margin: 15px 0 10px; padding: 0; } .entry h4 { font-size: 12px; margin: 15px 0 10px; font-weight: bold; } .line { clear: both; padding: 3px; margin: 0 0 15px; } .nav { font-size: 1.3em; padding: 0 0 22px; } .navigation { font-size: 1.3em; margin: 20px 0; height: 1.3em; } .alignleft {float: left;} .alignright {float: right;} h3#comments, h3#respond { margin-top: 30px; margin-bottom: 20px; padding-left: 12px; font-size: 14px; color: #666; border-bottom: 1px dotted #666; } .commentlist { margin: 0 0 0 20px; font-size: 12px; } .commentlist li { padding: 0; } .cdata { padding: 3px 10px 15px 10px; height: 35px; background: url(images/blanconegro_backcomm.png) repeat; border-bottom: 1px solid #999; color: #fff; } .cdata strong { margin:0; } #content img.avatar { float: left; display: inline; border: 0; padding: 5px; margin: 0; } #ctext { font-size: 12px; margin: 0 25px 25px; } #cdate { font-size: 11px; color: #999; border-bottom: #999 1px dashed; } .commentlist li p { font-size: 12px; padding: 5px; } .commentmetadata { font-size: 11px; color: #666; } .commentmetadata a { color: #999; } #author, #email, #url, #comment { font: 11px Arial, Verdana, Sans-Serif; padding: 2px 4px; width: 200px; border: 1px solid #999; background: #f7f7f7; } #comment { width: 435px; height: 150px; } #submit { width: 130px; height: 24px; padding: 0; background: #404040; font: 12px Arial, Verdana, Sans-Serif; color: #fff; border: 1px solid #000; cursor: pointer; overflow: visible; margin-bottom: 30px; } #commform { font-size: 11px; color: #333; } #commentag { font-family: Arial, Verdana, Serif; font-size: 12px; color: #333; margin: 10px 5px 0; } #sidebars { float: right; width: 430px; font-size: 12px; line-height: 1.4em; padding-right: 15px; padding-bottom: 30px; } * html #sidebars {height: 1%;} #sidebars:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #l-sidebar { float: left; width: 183px; padding-left: 12px; } #r-sidebar { float: right; width: 183px; padding: 12px; background: #fff url(images/blanconegro_backside.png) repeat-y; color: #999; } #sidebars ul { margin-left: 7px; } #sidebars ul { margin: 0 0 15px; } #l-sidebar li { list-style: none; background: url(images/blanconegro_indi3.png) no-repeat 0 .9em; border-bottom: 1px dotted #999; padding: 5px 12px; margin: 0; } #r-sidebar li { list-style: none; background: url(images/blanconegro_indi1.png) no-repeat 0 .9em; border-bottom: 1px dotted #ccc; padding: 5px 12px; margin: 0; } #sidebars li ul { margin: 0 0 3px 12px; } #sidebars li li { background: url(images/blanconegro_indi2.png) no-repeat 0 .9em; padding: 5px 12px; border: none; } #l-sidebar li a {color: #666} #l-sidebar li a:hover {color: #000} #l-sidebar li li a {color: #333} #l-sidebar li li a:hover {color: #999} #r-sidebar li a {color: #ccc} #r-sidebar li a:hover {color: #fff} #r-sidebar li li a {color: #999} #r-sidebar li li a:hover {color: #ccc} #l-sidebar h2 { font: 12px Arial, Verdana, Sans-Serif; font-weight: bold; padding: 5px; color: #666; background: url(images/blanconegro_sideh2.png) repeat; border-bottom:1px solid #666; } #r-sidebar h2 { font: 12px Arial, Verdana, Sans-Serif; font-weight: bold; padding: 5px; color: #fff; background: url(images/blanconegro_side2h2.png) repeat; border-bottom:1px solid #999; } #sidebars h3 { font: normal 12px Arial, Verdana, Sans-Serif; padding: 0 0 3px; } .tags, #tag_cloud { margin: 0 0 15px; } .tags { text-align: center; } .tags a, #tag_cloud a { color: #808080; margin: 0 2px; } .tags a, #tag_cloud a:hover { color: #fff; background: #404040; margin: 0 2px; } #wp-calendar { width: 100%; margin: 0 0 12px; } #wp-calendar a { color:#fff; background: #404040; } #wp-calendar a:hover { color:#404040; background: #ccc; } #wp-calendar td {text-align: center;} #footer { clear: both; width: 950px; height: 50px; padding-top: 5px; margin-bottom: 30px; text-align:center; color: #fff; background: url(images/blanconegro_footer.png) no-repeat; } #footer a { color: #fff; } #footer a:hover { color:#333; background: #fff; }