/* -------------------------------------------------------------------------------
	Theme Name: Painthink
	Theme URI: http://painthink.com/
	Description: Custom Wordpress theme for <a href="http://painthink.com">Painthink</a>.
	Version: 1.00
	Author: Habieb Alfarouqiy
	Author URI: http://painthink.com/
   ------------------------------------------------------------------------------- */

/* 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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

/* General
------------------------------------ */

body { margin:0px; padding:0px; background-color:#0e0f14; font-family:Arial, Helvetica, sans-serif; font-size:13px; }

#outside_container { background:#000; }

#container { background:url(images/background.jpg) no-repeat top center; min-height:800px; width:100%; padding-bottom: 30px; }

#wrapper { margin:0px auto; width:935px; }

img { border:0px; max-width: 100%; /* not working in IE6*/ }

h1, h2{ margin:0px; font-family:Arial, Helvetica, Sans-serif; color:#fff; line-height:39px; letter-spacing:-1px; font-size:30px; }

h1 a, h2 a{ color:#fff; }

h3, h3 a{ margin:10px 0px 5px 0px; font:bold 1.6em/1em Arial, Helvetica, sans-serif; letter-spacing: -.04em; line-height:21px; color:#fff; }

h4 { margin:10px 0px 5px 0px; font-size:16px; line-height:21px; font-family:Helvetica, Arial, Sans-serif; color:#fff; }

small { color:#595856; font-weight:bold; font-size:11px; margin-bottom:15px; }

a { color:#26689F; text-decoration:none; }

small a { color:#26689F; }

a:hover { text-decoration:none; color:#fff; text-shadow:0 0 5px #0cf; }

a:active { position: relative; top: 1px; }

h1 a:hover, h2 a:hover { color:#fff; text-shadow:0 0 8px #0cf; }

cite { color:#595856; font-weight:bold; font-size:12px; font-style:normal; margin-bottom:15px; }

cite a { color:#26689F; }

pre { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; font-size:15px; background:#000 none repeat scroll 0 0; border:1px #111 solid; padding:10px; overflow:auto; margin-bottom:15px; font-family: Consolas; color:#FEC927; }

::selection { background:#fff; color:#000; } /* Safari */

::-moz-selection { background:#fff; color:#000; } /* Firefox */

/* Header
------------------------------------ */

#header { height:133px; position:relative; display:block; /*background:#007de2;*/ }

#logo { background:url(images/logo.png) no-repeat; /*float:right; */margin-top:15px; }

/* Navigation
------------------------------------ */

#nav { height:50px; position:relative; display:block; /*background:rgba(255, 255, 0, 0.3);*/}

ul.menu { list-style: none; padding: 8px 15px 6px 15px; margin: 0; float: left; text-transform:uppercase; /*background:rgba(255, 0, 0, 0.3);*/ }

ul.menu li { float: left; margin: 0; padding: 0 10px 0 0; position: relative; }

ul.menu li a{ padding: 10px 5px; color: #92a9bd; display: block; text-decoration: none; float: left; }

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

ul.menu li span { width: 17px; height: 35px; float: left; background: url(images/submenu.gif) no-repeat center top; }

ul.menu li span.subhover {background-position: center bottom; cursor: pointer;} 

ul.menu li ul.submenu { list-style: none; position: absolute; left: 0; top: 35px; margin: 0; padding:0 0 10px 0; display: none; background:rgba(40, 40, 40, 0.8); float: left; width: 150px; border: 1px solid #333; -moz-border-radius:0 10px 10px 10px; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; z-index:1000222; }

ul.menu li ul.submenu li{ margin:0 0 0 10px; padding: 0; border-bottom: 1px solid #000; clear: both; width: 130px; }

html ul.menu li ul.submenu li a { float: left; width: 125px; }

html ul.menu li ul.submenu li a:hover { /*--Hover effect for submenu links--*/}

/* Content
------------------------------------ */

#content { /*background:rgba(139, 0, 0, 0.3);*/ padding:0; float:left; width:635px; overflow:hidden; line-height:20px; margin:0; color:#999; }

#content img:hover { -webkit-box-shadow: 0 0px 5px #0cf; -moz-box-shadow:0 0px 5px #0cf; box-shadow:0 0px 5px #0cf; }

.post { /*background:rgba(0, 128, 0, 0.3);*/ padding:15px; clear:both; min-height:280px; margin:0; }

.post-title { float:left; margin-bottom:10px; width:100%; }

.post-title h1, .post-title h2 {margin-bottom:10px;}

.post-cat { font-size:95%; float:left; }

.post-comments { font-size:95%; float: right; }

.article_social_media { float: left; width: 100%; margin-top: -5px; margin-bottom: 5px; }

.article_social_media .twitter_btn, .article_social_media .facebook_btn { float: left; }

.article_social_media .twitter_btn { margin-top: 7px; }

.article_social_media .facebook_btn { width: 75px; margin-top: 7px; margin-right: 15px; }

.preview { margin:10px 0; }

.preview img { width:100%; }

.entry { clear:both; width:auto; }

.entry p { margin-bottom:10px; }

.entry ul, .entry ol   { margin-left:25px; line-height: 22px; margin-bottom:15px; }

.entry ul li { list-style-type: disc; }

.entry ol li { list-style-type:decimal; }

.entry ul ul, .entry ol ol  { margin-bottom:0; }

.tutorial_image { text-align:center; padding:10px 0px; margin:10px 0; }

.tutorial_image img { margin: auto; }

.read-more { margin:0 5px 0 5px; float: left; font-size: 95%; margin-bottom:10px; }

.divider { border-bottom:1px solid #111; width:350px; margin-left:15px; }

.about-author { border:1px solid #111; width:578px; padding:10px 15px; margin:0 0 10px; background: #090909; display: inline-block; }

.about-author h4 { margin: 0 0 10px; text-transform: uppercase; font-weight: bold; color:#595856; font-size:11px; }

.about-author img { float: left; border:1px solid #111; margin:0 15px 5px 0!important; }

.social { float:left; width:100%; background-color:#090909; border-top:1px solid #111; border-bottom:1px solid #111; padding-top:15px; padding-bottom:10px; margin-top:10px; margin-bottom:20px; text-align:center; }

.social ul { margin:auto; padding:0px; display:inline; }

.social ul li { list-style:none; position:relative; display:inline; margin:0 20px; }

.social ul li a img { border: none; }

.breadcrumb { margin:0 15px; padding:10px 0; border-bottom:1px solid #333; font:italic 0.9em Georgia, "Times New Roman", Times, serif; }

/* Related Posts
------------------------------------ */

.related-posts { float:left; width:100%; background-color:#090909; border-top:1px solid #111; border-bottom:1px solid #111; padding-top:15px; padding-bottom:10px; margin-top:10px; margin-bottom:20px; text-align:center; }

.related-posts ul { margin:auto; padding:0px; display:inline; }

.related-posts ul li { list-style:none; position:relative; display:inline; margin:0 5px;}

.related-posts ul li a img { border: none; width:130px; }

/* wp-pagenavi
------------------------------------ */

#content .wp-pagenavi { font-size: 0.9em; text-transform: uppercase; clear: both; font-weight: bold; margin: 15px; text-align: right;}

#content .wp-pagenavi a, #content .wp-pagenavi .current { padding: 3px 7px; background-color:#090909; border:1px solid #111; color: #fff; margin-left: 3px; text-decoration: none; }

#content .wp-pagenavi a:hover, #content .wp-pagenavi .current { color: #595856; }

#content .wp-pagenavi  .extend { background:none; border:none; margin-left: 9px; margin-right: 7px; }

#content .wp-pagenavi .pages { float: left; border:none; margin-left:-2px; background-color:#000; color:#999; }

/* Comment
------------------------------------ */

#comments, #respond h4 { font: bold 1.6em/1em Arial, Helvetica, sans-serif; letter-spacing: -.04em; margin:30px 0 15px 0; }

#comments, .commentlist #respond h4 { /*background:rgba(0,128,0,0.5);*/ }

#comments em, #respond h4 em { font: italic .7em/1em Georgia, "Times New Roman", Times, serif; }

/* commentlist level 1 */

.commentbox { border: 1px solid #333; padding: 15px; padding-bottom: 10px; background: #090909;  }

.commentlist { list-style: none; margin: 0; padding: 0; }

.commentlist li { margin-bottom: 7px; padding: 0; }

.comment-author { margin: 5px 0 10px 95px; border-bottom:1px solid #111; }

.comment-author small { color: #333; font-size: .85em; }

.comment-author cite { font: bold 1.1em/1em Arial, Helvetica, sans-serif; }

.comment-author cite a { text-decoration:none; }

.comment-author cite a:hover { color: #fff; text-decoration:none; }

.avatar { position: absolute; margin: -4px 0 0 -95px; height:80px; width:80px; }

.reply { padding:0; margin-top:20px; }

.comment-reply-link { text-transform: uppercase; font-size: .8em; font-weight: bold; color: #a5907a; text-decoration: none; }

a.comment-reply-link:hover { text-decoration: none; }

.commententry { clear:both; margin-left:95px; }

/* commentlist level 2 */

.children { border-left:1px solid #333; background:transparent url(images/comment-li.gif) repeat-x scroll 0 30px; }

.commentlist ul { margin: 7px 0 0 0; padding:0; list-style:none; }

.commentlist ul li { background: none; margin:0; padding:0; border-bottom:none; }

.commentlist ul li .commentbox { margin-left:40px; margin-top:7px; }

.commentlist ul .comment-author { margin:5px 0 10px 80px; border-bottom:1px solid #111; }

.commentlist ul .avatar { width:64px; height:64px; position:relative; float:left; margin:-5px 10px -15px -80px; }

.commentlist ul .reply { margin-top:10px; }

.commentlist ul .commententry { clear: both; margin: 0 0 0 80px; }

.commentlist ul #respond { margin:0; }

/* commentlist sub levels */

.commentlist ul ul { margin: 7px 0 0 40px; padding: 0; }

/* comment nav */

.comment-nav {
	clear: both;
	float: right;
	margin: -33px 0 0;
	line-height: 1em;
}
.comment-nav a {
	text-decoration: none;
	color: #b8a98a;
	font-weight: bold;
	text-transform: uppercase;
}
.comment-nav a:hover {
	color: #ca6c18;
}
.comment-nav .previous a {
	background: url(img/comment-nav.png) no-repeat 0 -144px;
	padding-left: 18px;
	margin-right: 20px;
}
.comment-nav .previous a:hover {
	background-position: 0 -217px;
}
.comment-nav .previous a:after {
content:  close-quote;
}
.comment-nav .next a {
	background: url(img/comment-nav.png) no-repeat right 3px;
	padding-right: 24px;
}
.comment-nav .next a:hover {
	background-position: right -70px;
}
.comment-nav .divider {
	background: url(img/comments-nav-circle.png) no-repeat center center;
	padding: 0 10px;
}

#respond { margin-bottom:30px; /*background:rgba(0,128,0,0.5);*/ }

#respond .cancel-comment-reply { margin:0; float:right; }

#respond #cancel-comment-reply-link { font-size: .8em; text-transform: uppercase; text-decoration: none; color: #a5907a; font-weight: bold; }

#respond #cancel-comment-reply-link:hover { color: #fff; text-shadow:0 0 8px #0cf; }

#commentform input[type=text] { background: #090909; color: #999; width:210px; margin:10px 5px 0 0; border:solid 1px #333; padding:5px 7px; }

#commentform textarea { background: #090909; color: #999; width:97%; height:200px; padding:10px 7px; border:solid 1px #333; margin:10px 0; font: normal 1em Arial, Helvetica, sans-serif; }

#commentform textarea:focus, #commentform input[type=text]:focus { outline:none; }

#commentform label { font-weight: bold; }

#commentform label small { font-weight: normal; }

#commentform #submit { color: #888; border: 0; background: #333; border: 1px solid #555; padding: 5px 10px; font-weight:bold; cursor:pointer; }

#commentform #submit:hover { color: #fff; } 

/* Sidebar
------------------------------------ */

#sidebar { /*background:rgba(0, 128, 0, 0.3);*/ float: right; font-size:13px; padding:0; width:300px; color:#674f5d; line-height:20px; }

#sidebar ul { /*background:#0C0;*/ list-style: none; margin:0px 0px 15px; padding-right:15px; }

#sidebar ul li { list-style:none; margin:0px 0px 5px 0px; padding:0px; }

#sidebar ul img{ margin:10px 10px 0px 0px; }

#sidebar img:hover { -webkit-box-shadow: 0 0px 5px #0cf; -moz-box-shadow:0 0px 5px #0cf; box-shadow:0 0px 5px #0cf; }

#sidebar h2 { margin:10px 0px 5px 0px; font-size:16px; line-height:21px; border-bottom:1px solid #26272b; }

.popular-posts ul li a { display: block; }

/* search form */

#searchform { margin-top: 15px; }

#searchform input{ background:#090909 url(images/search.png) no-repeat 253px 0px ; color:#666; outline: none !important; display: block; padding: 2px 10px; top: 9px; border: 1px solid #26272b; width: 263px; }

#searchform input:focus{ background:#090909; color:#fff; }

/* social media */

#socialmedia { height:50px; position:relative; display:block; margin-top:-10px; /*background:rgba(255, 255, 0, 0.3);*/ }

#socialmedia img:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.top_rss { float:left; margin-right:21px; }

.follow_me { float:left; margin-right:21px; }

.subscribe_email { float:left; margin-right:21px; }

.my_facebook { float:left; margin-right:21px; }

.my_flickr { float:left; position:absolute; right:-9px; }

/* featured posts */

#featured { height:500px; display:block; margin-bottom:15px; /*background:rgba(255, 255, 0, 0.7);*/ }

#featured li  { float: left; width: 285px; padding: 10px 0; list-style: none; }

#featured li a  { padding: 0; background: none; border: none; }

#featured span  { display: block; }

#featured span.thumb  { float: left; width: 80px; }

#featured .right  { float: right; width: 190px; font-size: 12px; line-height: 18px; }

#featured .right h4  { font-size: 13px; line-height: 20px; }

#featured .right h4 a  { line-height: 20px; }

/* flickr */

#flickr h3  {}

#flickr h3 span{color:#0061D8;}

#flickr h3 span span{color:#FF1183;}

#flickr .flickr_badge_image  { width: 75px; float: left; margin: 15px 34px 0 0; }

#flickr .pictures  { margin-right: -28px; }

#flickr a img  { float: left; display: block;}

/* recent comments */

.recent-comments { float: left; }

.recent-komen { margin: 0; margin-bottom: 10px; min-height: 50px; float: left; }

.komentar { margin-left: 55px; margin-top: -50px; }

.kjgrcGravatar { margin-left: 0; }

/* Footer
------------------------------------ */

#footer { border-top:1px solid #26272b; padding:0px 50px 80px 50px; color:#595856; font-size:10px; line-height:50px; }

#credit { margin:0px auto; width: 938px; }

#footer span { display:block; float:left; width:250px; margin-left:10px; }

#footer a { color:#26689F; text-decoration:none; }

#footer a:hover { text-decoration:none; color:#fff; }