/*
Theme Name: Platformate Reloaded
Theme URI: http://platformate.com/
Description: Designed by Michael Jubel Hutagalung of Colorlabs Project.
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; font-size:90%; }
caption, th, td { text-align: left; font-weight: normal; padding:5px 0px; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" "";}
/* HTML Elements */
* { margin:0; padding:0;}
body { font: 100% "Helvetica Neue", Arial; background-attachment: fixed; color: #2f2f2f; }
p { margin: 0px 0px; }
a:link, a:visited { color: #101010; text-decoration:underline; cursor: pointer;}
a:hover, a:active { color: #303030; text-decoration:underline; cursor: pointer;}
a img { border:0; }
code { font: 1.0em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { padding: 1px 10px; font:12px "Helvetica Neue", Arial; color:#000000;
line-height:1.5em; margin:10px 0px; background:#e0e0e0 url(images/blockquote.png) no-repeat 10px 10px; }
blockquote.download { padding:1px 10px 1px 42px; background:#e0e0e0 url(images/download.png) no-repeat 10px 18px;}
blockquote a { color:#303030 !important; background:url(images/dots_trans.png) repeat-x bottom !important; }
blockquote a:hover { color:#000000 !important; }
code, kbd, var { font: 12px Monaco, monospace; }
strong { font-weight:bold; }
em { font-style:italic; }
input, textarea { font:12px "Helvetica Neue", Arial; }
/* Text Sizes */
h1 { font:2.0em "Helvetica Neue", Arial; letter-spacing:-0.085em; font-weight:bold; text-transform:uppercase; }
h2 { font:2.0em "Helvetica Neue", Arial; letter-spacing:-0.065em; font-weight:bold; color: #666352; }
h3 { font:1.2em "Helvetica Neue", Arial; letter-spacing:-0.025em; }
h4 { font:1.2em "Helvetica Neue", Arial; letter-spacing:-0.005em; font-weight:bold; color: #2f2f2f; }
h3#respond {margin-top:30px; }
h3#trackback {margin-top:30px; }
small { font-size:0.9em; }
/* Structure */
#wrapper { margin:0 auto; width: 990px; padding-top:15px; padding-bottom:0px;}
#page { padding-top:15px; padding-bottom:15px; }
#wrapper-leftcol { width:765px; float:left; }
/* Header*/
#searchbar {padding-top:5px; }
#nav-bar { margin-bottom: 15px; }
#nav-bar .left { width:775px; float:left; height:20px;}
#nav-bar .right { width:200px; float:right; height:17px; font-size:0.75em; padding-top:3px; text-align:center; }
#nav-bar a { text-decoration:none; }
#topcol { padding-bottom:15px; font:11px "Helvetica Neue", Arial; width:790px; float:left; }
#topcol .menu { width:365px; padding:10px 15px 15px 15px; float:left; display:inline; }
#leftleft { width:200px; float:left; }
#leftcol { width:200px; float:left; padding:15px 0px 15px 0px; font:11px "Helvetica Neue", Arial; }
#leftcol ul { margin-bottom:15px; }
#leftcol .textwidget, #leftcol p {padding:0px 0px 15px 0px;margin:0;}
#leftcol .avatar, #about .avatar{ float:left; padding:0px; border:1px solid #dedede; margin:0px 10px 5px 0px; }
#topcol h3, #leftcol h3, #topleftcol h3, #bottomleftcol h3 { font:14px "Helvetica Neue", Arial; font-weight:bold; margin-bottom:5px; color:#202020; }
#topcol li { font:11px "Helvetica Neue", Arial; }
/* Aligned List */
#topleftcol { width:200px; padding:10px 0px 15px 0px; float:left; margin-right:15px; font:11px "Helvetica Neue", Arial; }
#bottomleftcol { width:200px; padding:0px 0px 15px 0px; float:left; margin-right:15px; font:11px "Helvetica Neue", Arial; }
#topleftcol { margin-bottom:10px; }
#bottomleftcol { margin-top:0px; }
#topleftcol a, #bottomleftcol a { color:#2f2f2f; }
#topleftcol a:hover, #bottomleftcol a:hover { color:#000000; }
#topleftcol ul, #bottomleftcol ul { clear: both; padding:0; }
#topleftcol li, #bottomleftcol li { padding: 2px 0px; background:url(images/dots_trans.png) repeat-x bottom; }
#topleftcol a.title:link, #topleftcol a.title:visited, #bottomleftcol a.title:link, #bottomleftcol a.title:visited { display: block; float: left; }
#topleftcol h3, #bottomleftcol h3 { color:#2f2f2f; }
#leftbar-middle a, #bottomleftcol a , #featured a { text-decoration:none; }
/* List */
.dotlist li, #leftcol li { padding: 2px 0px; list-style:none; background:url(images/dots_trans2.png) repeat-x bottom; }
/* Content Page*/
#centercol { width:540px; min-height:500px; float:left; margin-left:25px; display:inline; font-size:0.75em; overflow: hidden; }
#centercol a, #centercol h2 a, #centercol p a, #twitter a { color:#2f2f2f; }
#centercol a:hover, #centercol h2 a:hover, #centercol p a:hover, #twitter a:hover { color:#000000; }
#centercol h2 { color:#2f2f2f; font-size: 2.0em; }
#centercol h3, #twitter h3 { margin-top:5px; font:14px "Helvetica Neue", Arial; font-weight:bold; margin-bottom:7px; color:#2f2f2f; }
#centercol h2 a { text-decoration: none; }
#centercol h2 a:hover, #centercol h2 a:visited { color: #000000; }
#centercol ul.dotlist li { margin:0; padding:4px 0px; }
#centercol ul.dotlist li a { text-decoration: none; font:12px "Helvetica Neue", Arial; }
#centercol ul.dotlist { margin-bottom:10px; }
#centercol ul.dotlist li a:hover { color:#707070; }
#popular { background:#efefef; width:500px; margin-bottom:15px; padding:10px 20px 10px 20px; }
#content { width:500px; padding:10px 20px 20px 20px; background:#efefef;}
#content .clearfloat { margin-bottom: 15px; padding-bottom:15px; }
.entry { font:12px "Helvetica Neue", Arial; width:500px; }
.entry p { line-height:1.85em; margin: 15px 0px; }
.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 ol, .entry ul { margin-left:30px; }
.entry ol li { list-style:decimal; line-height:1.75em; }
.entry ul li { list-style:square; line-height:1.75em; }
#content .bread { color:#444444; font-size:0.9em; font-weight:bold; }
#content .bread, #content .bread a { color:#444444; }
#content .post small.postmetadata, #content .post small.postmetadata a { font:14px "Helvetica Neue", Arial; font-weight:bold; color:#444444; letter-spacing:-0.03em; text-decoration:none; }
#content .post small.postmetadata a:hover, #content .bread a:hover { color: #0000000; }
#content .tweets { margin-bottom: 15px; padding-bottom:15px; background:url(images/dots_trans.png) repeat-x bottom; }
#content .tweets p { font:12px "Helvetica Neue", Arial; line-height:1.75em; margin:0; padding:0; padding-bottom:10px; color: #2f2f2f; }
#content .tweets small { float:right; font-size:0.75em; }
img.wp-smiley { margin:0; padding:0 }
.gallery { text-align:center; }
.gallery img { border:1px solid #dedede; padding:0px; margin:0px 4px 4px 0px; }
.thumb { border:1px solid #dedede; padding:0px; float:left; margin:0px 10px 0px 0px; }
/* Sidebar*/
#rightcol { width:200px; float:right; padding:5px 0px 0px 0px; font-size:0.65em; }
#about { width:200px; padding:10px 0px 0px 0px; font:12px "Helvetica Neue", Arial; }
#sidenotes { font:11px "Helvetica Neue", Arial; }
#about h3 { font:14px "Helvetica Neue", 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 "Helvetica Neue", Arial; font-weight:bold; padding:2px 0px; margin-top:15px; }
#featured .more { padding:5px 0px; text-align:right; }
.spoiler { padding:10px 0px 0px 0px; }
#featured a, #featured { color:#2f2f2f; }
.spoiler .title { font-size: 11px; font-weight:bold; }
.spoiler img { border:1px solid #dedede; padding:0px; float:left; width:70px; height:70px; }
.spoiler .info { width:120px; float:right; padding-top:2px; }
/* 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; }
#respond p { padding:10px 0px; }
#respond p a { text-decoration:underline; }
div#cancel-comment-reply { display:none; }
#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 { background:#e0e0e0; color:#2f2f2f; padding: 15px; list-style:none; margin-bottom:15px; font-size:12px; line-height:1.75em; }
ul.commentlist li.comment h3#respond { margin-top:15px; }
ul.commentlist li.comment img.avatar { border:1px solid #c0c0c0; margin:0px 0px 5px 8px; float:right; padding:0px; 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:underline; }
ul.commentlist li.comment div.reply { clear:both; display:block; }
ul.commentlist li.comment div.reply a { text-decoration:underline; }
ul.commentlist li.comment p { padding:10px 0px; }
ul.commentlist li.comment blockquote { width:380px; }
ul.children li.comment { margin-top:15px; background:#d0d0d0; color:#2f2f2f; padding: 15px; border:none; list-style:none; margin-bottom:0px; font-size:12px; }
ul.children li.comment img.avatar { border:1px solid #c0c0c0; margin:0px 0px 5px 8px; float:right; padding:0px; width:55px; height:55px; }
ul.children li.comment a { color:#2f2f2f !important; text-decoration:underline; }
#respond textarea { width:98%; }
#respond label { font-weight:bold; }
#respond .field, .field { padding:5px; border:1px solid #d0d0d0; font-size:12px; }
#respond .button, .button { padding:4px 5px; border:1px solid #d0d0d0; font-size:12px; background:#ececec; }
#comments h3 {margin-bottom:20px; }
ul.commentlist li.bypostauthor { }
ul.children li.bypostauthor { }
/* Footer*/
#footer { margin: 0 auto;width: 990px; font-size:0.6em; padding-top:5px; padding-bottom:5px;
color:#4f4f4f; font-weight:bold; text-align:center; }
#footer a { color:#5f5f5f; text-decoration:none; }
#footer a:hover { color:#000000; }
#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; }