/*
Theme Name:Digital Statement
Theme URI:http://www.blogohblog.com
Description:The "Digital Statement" WordPress theme is adapted from <a href="http://www.blogohblog.com/wordpress-theme-statement/">Statement</a> and released under a Creative Commons License.
Version:1.0
Author:Neowster
Author URI:http://www.blogohblog.com
*/
/*+++++++ BODY +++++++*/
*{margin:0px;padding:0px;text-decoration:none;}
body{
font-family:Arial;
font-size:12px;
color:#4d4b4c;
background:#696969;
}
ul li{list-style:none;}
ol li{list-style-position:inside;}
/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h1 {padding:10px 0 10px 0; }
h3{padding:10px 0 10px 0;font-size:14px;}
a:link{text-decoration:none;color:#006699;border:0px;}
a:active{color:#006699;border:0px;}
a:visited{color:#006699;border:0px;}
a:hover{color:#56bdea;border:0px;}
a:focus{outline:none;}
.clear{clear:both;}
/*+++++++ MAIN +++++++*/
#top-wrap{
width:975px;
height:40px;
margin:auto;
background:url(images/topwrap.gif) top left no-repeat;
}
#wrapper{
width:975px;
margin:auto;
background:url(images/bg.gif) top left repeat-y;
}
#frame,#content{width:955px;margin:auto;}
#content{margin-top:10px;}
#photo{width:915px;padding:0 0 0 20px;}
/*+++++++ PANEL +++++++*/
#top-panel{
color:#fff;
width:100%;
text-align:right;
position:absolute;
top:0;
right:0;
font-size:10px;
background:#3b3b3b;
border-bottom:3px solid #3b3b3b;
border-left:3px solid #3b3b3b;
padding:2px 5px;
margin:0;
}
#top-panel a{color:#8BDBFF;}
#top-panel ul li{display:inline;padding:0;}
#top-panel label,#top-panel input{font-size:9px;}
#top-panel label{padding-left:5px;}
#sub-panel a{
float:right;
margin-right:5px;
color:#FFF;
text-decoration:none;
font-size:10px;
font-weight:bold;
background:#777;
}
#sub-panel a span{
padding:2px 5px;
display:block;
border-left:2px solid #3b3b3b;
border-right:2px solid #3b3b3b;
border-bottom:2px solid #3b3b3b;/*background:url(img/sub-right.png) right bottom no-repeat;*/
}
/*+++++++ INFOBAR +++++++*/
#infobar{
height:30px;
width:955px;
line-height:30px;
font-size:10px;
margin:0 auto;
color:#fff;
padding-top:5px;
}
#infobar a{color:#8BDBFF;}
#infobar a:hover{text-decoration:underline;}
#browse{
float:left;
width:650px;
background:url(images/sitemap.gif) no-repeat 0 6px;
margin-left:3px;
padding-left:22px;
}
#rss{float:right;margin-right:3px;width:250px;}
#rss p{text-align:right;}
/*+++++++ HEADER+++++++*/
#header{
display:block;
width:915px;
height:109px;
margin:0 auto;
}
#logo{
display:block;
float:left;
background:url(images/logo-bk.png) no-repeat left;
height:109px;
width:304px;
margin:0px 0 0 0;
}
#logo h1 a{padding:10px 0 0 0;font-size:24px;color:#666;}
#searchbox{
float:right;
width:200px;
border:1px solid #ccc;
margin:30px 0 0 0;
}
#searchbox #s{
float:left;
margin:3px 0 0 5px;
border:0;
width:155px;
background:none;
color:#999999;
}
#searchbox #go{float:right;border-left:1px solid #ccc;}
/*+++++++ NAVIGATION+++++++*/
#nav{
display:block;
background:url(images/navbg.gif) left repeat-x;
width:945px;
height:52px;
margin:0 auto;
border-bottom:1px solid #e6e6e6;
}
#nav,#nav ul{list-style:none;}
#nav li{float:left;list-style:none;}
#nav li a{
display:block;
font-weight:bold;
color:#fff;
padding:6px 15px;
}
#nav li a:hover{background:#ff6600;}
#cat{float:left;clear:both;}
#cat li a{color:#333;font-size:0.9em;}
#cat li a:hover{color:#fff;}
/*#nav li ul{height:80px;left:-999em;position:absolute;width:100%;z-index:999;font-size:0.9em;font-weight:bold;margin-left:50px}
#nav li li a{background:none;color:#006699;border-right:1px solid #666;margin-top:5px;padding:1px 10px}
#nav li li a:hover{background:none;text-decoration:underline}*/
.clearfloat:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
.clearfloat{display:inline-block;}
.clearfloat{display:block;}
#nav a:hover,#nav a:active,.current_page_item a,#home .on,.photo{background:#ff6600;}
#subnav{
position:relative;
margin:0 10px 5px;
padding-bottom:10px;
font-size:0.8em;
border-bottom:1px dotted #ccc;
}
#subnav ul{display:inline;}
#subnav li a{
float:left;
padding:1px 5px;
margin-right:15px;
background:#3b3b3b;
border-left:3px solid #8BDBFF;
color:#fff;
}
#subnav .current_page_item a,#subnav a:hover{border-left:3px solid #ff6600;}
/*+++++++ ENTRY +++++++*/
#left{float:left;width:570px;padding-left:10px;}
.entry{
text-align:left;
width:550px;
padding:0 10px;
margin-bottom:10px;
line-height:160%;
}
.entry ol li{}
.related-post{width:530px;padding:10px;margin:0 10px;}
.related-post{border:1px solid #AACCEE;background:#EBF3FB;}
.related-post ul{border-top:1px solid #e6e6e6;margin-bottom:5px;}
.related-post ul li{padding:5px 0px;border-bottom:1px solid #e6e6e6;}
.content a{border-bottom:1px dotted #ccc;}
.entry h2{
font:bold 22px/28px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;
letter-spacing:-1px;
margin-bottom:10px;
}
.entry h2 a{color:#222222;}
.entry h2 a:hover{color:#999999;}
.entry p{padding-bottom:10px;}
html>body .entry ul{padding:0 0 0 30px;padding-left:10px;}
html>body .entry li{margin:7px 0 8px 10px;}
.entry ul li{
padding-left:20px;
background:url(images/bullet.gif) left no-repeat;
}
.entry img{margin:0 10px 10px 10px;}
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;}
.custom_image img{
float:left;
padding:3px;
margin:7px 10px 15px 0;
border:2px solid #e6e6e6;
height:90px;
width:90px;
}
.subcontrol{
margin-bottom:10px;
padding:5px;
font-size:11px;
font-weight:bold;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
}
.tags,.allinfos{
padding:5px 0px 5px 25px;
background:#FFF8AF url(images/tag.gif) left no-repeat;
font-size:11px;
font-weight:bold;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
}
.allinfos{background:#F2f2f2;padding:5px;margin-bottom:10px;}
.share,.comments_rss,.reply{float:right;padding-left:20px;}
.reply{
background:url(images/comments.gif) left no-repeat;
margin-left:10px;
}
.comments_rss{
background:url(images/feed.gif) left no-repeat;
margin-left:10px;
position:relative;
top:10px;
}
span.date{
background:url(images/date.gif) no-repeat;
padding-left:20px;
}
span.comments{
background:url(images/comment.gif) no-repeat;
padding-left:20px;
}
span.category{
background:url(images/posted.gif) no-repeat;
padding-left:20px;
}
.navigation{
width:540px;
padding:10px;
line-height:140%;
font-size:11px;
}
/*+++++++ SIDEBAR +++++++*/
#sidebarbottom{
float:right;
width:360px;
margin-right:10px;
clear:right;
}
#right{float:right;width:355px;margin-right:17px;}
#topsidebar{
width:330px;
padding:0 10px;
border:1px solid #dadada;
background:#fff;
margin-bottom:10px;
}
#lsidebar h2{font-size:15px;margin-bottom:10px;color:#4c4c4c;}
#rsidebar h2{
font-size:15px;
margin-bottom:10px;
color:#4c4c4c;
background:#b22071;
}
#lsidebar{float:left;width:177px;border:0px solid #dadada;}
#rsidebar{
float:left;
width:177px;
padding:0px 0px 5px 0px;
border:0px solid #dadada;
margin-left:06px;
}
#sidebarbottom ul{margin:10px auto 20px;}
#sidebarbottom ul li{}
#sidebarbottom ul li ul{}
#sidebarbottom ul li ul li{
display:block;
background:url(images/sidebullet.gif) no-repeat 0 0;
padding-left:24px;
padding-bottom:5px;
border-bottom:1px dotted #dadada;
}
#sidebarbottom p{padding:0 5px;}
/*+++++++ ADMIN +++++++*/
#about{
width:350px;
border:1px solid #FFD1AF;
background:#FFF8AF;
margin-bottom:10px;
}
#about h2{padding:5px 10px;}
#author-box{
margin:10px;
margin-top:0px;
font-size:11px;
text-align:justify;
}
#author-box .avatar{
float:left;
padding:3px;
border:1px solid #ccc;
background:#fff;
margin:3px 10px 0 0;
}
/*+++++++ COMMENTS +++++++*/
.commentlist li{
padding-top:5px;
border-bottom:1px dotted #e6e6e6;
list-style:none;
}
.avatar img{float:left;}
.ctext{margin-left:70px;}
.trackbacks a{color:#006699;border-bottom:1px dotted #e6e6e6;}
.user{font-weight:bold;font-size:14px;padding-top:10px;}
.author{background:#FFF8AF;padding-right:10px;}
#commentform p{padding-bottom:10px;}
#commentform #author{border:1px solid #dadada;height:20px;width:200px;}
#commentform #email{border:1px solid #dadada;height:20px;width:200px;}
#commentform #url{border:1px solid #dadada;height:20px;width:200px;}
#commentform #comment{border:1px solid #dadada;height:200px;width:550px;}
/*+++++++ FOOTER +++++++*/
#footbg{
width:100%;
background:#222 url(images/footerbg.gif) top left repeat-x;
}
#footwrap{
width:975px;
margin:auto;
background:url(images/closecontent.gif) top left no-repeat;
padding-top:50px;
}
.footer-links{
float:left;
width:300px;
margin-right:37px;
color:#888;
margin-top:15px;
}
.footer-links-r{
float:right;
width:300px;
color:#888;
margin-top:15px;
}
.footer-links h2,.footer-links-r h2{
color:#fff;
background-color:#3b3b3b;
font-size:1.2em;
padding:5px 10px;
}
.footer-links ul{margin-bottom:15px;}
.footer-links ul li{margin-top:1px;}
.footer-links a,.footer-links a:visited,.footer-links-r a,.footer-links-r a:visited{
display:block;
height:18px;
background-color:#2e2e2e;
color:#ccc;
padding:5px 10px;
}
.footer-links a:hover,.footer-links-r a:hover{background:#4b4b4b;color:#56bdea;}
#copyright{
padding:10px 0;
border-top:1px solid #3b3b3b;
font-size:10px;
}
#copyright a{color:#8BDBFF;}
#copyright a:hover{text-decoration:underline;}
#copyright ul{display:inline;}
#copyright ul li{float:right;padding-left:10px;}
/**************** 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{}
a img{border:none;}
.alignright{float:right;}
.alignleft{float:left;padding-left:30px;padding-bottom:20px;}
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:3px;}
.attachment{text-align:center;}
.attachment img{padding:5px;border:1px solid #999999;}
.imgnav{text-align:center;}
.imgleft{float:left;}
.imgleft img{padding:5px;border:1px solid #999999;}
.imgright{float:right;}
.imgright img{padding:5px;border:1px solid #999999;}
/**************** Feedstats *********************/
#feedstats{
float:right;
width:92px;
height:25px;
font-size:10px;
background:url(images/feedstats.gif) no-repeat;
}
#feedstats a{
position:relative;
top:3px;
right:12px;
width:50px;
color:#000;
float:right;
}
#feedstats a:hover{background:none;}
/**************** Added by Jake *********************/
/**************** advance comment *******************/
p.readmore{text-align:right;}
p.readmore a{color:#006699;font-size:11px;font-weight:bold;}
/******************* sidebar category ************************/ 
#menu-cat{
border:1px solid #f4a460;
padding:0;
background-color:#ffd700;
margin-bottom:10px;
}
#menu-cat h2{
background-color:#d2691e;
padding:5px;
border-bottom:1px solid white;
color:#fff;
}
#menu-cat-list{padding:0 5px;}
#menu-cat ul li{
display:block;
background:url(images/sidebullet.gif) no-repeat 0 0;
padding-left:24px;
padding-bottom:5px;
}
/******************* sidebar text ************************/ 
#menu-text{
border:1px solid #4682b4;
padding:0;
background-color:#add8e6;
margin-bottom:10px;
}
#menu-text h2{
background-color:#708090;
padding:5px;
border-bottom:1px solid white;
color:#fff;
}
#menu-text-list{padding:0 5px;}
/******************* sidebar recent ************************/ 
#menu-recent{
border:1px solid silver;
padding:0;
background-color:#dcdcdc;
margin-bottom:10px;
}
#menu-recent h2{
background-color:#bdb76b;
padding:5px;
border-bottom:1px solid white;
color:#fff;
}
#menu-recent-list{padding:0 0px;}
#menu-recent ul li{
display:block;
background:url(images/li-arrowg.gif) no-repeat 2% 50%;
padding:5px 5px 5px 20px;
}
#menu-recent ul li:hover{
display:block;
background-color:#ffdead;
color:#a9a9a9;
}
/******************* clients ************************/ 
.wpn_clients{
list-style:none;
width:550px;
padding:5px 0 10px;
float:left;
}
.wpn_clients li{
width:188px;
height:230px;
background:url(images/clients_bg.gif);
float:left;
margin-right:10px;
margin-left:40px;
padding:15px;
position:relative;
}
.wpn_clients li img{width:182px;height:118px;}
.wpn_clients li a{font-size:14px;}
.wpn_clients li a.wpn_more{
font-size:12px;
position:absolute;
bottom:10px;
right:10px;
}
.the_category li:first-child{display:inline;}
.the_category li{
display:none;
padding:0;
border:0;
background:none;
margin:0 0 10px 0;
width:175px;
height:10px;
}
.minititle{
display:block;
font-size:12px;
font-weight:bold;
color:#666;
}
.fcat_img{
width:182px;
height:118px;
border:1px solid #fff;
background:#ccc url(img/img_pending.gif) no-repeat center center;
margin:5px 0 10px;
}
.fcat_img a{font-size:0 !important;height:0;width:0;}
/******************* newset post ************************/ 
.newpost-wrapper{width:560px;position:relative;}
.newpost{ text-align: left; width: 500px; border: 4px solid silver; margin: auto; background-color: #122f4b; }
.newpost a{color:#fff;}
.newpost h3{padding:5px 0 10px 5px;border:0px;}
.newpost_image{ width: 200px; height: 200px; float: left; background-color: #00ff7f; border: 0px solid #e6e6e6; padding: 0; margin: 0; }
.newpost_excerpt{width:290px;float:left;margin:5px;color:#fff;}
.newpost-allinfos{background:#F2f2f2;padding:5px;margin-bottom:0px;}
.newpost-allinfos a {
	color: #13324f;
}
.newpost-allinfos a:hover{
	color: #ff8c00;
}
#menu-larawan ul li{padding-bottom:5px;}
/******************* menu-sidebar  ************************/ 
#menu-sidebar{
border:1px solid silver;
padding:0;
background-color:#dcdcdc;
margin-bottom:10px;
}
#menu-sidebar ul li{padding:0;}
#menu-sidebar ul li ul li{
display:block;
background:url(images/sidebullet.gif) no-repeat 0 0;
padding-left:24px;
padding-bottom:5px;
border-bottom:1px dotted #dadada;
}
#menu-sidebar h2{
background-color:#bdb76b;
padding:5px;
border-bottom:1px solid white;
color:#fff;
}
#menu-sidebar-list{padding:0 0px;}
/******************* Archive Page  ************************/ 
#archive-list ol li{
list-style:decimal inside;
border-bottom:1px dotted #a9a9a9;
}
#archive-list ol li a{font-weight:bold;}
#menu-archive{
border:1px solid #f4a460;
padding:0;
background-color:#ffd700;
margin-bottom:10px;
}
#menu-archive h2{
background-color:#d2691e;
padding:5px;
border-bottom:1px solid white;
color:#fff;
}
#menu-archive ul li{
display:block;
padding-left:14px;
padding-bottom:5px;
}