/*
Theme Name: Wellblog
Theme URI: http://colorlabsproject.com/
Description: Programmed by Sheila and Designed by Wellfrid of Colorlabs Project.
Version: 1.0
Author: Colorlabs
Author URI: http://colorlabsproject.com/
*/
/*Copyright 2010, Colorlabs */
@charset "utf-8";
/* CSS Document */
body{
background-color:#000000!important;
width:980px;
margin:0px auto;
color:#ff0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}
#all{
background:#000 url(images/background.png) repeat;
width:980px!important;
margin:0px auto;
}
img{
border:none;
}
a{
color:red;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
a:hover{
text-decoration:underline;
}
#tagline{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
top:-26px;
left:17px;
}
#logo{
float:left;
margin-bottom:5px;
margin-left:10px;
}
#logoright{
height:150px;
margin-bottom:10px;
}
#search{
float:right;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
background:url(images/searchbar.png) no-repeat bottom center;
margin-right:15px;
margin-top:5px;
}
.searchresult{
font-size:15px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
}
.dresult{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
}
.searchresultfor{
font-size:15px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
}
.searchresultcenter{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
}
#search input{
font-size:11px;
border:none;
width:145px;
height:13px;
padding-top:2px;
}
#search img{
position:relative;
top:4px;
right:10px;
}
#adver{
padding-top:15px;
float:right;
margin-right:15px;
}
.title{
font-size:19px;
font-weight:bold;
margin-bottom:10px;
font-family:Georgia, Arial, Helvetica, sans-serif;
}
.contentleft{
float:left;
width:420px;
}
.contentright{
background:url(images/imagebox.png) no-repeat;
float:right;
font-family:Arial, Helvetica, sans-serif;
width:160px;
height:185px;
}
#main{
padding-top:20px;
width:640px;
float:left;
padding-left:15px;
}
#respond{
width:640px;
padding-left:15px;
float:left;
}
#respond h3{
font-size:18px;
}
#respond .trackback{
font-size:14px;
}
#main-one{
float:left;
}
.strike{
border-bottom:2px solid #383838;
width:84%;
margin-bottom:20px;
}
.strike1{
border-bottom:1px solid #353535;
width:610px;
margin-bottom:20px;
}
.content{
width:420px;
font-size:14px;
color:#e7e7e7;
}
.contentfull{
width:955px;
font-size:14px;
color:#e7e7e7;
}
.contentfull blockquote{
font-family:Times New Roman;
font-size:18px;
font-style:italic;
color:#c8c8c8;
font-weight:bold;
}
.content blockquote{
font-family:Times New Roman;
font-size:18px;
font-style:italic;
color:#c8c8c8;
font-weight:bold;
}
.alignleft{
float:left;
margin-right:15px;
margin-bottom:15px;
}
.alignright{
float:right;
margin-left:15px;
margin-bottom:15px;
}
.content img.alignright{
margin-left:15px;
margin-bottom:15px;
}
.content img.alignleft{
margin-right:15px;
margin-bottom:15px;
}
.left{
margin-top:-12px;
}
#content2{
width:590px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFF;
clear:both;
}
#content2 a img{
border:none;
}
#content2 .alignleft{
margin-right:15px;
margin-bottom:15px;
}
#content2 .alignright{
margin-left:15px;
margin-bottom:15px;
}
.allcontent{
height:200px;
margin-bottom:10px;
margin-top:5px;
width:620px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
}
.allcontentfull{
margin-bottom:10px;
margin-top:5px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
}
.content img{
border:1px solid white;
}
#allcontent1{
margin-bottom:10px;
margin-top:15px;
width:620px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:13px;
clear:both;
}
.date{
width:145px;
text-align:right;
color:purple;
padding-top:-1px;
}
.image{
padding:2px 3px 5px 7px;
}
.customimage{
margin-top:-10px;
}
.image img{
margin-top:0px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.name{
font-size:10.5px;
color:#ccc;
font-family:Arial, Helvetica, sans-serif;
}
.name a{
font-size:10.5px;
color:#ccc;
}
.name a:hover{
font-size:10.5px;
color:#ccc;
}
.name img{
margin-top:1px;
}
.tanggal{
font-size:25px;
font-weight:bold;
color:purple;
font-family:Arial, Helvetica, sans-serif;
}
.month{
font-size:15px;
font-weight:bold;
color:purple;
font-family:Arial, Helvetica, sans-serif;
}
#titleallcontent{
background:url(images/latesttwittergold.png) left no-repeat;
padding:14px 0px 6px 24px;
color:black;
font-size:13px;
font-weight:bold;
font-family:Georgia,Arial, Helvetica, sans-serif;
}
#titleallcontent{
background:url(images/latestblog.png) left no-repeat;
padding:14px 0px 6px 24px;
color:black;
font-size:13px;
font-weight:bold;
font-family:Georgia,Arial, Helvetica, sans-serif;
}
#titleallcontent6{
background:url(images/searchresults.png) left no-repeat;
padding:14px 0px 8px 33px;
color:black;
font-size:13px;
font-weight:bold;
font-family:Georgia,Arial, Helvetica, sans-serif;
}
#titleallcontent2{
background:url(images/aboutbar.png) left no-repeat;
padding:18px 0px 6px 0px;
color:black;
font-size:13px;
font-weight:bold;
font-family:Georgia, Arial, Helvetica, sans-serif;
}
.coba{
background:#FFFFFF;
padding:10px 32px 6px 32px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#titleallcontent3{
background:url(images/categorybar.png) left no-repeat;
padding:12px 0px 8px 49px;
color:black;
font-size:13px;
font-weight:bold;
font-family:Georgia,Arial, Helvetica, sans-serif;
}
#titleallcontent5{
background:url(images/fullwidthbar.png) left no-repeat;
padding:12px 0px 8px 0px;
color:black;
font-size:13px;
font-weight:bold;
font-family:Georgia,Arial, Helvetica, sans-serif;
}
.nocoba{
background:#FFFFFF;
padding:10px 85px 5px 82px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.sidebartitle{
background:url(images/recentpostbar.png) left no-repeat;
width:300px;
padding:14px 0px 8px 8px;
margin:4px 0px 10px 0px;
font-size:13px;
font-weight:bold;
color:black;
float:right;
font-family:Arial, Helvetica, sans-serif;
}
#sidebar h3{
background:url(images/recentpostbar.png) top right no-repeat;
width:300px;
padding:14px 0px 8px 10px;
margin:4px 0px 10px 0px;
font-size:13px;
font-weight:bold;
color:black;
float:right;
font-family:Arial, Helvetica, sans-serif;
}
#sidebar{
float:right;
width:300px;
margin-right:15px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
}
.sidebarcontent{
width:300px;
}
#sidebarcontentright{
float:right;
padding-top:42px;
}
#sidebarcontentright img{
float:right;
margin-bottom:55px;
border:2px solid #cccccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.sidebarcontentleft{
padding-top:5px;
width:220px;
clear:both;
}
.blogcontent{
font-size:10px;
}
.blogcontent h3{
display:none;
}
.blogcontent li{
list-style:none;
margin-left:-40px;
padding-bottom:12px;
}
.blogcontent ul li p{
margin-left:-40px;
margin-top:0px;
width:210px;
color:#ccc;
height:90px;
}
.blogcontent1{
font-size:12px;
}
.blogcontent1 h3{
display:none;
}
.blogcontent1 li{
list-style:none;
margin-left:-40px;
padding-bottom:12px;
}
.blogcontent1 ul li p{
margin-left:-40px;
margin-top:0px;
width:300px;
color:#ccc;
}
.blogcontent1 a{
font-size:11.5px;
color:white;
font-weight:bold;
}
.blogcontent1 a:hover{
text-decoration:none;
color:#ccc;
}
.blogcontent a{
font-size:11.5px;
color:white;
font-weight:bold;
}
.blogcontent a:hover{
text-decoration:none;
color:#ccc;
}
#recentblog{
clear:both;
width:300px;
margin-top:11px;
}
#recentcomment{
padding-bottom:20px;
}
#commentstitle{
background:url(images/recentcomment.png) left no-repeat;
width:300px;
padding:14px 0px 9px 10px;
margin:0px 0px 20px 0px;
font-size:13px;
font-weight:bold;
color:black;
font-family:Arial, Helvetica, sans-serif;
}
.recentcommentcontent{
margin-top:25px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
.recentcommentcontent li{
list-style:none;
padding-bottom:8px;
margin-left:-40px;
}
.recentcommentcontent a{
font-weight:bold;
}
#advertisementtitle{
background:url(images/advertise_bar.png) left no-repeat;
width:300px;
padding:12px 0px 9px 12px;
margin:0px 0px 20px 0px;
font-size:13px;
font-weight:bold;
color:black;
font-family:Arial, Helvetica, sans-serif;
}
#tagscloud{
padding-bottom:30px;
}
.tagscloudtitle{
background:url(images/tagcloudbar.png) left no-repeat;
width:300px;
padding:19px 0px 7px 10px;
margin:15px 5px 20px 0px;
font-size:13px;
font-weight:bold;
color:black;
font-family:Arial, Helvetica, sans-serif;
}
.tagscloudcontent h3{
display:none;
}
#latesttweets{
margin-right:10px;
width:320px;
float:left;
font-family:Arial, Helvetica, sans-serif;
}
#latesttweetstitle{
background:url(images/tweetsbar.png) left no-repeat;
width:318px;
padding:12px 0px 10px 8px;
margin:0px 0px 10px 10px;
font-size:13px;
font-weight:bold;
color:black;
}
.latesttweetscontent{
width:280px;
margin-top:10px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-left:40px;
}
.latesttweetscontent li{
margin-top:15px;
list-style:url(images/listtwit.png);
margin-left:-56px;
}
.latesttweetscontent li a{
color:#0b6cd3;
}
.aktt_more_updates, .aktt_credit{
display:none;
}
#flickrphotostitle{
background:url(images/flickrbar.png) left no-repeat;
width:320px;
padding:12px 0px 8px 10px;
margin:0px 0px 15px 0px;
font-size:13px;
font-weight:bold;
color:black;
}
#flickrphotos{
width:320px;
float:left;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
}
.flickrphotosscontent{
margin-left:12px;
width:320px;
}
.flickrphotosscontent img:hover{
border:1px solid gray;
}
.flickrphotosscontent img{
border:1px white solid;
width:75px;
height:75px;
margin:10px;
}
#latestvideotitle{
background:url(images/videobar.png) left no-repeat;
width:320px;
padding:12px 0px 8px 10px;
margin:0px 5px 5px 0px;
font-size:13px;
font-weight:bold;
color:Black;
}
#latestvideo{
width:320px;
float:left;
font-family:Arial, Helvetica, sans-serif;
}
.latestvideocontent{
width:300px;
margin:0px 0px 0px 0px;
padding-top:1px;
}
#video{
border:2px solid white;
width:280px;
margin-left:0px;
margin-top:10px;
height:200px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
#sidebar-bottom{
padding-top:50px;
clear:both;
width:980px;
}
.lastdiv{
font-family:arial;
font-size:10.5px;
text-align:center;
padding-top:50px;
}
.lastdiv1{
margin-top:100px;
font-family:arial;
font-size:10.5px;
text-align:center;
}
.wp-pagenavi span{
padding-left:3px;
}
.wp-pagenavi a{
text-decoration:none;
border:none!important;
color:black!important;
}
.wp-pagenavi a:hover{
text-decoration:underline!important;
}
.wp-pagenavi .current{
background-color:#c1c1c1;
}
.last{
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}
.pages{
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
}
#footer{
clear:both;
padding-top:20px;
font-size:10.5px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
margin-right:15px;
margin-left:15px;
padding-bottom:10px;
}
.footerright{
float:right;
font-weight:bold;
}
.colorlabs{
color:#c1c1c1;
}
.wellblog{
color:#0b80ff;
}
#comments{
margin-left:-15px;
clear:both;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
.headingcomment{
background:url(images/postcommentbar.png) no-repeat;
padding:10px 0px 6px 10px;
color:black;
}
.reply{
padding-top:10px;
font-weight:bold;
padding-bottom:15px;
}
#cancel-comment-reply{
font-weight:bold;
}
ul.children{
}
.commentlist .avatar{
float:right;
padding-top:15px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
}
.commentlist li{
list-style:none;
margin-left:-25px;
background:#fff;
color:#000;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
padding-right:10px;
margin-bottom:7px;
padding-top:10px;
padding-bottom:5px;
padding-left:10px;
}
.commentlist li li{
list-style:none;
background:#b2b2b2;
margin-left:-40px;
color:#000;
-moz-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-webkit-border-radius: 0px;
}
.commentlist li li li{
list-style:none;
background:#767676;
margin-left:-40px;
color:#000;
-moz-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-webkit-border-radius: 0px;
}
.commentlist #respond{
float:none;
}
.commentlist textarea{
width:100%;
}
.commentlist li .fn a{
font-weight:bold;
}
.commentlist a{
color:black;
}
.commentlist p{
width:540px;
}
.commentlist a:hover{
color:black;
}
.headingcomment{
margin-left:15px;
}
#nav{
height: 30px;
border-bottom:1px #333333 solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#nav-left {
float:left;
display:inline;
width:980px;
}
#nav ul {
position: relative;
padding-left:10px;
}
#lavaLamp{
margin-top:-4px;
}
#nav ul li {
float: left;
list-style: none;
font-size:14px;
}
#nav ul li.back {
background-color: #333333;
width: 9px;
height: 26px;
z-index: 8;
position: absolute;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
}
#nav ul li a {
text-decoration: none;
color: #dddddd;
outline: none;
text-align: center;
top: 6px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 26px;
position: relative;
margin: auto 15px !important;
margin: auto 7px;
}
#nav ul li a:hover, #nav ul li a:active, #nav ul li a:visited{
border: none;
}