/*
Theme Name: Dapo BubbleBlue
Theme URI: http://www.imtipsblog.com/wordpress/dapo
Description: Dapo Series BubbleBlue by Alexander X
Version: 1.1
Author: Alexander X
Tags: widget ready, valid html, valid css, 3 columns, fixed width, dapo, dapo bubbleblue, ads ready, banner ready,alexander x,admin panel ready,adsense ready,
*/
/*++++++ BODY ++++++++*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body {
background:#2389b0 url(images/bg.gif) top left no-repeat fixed;
font-family:Helvetica, sans-serif;
font-size:100%;
color:#000;}
/*++++++ HYPERLINKS ++++++++*/
h3 { padding:10px 0 10px 0; font-size:14px;}
a { color:#333;}
a:hover { text-decoration:underline;}
/*++++++ MAIN ++++++++*/
#wrapper { width: 1000px; margin:auto; }
#main { width: 1000px; margin:30px auto 10px; }
#left { float: left; width: 570px;}
#right { float: right; width: 420px; }
/*++++++ HEADER ++++++++*/
#header { height: 96px; width: 1000px; background:#2389b0;overflow:visible;}
#logo { width: 336px; float:left;}
#logo h1{ text-indent:-10000px;}
#logo h1 a{ display:block; background: url(images/logo.gif) no-repeat; height:66px; outline:none; margin-top:10px;}
#headbanner {float:right;width: 468px;height: 60px;margin:10px 20px 5px 0;}
/*++++++ SEARCH ++++++++*/
#searchbox {float:center; width: 93%; height: 24px; background: url(images/s.gif) center no-repeat; margin:3px 0px 10px 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 150px; background: transparent; color:#999999; }
#searchbox #go { float: right; margin: 6px 8px 0 0; width:12px; height:13px; }
/*++++++ NAV ++++++++*/
#nav { width:1000px; height:33px; background:#fff url(images/navbg3.png) repeat-x;}
#nav ul{}
#nav ul li{ float:left; margin: 0 10px 0 0; height: 33px; overflow: hidden; display: inline; line-height:33px;}
#nav ul li a {display: block; color:#f0f8ff; padding:0 10px 0 10px; font-weight:bold; text-transform:none; }
#nav ul li a:hover {color:#333; text-decoration:none;}
#nav ul li.current_page_item { background: #2389b0; }
/*++++++ MISC ++++++++*/
.clear { clear:both; }
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 ;}
img { border:none;}
/*++++++ ENTRY ++++++++*/
#content { width: 550px; padding:0px 5px 0px 15px;}
.entry
{ background:#fff url(images/postbg.png) repeat-x;
border:1px solid #2389b0;
font-size: 13px;
padding: 1%;
clear: both;
line-height: 18px;
color: #000000;
margin-bottom:10px;
}
.post h2{font-size:16px;text-align:center;font-weight:bold;}
.post-content {text-align:justify;}
.post-content a {color:#2c78ad;font-weight:bold;}
.post-content a:hover {text-decoration:underline;}
.entry p { padding-bottom:10px;}
.entry h2.sectionhead { font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;padding-bottom:10px;}
.entry h2 { font: bold 18px Helvetica, san-serif;text-align:center; color:#333; padding:5px 0 5px 0; }
.entry h2 a { color:#000; }
.entry img {margin:0 10px 10px 10px;}
.entry blockquote , cite{ background:#e3eff6;padding:5px 5px 5px 10px;color:#666;font-style:italic;
}
.entry ul{padding-left:10px;margin-left:10px;}
.entry ul li{list-style-type:disc;}
.entry ol{padding-left:10px;margin-left:10px;}
.entry ol li{list-style-type:decimal;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry p.postinfo {text-align:center;font-size:11px;padding-bottom:10px; margin-bottom:5px;color:#000;}
.entry p.posttag {text-align:center;font-size:13px;padding-bottom:10px; margin-top:10px;margin-bottom:5px;font-weight:bold;}
.entry p.postinfo span.upper { text-transform:uppercase;}
.entry p.postinfo span.category { background:url(images/category.gif) no-repeat; padding-left:20px;}
.entry p.postinfo span.comment { background:url(images/comment.gif) no-repeat; padding-left:20px;}
.post {margin-bottom:15px;}
.navigation { width: 550px; font-size:11px; text-transform:uppercase; margin-top:20px;}
.navigation span.older { background:url(images/older.gif) no-repeat right; padding-right:25px; }
.navigation span.newer { background:url(images/newer.gif) no-repeat left; padding-left:25px; }
.socials {font-size:10px; font-weight:bold; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #BBB9B2; padding:5px 5px 5px 10px; width:97%;}
.socials a {margin-right:10px; color:#BFBCB3;}
.btn_email {background:url(images/mail.gif) left no-repeat; padding-left:15px;}
.btn_comment {background:url(images/comments.gif) left no-repeat; padding-left:15px;}
.btn_delicious {background:url(images/delicious.gif) left no-repeat; padding-left:15px;}
.btn_digg {background:url(images/digg.gif) left no-repeat; padding-left:15px;}
.btn_reddit {background:url(images/reddit.gif) left no-repeat; padding-left:15px;}
.btn_technorati {background:url(images/technorati.gif) left no-repeat; padding-left:15px;}
.btn_furl {background:url(images/furl.gif) left no-repeat; padding-left:15px;}
.btn_twitter {background:url(images/twitter.gif) left no-repeat; padding-left:15px;}
.btn_rss {background:url(images/rss2.gif) left no-repeat; padding-left:15px;}
.adsense {padding-left:0px;margin:10px 0;}
/*++++++ SIDEBAR ++++++++*/
#sads { width:388px; font-size:10px; text-transform:uppercase; text-align:right; background:#eeedea url(images/postbg.png) repeat-x; border:1px solid #2389b0; padding:8px; margin-bottom:10px;}
#sads ul {}
#sads ul li { float:left; padding-right:6px;}
#sads ul li.last { float:right; padding:0px; }
#sads p { margin-top:5px;}
#sads a { color:#5e5d5a;}
#tab { width:388px; background:#eeedea url(images/postbg.png) repeat-x; border:1px solid #2389b0; padding:8px; margin-bottom:10px;}
#sidebar {width:400px;}
#sidebar h2 { font-size:14px; margin:0px 0px 5px 0px; color:#e3eff6;text-align:center;line-height:1.5em; font-family:Helvetica,san-serif;background:#135b77;}
#sidebar ul{ }
#sidebar ul li{background:#2389b0;}
#sidebar ul li ul{padding:3px;}
#sidebar ul li ul li{display:block; padding-left:8px;padding-bottom:1px;font-size:12px;}
.sleft { float:left; width:180px; padding-right:10px; }
.sright { float:right; width:198px; padding-left:10px; }
/*+++++++ CALENDAR +++++++*/
#calendar #calendar_wrap #wp-calendar { width: 100%; }
#calendar #calendar_wrap #wp-calendar caption { text-align:left; border-bottom:1px solid #dadada; padding-bottom:5px; }
#calendar #calendar_wrap #wp-calendar th { text-align:left; font-weight:bold; padding-top:5px; }
#calendar #calendar_wrap #wp-calendar td{ text-align:left; }
/*+++++++ COMMENTS +++++++*/
#c { float:left; width:225px;}
#cc { float:right; width:304px;}
#commentform p { padding-bottom:3px;}
#commentform #author { border:1px solid #2389b0; height:20px; width:200px; background:#f0f8ff; padding-left:5px; }
#commentform #email { border:1px solid #2389b0; height:20px; width:200px; background:#f0f8ff; padding-left:5px; }
#commentform #url { border:1px solid #2389b0; height:20px; width:200px; background:#f0f8ff; padding-left:5px;}
#commentform #comment { border:1px solid #2389b0; height:200px; width:290px; background:#f0f8ff; padding:3px;font-family:georgia;}
.commentlist cite { background:#f5f5f3; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist li .avatar{
float:left;
margin-right:10px;
margin-top:3px;
margin-bottom:0px;
border:2px solid #f0f8ff;
padding:2px;
}
#comments { text-align:center;}
.commentlist .ctext {font-size:13px;}
.commentlist .ctext blockquote{background:#fff;padding:5px 5px 5px 10px;color:#666;}
.postmetadata { background:#f0f8ff; padding:10px; border:1px solid #2389b0;font-size:14px;text-align:justify;}
.commentmetadata{font-size:12px;margin-top:0px;}
.ccomment { width: 99%; line-height:140%; margin-bottom:5px; }
.ccomment ol {}
.ccomment ol li { background:#2389b0 url(images/cb1.gif) top right no-repeat;padding:10px 5px 5px 5px;}
.ccomment ol li.alt { background:#67a3c1 url(images/cb.gif) top right no-repeat; padding:5px;}
/*++++++ FOOTER ++++++++*/
#footer { width:100%; background:#2389b0 url(images/logofoo.gif) no-repeat bottom right; line-height:35px;font-size:11px;}
.footer { width:1000px; margin:auto; color:#fff; text-align:center;}
.footer a { color:#e7e5de;}
.footer a:hover { color:#99cc33;}
/**************** 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: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
/**************** 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;}
/**************** Navigator *********************/
#post-navigator {
color: #FFFFFF;
margin-top: 0em;
margin-right: auto;
margin-bottom: 3em;
margin-left: auto;
text-align: center;
padding-top: 2%;
padding-right: 4%;
padding-bottom: 2%;
padding-left: 4%;
clear: both;
width: 92%;
}
#post-navigator-single {
width: 92%;
font-size: 11px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
clear: both;
padding-top: 2%;
padding-right: 4%;
padding-bottom: 2%;
padding-left: 4%;
}
.wp-pagenavi {
float: left;
width: 100%;
margin: 0px;
padding-top: 1em;
padding-right: 0em;
padding-bottom: 1em;
padding-left: 0em;
}
.pages {
font-size: 11px;
padding: 4px 8px;
border: 1px solid #2389b0;
margin-right: 5px;
background-color: #67a3c1;
font-weight: bold;
}
.current {
padding: 4px 8px;
border: 1px solid #2389b0;
margin-left: 4px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
background-color: #67a3c1;
font-size: 11px;
}
#post-navigator a {
color: #FFFFFF;
text-decoration: none;
border: 1px solid #2389b0;
background-color: #67a3c1;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 3px;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
#post-navigator a:hover {
color: #FFFFFF;
padding: 4px 8px;
margin: 0px 0px 0px 3px;
text-decoration: none;
border: 1px solid #2389b0;
font-weight: bold;
background-color: #135b77;
}
#post-navigator .alignleft a {
display: block;
}
#post-navigator .alignright a {
display: block;
}
#post-navigator-single .alignleft {
margin: 0px;
padding: 0px;
float: left;
width: 45%;
overflow: hidden;
}
#post-navigator-single .alignright {
margin: 0px;
padding: 0px;
float: right;
width: 45%;
overflow: hidden;
text-align: right;
}
#post-navigator-single a {
color: #333;
text-decoration: none;
font-weight: bold;
}
#post-navigator-single a:hover {
color: #777;
text-decoration: none;
}