/*
Theme Name: Platformate
Theme URI: http://platformate.com/
Description: Designed by Michael Jubel Hutagalung of Colorlabs Project.
Version: 1.1
Author: Michael Jubel Hutagalung
Author URI: http://platformate.com/
Tags: thumbnails, newspaper, magazine, widgets, admin panel
*/
/*Copyright 2011, Michael Jubel Hutagalung
View detailed license info in license.txt file
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}
/* remember to define focus styles! */
:focus{outline:0}
ol,ul{list-style:none}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0}
caption,th,td{font-weight:400;text-align:left}
blockquote:before,blockquote:after,q:before,q:after{content:""}
/* HTML Elements */
*{margin:0;padding:0}
body{background:#FFF;color:#303030;line-height:1}
p{margin:15px 0}
a:link,a:visited{color:#005e90;cursor:pointer;text-decoration:none}
a:hover,a:active{color:#0090db;cursor:pointer;text-decoration:none}
a img{border:0}
code{background:#ececec}
acronym,abbr,span.caps{cursor:help}
acronym,abbr{border-bottom:1px dashed #999}
blockquote{background:#eee url(images/blockquote.png) no-repeat 10px 10px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;line-height:1.5em;margin:10px 0;padding:0 10px;text-indent:30px}
/* Font */
body{font:100% Arial, Helvetica}
code{font:1em 'Courier New', Courier, Fixed}
acronym,abbr,span.caps{font-size:1em}
blockquote{font-size:.9em}
code,kbd,var{font:12px Monaco, monospace}
em{font-style:italic}
#content .post small.postmetadata,#content .post small.postmetadata a,#featured,.sliderimage span{font-family:Arial, sans-serif}
h1,h2,h3,h4,.nav-top-right,.page-bar,#topcol h3,#leftcol h3,#banner-lefttop h3,#banner-leftbottom h3,#banner-righttop h3,#banner-rightbottom h3,#centercol h3,#featured h3,.spoiler .title,.sidebar h3{font-family:Arial, serif}
#leftcol-mid{font-family:Arial, Helvetica;font-size:11px}
h1{font-size:2.25em;font-weight:700;letter-spacing:-.085em}
h2{font-size:2em;font-weight:700;letter-spacing:-.05em}
h3{font-size:1em;letter-spacing:-.025em}
h4{font-size:1.1em;font-weight:700;letter-spacing:-.005em}
#topcol h3{font-size:14px;font-weight:700}
input[type=submit],input[type=button]{font-family:inherit}
#tagline h4{color:#505050;display:inline-block;font-size:.75em;font-weight:400;letter-spacing: 0}
#centercol{font-size:.75em}
#centercol h2{font-size:2em}
#content .bread{font-size:.9em;font-weight:700}
#content .post small.postmetadata,#content .post small.postmetadata a{font-size:14px;font-weight:700;letter-spacing:-.03em}
.entry h3{font-size:14px}
#banner-lefttop h3,#banner-leftbottom h3,#banner-righttop h3,#banner-rightbottom h3,.sidebar h3{font-size:16px}
#rightcol{font-size:.65em}
#about h3{font-size:14px;font-weight:700}
.spoiler .title{font-size:1.1em;font-weight:700}
ul.commentlist li.comment cite{font-size:12px;font-weight:700}
ul.commentlist li.comment div.comment-meta{font-size:10px}
#footer{font-size:.6em}
strong,table#wp-calendar caption,table#wp-calendar th,table#wp-calendar a,div#cancel-comment-reply,#comments div.navigation,ul.commentlist li.comment div.reply a,#respond label,#credits{font-weight:700}
#topcol,#topcol li,.page-bar ul,#about,.rightcol-top-box,ul.commentlist li.comment,ul.children li.comment{font-size:11px}
.page-bar a,.page-bar a:visited,div.search .searchsubmit,.nav-top-right{font-size:11px;font-weight:700}
#centercol h3,#leftcol h3,#featured h3{font-size:14px;font-weight:700}
/* ---------end of Font Styling--------- */
/* Text Sizes */
h2{color:#005e90}
h4{border-bottom:1px dotted #ececec;color:#303030}
h3#respond,h3#trackback{margin-top:15px}
/* Structure */
#wrapper{margin:0 auto;padding-bottom:0;padding-top:15px;width:990px}
#page{padding-bottom:15px;padding-top:15px}
#wrapper-leftcol{float:left;width:760px}
/* Header*/
#top{width:745px}
#tagline{line-height: 11px;margin-top: -3px}
#banner-top{height:60px;margin-left:15px;width:468px}
#searchbar{width:230px;padding-top: 15px}
#searchbar .search input[type=text]{text-align:center;width:76%}
#centercol .search input[type=text]{width:76.5%}
#nav-bar,#nav-bar-2nd{margin-bottom:15px}
#nav-bar .left{float:left;width:745px}
#nav-bar .right{float:right;width:230px}
#nav-bar-2nd{clear:both;width:745px}
#topcol{background:#fff;float:left;padding-bottom:15px;width:760px}
#topcol .menu{background:#e4f9ff;display:inline;float:left;padding:10px 15px 15px;width:335px}
#topcol h3{color:#505050;margin:0 0 5px}
.page-bar ul{list-style:none;padding:0}
.page-bar li{cursor:pointer;display:block;float:left;list-style:none}
#page .page-bar a,.page-bar a:visited,#footer .page-bar a{color:#505050;display:block;margin:0;padding:3px 20px}
.page-bar a:hover{text-decoration:none}
.page-bar p{margin:0;padding:0}
.page-bar li:hover,.page-bar li.current_page_item{background:#d0d0d0}
/* Menu */
.nav-top-left{float:left}
.nav-top-right{background:#E4F9FF;float:right;padding:3px 0;text-align:center;width:230px}
.page-bar{min-width:745px}
/* Dropdown Menus */
.page-bar li{float:left;margin:0;padding:0}
.page-bar li li{background:#eee;float:none;margin:0;padding:0;text-transform:none}
.page-bar li li a,.page-bar li li a:link,.page-bar li li a:visited{float:none;margin:0;padding:3px 20px;width:100px}
.page-bar li li a:hover,.page-bar li li a:active{background:#e0e0e0}
.page-bar li ul{left:-999em;position:absolute;width:auto;z-index:999}
.page-bar li:hover ul{display:block;left:auto}
.page-bar li:hover ul,.page-bar li.sfhover ul{left:auto}
/* Content Page*/
#centercol{background:#fff;display:inline;float:right;min-height:300px;overflow:hidden;padding:0 15px 15px;width:500px}
#centercol h3{background:#eee;color:#505050;margin-bottom:5px;padding:2px 5px}
#content .entry,#content p{line-height:1.75em}
#content p a{border-bottom:1px dotted #c6c8ce}
#content .clearfloat{border-bottom:1px dotted #c6c8ce;margin-bottom:15px}
#content .post small.postmetadata a:hover,#content .bread a:hover{color:#303030}
#content .entry{padding-top:0}
#content.narrowcolumn .entry{padding-top:15px}
.entry ol,.entry ul{margin-left:30px}
.entry ol li{list-style:decimal}
.entry img.alignleft,.entry img.left,.entry img{margin:0 10px 10px 0}
.entry img.alignright,.entry img.right{margin:0 0 10px 10px}
.entry img.size-full{display:block}
.entry h3{color:#303030;padding:2px 5px}
.entry ul li{list-style:square}
#content.narrowcolumn .entry p{margin-top:0}
img.wp-smiley{margin:0;padding:0}
.thumb{border:1px solid #eee;float:left;margin:0 10px 10px 0;padding:1px}
#sociables{padding-bottom:15px}
#sociables img{border:1px solid #ececec;height:16px;margin:0 10px 0 0;padding:2px;width:16px}
#content .bread,#content .bread,#content .bread a,#content .post small.postmetadata,#content .post small.postmetadata a{color:#b0b0b0}
/* Post */
#banner_single{margin-bottom:15px}
#banner_single img{display:block;margin:0 auto}
.post_margin{margin-top:5px}
.h2_margin{margin:7px 0}
/* Aligned List */
#hot{background:#005e90 url(images/white-noise.png) repeat 0 0;color:#ececec;float:left;margin-right:15px;padding:10px 15px 15px;width:335px}
#hot a{color:#ececec}
#hot ul{clear:both;padding:0}
#hot li{border-bottom:1px dotted #75787f;clear:left;padding:2px 0;text-align:right}
#hot a.title:link,#hot a.title:visited{display:block;float:left}
#hot a:hover,#hot h3{color:#fff}
/* List */
.dotlist li,#leftcol li{border-bottom:1px dotted #c6c8ce;list-style:none;padding:2px 0}
#leftcol li li{list-style:square;margin-left:15px;padding-left:0}
#leftcol li ul{margin-bottom:0}
/* Sidebar*/
#leftcol{float:left;width:230px}
#leftcol-mid{background:#e4f9ff;padding:5px 15px 15px}
#leftcol .textwidget,#leftcol p{margin:0;padding:0 0 15px}
#leftcol .avatar{border:1px solid #bbb;float:left;margin:0 10px 5px 0;padding:1px}
#leftcol h3{color:#505050;margin:10px 0 5px}
#leftcol,#leftcol ul,#leftcol-mid,#featured{margin-bottom:15px}
table#wp-calendar{padding-bottom:15px;width:200px}
table#wp-calendar th{padding:2px 0;text-align:center}
#rightcol{background:#fff;float:right;padding:0;width:230px}
#rightcol-top{background:#005e90 url(images/white-noise.png) repeat 0 0;margin-bottom:16px}
#about,.rightcol-top-box{color:#fff;padding:10px 15px}
#about h3{margin-bottom:5px}
#about p{margin:0;padding:0 0 14px}
#about a{color:#fff}
#featured h3{background:#eee;color:#505050;margin-top:15px;padding:2px 5px}
#featured h3#cat-3{background:#0091b0}
#featured h3#cat-4{background:#970101}
#featured h3#cat-5{background:#019705}
#featured h3#cat-6{background:#977601}
#featured h3#cat-7{background:#300087}
#featured .more{padding:5px 0;text-align:right}
.spoiler{padding:5px 0 0}
.spoiler img{border:1px solid #eee;float:left;height:70px;opacity:0.4;padding:1px;width:70px}
.spoiler img:hover{opacity:1}
.spoiler .info{float:right;padding-top:5px;width:150px}
table#wp-calendar caption,table#wp-calendar td{border-bottom:1px dotted #c6c8ce;padding:2px 0;text-align:center}
/* Advertisement */
#nav-bar .left,#nav-bar-2nd .left,#nav-bar-footer{background:#e0e0e0}
#nav-bar-2nd{border-bottom:1px solid #DDD;border-top:1px solid #DDD;padding:1px 0}
div.banner img{margin-bottom:5px}
#banner-lefttop,#banner-leftbottom,#banner-righttop,#banner-rightbottom,.sidebar{margin:2px 0 15px}
#banner-lefttop h3,#banner-leftbottom h3,#banner-righttop h3,#banner-rightbottom h3,.sidebar h3{background:#eee;color:#505050;margin:0 0 5px;padding:2px 5px}
#banner-lefttop{margin:0 0 10px}
#nav-bar .right a img{position:relative}
.page-bar li.haschild,div.hoverbtn div{background:#8A8A8A}
.page-bar li li.haschild,.page-bar li li div.hoverbtn div{background:#A8A8A8}
.page-bar li ul ul{margin:-20px 0 0 140px}
/* Form Elements */
select{border:1px solid #c6c8ce;width:100%}
.field{background:#fff;border-bottom:1px solid #eee;border-left:1px solid #bbb;border-right:1px solid #eee;border-top:1px solid #bbb;padding:0 1px}
#commentform input{margin:5px 5px 0 0}
#commentform textarea{border-bottom:1px solid #eee;border-left:1px solid #bbb;border-right:1px solid #eee;border-top:1px solid #bbb;margin-top:5px;width:99%}
/* Comments*/
#comment{background:#fff;width:500px}
#comments ul.commentlist{list-style:none;margin:0}
#comments .clearfloat{background:none}
#comments div.navigation{padding:10px 0}
ul.commentlist li.pingback,ul.commentlist li.trackback{display:none}
ul.commentlist li.comment{background:#f2f2f2;color:#4d4d4d;list-style:none;margin-bottom:10px;padding:13px}
ul.commentlist li.comment h3#respond{background:#fff;margin-top:15px}
ul.commentlist li.comment img.avatar{border:1px solid #bbb;float:right;height:55px;margin:0 0 13px 13px;padding:1px;width:55px}
ul.commentlist li.comment div.comment-meta{margin-top:3px}
ul.commentlist li.comment a{text-decoration:underline}
ul.commentlist li.comment div.reply{clear:both;display:block}
ul.commentlist li.comment p{margin:15px 0;padding:0}
ul.commentlist li.comment blockquote{width:380px}
ul.children li.comment{-khtml-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff;border:none;border-radius:4px;color:#4d4d4d;list-style:none;margin-bottom:0;margin-top:15px;padding:12px}
ul.children li.comment img.avatar{border:1px solid #bbb;float:right;height:55px;margin:5px 0 6px 12px;padding:1px;width:55px}
#respond textarea{width:99%}
#respond .field{border-bottom:1px solid #b0b0b0;border-left:1px solid #b0b0b0;border-right:1px solid #d0d0d0;border-top:1px solid #d0d0d0;padding:1px}
#respond h3{margin-top:15px}
ul.commentlist li.comment div.comment-meta a,ul.commentlist li.comment cite a,ul.commentlist li.comment div.reply a,#respond a{text-decoration:none}
ul.commentlist li.depth-1,ul.children li.depth-3,ul.children li.depth-5,ul.children li.depth-7,ul.children li.depth-9,li.depth-2 div#respond h3,li.depth-4 div#respond h3,li.depth-6 div#respond h3,li.depth-8 div#respond h3,li.depth-10 div#respond h3{background:#f2f2f2}
ul.children li.depth-2,ul.children li.depth-4,ul.children li.depth-6,ul.children li.depth-8,ul.children li.depth-10,li.depth-1 div#respond h3,li.depth-3 div#respond h3,li.depth-5 div#respond h3,li.depth-7 div#respond h3,li.depth-9 div#respond h3{background:#fff}
/* Footer*/
#footer{border-top:1px solid #ddd;color:#aaa;margin:17px auto 0;padding-bottom:5px;width:990px}
#credits{border-top:1px solid #ddd;color:#aaa;padding-bottom:5px;padding-top:5px;position:relative}
#credits a{color:#aaa}
#credits a:hover{color:#303030}
#credits span{padding:0 5px}
.navigation{padding-top:10px;text-align:center}
#nav-bar-footer{margin:1px 0}
/* Search */
div.search .searchsubmit,input[type=submit],input[type=button]{background-color:#EEE;border:1px solid #CCC;color:#005E90;font-weight:700}
div.search .searchsubmit:hover,input[type=submit]:hover,input[type=button]:hover{border:1px solid #AAA;color:#787878;cursor:pointer}
div.search .s,input[type=text]{border:1px solid #CCC;color:#505050;font-size:11px}
div.search .s:hover,div.search .s:focus,input[type=text]:hover,input[type=text]:focus{border:1px solid #AAA}
/* Alignments */
.left,.alignleft{float:left}
.right,.alignright{float:right}
.center,.aligncenter{display:block;margin-left:auto;margin-right:auto}
/* Float Properties*/
.clearfloat:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfloat{display:inline-block}
/* Hides from IE-mac \*/
.clearfloat{clear:both;display:block}
* html .clearfloat,*+html .clearfloat{height:1%}
* html #hot,* html #about{background-image:none}