/*  
Theme Name: Platformate
Theme URI: http://platformate.com/
Description: Designed by <a href="http://michaelhutagalung.com">Michael Jubel Hutagalung</a> of <a href="http://platformate.com">Colorlabs Project</a>.
Version: 1.0
Author: Michael Jubel Hutagalung
Author URI: http://platformate.com/
Tags: thumbnails, newspaper, magazine, widgets, admin panel
*/

/*Copyright 2008, 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 {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;
	font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body {line-height: 1;	color: black; background: white; }
ol, ul { list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" "";}

/* HTML Elements */
* { margin:0; padding:0;}
body { font: 100% "lucida grande",tahoma,verdana,arial,sans-serif; background: #FFF; color: #333333; }
p { margin: 15px 0px; }
a:link, a:visited { color: #005e90; text-decoration:none; cursor: pointer;}
a:hover, a:active { color: #0090db; text-decoration:underline; cursor: pointer;}
a img {	border:0; }
code { font: 1.0em 'Courier New', Courier, Fixed; background:#ececec; }	
acronym, abbr, span.caps { font-size: 1.0em; cursor: help; }			
acronym, abbr {	border-bottom: 1px dashed #999; }
blockquote { padding: 0px 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font:0.9em "lucida grande",tahoma,verdana,arial,sans-serif; line-height:1.5em; margin:10px 0px; background:#eee url(images/blockquote.png) no-repeat 10px 10px;}
code, kbd, var { font: 12px Monaco, monospace; }
strong { font-weight:bold; }
em { font-style:italic; }

/* Text Sizes */
h1 { font:2.25em "lucida grande",tahoma,verdana,arial,sans-serif; letter-spacing:-0.085em; font-weight:bold; }
h2 { font:2.0em "lucida grande",tahoma,verdana,arial,sans-serif; letter-spacing:-0.05em; font-weight:bold; color: #005e90; }
h3 { font:1.0em "lucida grande",tahoma,verdana,arial,sans-serif; }
h4 { font:1.1em "lucida grande",tahoma,verdana,arial,sans-serif; letter-spacing:-0.005em; font-weight:bold; color: #303030; border-bottom:1px solid #ececec; }

h3#respond {margin-top:15px; }
h3#trackback {margin-top:15px; }

/* Structure */
#wrapper { margin:0 auto; width: 990px; padding-top:0px; padding-bottom:0px;}
#page { padding-top:15px; padding-bottom:15px; }
#wrapper-leftcol { width:760px; float:left; }

/* Header*/
#searchbar {padding-top:0px; }

#nav-bar { margin-bottom: 15px; }

#nav-bar .left { padding:2px 0px; width:745px; float:left; background:#3b5998; }
#nav-bar .right { width:230px; float:right; background:#e4f9ff; font:11px 'lucida grande',tahoma,verdana,arial,sans-serif; font-weight:bold; padding:3px 0px; text-align:center; }

#topcol { padding-bottom:15px; font:11px "lucida grande",tahoma,verdana,arial,sans-serif; width:760px; float:left; background:#fff; }
#topcol .menu { width:335px; padding:10px 15px 15px 15px; background:#e4f9ff; float:left; display:inline; }
#topcol h3 { font:14px Arial; font-weight:bold; color:#505050; margin:0px 0px 5px 0px; }
#topcol li { font:11px "lucida grande",tahoma,verdana,arial,sans-serif; }

#page-bar { padding:0px; font:11px 'lucida grande',tahoma,verdana,arial,sans-serif; }
#page-bar ul { list-style: none; }
#page-bar li { float:left; list-style:none; cursor: pointer; display:block; }
#page-bar li:hover { background: #5c75aa; }
#page-bar li.current_page_item { background: #5c75aa; }
#page-bar a, #page-bar a:visited { margin: 0px; padding:3px 20px; font-weight:bold; color:#ffffff; display:block; }
#page-bar a:hover { text-decoration:none; }
#page-bar p { margin:0; padding:0; }

/* Dropdown Menus */		
#page-bar li { float: left; margin: 0px; padding: 0px; }
#page-bar li li { float: left; margin: 0px; padding: 0px; text-transform:none; background:#eee; }
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited { width:80px; float: none; margin: 0px; padding:3px 20px;}
#page-bar li li a:hover, #page-bar li li a:active { background: #e0e0e0; }
#page-bar li ul { position: absolute; width:80px; left: -999em; }
#page-bar li:hover ul { left: auto; display: block; }
#page-bar li:hover ul, #page-bar li.sfhover ul { left: auto; }


/* Content Page*/
#centercol { background:#fff; width:500px; min-height:300px; float:right; display:inline; padding:0px 15px 15px 15px; font-size:0.75em; overflow: hidden;}
#centercol h2 {font-size: 2.0em; }

#centercol h3 { font:14px "lucida grande",tahoma,verdana,arial,sans-serif; font-weight:bold; background:#eee; padding:2px 5px; margin-bottom:15px; color:#505050;}

#content .entry, #content p { line-height:1.75em; }
#content p a { border-bottom:1px dotted #c6c8ce; padding-bottom:2px; }
#content .bread { color:#b0b0b0; font-size:0.9em; font-weight:bold; }
#content .bread, #content .bread a { color:#b0b0b0; }

#content .clearfloat { margin-bottom: 15px; border-bottom:1px dotted #c6c8ce; }
#content .post small.postmetadata { font:11px "lucida grande",tahoma,verdana,arial,sans-serif; font-weight:none; color:#333333; }
#content .post small.postmetadata a { color:#3B5998; }
#content .post small.postmetadata a:hover, #content .bread a:hover { color: #3B5998; }
#content .post small.postmetadataextra { font:9px "lucida grande",tahoma,verdana,arial,sans-serif; font-weight:none; color:#999999; }

#content .entry { padding-top:0px; }
#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:0px 10px 10px 0px; }
.entry img.alignright, .entry img.right { margin:0px 0px 10px 10px; }
.entry img.size-full { display:block; }
.entry h3 { font:14px "lucida grande",tahoma,verdana,arial,sans-serif; color:#303030; padding:2px 5px; }
.entry ul li {list-style:square;}

#content.narrowcolumn .entry p { margin-top:0px; }
img.wp-smiley { margin:0; padding:0 }
.thumb { border:1px solid #eee; padding:1px; float:left; margin:0px 10px 10px 0px; }

#sociables { padding-bottom:15px; }
#sociables img { border:1px solid #ececec; padding:2px; width:16px; height:16px; margin:0 10px 0 0;}

/* Aligned List */
#hot { width:335px; padding:10px 15px 15px 15px; background:#e4f9ff; float:left; margin-right:15px; background: #005e90 url(images/white-noise.png) repeat 0 0; background-color :#005e90; color:#ececec;}
#hot a { color:#ececec; }
#hot a:hover { color:#fff; }
#hot ul { clear: both; padding:0; }
#hot li { border-bottom:1px dotted #75787f; padding: 2px 0px; text-align: right; clear: left; }
#hot a.title:link, #hot a.title:visited { display: block; float: left; }
#hot h3 { color:#fff; }

/* List */
.dotlist li, #leftcol li { border-bottom:1px dotted #c6c8ce; padding: 2px 0px; list-style:none; }
#leftcol li li { padding-left:0px; list-style:square; margin-left:15px; }
#leftcol li ul { margin-bottom:0px; }

/* Sidebar*/
#leftcol { background:#e4f9ff; width:200px; float:left; padding:5px 15px 15px 15px; border-bottom:15px solid #fff; font:11px "lucida grande",tahoma,verdana,arial,sans-serif; }
#leftcol ul { margin-bottom:15px; }
#leftcol .textwidget, #leftcol p {padding:0px 0px 15px 0px;margin:0;}
#leftcol .avatar { float:left; padding:1px; border:1px solid #bbb; margin:0px 10px 5px 0px; }
#leftcol h3 { font:14px Arial; font-weight:bold; color:#505050; margin:10px 0px 5px 0px;}

table#wp-calendar { width:200px; padding-bottom:15px; }
table#wp-calendar caption {text-align:center; font-weight:bold; border-bottom:1px dotted #c6c8ce; padding:2px 0px; }
table#wp-calendar th { font-weight:bold; padding:2px 0px; text-align:center;  }
table#wp-calendar td { text-align:center; border-bottom:1px dotted #c6c8ce; padding:2px 0px; }
table#wp-calendar a { font-weight:bold; }

#rightcol { background:#fff; width:230px; float:right; padding:0px; font-size:0.65em;}

#about { width:200px; color:#fff; padding:10px 15px 10px 15px; font:11px "lucida grande",tahoma,verdana,arial,sans-serif; background: #005e90 url(images/white-noise.png) repeat 0 0; background-color :#005e90; }

#about h3 { font:14px Arial; font-weight:bold; margin-bottom:5px; }
#about p {padding:0px 0px 15px 0px;margin:0;}
#about a { color:#fff; }

#featured h3 { font:14px "lucida grande",tahoma,verdana,arial,sans-serif; font-weight:bold; background:#eee; padding:2px 5px; margin-top:15px; color:#fff; }
#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 0px; text-align:right; }

.spoiler { padding:5px 0px 0px 0px; }
.spoiler .title { font-size: 1.1em; font-weight:bold;}
.spoiler img { border:1px solid #eee; padding:1px; float:left; width:50px; height:50px; opacity:0.4; }
.spoiler img:hover { opacity:1; }

.spoiler .info { width:150px; float:right; padding-top:5px; }

/* Form Elements */

select { border:1px solid #c6c8ce; width:100% }
.field { padding: 1px; border-top:1px solid #bbbbbb; border-left:1px solid #bbbbbb;	border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; background:#fff; }
.text { color: #333333; background-color:#ffffff }
.btn { color: #ffffff; font: bold 84% "lucida grande",tahoma,verdana,arial,sans-serif; background-color:#7489B9; border:1px solid; border-color: #8FA1CB #8FA1CB #8FA1CB #8FA1CB; }
#commentform input { margin: 5px 5px 0px 0; }
#commentform textarea { width: 99%;	margin-top:5px; border-top:1px solid #bbbbbb; border-left:1px solid #bbbbbb; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; }

/* Comments*/
#comment { width:500px;	background:#fff;}

div#cancel-comment-reply { font-weight:bold; }

#comments ul.commentlist { margin:0; list-style:none; }
#comments .clearfloat { background:none; }

#comments div.navigation { padding:10px 0px; font-weight:bold; }

ul.commentlist li.pingback, ul.commentlist li.trackback { display:none; }
ul.commentlist li.comment { color:#4d4d4d; padding: 13px 13px 13px 13px; background:#f2f2f2; list-style:none; margin-bottom:10px; font-size:11px;  }
ul.commentlist li.comment h3#respond { background:#fff; margin-top:15px; }
ul.commentlist li.comment img.avatar { border:1px solid #bbb; margin:0px 0px 13px 13px; float:right; padding:1px; width:55px; height:55px; }	
ul.commentlist li.comment cite { font-weight:bold; font-size:12px; }
ul.commentlist li.comment div.comment-meta { font-size:10px; margin-top:3px; }
ul.commentlist li.comment div.comment-meta a { text-decoration:none; }
ul.commentlist li.comment a { text-decoration:underline; }
ul.commentlist li.comment cite a { text-decoration:none; }
ul.commentlist li.comment div.reply { clear:both; display:block; }
ul.commentlist li.comment div.reply a { text-decoration:none; font-weight:bold; }
ul.commentlist li.comment p { margin:15px 0px; padding:0;  }
ul.commentlist li.comment blockquote { width:380px; }

ul.children li.comment { margin-top:15px; color:#4d4d4d; padding: 12px 12px 12px 12px; background:#fff; border:none; list-style:none; margin-bottom:0px; font-size:11px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
ul.children li.comment img.avatar { border:1px solid #bbb; margin:5px 0px 6px 12px; float:right; padding:1px; width:55px; height:55px; }	

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 { 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 { background:#fff; }

#respond textarea { width:99%; }
#respond label { font-weight:bold; }
#respond .field { padding:1px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-left:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; }
#respond a {text-decoration:none; }
#respond h3 {margin-top:15px; }

li.depth-1 div#respond h3 { background:#fff; }
li.depth-2 div#respond h3 { background:#f2f2f2; }
li.depth-3 div#respond h3 { background:#fff; }
li.depth-4 div#respond h3 { background:#f2f2f2; }
li.depth-5 div#respond h3 { background:#fff; }
li.depth-6 div#respond h3 { background:#f2f2f2; }
li.depth-7 div#respond h3 { background:#fff; }
li.depth-8 div#respond h3 { background:#f2f2f2; }
li.depth-9 div#respond h3 { background:#fff; }
li.depth-10 div#respond h3 { background:#f2f2f2; }

/* Footer*/
#footer { margin: 0 auto;width: 990px; border-top: 1px solid #ddd; font-size:0.6em; padding-top:5px; padding-bottom:5px; color:#aaa; }
#footer a { color:#aaa; }
#footer a:hover { color:#303030; }
#footer span {padding: 0px 5px; }

/* Alignments */
.left, .alignleft { float:left; }
.right, .alignright {float:left; }

/* Float Properties*/
.clearfloat:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfloat { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfloat {height:1%;}
*+html .clearfloat {height:1%;}
.clearfloat {display:block;}

* html #hot { background-image: none; }
* html #about { background-image: none; }