/* -------------------------------------------------------------------------------
	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; vertical-align: baseline; }

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 auto; padding:0px; background-color:#0e0f14; font:13px Arial, Helvetica, Sans-Serif; line-height:20px; color:#999999; }

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

input,select,textarea { font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; }

.alignleft { float: left; }

.alignright { float: right; }

.aligncenter,div.aligncenter{ display: block; margin-left: auto; margin-right: auto; }

.clear { clear:both; }

/* Typography
------------------------------------ */

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

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

cite a { color:#26689F; }

blockquote { padding:0 0 0 30px; background:url("images/blockquote.png") left top no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display:block; line-height:24px; color:#004586; margin:20px 20px 20px 40px; }

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

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

@font-face { font-family: 'ColaborateLightRegular'; src: url('fonts/ColabLig-webfont.eot'); src: local('?'), url('fonts/ColabLig-webfont.woff') format('woff'), url('fonts/ColabLig-webfont.ttf') format('truetype'), url('fonts/ColabLig-webfont.svg#webfont3FAZKDdg') format('svg'); font-weight: normal; font-style: normal; font-variant: normal; }

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { font-family: ColaborateLightRegular, arial, helvetica; color:#ffffff; }

h1, h1 a, h2, h2 a{ margin:0px; line-height:39px; letter-spacing:-1px; font-size:30px; }

h3, h3 a { font-size: 21px; padding-bottom: 0.7em; }

h4, h4 a { font-size: 18px; padding-bottom: 0.7em; }

h5, h5 a { font-size: 14px; }

h6, h6 a { font-size: 12px; }

p { font-size: 1.0em; padding-bottom: 1.1em; }

pre, code { font-family:Consolas,mono-space,monospace; color:#999999; white-space:pre; }

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

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

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

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

#logo { height:111px; padding-top:15px; }

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

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

ul.menu { list-style: none; padding: 9px 10px; margin: 0; float: left; font-size: 1.1em; 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: 7px 5px; color: #92a9bd; display: block; text-decoration: none; float: left; }

ul.menu li a:hover{ color:#fff; border-bottom: none; }

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: 5px 0; display: none; background:#000; background:rgba(40, 40, 40, 0.8); float: left; width: 150px; border: 1px solid #444; -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:100; }

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

ul.menu li ul.submenu li:first-child { border-top: none; }

ul.menu li ul.submenu li:last-child { border-bottom: none; }

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

html ul.menu li ul.submenu li a:hover { border-bottom: none; }

/* 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: 0px; margin-bottom: 10px; }

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

.article_social_media .addtoany { margin-right: 15px; margin-left: -8px; }

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

.article_social_media .facebook_btn { width: 75px; margin-top: 2px; }

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

.tutorial_image small { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display:block; font-size:13px; line-height:24px; margin: auto; font-weight: normal; }

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

.divider { border-bottom:1px solid #111; width:605px; margin:0 0 0 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; }

.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 .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 ColaborateLightRegular, arial, helvetica; 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; padding:0; width:300px; }

#sidebar .widget { /*background:rgba(128, 128, 0, 0.3);*/ float:left; margin:0 0 20px 0; width:285px; }

#sidebar .widget h3, #sidebar .widget h3 a { margin:0 0 15px 0; font-size:16px; line-height:21px; border-bottom:1px solid #26272b; width:100%; padding-bottom:5px; }

#sidebar .widget h3 a { border-bottom:none; }

#sidebar .widget ul { /*background:#0C0;*/ list-style: none; }

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

#sidebar .widget ul li:last-child { margin-bottom:0px; }

#sidebar .widget .ad { margin:auto; text-align:center; }

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

/* search form */

#searchform { margin-top: 15px; }

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

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

/* Tab */

ul.tabs { border-bottom:1px solid #26272B; height: 30px; margin-bottom:15px; padding:0px; }

ul.tabs li { list-style:none; display:inline; }

ul.tabs li a { color: #27221F; padding:13px 0; text-decoration:none; font-size:10px; font-size:16px; font-family: ColaborateLightRegular, arial, helvetica; color:#ffffff; font-weight:bold; }

#tabs1 a, #tabs2 a  { margin-right:44px; }

#tabs3 a  { margin-right:0px; }

ul.tabs li a:hover { color:#fff; text-shadow:0 0 5px #0cf; }

html ul.tabs li.active a  { background:url(images/tab-active.png) no-repeat bottom center; color:#fff; text-shadow:0 0 5px #0cf; padding-bottom:21px; }

.tab_container { clear:both; float:left; width:100%; }

.tab_content li { float:left; }

.tab_content ul li { width:100%; }

.tab_content ul li a { display:block; }

.tag-box { margin:0; text-align:center; }

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