/*  
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% Arial, Helvetica; background:#ffffff url(back.jpg) no-repeat top; background-attachment: fixed; color: #303030; }

p { margin: 15px 0; }

a, a:link, a:visited { color: #005e90; text-decoration:none; cursor: pointer;}

a:hover, a:active { color: #0090db; text-decoration:none; cursor: pointer;}

a img {	border:0; }

code { font: 1.0em 'Courier New', Courier, Fixed; background:#ececec; }	

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; }			

acronym, abbr {	border-bottom: 1px dashed #999; }

blockquote { padding: 1px 10px; /*border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;*/ font:1.0em Georgia; color:#000000;
	line-height:1.5em; margin:10px 0px; background:#eee url(blockquote.png) no-repeat 10px 10px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

blockquote.download { padding:1px 10px 1px 42px; background:#eee url(download.png) no-repeat 10px 18px;}

code, kbd, var {
	font: 12px Monaco, monospace;
}

strong { font-weight:bold; }

em { font-style:italic; }

/* Text Sizes */
h1 { font:2.0em Arial; letter-spacing:-0.085em; font-weight:bold; text-transform:uppercase; }
h2 { font:2.0em Arial; letter-spacing:-0.05em; font-weight:bold; color: #005e90; }
h3 { font:1.2em Arial; letter-spacing:-0.025em;}
h4 { font:1.2em Arial; letter-spacing:-0.005em; font-weight:bold; color: #303030; border-bottom:1px solid #ececec; }

h3#respond {margin-top:30px; }

h3#trackback {margin-top:30px; }

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

#page { padding-top:15px; padding-bottom:15px; }

#wrapper-leftcol { width:760px; float:left; /*background:#fff url(images/left.png) repeat-y left; */}


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

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

#nav-bar .left { width:745px; float:left; background:#eee; height:20px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:0.75em; padding-top:2px;}
#nav-bar .left img{	 margin:0 3px; vertical-align:middle; border:1px solid #005e90;}
#nav-bar .right { width:230px; float:right; background:#e4f9ff; height:17px; font-size:0.75em; padding-top:3px; text-align:center; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

#topcol { padding-bottom:15px; font:11px Arial; width:760px; float:left; }
#topcol .menu { width:335px; padding:10px 15px 15px 15px; background:#e4f9ff; float:left; display:inline; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

#leftcol { background:#e4f9ff; width:200px; float:left; padding:10px 15px 15px 15px; font:11px Arial; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;   }
#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; }

#topcol h3, #leftcol h3 { font:14px Arial; font-weight:bold; margin-bottom:5px; color:#505050; }
#topcol li { font:11px Arial; }

/* Aligned List */
#hot { width:335px; padding:10px 15px 15px 15px; float:left; margin-right:15px; background: #005e90 url(white-noise.png) repeat 0 0; background-color :#005e90; 
color:#ececec; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }

#hot a { color:#ececec; }
#hot a:hover { color:#fff; }
#hot ul { clear: both; padding:0; }
#hot li { background:url(dots_hot.gif) repeat-x bottom; padding: 2px 0px; text-align: right; clear: left; }

#hot a.title, #hot a.title:link, #hot a.title:visited { display: block; float: left; }
#hot h3 { color:#fff; }

/* List */
.dotlist li, #leftcol li {background:url(dots.gif) repeat-x bottom; padding: 2px 0px; list-style:none; }

#stacked a { color:#ececec; font-size:0.9em; }
#stacked a:hover { color:#fff; }

#stacked .opacity { background: #005e90 url(white-noise.png); background-color :#005e90; padding:3px 10px;position:absolute;bottom:0px;}

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

#centercol h3 { font:14px Arial; font-weight:bold; background:#eee; padding:2px 5px; margin-bottom:15px; color:#505050; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

#content .entry, #content p { line-height:1.75em; }
#content h2{ font-size:1.5em}
#content .entry a { background:url(dots_blue.gif) repeat-x bottom; 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; background:url(dots_grey.gif) repeat-x bottom; }
#content .post small.postmetadata, #content .post small.postmetadata a { font:14px Arial; font-weight:bold; color:#b0b0b0; letter-spacing:-0.03em; }
#content .post small.postmetadata a:hover, #content .bread a:hover { color: #303030; }

#content .entry { padding-top:0px; width:500px; }
#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 h3 { font:14px Arial; color:#303030; padding:2px 5px; }
.entry ul li {list-style:square;}

#content.narrowcolumn .entry p { margin-top:0px; }

.thumb { border:1px solid #eee; padding:1px; float:left; margin:0px 10px 10px 0px; }

#content .tweets { background:#e7e7e7 url(twitter.jpg) no-repeat bottom right; padding:15px; border-bottom:0px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#content .tweets p {margin:0; padding:0; padding-bottom:10px; font-weight:normal; color: #777; }
#content .tweets small {float:right; font-size:0.75em;}

img.wp-smiley { margin:0; padding:0 }

.thumb { border:1px solid #ddd; padding:1px; float:left; margin:0px 10px 10px 0px; }
.gallery { text-align:center; }
.gallery img { background:none; border:1px solid #ddd; padding:2px; margin:0px 4px 4px 0px; }

/* Sidebar*/
#rightcol { width:230px; float:right; padding:0px; font-size:0.65em;}

#about { width:200px; color:#fff; padding:10px 15px 15px 15px; font:11px Arial; 
background: #005e90 url(white-noise.png) repeat 0 0; background-color :#005e90;
-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

#about h3 { font:14px Arial; font-weight:bold; margin-bottom:5px; }
#about p {padding:0px 0px 15px 0px;margin:0;}
#about .button { margin-left:68px; padding-bottom:15px; }

#featured h3 { font:14px Arial; font-weight:bold; background:#eee; padding:2px 5px; margin-top:15px; color:#fff; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#featured h3#cat-35 { background:#0091b0; }
#featured h3#cat-64 { background:#005e90; }
#featured h3#cat-36 { background:#0091b0; }
#featured h3#cat-58 { background:#005e90; }
#featured h3#cat-33 { background:#0091b0; }
#featured h3#cat-79 { background:#303030; }
#featured h3#cat-80 { background:#303030; }

#featured .more { padding:5px 0px; text-align:right; }

.spoiler { padding:10px 0px 0px 0px; }
.spoiler .title { font-size: 1.1em; font-weight:bold;}
.spoiler img { border:1px solid #ddd; padding:1px; float:left; width:70px; height:70px; }
.spoiler .info { width:140px; float:right; padding-top:5px; }

/* Flickr */
.flickr-500 img { margin:15px 0px 0px 0px; }
.flickr-caption { font-size: 0.8em; margin-top: 0px; color:#707070;}


/* Form Elements */




/* 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: 10px 14px 15px 14px; background:#f2f2f2 url(bg_comment.gif) no-repeat;
	list-style:none; margin-bottom:10px; font-size:11px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

ul.commentlist li.comment h3#respond { background:#fff; margin-top:15px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
ul.commentlist li.comment img.avatar { border:1px solid #bbb; margin:35px 0px 5px 8px; 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 { display: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; }	

#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; }

ul.commentlist li.comment #respond h3 { background:#fff; }

ul.commentlist li.bypostauthor { background:#f2f2f2 url(bg_comment.gif) no-repeat; border-bottom: 1px solid #dcdcdc;  }

ul.children li.bypostauthor { background:#fff; border:none; }


/*		

.commenttext { width:400px; float:right; }

#comments ol.dotlist li { font-size:0.9em; }

li.my_comment cite strong { font-size: 1.3em; color:#005e90; }

*/


/* Footer*/

#footer { margin: 0 auto;width: 990px; border-top: 1px solid #ddd; font-size:0.6em; padding-top:5px; padding-bottom:5px;
	color:#aaa; font-weight:bold;}

#footer a { color:#aaa; }
#footer a:hover { color:#303030; }
#footer span {padding: 0px 5px; }


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

/* 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; }

#logo{
background:#ffffff url(header.jpg) no-repeat top; height:129px; width:988px; margin-bottom:-30px; margin-top:-15px; }

#logo img{
border:1px solid #005e90; padding:2px; margin:3px 0 3px 3px;}

#ban img{
vertical-align:middle;
}

h1#h{ background:#eee; padding:2px 5px; margin-bottom:15px; color:#505050; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font:1.65em Arial; letter-spacing:normal; font-weight:bold; text-transform:capitalize;}

#get_recent_comments_wrap h4{
color:#be0315;
padding:10px 0;
}

#imm img{
float:left;
height:75px;
width:75px;
}

#post-1017 a{
font-weight:bold;
}

#post-1017 p{
line-height:1.2em;
padding-bottom:5px;
margin-bottom:1px;
}

#hot dd {
	background:url(Blue_x.gif) no-repeat 0 0; padding-left:19px; }