/*======================================
Theme Name: FTW2 Diavolo version
Theme URI: http://www.flisterz.com/
Description: Another wordpress theme by flisterz. Second version of FTW. Clean, simple, three-column, widgetized theme. Wordpress 2.3.1 compatible (tags etc). Please leave the credit in the footer :)
Version: 2.0
Author: flisterz & Diavolo
======================================*/
*{
margin:0;
padding:0;
}
body{
background:#232323;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
#wrapper{
margin:0 auto;
padding:0;
background:#FFFFFF;
width:940px;
}
.clear{
clear:both;
}
a{
text-decoration:none;
outline:none;
}
td{padding:4px;}
blockquote{
background:#FFE9F4;
padding:5px 18px 0px 15px;
border-left:4px solid #FF99CC;
margin-bottom:10px;
}
code {
background : #cccccc;
border-bottom : 1px solid;
border-bottom-color : #999999;
padding-left:3px;
padding-right:3px;
text-align:left;
}
img a{
border:none;
}
ul{
list-style:none;
}
#navigation ul li a img {
border:none;
}
#navigation ul li.feed a{
float:left;
background:none;
color:#2D2D2D;
border:none medium #2D2D2D;
margin:-4px 0 0 0;
}
#navigation a.feed:hover{border:none medium #2D2D2D;
color:#2D2D2D;}
#navigation{
display:block;
float:left;
width:940px;
height:40px;
margin-bottom:20px;
background:#2D2D2D;
}
#navigation ul {
margin:10px 5px 0 0;
float:right;
}
#navigation li {
display:inline;
}
#navigation ul li.current_page_item a {
background:#FFF;
height:20px;
color:#000;
border:0px;
padding:5px 10px 5px 10px;
}
#navigation ul li.current_page_item a:hover{
color:#000;}
#navigation a {
background:#3399CC url(images/bgmenu.jpg) repeat-x;
color:#000;
float:left;
margin:0pt 5px 0 0;
padding:5px 7px 5px 7px;
border-left:3px solid #3399CC;
border-right:3px solid #3399CC;
}
#navigation a:hover{
color:#FFF;}
#header-c{
float:left;
}
#header{
background:#232323;
padding:30px 0pt 0pt;
height:58px;clear:both;
}
#header h1 a {
color:#66CC00;
font-size:24px;
font-weight:lighter;
}
#header .description{
font-size:11px;
color:#FFF;
float:left;
}
#header .description a{
color:#FFF;
}
#header .description a:hover{
color:#66CC00;
}
#s{
border:1px solid #CCCCCC;
padding:4px;
font-size:11px;
width:80%;
height:13px;
}
#leftbar #s,#rightbar #s{
border:1px solid #999999;
margin-top:10px;
width:92%;
}
.alignleft{float:left;}
.alignright{float:right;}
/******************************date***************/
.month {
width:40px;
padding:7px 3px 0px;
text-align:center;
color:white;
background:url(images/date.jpg) no-repeat top;
font-size:11px;
float:left;
margin-right:10px;
height:40px;
}
.date {
display:block;
color:#9b241b;
padding:1px 1pt 0px 1px;
font-size:15px;
font-weight:bold;
}
/******************************contentttttttttttt***************/
#content-container{
float:left;
margin-top:20px;
width:940px;
padding-bottom:20px;
}
.content{
width:516px;
text-align:justify;
margin-right:9px;
border-right: 1px solid #CCc;
padding-left:15px;
float:left;
}
.title{
padding-bottom:10px;}
.title h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:normal;
padding-left:50px;
}
.title h2 a{
color:#FF0000;
text-align:left;
}
p.details{
font-size:11px;
padding-left:50px;}
h2.pagetitle{
font-size:12px;
color:#000;
background:#66CC66;
padding:5px;
margin-bottom:20px;
}
h2.page{
font-size:16px;
font-weight:bold;
padding:5px 0;
}
.post{
padding:0px 0px 10px 0px;
border-bottom:1px dotted #FF6600;
width:490px;
margin-bottom:45px;
}
.post a img{
border:0px solid;
}
.post img.wp-smiley{
border:none;
padding:0px;
background:none;
}
.postmeta{
height:17px;
font-size:10px;
margin-bottom:4px;
text-align:right;
}
.postmeta a{
color:#0066CC;}
.postmeta a:hover{
color:#003366;}
.entry {
line-height:16px;
}
.entry p{
margin-bottom:10px;
}
.entry a{
color:#008000;
text-decoration:underline;
}
.entry a:hover{
color:#000000;
}
.entry ol{
margin:0px 0 10px 28px;
}
.entry ul{
margin:0px 0 10px 20px;
list-style-type:disc;}
.entry h1,.entry h2,.entry h3{
font-size:16px;
color:#008000;
border-bottom:1px solid;
margin-top:25px;
margin-bottom:5px;
}
.entry h2,.entry h3{
font-size:15px;
border-bottom:none;
}
.entry h3{
font-size:14px;
}
p.postinfo{
background:#FFFFCC;
border-bottom:1px solid #FF9933;
padding:4px 10px;
border-top:1px solid #FF9933;
font-size:10px;
margin-bottom:20px;
margin-right:10px;
}
#sidebar2 p.postinfo{
margin-right:15px;
}
p.postinfo a{
color: #008000;}
span.viewing{
padding:0 0 3px 1px;
line-height:15px;
}
span.folder,span.tag,span.comment,span.calendar,span.rss,span.bitatags,span.irpuntope,span.author{
padding:0 0 3px 19px;
line-height:17px;
}
span.folder{
background: url(images/folder.gif) no-repeat top left;
}
span.tag{
background: url(images/tag.png) no-repeat top left;
}
span.comment{
background: url(images/comment.png) no-repeat top left;
line-height:21px;
}
span.calendar{
background: url(images/calendar.png) no-repeat top left;
line-height:23px;
}
span.author{
background: url(images/author.png) no-repeat top left;
}
span.rss{
background: url(images/rss.png) no-repeat top left;
line-height:21px;
}
span.bitatags{
background: url(images/bitacoras.png) no-repeat top left;
}
span.irpuntope{
background: url(images/irpuntope.png) no-repeat top left;
}
/******************************sidebar***************/
#swrap{
float:left;
width:380px;
margin:-10px -5px 0 0;}
#introbar{
width:360px;
padding:5px 0px;
line-height:16px;
margin-bottom:10px;}
#leftbar,#rightbar{
width:180px;
float:left;
}
#rightbar{
float:right;
width:190px;
margin:0px 5px 0px 5px;
}
#sidebar_single{
float:left;
width:399px;
}
#leftbarwidget ul , ul#sidebarwidget{
list-style:none;
margin-bottom:20px;
}
#leftbar ul{
margin-bottom:0px;}
#introbar ul li h2,#leftbar ul li h2, #rightbar ul li h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#330000;
margin-top:20px;
background:#F4F4F4;
padding:3px;
margin:20px 0px 5px 0px;
}
#introbar ul li ul li,#leftbar ul li ul li, #rightbar ul li ul li{
line-height:19px;
padding:1px;
border-bottom:1px solid #CCCCCC;
}
#introbar a,#leftbar a, #rightbar a{
color:#008000;}
#introbar a:hover,#leftbar a:hover, #rightbar a:hover{
color:#000;}
.browse a {
font-size : 14px;
color : #66cc00;
font-weight : bold;
}
.browse a:hover {
color : #669900;}
.browse {
padding:0pt 0pt 20px 0;
text-align:center;}
/********************************** comments template ***********************************/
#comments {
width:510px;
text-align:left;
float :left;
padding-bottom:10px;
}
.dlf a{
color:#666666;
}
.dlf a:hover{
background:#999999;
color:#FFFFFF;}
.ann {
text-align:left;}
.ann a{
color:#669900;
text-decoration:underline;
}
#comments h2 {
margin-top : 30px;
font-size : 14px;
}
.commentlist {
list-style-type : none;
padding : 0;
}
.commentlist li {
color : #000000;}
.tx {
padding:7px 0pt 10px 10px;
}
.tx p {
margin-right:64px;
margin-bottom:10px;
}
.tx blockquote{
font-size:11px;
width:279px;
background-color:#B8E8A2;
border-left : 2px solid #A9E28D;
}
.tx code {
border-bottom : 1px solid #999999;
border-left : 1px solid #999999;
background-color:#EFEFEF;
}
.top-border {
height:15px;
padding:5px 10px 5px 10px;
font-size:9px;
color:#000;
}
.top-border a:hover{
background:#FFFFFF;
}
.eachcomment{
border:1px solid #A9E28D;
border-left:0px;
width:490px;
background:#DEF4D3;
}
.c_info {
padding-left : 40px;
margin-bottom:20px;
}
.c_name {
float:left;
font-size:10px;
}
#formsection{
padding: 24px 10px 10px 4px;
height:194px;
}
.kiri{
float:left;
margin-right:10px;
}
#author, #email, #url {
width:205px;
margin-bottom:4px;
padding:3px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#commenttext{
width:251px;
height:140px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
}
#submit {
height:29px;
margin:14px 0pt 0pt;
width:208px;
}
/******************************footer***************/
#footer{
background:#232323;
padding:10px 10px 12px;
color:#666666;
}
#footer a{
color:#669900;
text-decoration:underline;
}
#footer #izquierda {
border-right: 1px solid #707070;
float: left;
padding-right: 14px;
}
#footer #izquierda strong {
font-weight: bold;
}
#footer #derecha {
float: left;
padding-left: 14px;
}
#footer #pie {
clear: both;
padding-top: 10px;
margin-top: 10px;
line-height: 15px;
text-align: justify;
}
/*PHOTOFRAME*/
.photoframe {
background: #f2f2f2;
border: solid 1px #999;
padding: 2px;
margin: 5px 5px 5px 5px;
text-align: center;
}
.outerphotoframe {
border: solid 1px #CCCCCC;
margin: 1px 1px 1px 1px;
text-align: center;
}
.outerphotoframe p{
width: 80%;
position:relative;
margin-left:auto;margin-right:auto;text-align:left;
text-align: center;
}
.photoframe a:hover {
color:white;
background: none;
border-bottom: 0px solid #cc9999;
}
.photoframe a{
color:white;
background: none;
border-bottom: 0px solid #cc9999;
}
.phtoframe a:link {
color:white;
background: none;
border-bottom: 0px solid #cc9999;
}
.auxphotoframe {
background: url(img/camera.png) no-repeat 20px;
border-top: 1px solid #CDCDCC;
padding-left: 50px;
text-align: left;
}
.inline-button {
_width:12em;
font: bold 65%/1 Verdana, sans-serif;
margin: 0 0.2em; padding: 0.1em 0; _padding:0;
border: 2px solid #D5EBFA;
white-space:nowrap;
text-decoration: none;
vertical-align:middle;
background: #ccc;
color: #D5EBFA;
}
.inline-button em {
_width:1em; _cursor:hand;
font-style: normal;
margin:0; padding: 0.1em 0.5em;
background: white;
color: #0066FF;
}
.inline-button span {
_width:1em; _cursor:hand;
margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
}
.inline-button:hover {
background: #666;
color: white;
}
.inline-button:hover em {
background: #0066FF;
color: white;
}
#creditfooter { visibility : hidden; }
.minifeed {
padding: 2px 0 2px 22px;
background: url('http://static.diavolo.us/feed.png') no-repeat center left;
}
.cc {
padding: 2px 0 2px 15px;
background: url('http://static.diavolo.us/cc.png') no-repeat center left;
}
code
{
font-family: 'Courier New', Courier, Fixed;
color: #008000;
}
.aviso a {
text-decoration: underline;
color: red;
}
/*-------------------------------------twitter--------------------------
#twitter{
background: #94E4E8 url(images/twitter.gif) no-repeat bottom;
min-height: 60px;
padding: 15px 5px 15px 45px;
margin: 10px 10px 0 5px;
position: relative;
line-height: 15px;
}
#twitter-div{
margin: 0 0 15px 0;
}
#twitter a{
color: #000;
}
#twitter a.follow {
bottom:13px;
color:#000000;
font-size:9px;
position:absolute;
right: 7px;
}
#twitter ul{
list-style: none;
font-size: 10px;
font-family: Verdana;
}
#twitter ul li{
}
#twitter ul span{
display: block;
}
*/
#twitter_div {
background: url('http://static.twitter.com/images/bg.gif') no-repeat bottom left #fff;
font-size: 1em;
padding: 15px;
}
#twitter_div ul {
background: #fff;
padding: 6px;
}
#twitter_div ul li a {color: #666;}
#twitter_div .user {
padding: 5px 0 0 0;
text-align: right;
}
#twitter_div .user img {border: 0px solid #fff;}
/*PHOTO*/
.photo {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin-top: 15px;
margin-right: 15px;
margin-bottom: 15px;
margin-left: 15px;
}
.photo img {
border:1px solid #000;
background:#fff;
padding:3px;
}
.flickr-photos { padding: 0px; padding-bottom: 10px; }
.flickr-photos li { list-style-type: none; margin: 0px; padding: 0px; display: inline; }
.flickr-photos img { height: 80px; width: 80px; margin: 0px 5px 5px 0px; border: 0px; }
/*
Friendfeed
*/
.friendfeed div.feed {
width: 190px;
font: normal 0.9em Calibri, Helvetica, Arial, sans-serif;
padding: 0;
margin: 0 0 0 -9px;
border: 0;
}
.friendfeed .feed .entry .likes, .friendfeed .header {display:none;}
.friendfeed div.feed a {
color: #3B3B3B !important;
text-decoration: none;
outline: none;
font-weight: bold;
background: none;
}
#ffbox a:hover {
color: #111 !important;
background: #D1D1D1;
text-decoration: none;
outline: none;
}
.aviso-comentario{padding:none;margin:none
0;font-size:0.9em;background:#F1F3F3;color:#444}
#suscripcion {
padding:10px;
display:block;
background:transparent url(images/suscribete.png) no-repeat 0 0;
margin:0 0 15px;
height:104px;/* Mas 20 de padding */
}
#suscripcion a {
color:#000;
font-size:15px;
margin-left:35px;
line-height:15px;
}
#suscripcion small {
font-size:11px;
display:block;
color:#999;
margin-left:35px;
line-height:10px;
}
#suscripcion form {
padding:10px 0;
}
#suscripcion input.submitfeed {
background:#c7c7c7;
color:#fff;
font-size:10px;
height:21px;
border:none;
}
#suscripcion input.email {
width:200px;
border:1px solid #c7c7c7;
padding:1px 5px;
color:#999;
}
/* .more-link{color:#fff;margin:5px
0 10px 0;padding:3px
6px !important;background:#3D7BB8;color:#fff !important;text-decoration:none !important;-moz-border-radius:3px;-webkit-border-radius:3px;float:right;}a.more-link:hover{background:#333} */
.authcomment {
background-color: #B3FFCC !important;
}
#content p.info {
background:#F9F9F9 url(images/info.png) no-repeat 12px 13px;
border-bottom:1px solid #EEEEEE;
border-top:1px solid #EEEEEE;
}
#content p.note {
background:#FEF6D2 url(images/note.png) no-repeat 14px 13px;
border-bottom:1px solid #EFE3AE;
border-top:1px solid #EFE3AE;
}
#content p.alert {
background:#FFD9C8 url(images/alert.png) no-repeat 12px 13px;
border-bottom:1px solid #F0BAA2;
border-top:1px solid #F0BAA2;
}
p.download {
background:#EDFCD5 url(images/download.png) no-repeat 10px 13px;
border-bottom:1px solid #D4EBAF;
border-top:1px solid #D4EBAF;
}
#content p.alert, #content p.download, #content p.info, #content p.note {
margin:10px 0;
padding:10px 10px 10px 36px;
}
a.download {
background: url(images/download_icon.gif) no-repeat;
padding: 0 0 5px 20px;
}
/* DOWNLOAD */
div.download{
background: transparent url(images/descargar.png) top left no-repeat;
width:205px;
height:78px;
margin: 20px 0px 20px 40px;
}
div.download p#download-link{
width:195px;
padding-top:15px;
padding-right:10px;
text-align:right;
}
div.download p#download-link a{
color: #fafafa;
font-weight: bold;
text-decoration:none;
font-size:18px;
}
div.download p#download-link a:hover{
text-decoration:underline;
}
div.download p#version{
width:193px;
padding-right:12px;
text-align:right;
color:#fafafa;
line-height:0;
}
div.downloadpsd{
background: transparent url(images/download-psd.png) top left no-repeat;
}
/* --- GRAVATAR --- */
img.avatar {float:right; margin-right:5px;}
/* ---------------- NOTAS ------------------------ */
.alerta {
background: #fff6bf url(images/alert.png) center no-repeat;background-position: 15px 50%; /* x-pos y-pos */text-align: left;padding: 10px 20px 0px 45px;border: 1px solid #ffd324;margin-top:10px;margin-bottom:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.informacion {background: #E7F9F8 url(images/info.png) center no-repeat;background-position: 15px 50%;text-align: left;padding: 10px 20px 5px 45px;border: 1px solid #B5D4FE;margin-top:10px;margin-bottom:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
.descarga {background: #fcf2c0 url(images/down.png) center no-repeat;background-position: 15px 50%;text-align: left;padding: 10px 20px 5px 45px;border: 1px solid #f2b4a2;margin-top:10px;margin-bottom:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.nota {background: #f5f5f5 url(images/attach.png) center no-repeat;background-position: 15px 50%;text-align: left;padding: 10px 20px 5px 45px;border: 1px solid #ebe8e4;margin-top:10px;margin-bottom:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.setlist {background-color:#f5f5f5;text-align: left;padding: 10px 20px 5px 45px;border: 1px solid #ebe8e4;margin-top:10px;margin-bottom:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.tipodescarga {background: #474747;text-align: left;padding: 10px 20px 5px 45px;border: 1px solid #2d2d2d;margin-top:20px;margin-bottom:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;font-size: 1.5em;}
/*--lifestream--*/
#lsfm_badge { visibility : hidden; }
div.lsfm_badge_more { visibility : hidden; }
/*--blogsdna--*/
#wp_thumbie_rl2 { visibility : hidden; }
div.lsfm_badge_more { visibility : hidden; }
/*-- Tags --*/
.tags a {
display: block;
float: left;
margin-right: 5px;
padding: 3px 5px 3px 19px;
background: url('images/tag.gif') no-repeat center left;
color: #666;
text-shadow: #fff 1px 1px 0px;
text-decoration: none;
}
/* ---------------------- shares ---------------------- */
.shares {
width: 100px;
float: right;
text-align: right;
padding: 0 1px 0 12px;
}
/* ----------------------- extra ----------------------- */
.splitter{
background:url('images/splitter_ddd_2px.png') left center repeat-x
}
.splitter span{
padding-right:5px;
background:#FFF
}
.splitter .subscribe{
float:right;
font-size:11px;
padding-left:5px;
background:#FFF
}
.splitter .minor{
float:left
}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5{float:left;margin-right:18px}
.omega{margin-right:0}.grid_1{width:147px}
.post .grid_1{width:142px}
.grid_2{width:312px}
.post .grid_2{width:307px}
.grid_3{width:477px}
.post .grid_3{width:472px}
.grid_4{width:642px}
.grid_5{width:807px}
body{font-family:'Verdana',Arial,Helvetica,sans-serif;font-size:11px;color:#333;line-height:1.4em}
.alignleft{float:left;margin:0 10px 10px 0}
.alignright{float:right;margin:0 0 10px 10px}
.post_image_frame{position:relative;overflow:hidden;display:block}
.post_image_frame img{position:absolute}
.pga div a, .pga div object, .pga div embed{margin-bottom:.5em}
.pga hr{margin:-1px 0 0}blockquote{margin-left:20px}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
h1,h2,h3,h4{font-family:Georgia,serif}h2{font-size:20px;font-weight:bold}h3{font-size:14px;font-weight:bold}h4{font-weight:bold}
.minor{font-size:10px;text-transform:uppercase;font-weight:bold;color:#888}
.horizontal_posts{
clear:both
}
.post.horizontal{
margin-top:10px;
margin-bottom:10px;
float:left;
font-size:11px;
line-height:1.4em;
overflow:hidden;
position:relative}
.post.horizontal a.post_link{
display:block;
padding:5px;
background:#FFF;
color:#26B;
padding-bottom:18px;
-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}
.post.horizontal a.post_link:hover{color:#222;background:#EEF4FF;text-decoration:none}
.post.horizontal .post_image_frame{width:137px;height:70px}
.post.horizontal .post_image_frame img{max-width:140px;top:0px}
.post.horizontal strong{display:block}.post.horizontal .dsq-comment-count{position:absolute;bottom:2px;left:5px}
#editors_picks{clear:both}