/*  

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 



/* MwP Additions */



#MM {
	background-image: url(images/MaintenancePage.jpg);
	height: 404px;
	width: 991px;
}


#wrapper #page #wrapper-leftcol #leftcol #cat {
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	background-color: #67753D;
	color: #FFF;
}



.newsletterCusom {
	width: 205px;
}
.newsletterCusom table tr td {
	vertical-align: middle;
}
.newsletterCusom table tr td {
	font-family: arial, tahoma, sans-serif;
}

.supportArea {
	width: 200px;
}
.supportArea table tr td {
	vertical-align: middle;
}
.supportArea table tr td {
	font-family: arial, tahoma, sans-serif;
}
.supportArea table p {
	font-family: arial, tahoma, sans-serif;
	line-height: 20px;
	margin-top: 5px;
}
.supportArea p a  {
	color: #b67482;
	font-weight: bold;
}



.menu ul.dotlist a {

        color: #FFF

}



#leftcol ul li.cat-item cat-item-1 a {

	color: #FFF;

}





#logo {

	width:990px;

	float:left;

	background-image: url(images/HeaderGraphic.jpg);

	background-repeat: no-repeat;

	height: 153px;

}



.clearfloat #logo #searchbar {

	padding-top: 70px;

}





#leftcol .textwidget a:hover {

	color: #000;

}



#leftcol .cat-post-item a {

	color: #FFF;

}



#leftcol .lists a {

	color: #FFF;

}







/* 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; background: #fffef7; color: #303030; }

p { font: 100% arial; margin: 15px 0px; }

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

a:hover, a:active { color: #67753d; 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: 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:1em Arial; 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 Arial; letter-spacing:-0.085em; font-weight:bold;  }

h2 { font:2.0em Arial; letter-spacing:-0.05em; font-weight:normal; color: #8c9b5e; }

h3 { font:1.0em arial; letter-spacing:-0.025em;}

h4 { font:1.1em Arial; 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:0px; padding-bottom:15px; }

#wrapper-leftcol { width:760px; float:left; }



/* Header*/



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



#nav-bar .left { width:745px; float:left; background:#54393f; }

#nav-bar .right { width:230px; height:14px; float:right; background:#54393f; font:11px Arial; font-weight:bold; padding:3px 0px; text-align:center; }



#topcol { padding-bottom:15px; font:11px Arial; width:760px; float:left; background: #fffef7; }

#topcol .menu { width:335px; padding:10px 15px 15px 15px; background: url(images/BGFloralGreenBar.jpg) repeat-x; float:left; display:inline; height: 170px; overflow: hidden; }

#topcol h3 { font:14px arial; font-weight:bold; color:#fffef7; margin:0px 0px 5px 0px;}

#topcol li { 
font:11px arial; 
color:#fff; 
border-bottom:1px dotted #a3ad84;
}

#topcol li a:hover{color:#000; }



#page-bar { padding:0px; font:14px arial; }

#page-bar ul { list-style: none; }

#page-bar li { float:left; list-style:none; cursor: pointer; display:block; }

#page-bar li:hover { background: #814f5a; }

#page-bar li.current_page_item { background: #814f5a; }

#page-bar a, #page-bar a:visited { margin: 0px; padding:3px 15px; font-weight:normal; 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:#54393f; }

#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:active { background: #54393f;  }
#page-bar li li a:hover { background: #814f5a; }

#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: #fffef7; width:500px; min-height:300px; float:right; display:inline; padding:0px 15px 15px 15px; font-size:14px; overflow: hidden;}

#centercol h2 {font-size: 2.0em; }



#centercol h3 { font:14px arial; font-weight:bold; background:#48512b; padding:2px 5px; margin-bottom:15px; color:#fff;}



#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:12px; font-weight:bold; }

#content .bread, #content .bread a { color:#b0b0b0; }



#content .clearfloat { margin-bottom: 15px; border-bottom:1px dotted #c6c8ce; }

#content .post small.postmetadata, #content .post small.postmetadata a { font:12px arial; font-weight:normal; color:#a9a9a9; letter-spacing:-0.03em; }

#content .post small.postmetadata a:hover, #content .bread a:hover { color: #303030; }



#content .entry { font-size: 13px; line-height: 14px; 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 arial; 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;
	display: block;
	float: left;
	clear: both;
	width: 500px;
	}

#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/BGFloralOrange.jpg) repeat-x;
	background-color :#005e90;
	color:#ececec;
	height: 170px;
	overflow: hidden;
	}

#hot a {
	color:#fff;
	font-size: 12px;
	}

#hot a:hover { color:#fff; }

#hot ul { clear: both; padding:0; }

#hot li { 
height: 100%;
padding: 4px 0px; 
clear: left; 
}


#hot ul li {
border-bottom:1px dotted #d3b16e;
width: 330px;
text-align: left;
padding-bottom: 2px;

}

#hot h3 { color:#fff; }

.menu a {
	color:#fff;
	font-size: 12px;
	}

.menu a:hover { color:#fff; }


.menu li { 
height: 100%;
padding: 4px 0px; 
clear: left; 
}


.menu ul li {
border-bottom:1px dotted #ccc;
width: 330px;
text-align: left;
padding-bottom: 2px;

}

/* 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 url(images/BGFloralGreen.jpg) repeat; width:200px; float:left; padding:5px 15px 15px 15px; border-bottom:15px solid #fff; font:12px arial; }

#leftcol a {color: #fff;}

#leftcol ul li a:hover {color: #000;}

#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:#fff; padding-left: 3px; padding-bottom: 3px; padding-top: 3px; background: #535f2d; 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: #fffef7; width:230px; float:right; padding:0px; font-size:12px;}



#about { width:200px; color:#fff; padding:10px 15px 10px 15px; font:12px arial; background: #005e90 url(images/BGFloralMauve.jpg) repeat; background-color :#005e90; }



#about h3 { font:14px arial; font-weight:bold; padding-left: 3px; padding-bottom: 3px; padding-top: 3px; margin-bottom:5px; height: 20px; background:#422b30; }

#about p {padding:0px 0px 15px 0px;margin:0;}

#about a { color:#d68b9c; }

#about a:hover { color:#000; }



#featured h3 { font:14px Arial; 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:70px; height:70px; 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; }

#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:12px;  }

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:12px; 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:12px; -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; 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; }


	
h3.related_post_title {
	margin-top: 5px !important;
	clear: both !important;
	}
	
/*-- Removing Percentages from Popular Posts list --*/

.akpc_report span {
  display: none;
}