﻿/*  
Theme Name: KoloresD Theme
Theme URI: 
Description: KoloresD es un tema para wordpress hijo de "Firebug"
Version: 1.0
Author: Kpricornium
Author URI: http://www.kpricornium.com
*/

/*+++++++ BODY +++++++*/
* { margin: 0px; padding: 0px; list-style:none; outline:none; text-decoration:none;}
body { background:url(images/back.gif) repeat-x; font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666;}

@font-face {  
 font-family: 'tres';  
 src: url('images/tres.otf');  
} 

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h3 { font:18px "Helvetica",Arial,Geneva, sans-serif;}
h2 { font:18px "Helvetica",Arial,Geneva, sans-serif; }
h2a { font:16px "tres",Helvetica,Arial,Geneva, sans-serif; color:#ff4800; }
h3 { padding:20px 0 20px 0;}
a:hover { color:#000; text-decoration:underline;}
a { color:#333333; font-weight:normal;}

/*+++++++ MISC +++++++*/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
a img { border: none; }
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
.clear { clear:both; }
.space { clear:both; height:10px; width:530px; border-top:#999999 1px solid; }
img { border:none; max-width: 530px; }
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 }
html>body #content ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body #content li { margin: 7px 0 8px 10px; }
#content ul li:before { content: "\00BB \0020"; }
#content ol { padding:0; margin:0;}

/*+++++++ MAIN +++++++*/
#wrapper { width:900px; margin:20px auto 20px; }
#main { width:900px; margin:auto; }

/*+++++++ HEADER +++++++*/
#header { width:900px; height:72px; margin-bottom:10px; }
#logo { width:500px; float:left; height:72px;}
#logo h1 { text-indent:-9999px; }
#logo h1 a { display:block; background:url(images/logo.gif) no-repeat; height:72px;}
#topsearch { float:right; width: 254px; height: 25px; background: url(images/sbox.png) no-repeat; margin:30px 5px 0 0; border: #666666 1px solid; }
#topsearch #s { float: left; margin: 6px 0 0 6px; border: 0; width: 210px; background: none; color:#333; }
#topsearch #go { float: right; width:28px; height:30px;  }

/*+++++++ NAV +++++++*/
#nav { 
   width:900px; 
   background:url() repeat-x; 
   height:40px;
   margin-bottom: 10px; 
   border-bottom:#dfdfdf 1px solid;
   border-top:#dfdfdf 1px solid;  
}
#nav ul { font:16px "tres",Helvética,Arial,Geneva, sans-serif; }
#nav ul li {display:inline; height:40px; line-height:40px; float:left; }
#nav ul li.current_page_item a { color:#9fc253; }
#nav ul li.current_page_item a:hover{ color:#9fc253; }
#nav ul li a { color:#999999; padding:0 20px 0 0;}
#nav ul li a:hover{ color:#9fc253;text-decoration:none; }
#nav ul li.rsslink a { color:#ff6600;}
#nav ul li.date { float:right; font-size: 12px;font-weight:normal; font-family:Helvética,Arial,Geneva, sans-serif; }


/*+++++++Publi+++++++*/
#goo{ padding:5px 0 20px 0;}
#goo2{ padding:5px 0 0px 30px; float: right;}

/*+++++++ ENTRADA+++++++*/

#content p { padding-bottom:10px;}
#content p.info { font-size:9px; text-transform:uppercase; color:#666666; padding-bottom:10px;}
#content h2 { font:24px "tres",Helvética,Arial,Geneva, sans-serif; text-transform:; padding-bottom:5px; }
#content h2 a { color:#666666;}
#content h2 a:hover { color:#0096fb; text-decoration:none;}



/*+++++++ CONTENT +++++++*/
#content { float:left; width:530px; padding-right:10px; line-height:160%;}
#content img {margin:0 10px 5px 0;}
#sidebar { float:right; width:330px; background:#fff;padding: 0px; }
.boxes {background:#fff; border-bottom:#666666 1px solid; padding-bottom:10px; padding-top:10px;}
.ads {margin-right:1px; width:33%;}
.ads img {border:0px solid #101010;}
.rss {background:url(images/rss.gif) left no-repeat; padding:41px; height: 42px;}
.socialbar {
   padding:10px 0 10px 0; 
   color:#000; font:10px Georgia,Times, serif; 
   background:url(images/socialbar.gif) no-repeat top left; 
   padding:30px 10px 0 10px; 
   height:50px; 
   line-height:20px;
}
.socialbar span {color:#000;}
.socialbar a:link {color:#000;}
.socialbar a:hover {color:#000;}
.subscribetext{color:#666;border:1px solid #666666;background:#fff; width:200px;padding:2px;}
.subscribebutton {background-color:#333333; border:none; font-size:10px; color:#fff; font-weight:normal; padding:3px;}





#content p.postmetadata { 
   font-size:9px;
   width:530px; 
   background:url() repeat-x; 
   height:26px; line-height:26px; 
   text-transform:uppercase; 
   font-size:10px; 
   color:#666666; 
   padding:0px;
   border-top:#dfdfdf 1px solid; 
   border-bottom:#dfdfdf 1px solid; 
}
#content p.postmetadata a { color:#666666; font-weight:normal; height:26px; line-height:26px;}
#content p.postmetadata a:hover { color:#6ff480; font-weight:normal; height:26px; line-height:26px;}
#content p.tags { width:580px; background:url(images/line.png) repeat-x; height:26px; line-height:26px; text-transform:uppercase; font-size:10px; color:#ff6600; padding:0px;}

/*+++++++ NEXT PREVIOUS +++++++*/
.navigation { width:580px; height:20px; margin-bottom:20px; }
.navigation span.older { background:url(images/older.png) no-repeat left; padding-left:20px; }
.navigation span.newer { background:url(images/newer.png) no-repeat right; padding-right:20px; }

/*+++++++ SIDEBAR +++++++*/
#sidebar h2 { padding-bottom:10px; color:#666666; font-size:16px}
#sidebar ul{ margin:0px auto 10px;}
#sidebar ul li{}
#sidebar ul li ul{}
#sidebar ul li ul li{display:block; background:url() no-repeat 0 3px; padding-left:18px; padding-bottom:5px;}
#sidebar p { padding-bottom:10px; line-height:140%;}
#sidebar a:hover { color:#ff4800;}
#sidebar a { color:#333333; font-weight:normal;}

#lsidebar a:hover {color: #ff0016;}
#lsidebar { width:150px; float:left;}
#rsidebar { width:170px; float:right;}
#rsidebar a:hover {color: #ff0016;}

/*+++++++ COMMENT +++++++*/
.comen { width:530px; margin-bottom:10px;}
.cleft { float:left; width:60px; border:3px double #dadada; }
.cright { float:right; width:500px; }
.comen .cright .ucomen{ font:11px Georgia, Times, serif; text-transform:uppercase; color:#72b6cf;}
.comen .cright .ucomen a { color:#72b6cf;}
#commentform textarea { width: 390px; padding: 2px; }
#commentform label { display:block; float:left; width:100px; color:#9fc253; font:bold 15px Georgia, Times, serif; text-align:right; padding-right:10px;}
#commentform #author { background:url(images/author.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #email { background:url(images/email.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #url { background:url(images/url.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #comment { background:#eeeeee; border:1px solid #666666;}
#commentform #submit { width:106px; height:18px; padding:10px 0 20px 110px; }


/*+++++++ FOOTER +++++++*/
#footer { 
   width:900px; 
   height:30px; 
   background:url() repeat-x;
   border-top:#999999 1px solid; 
   color:#666666; 
   font:9px Verdana, Arial, Helvetica, sans-serif;
   padding: 10px 0 0 0;
   margin: 20px 0 0 0; 
}
#footer p { line-height:10px; padding-top:5px;}

/*+++++++ GALLERY +++++++*/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

/*+++++++ WAVE +++++++*/

#gwave { 
   height:1000px; 
}
