/*  

Theme Name: imagix space
Theme URI: http://www.painthink.com
Description: Custom Wordpress theme for <a href="http://www.painthink.com">painthink</a>
Version: 1.0.
Author: habieb
Author URL: http://www.painthink.com

*/

/* 
	Basic Styles 
*/

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.png) no-repeat top center; min-height:800px; width:100%; }

img { border:0px; }

/*
    Typografi
*/

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

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

h1 { font-size:32px }

h3, h3 a{ margin:10px 0px 5px 0px; font-size:25px; line-height:21px; font-family:Helvetica, Arial, Sans-serif; 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 { 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:#fff2a8; color:#000; } /* Firefox */

/* seo */

strong { font-weight: normal; }


/*
    page
*/

#page { margin:0px auto; width:935px; background-repeat:repeat-y; }

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

#menu { margin:0px; padding:0px; position:absolute; left:15px; top:17px; }

#right_menu { margin:0px; padding:0px; position:absolute; right:5px; top:17px; }

#menu li, #right_menu li { margin:0px; padding:0px; list-style:none; font-size:12px; text-transform:uppercase; display:inline; margin-right:10px; }

#menu li a, #right_menu li a { text-decoration:none; color:#92a9bd; }

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

/* hide the sub nav */

#menu ul { display:none; position:absolute; margin: -1px 0 0 45px; float:left; padding:10px; width:100px; border:1px solid #111; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:0; -moz-border-radius-topright:10px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; background:#300; background:rgba(40, 40, 40, 0.8) none repeat scroll 0 0; } 

/*subnav styling*/

#menu ul li, #menu ul li a { float:none; text-transform:none; font-size:14px; padding:3px 0; display:block; }

#menu ul li a { width:70px; }

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

.submenudiv { border-bottom:1px solid #111; }

/*
	Content
*/

#content { /*background:#ffffff;*/ padding:10px; float:left; width:615px; overflow:hidden; line-height:20px; margin-bottom:50px; }

#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:#0C0;*/ clear:both; padding-top:10px; color:#999; min-height:280px; }

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

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

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

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

.preview { margin-top:10px; }

.preview img { width:100%; }

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

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

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

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

/*
    Related Post
*/

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

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

/*
    comments
*/

#comments_template { border-top:1px solid #111; margin-top:30px; padding-top:30px; }

ol#comments { margin:0px; padding:0px; margin-top:20px; }

ol#comments li { margin:0px; padding:0px; position:relative; padding-left:60px; list-style:none; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #111; }

ol#comments .avatar { position:absolute; top:0px; left:0px; }

ol#comments small a { font-weight:normal; color:#999999; }

ul.commentlist { margin:20px 0px 20px 0px; padding:0px; border-top:1px solid #111; }

ul.commentlist li { margin:0px; padding:10px 0px 20px 90px; position:relative; list-style:none; border:0px; border-top:1px solid #111; background-color:#090909; background-position:1px 1px; }

ul.commentlist .avatar { position:absolute; top:10px; left:10px; }

ul.commentlist .commentmetadata { display:none; }

ul.commentlist ul { margin:20px 0px 20px 0px; padding:0px; }

ul.commentlist ul li { border:0px; border-top:1px solid #111; border-bottom:1px solid #111; border-left:1px solid #111; background-color:#000000; overflow:auto; background-image:none; padding-bottom:0px; padding-left:60px; margin-bottom:10px; }

ul.commentlist ul li .avatar{ width:40px; height:40px; }

/*  
  commentform  
*/

#commentform input { width:210px; color:#666; background:#090909; border:1px solid #111; padding:3px; margin-top:3px; }

#commentform textarea { width:450px; color:#666; background:#090909; border:1px solid #111; padding:3px; margin-top:3px; }

#commentform textarea { height:200px; }

#commentform textarea:focus, #commentform input:focus { background: #090909; color: #fff; }

#commentform #submit{ background:#090909; border: 1px solid #111; width: 120px; font: bold 12px Arial, Helvetica, sans-serif; color: #999999; float:left; margin-right:195px; } 

/*
    Sidebar
*/

#sidebar { /*background: #674f5d;*/ float: right; font-size:13px; padding:10px; width:280px; color:#674f5d; line-height:20px; }

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

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

#flickr { float:left; padding:0px 0px 10px 10px; }

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

/* search form */

#searchform { margin: 15px 0 0 0; }

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

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

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

/*
  wp-pagenavi
*/

#content .wp-pagenavi { font-size: 0.9em; text-transform: uppercase; clear: both; font-weight: bold; margin-bottom: 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 .pages { float: left; border:none; margin-left:-2px; background-color:#000; color:#999; }