/*  
Theme Name: ColorLabs Project - The Club
Theme URI: http://platformate.com/
Description: ColorLabs Project - The Club
Version: 1.0
Author: Michael Jubel Hutagalung
Author URI: http://colorlabsproject.com/
*/

/* 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; }
:focus { outline: 0; }
a:focus { outline: none; }
body {line-height: 1; color: black; background: white; }
ol, ul { list-style: none;}
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;}
html, body { height: 100%; }
body { font: 100% Arial, Helvetica; background:#303030 url(images/twirl.gif) repeat fixed; }
p { margin: 5px 0; }
a:link, a:visited { color: #000000; text-decoration:none; cursor: pointer;}
a:hover, a:active { color: #404040; text-decoration:underline; cursor: pointer;}
a img {	border:0; }
code { font: 1.0em 'Courier New', Courier, Fixed; background:#eaeaea; }	
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; }			
acronym, abbr {	border-bottom: 1px dashed #999; }
code, kbd, var { font: 12px Monaco, monospace;}
strong { font-weight:bold; }
em { font-style:italic; }
small { font-size:0.9em; }
span.capital { text-transform:capitalize; }

/* Texts */
h1 { font:2.00em Arial, Helvetica; font-weight:bold; color:#000000; letter-spacing: -0.7px; }
h2 { font:2.00em Arial, Helvetica; font-weight:bold; color:#000000; letter-spacing: -0.6px; }
h3 { font:1.75em Georgia, Arial, Helvetica; font-weight:normal; color:#000000; letter-spacing: -0.5px; }
h4 { font:1.20em Arial, Helvetica; font-weight:bold; color:#000000; letter-spacing: -0.4px; }
h5 { font:1.0em Arial, Helvetica; font-weight:bold; color:#000000; letter-spacing: 0px; }

/* Structure */
.wrapper { width:925px; font:12px Arial, Helvetica, Verdana; background:transparent url(images/bg75.png); padding:0 20px; color: #404040; height: auto; height: auto !important; margin: 0 auto; }
#masthead { margin:0px; padding-bottom:40px; }
#about { margin-bottom:15px; background:#536c79 /*url(images/white-noise.png)*/;  font:12px Arial, Helvetica; }
#footer { padding-bottom:10px; color:#707070; font-size:11px;}

#about a { color:#ffffff; font-weight:normal; }
#about a:hover { text-decoration:underline; }

/* Master Header */
#masthead .alignleft { margin-top:15px; }
#masthead .alignright { margin-top:32px; }

ul#topnav { list-style:none; margin:0; padding:0;}
ul#topnav li { text-transform:capitalize; list-style:none; display: inline; margin-left:10px;}
ul#topnav li a { padding:7px 9px; background:#f7fafd; font-weight:bold; line-height:29px; /* border:1px dotted #34525f; */ color:#505050; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
ul#topnav li a:hover { text-decoration:none; background:#e0effd; /* border:1px dotted #909090; */ }

ul#topnav li.current-page a { background:#536c79; color:#ffffff; }
ul#topnav li.rss a { background:#ffe7dc url(images/rssicon.png) no-repeat 6px 8px; padding-left:24px; }
ul#topnav li.rss a:hover { background:#fed2bc url(images/rssicon.png) no-repeat 6px 8px; }

/* BreadCrumb */
#item_welcome.breadcrumb { font-size:11px; padding:5px 15px; }

/* Presentation */
#item_welcome { width:895px; height: auto; background:#536c79 /* url(images/white-noise.png) repeat */; margin-bottom:20px; color:#ffffff; padding:10px 15px; font-size:14px; overflow: hidden; }

#item_welcome a { color:#ffffff; }
#item_welcome a:hover { text-decoration:underline; }

/* Accordion */
.accordion h3 {	background:transparent url(images/arrow-square.png) no-repeat right 3px; margin: 0; padding:0px; cursor: pointer; }
.accordion h3.active { background-position: right -53px; }

.slider-item { background:transparent url(images/bg50.png) repeat; margin-bottom:20px; padding:10px 15px 10px 15px; font-size:14px; color:#303030; }
.slider-item p { line-height:22px; padding-top:5px; padding-bottom:0;}
.slider-item small { font-size:12px; font-style:italic; }
.slider-item img.alignright { margin:0 0 0 15px; }
.slider-item ul { margin-top:15px; margin-bottom:0px; }
.slider-item ul li, ul.floated li { display:inline; list-style-type:none; padding:0; }

.slider-item ul li a { float:left; display:block; height:15px; width:91px; background:transparent url(images/read_view.png) no-repeat 0 0; text-indent:-9009px; padding-right:50px; }

.slider-item ul li.more a { background-position: 0 -30px; }
.slider-item ul li.more a:hover { background-position: 0 -15px; }
.slider-item ul li.demo a { background-position: 0px -75px; }
.slider-item ul li.demo a:hover { background-position: 0px -60px; }
.slider-item ul li.buy a { background-position: 0px -120px; }
.slider-item ul li.buy a:hover { background-position: 0px -105px; }

.entry .doc-item { background:transparent url(images/bg50.png) repeat; margin-bottom:20px; padding:10px 15px 10px 15px; font-size:12px; color:#303030; }
.entry .doc-item ol { background:none !important; padding:0px !important; }

ul.floated { margin-top:2px; }
ul.floated li a { float:right; display:block; height:15px; width:91px; background:transparent url(images/read_view.png) no-repeat 0 0; text-indent:-9009px; }

ul.floated li.more a { background-position: 0 0px; }
ul.floated li.more a:hover { background-position: 0 -15px; }

/* Content */

#column-1 { width:295px; float:left; margin:0px; }
#column-2 { width:295px; float:left; margin:0px 0px 0px 20px; }
#column-3 { width:295px; float:right; margin:0px; }

.item { background:transparent url(images/bg50.png); padding:10px; margin-bottom:20px; line-height: 20px; /* border:1px solid #f3f4f6; */ }
.item a { font-weight:bold; color:#000000; padding-bottom:1px; }
.item a:hover { color:#808080; }
.item h3 { margin-bottom:5px; text-align:left; text-transform:lowercase; font:1.55em Arial, Helvetica; font-weight:bold; color:#000000; letter-spacing: -0.5px; font-size:15px; }

.item_login, .item_register { background:transparent url(images/bg_h.png); /* border:1px solid #d9f0fe;*/ }

#column-3 a img { border:1px solid #f2fbff; margin-top:5px; }
.item-blank { padding:10px 15px 15px 15px; margin-bottom:20px; line-height: 20px; background:transparent url(images/bg50.png); }
.item-blank a { font-weight:bold; color:#000000; padding-bottom:1px; }
.item-blank a:hover { color:#808080; }
.item-blank h3 { padding-bottom:5px; text-align:left; text-transform:lowercase; font:1.55em Arial, Helvetica; font-weight:bold; color:#000000; letter-spacing: -0.5px; font-size:15px; border-bottom:1px dotted #c7c7c7; margin-bottom:5px; }

.item_forum h3 a.rsswidget { display:none; }
.item_forum cite { text-transform:capitalize; }

.item img.avatar { border:1px solid #f2fbff; padding:4px; margin:5px 0px 5px 5px; width:60px; height:60px; float:right; background:#ffffff; }

.item ul li { margin:0; padding:5px 0px 5px 0px; border-bottom:1px dotted #c7c7c7; background:url(images/li_circle.png) no-repeat 0px 12px; padding-left:15px; }
.item ul.link li, .item ul li.aktt_more_updates { background:url(images/li_arrow.png) no-repeat 0px 11px; border:none; list-style:none; margin:0; padding-left:15px; }
.item ul li p {margin:0; padding:0; }

#middle img.wp-smiley { margin:0; padding:0; vertical-align: text-bottom; }

.item ul.signedin { float:left; width:180px; }

.orange { background:#ffe4b0; }

span.bubbly { float:right; background:url(images/bubble.gif) no-repeat left; padding-left:15px; }
span.bubbly a { font-weight: normal; }

/* Content */
#leftcol { float:left; width:110px; line-height: 20px; margin-bottom:20px; margin-right:20px; }
#content { float:left; width:610px; line-height: 20px; }

#leftcol ul li { list-style:none; margin:0; }

#content h3.pagetitle { padding:15px; background:#f0f0f0; /* border:1px solid  #c7c7c7; */ margin-bottom:20px; }

.post { margin-bottom:20px;  }

.post .postheader { padding:10px 15px; /* border:1px dotted #c7c7c7; border-bottom:none; */ background:transparent url(images/bg50.png);
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
}

.post .postheader h2 a {text-decoration:none;}
.post .postheader h2 a:hover {text-decoration:none;}

.post .timestamp { float:left; width:40px; background:#404040;color:#ffffff;text-align:center; padding:5px 5px 0px 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.post .posttitle { float:right; width:515px; }

.post .entry { padding:15px 15px 5px 15px; /* border:1px solid #c7c7c7; */ background:transparent url(images/bg50.png);
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
    border-top-left-radius:0px;
 }

.post .entry { line-height:20px; }
/* .post .entry h3 { margin-bottom:10px; } */
.post .entry h4 { margin-bottom:10px; }
.post .entry p { margin:0px 0px 15px 0px; /* text-align:justify; */ }
.post .entry blockquote { font:12px Georgia, Garamond, "Times New Roman"; color:#707070; line-height:20px; font-style:italic; background:#f8f8f8; padding:15px 15px 1px 15px; margin-bottom:15px; }

.post .entry img.alignleft, .post .entry img.left { border:none; background:none; padding:0px; display:inline; margin:5px 15px 15px 0px; }
.post .entry img.alignright, .post .entry img.right { border:none; background:none; padding:0px; display:inline; margin:5px 0px 15px 15px; }

.post .entry #screenshots img { margin:0px 6px 12px 6px; padding:3px; width:125px; height:125px; background:#ffffff;}

.post .entry a { text-decoration:underline; }
.post .entry ul, .post .entry ol { margin-bottom:15px; /* border:1px dotted #fee5ab; */ background:#FFFBEB; padding:5px 10px; }
.post .entry ul li { list-style:circle; padding-left:5px; margin:10px 0px; margin-left:25px; }
.post .entry ol li { list-style:decimal; padding-left:5px; margin:10px 0px; margin-left:25px;  }
.post .entry small { font-size:11px; font-style:italic; }
 
.post .postheader .posttitle h2 a { text-decoration:none; }
 
.post .entry table { margin-bottom:15px; border-top:1px dotted #c7c7c7; border-left:1px dotted #c7c7c7;  }
.post .entry th { background:#86959e; color:#ffffff; font-weight:bold; padding:3px 10px; border-bottom:1px dotted #c7c7c7; border-right:1px dotted #c7c7c7; }
.post .entry td { background:#f4fbff; padding:3px 10px; border-bottom:1px dotted #c7c7c7; border-right:1px dotted #c7c7c7;  }

div.impose {
    background:transparent url(images/bg_black.png);
    position:relative; z-index:2;
    padding:0px;
    margin-top:-60px;
    margin-bottom:35px;
}
p.description {
    font-size:11px;line-height:11px;
    margin:0px;
    color:#fff;
    padding:8px 10px;
}
 
/* Notes Etc. */
.notes { padding:5px 15px; background:#f2fbff; margin-bottom:20px; /* border:1px solid #ffcac1; */ font-size:11px; line-height:20px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
.notes a { text-decoration:underline; }
.testimony { background:#f4f4f4; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font:12px Georgia, Garamond, "Times New Roman"; text-align:center; line-height:22px; padding:10px 10px; margin-bottom:20px; }

.post-container { margin-bottom:15px; }
.post-col1 { width:258px; padding:10px; float:left; text-align:center; background:#f8f8f8; border:1px solid #e0e0e0; }
.post-col2 { width:258px; padding:10px; float:right; text-align:center; background:#f8f8f8; border:1px solid #e0e0e0; }

/* Comment */
div#comments { margin-bottom:20px; }
div#comments h3 { margin-bottom:15px; }
div#comments a { text-decoration:none; }
div#comments a:hover { text-decoration:underline; }
div.reply { margin-top:15px; text-align:right; font-size:11px; }
ul.commentlist li { list-style-type:none; list-style-image:none; margin:0; padding:0; }
ul.commentlist li.pingback, ul.commentlist li.trackback { display:none; }
div#comments cite.fn { font-size:14px; font-weight:bold; color:#000000; }
ul.commentlist li.comment div.reply { clear:both; display:block; }
ul.commentlist li.comment p { margin:10px 0px 0px 0px; padding:0; }
ul.commentlist li.comment .commentmetadata { font-weight:normal; color:#303030; font-size:11px; }

div.ddfmwrap, div.bluebox { background:#EBF8FF; padding:15px; margin-top:20px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

div.bluebox p, ul.commentlist li.comment div.bluebox p { margin:0; padding:0px; line-height:16px; }

ul.commentlist li.comment { color:#4d4d4d; padding: 10px; background:transparent url(images/bg50.png); list-style:none; margin-top:15px; font-size:12px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
ul.commentlist li.comment img.avatar { margin:0px 0px 5px 10px; float:right;  padding:4px; background:#ffffff; }	

ul.commentlist li.bypostauthor { background:#EBF8FF; }


ul.children li.comment { margin-top:15px; }

/* Forms */
input.button:hover, a#cancel-comment-reply-link:hover { border:1px solid #303030; text-decoration:none; }
input.button, a#cancel-comment-reply-link { cursor:pointer; color:#ffffff; background:#537489; font:11px Verdana; font-weight:bold; border:1px solid #33505e; padding:4px 5px; vertical-align:middle; }

a#cancel-comment-reply-link { line-height:15px; float:right; }

input.textinput { border:1px solid #d9f0fe; color:#3A3A3A; padding:3px; width:98%; background:#ffffff; }
textarea { border: 1px solid #d9f0fe; padding: 3px; width:98%; font:12px Arial, Helvetica, Verdana; line-height:20px; background:#ffffff; }

/* Borders */
.border-4 { -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.border-7 { -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/* About */
#about { padding:15px; line-height: 22px; color:#ffffff; }
#about h3 { color:#ffffff; }

/* Foooter */

.footer { clear: both; width:925px; margin:0 auto; background:transparent url(images/bg75.png); padding:0px 20px 0px 20px; font:11px Arial, Helvetica; color:#303030; }
.footer p { margin:0; padding:0; }
.footer a {color:#404040; font-weight:bold;}
.footer a:hover {color:#000000; }
.footer ul#nav { margin-bottom:10px; }
.footer ul#nav li { display:inline; padding:0px 20px; background:url(images/dots_blue.gif) repeat-y left; }
.footer ul#nav li.first { background:none; }

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