/*  
Theme Name: Kasulo White
Theme URI: 
Description: Personalized white WordPress theme for kasulo.ws
Author: Fabio Teles
Author URI: http://www.pixel4.com.br/
Version: 1.5
Tags: kasulo, White
.

.
*/

*{margin:0; padding:0; border:none; outline:none; list-style:none; font-family:verdana; text-decoration:none;}
html, body{height:100%;}
body{background:#e4e4e4 repeat-x 0 0;}

.f-left{float:left;}
.f-right{float:right;}
.center{text-align:center;}

span.hidden-text{display:inline-block; text-indent:-6666px; overflow:hidden;}

/*background colors*/
body{background-image:url(images/bg.jpg);}

#container{position:relative; width:965px; margin:0 auto;}

#header{float:left; position:relative; width:965px; height:142px;}
#header h1{position:absolute; left:0; top:0; background:url(images/logo.gif) no-repeat 0 0; width:278px; height:84px; padding:25px 0 30px 60px;}
body.black h1{background-position:0 0 !important;}
body.purple h1{background-position:0 -139px !important;}
body.blue h1{background-position:0 -278px !important;}
body.green h1{background-position:0 -417px !important;}
body.brown h1{background-position:0 -556px !important;}
body.red h1{background-position:0 -695px !important;}

#header h1 a{float:left; width:274px; height:84px;}
#header ul.menu{position:absolute; left:344px; top:95px; width:233px; height:15px;}

#header ul.menu li{display:inline; float:left; padding:0;}
#header ul.menu li span{float:left; text-indent:-6666px; overflow:hidden;}
#header ul.menu li span.music{width:38px; height:15px; background:url(images/txt-music.gif) no-repeat 0 0;}
#header ul.menu li span.design{width:45px; height:15px; background:url(images/txt-design.gif) no-repeat 0 0;}
#header ul.menu li span.motion{width:49px; height:15px; background:url(images/txt-motion.gif) no-repeat 0 0;}
#header ul.menu li span.technology{width:101px; height:15px; background:url(images/txt-technology.gif) no-repeat 0 0;}


#header a.rss{position:absolute; left:877px; top:88px; background:url(images/bg-feed.gif) no-repeat 0 0; width:93px; height:29px; text-indent:-6666px; overflow:hidden;}

#header fieldset{position:absolute; left:701px; top:86px; width:188px; height:26px;}

fieldset.search label{float:left; width:59px; height:15px; margin:8px 0 0 0px; background:url(images/txt-search.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}
fieldset.search input{float:left; width:118px; height:20px; line-height:15px; margin:3px 0 0 0; font-size:10px;background:url(images/bg-input-search.gif) no-repeat -1px -3px;}

.content{float:left; width:455px; padding:24px 51px 55px 62px;}
.content h2.welcome{float:left; width:262px; height:34px; margin:0 0 19px 0; background:url(images/tit-welcome.gif) no-repeat 0 0;}
.content h2.pagetitle{background:#000; font-size:19px;color:#ff0000;text-transform:uppercase;font-weight:bold;padding:8px 8px 8px 8px;margin-bottom:20px;}
.content h2.pagetitle span{color:#fff;}
.content .post{float:left; clear:left; width:455px; }
.content .post p{float:left; width:450px; font-size:11px; color:#000000; line-height:19px;}
.content .post p strong{color:#ff0000;}
.content .post p img{border:1px solid #000000; margin:6px 0;}
.content .post h3{float:left; width:423px; padding:0 32px 12px 0; background:url(images/bullet-title-post.gif) no-repeat right top; min-height:30px;}
.content .post .more-link{font-size:9px;color:#ff0000;text-transform:uppercase;font-weight:bold;}
.content .post .more-link:hover{text-decoration:underline;}
.content .post .more-link span{color:#000000;}
/*fix ie 6 min-height*/
* html h3{height:30px;}
.content .post h3 a.tit_swf{float:left; width:415px; padding:0 0 0 8px; background:#0e0e0e; line-height:30px; color:#ff0000; font-size:16px;text-transform:uppercase;}
.content .post h3 a.tit_swf span{color:#000000;}

.content .navigation {margin-bottom:10px;}
.content .navigation a{color:#ff0000; font-size:9px; text-transform:uppercase;font-weight:bold;}
.content .navigation a:hover{text-decoration:underline;}

.content .post-tool{float:left; clear:left; width:453px; margin:12px 0 40px 0; padding:11px 0 0 0; border-top:1px solid #cdcdcd;}
.content .post-tool .ico-comment {float:left;width:25px; height:11px;background:url(images/ico-comment.gif) no-repeat 7px 0;}
.content .post-tool .comment a{color:#000000; font-size:9px; text-transform:uppercase;float:left;}
.content .post-tool .comment a:hover{text-decoration:underline;}
.content .post-tool .date{color:#000000; font-size:9px; text-transform:uppercase;}
.content .post-tool .date a{color:#ff0000; font-size:9px; text-transform:uppercase;}
.content .post-tool .date a:hover{text-decoration:underline;}

.content .post-tool-inside{float:left; clear:left; width:453px; margin:-10px 0 20px 0; padding:0 0 0 0;}
.content .post-tool-inside .date{color:#000000; font-size:9px; text-transform:uppercase;}
.content .post-tool-inside .date a{color:#ff0000; font-size:9px; text-transform:uppercase;}
.content .post-tool-inside .date a:hover{text-decoration:underline;}
.content .post-tool-inside .response a{color:#ff0000; font-size:9px; text-transform:uppercase;float:left;}
.content .post-tool-inside .response a:hover{text-decoration:underline;}

.content .comments-form{clear:both;}

.sidebar-1{float:left; margin:14px 0 0 0; padding:7px 13px; width:132px; min-height:514px; background:url(images/bg-sidebar.gif) no-repeat 0 0;}
* html .sidebar-1{height:514px;}
.sidebar-1 h2.subjects{float:left; width:84px; height:15px; margin:0 0 0 0; background:url(images/tit-subjects.gif) no-repeat 0 0;}
.sidebar-1 ul.subjects-links{float:left; clear:left; width:129px; padding:18px 0 10px 0; border-bottom:1px solid #cdcdcd;}
.sidebar-1 ul.subjects-links li{float:left; clear:left; width:129px; display:list-item; padding:0 0 6px 0;}
.sidebar-1 ul.subjects-links li a{float:left; font-size:10px; font-weight:bold; color:#828282; text-transform:uppercase; padding:0 0 0 6px; background:url(images/bullet.gif) no-repeat 0 7px;}
.sidebar-1 ul.subjects-links li a:hover{text-decoration:underline;}
.sidebar-1 h2.archives{float:left; width:104px; height:15px; margin:23px 0 0 0; background:url(images/tit-archives.gif) no-repeat 0 0;}
.sidebar-1 ul.archives-links{float:left; clear:left; width:129px; padding:18px 0 10px 0; border-bottom:1px solid #cdcdcd;}
.sidebar-1 ul.archives-links li{float:left; clear:left; width:129px; display:list-item; padding:0 0 6px 0;}
.sidebar-1 ul.archives-links li a{float:left; font-size:10px; font-weight:bold; color:#828282; text-transform:uppercase; padding:0 0 0 6px; background:url(images/bullet.gif) no-repeat 0 7px;}
.sidebar-1 ul.archives-links li a:hover{text-decoration:underline;}
.sidebar-1 h2.friends{float:left; width:84px; height:15px; margin:23px 0 0 0; background:url(images/tit-friends.gif) no-repeat 0 0;}
.sidebar-1 ul.friends-links{float:left; clear:left; width:129px; padding:18px 0 10px 0;}
.sidebar-1 ul.friends-links li{float:left; clear:left; width:129px; display:list-item; padding:0 0 6px 0;}
.sidebar-1 ul.friends-links li a{float:left; font-size:10px; color:#828282; padding:0 0 0 6px; background:url(images/small-bullet.gif) no-repeat 0 7px;}
.sidebar-1 ul.friends-links li a:hover{text-decoration:underline;}

.sidebar-2{float:left; margin:14px 0 0 0; padding:7px 0 7px 17px; width:220px;}
.sidebar-2 h2.last-posts{float:left; width:220px; height:15px; margin:0 0 0 0; background:url(images/tit-last-posts.gif) no-repeat 0 0;}
.sidebar-2 ul.last-posts-links{float:left; clear:left; width:220px; padding:18px 0 10px 0; border-bottom:1px solid #cdcdcd;}
.sidebar-2 ul.last-posts-links li{float:left; clear:left; width:220px; display:list-item; padding:0 0 6px 0;}
.sidebar-2 ul.last-posts-links li a{float:left; width:212px; border:1px solid #ffffff; font-size:9px; font-weight:bold; color:#ff0000; text-transform:uppercase; padding:0 0 0 6px; line-height:19px; background:#ffffff;}
.sidebar-2 ul.last-posts-links li a span{color:#000000;}
.sidebar-2 ul.last-posts-links li a:hover{border:1px solid #cdcdcd;}
.sidebar-2 h2.other-links{float:left; width:220px; height:15px; margin:23px 0 0 0; background:url(images/tit-other-links.gif) no-repeat 0 0;}
.sidebar-2 ul.other-links-links{float:left; clear:left; width:129px; padding:18px 0 10px 0;}
.sidebar-2 ul.other-links-links li{float:left; clear:left; width:129px; display:list-item; padding:0 0 6px 0;}
.sidebar-2 ul.other-links-links li a{float:left; font-size:10px; font-weight:bold; color:#828282; text-transform:uppercase; padding:0 0 0 6px; background:url(images/small-bullet.gif) no-repeat 0 7px;}
.sidebar-2 ul.other-links-links li a:hover{text-decoration:underline;}


/*comentarios*/
.content .post-tool-inside .response{margin:0 30px 0 0;}
.content .post p strong.black{color:#000000;}
.content .post p.small-font{font-size:9px; line-height:12px;margin-top:10px;}
.content .post p.small-font strong{color:#000000;}
.content .post p.small-font strong.red{color:#ff0000;text-transform:uppercase;}
/*.content .post p.small-font strong.red span{color:#000000;}*/
.content .post p.small-font strong.black{color:#000000;}
.content #respond{clear:both;color:#000;text-transform:uppercase;font-size:9px;}
.content #respond a{color:#f00;font-weight:bold;}
.content #respond p.logged{padding: 0 0 7px 0;}

.content #respond input, textarea{font-size:10px; color:#000000; background:none; border:1px solid #cdcdcd;}
.content #respond input{height:19px; line-height:19px;}
.content #respond input#author{width:328px;}
.content #respond input#email{width:220px;}
.content #respond input#url{width:366px;}
.content #respond textarea{margin:1px 0 0 0; width:420px; height:111px; max-width:420px; max-height:111px;}
.content #respond input#submit{font-size:9px; color:#000000; border:none; float:right; margin:0 30px 0 0; font-weight:bold; text-transform:uppercase;}
.content #respond label small{font-size:8px; color:#000000; text-transform:uppercase;}
.content #respond label strong{color:#000000;}
.content #respond p.submit a{font-size:9px; color:#000000; border:none; float:right; margin:0 35px 0 0; font-weight:bold; text-transform:uppercase;}
.content #respond p.submit a:hover{color:#ff0000;}

h3.tit-leave-reply{font-size:9px; color:#ff0000; text-transform:uppercase; padding:17px 0 7px 0;}

.comts{float:left; width:435px; padding:13px 0 0 0;}
.comts span.com-name{float:left; font-size:9px; color:#000000; text-transform:uppercase;}
.comts span.com-name img{border:1px solid #b3b4b4; margin:0 4px 0 0;}
.comts span.com-name strong{color:#fff;}
.comts span.com-name strong a{color:#fff;}
.comts span.com-name strong a:hover{text-decoration:underline;}
.comts span.com-date{float:right; font-size:9px; color:#000000; padding:29px 0 0 0; font-weight:bold;}
.comts span.com-date a{color:#000000;}
.comts span.com-date strong{color:#f00;}
.comts p{float:left; clear:left; width:435px; font-size:11px; color:#000000; line-height:18px; padding:5px 0 0 0;}