/* 
Theme Name: Minimalista
Theme URL: http://www.karimhossenbux.com/
Description: Full minimalist Ajax template
Author: Karim Hossenbux
Author URI: http://www.karimhossenbux.com
Version: 1.1
*/


@import url(css/reset.css);
@import url(css/global.css);
@import url(css/jscrollpane.css);

body { background-color:#fff; padding:10px; }


*/ ### Lightbox ### */

#lightbox{
position: absolute;
left: 0;
width: 100%;
text-align: center;
line-height: 0;
}
 
#lightbox a img{ border: none; }

a.lightbox:hover{ opacity:.8; }
 
#outerImageContainer{
z-index:9000;
position: relative;
width: 250px;
height: 250px;
margin: 0 auto;
padding-top:40px;
}
 
#imageContainer{
}
 
#loading{
z-index:9000;
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
display:table;
background-color:Transparent;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
 
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }
 
/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
background-color:rgb(0, 175, 194); padding:8px 12px 8px 12px; 
color:#fff;
text-decoration: none;
}
a#nextLinkText{
margin:0 0 0 12px;
}
a#prevLinkText{
margin:0 12px 0 0; 
}
a#nextLinkText:hover{
background-color:#00cde3;
}
a#prevLinkText:hover{
background-color:#00cde3;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/
 
.ontop #imageData {
    padding-top: 5px;
}
 
/*** END : added padding when navbar is on top ***/
 
#imageDataContainer{
margin:0;
position:relative;
z-index:12000;
font: 10px Verdana, Helvetica, sans-serif;
margin: 0 auto;
left:-10px;
line-height: 1.4em;
}
 
#imageData{
padding:10px 0 0 120px; margin:0 auto; display:table; width:500px; text-align:center;
}
#bottomNav { z-index:9000; position:absolute; }
#imageData #imageDetails{ font-size:1.4em; width: 70%; float: left; text-align: left; font-family:arial; }
#imageData #caption { display:none !important; position:absolute; left:-2000px; }
#imageData #numberDisplay{ color:#252626; display: block; clear: left; padding-bottom: 1.0em; text-align:center; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#imageData #helpDisplay {clear: left; float: left; display: block; }
 
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 900;
width: 100%;
height: 500px;
background-color: #fff;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
display: none;
}
 
 
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
 
* html>body .clearfix {
display: inline-block;
width: 100%;
}
 
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
 
#lightboxIframe {
display: none;
} 


*/ ### Custom ### */

body { color:#000; }
a { color:#fff;}

/* ### Header ### */

#header .menu li a:hover { color:#00cde3; }
#header .menu { margin:110px 0 0 -8px; }

/* ### Content ### */
#content { color:#fff; }

/* ### Ajax loaded post ### */
#load_post { }
#load_post .posts h2, #load_post .posts div, #header .menu li a {
	
}
#load_post .posts h2, #load_post .posts h2 a, #load_post .posts div, #header .menu li a {
	color:#252626; cursor:pointer;
}
#load_post .posts h2 span { font-family:arial; font-size:.8em; }
#load_post .posts div {
	
}
#load_post .posts span {
	color:#666;
}



/* ### Full post in the middle ### */
#full_post {
	color:#fff;
}

#full_post img { margin:0; padding:0; }
#full_post .lightbox { float:left; margin:0 15px 15px 0; }
#full_post .title {
font-family:georgia;
	background:url(../../images/bg_trans.png) repeat scroll 0 0 transparent;
	color:#252626;
	font-size:3em;
	margin:0 0 15px 0;
	padding:6px 0;
line-height:1.4em;
	display:inline-block;
}
#full_post .entry {
	color:#d5d6d2;
font-family:georgia;
	display:block;
}

#full_post .entry img { margin:8px 0 0 0; }

#full_post .entry a { 
	color:rgb(0, 175, 194);
}
#full_post .entry li {
	list-style-image: url(list_dot.png);
}
#full_post .info {
display:none;
font-family:georgia;
	color:#cacaca;
	background:url(../../images/bg_trans.png) repeat scroll 0 0 transparent;
}
#full_post .info a { color:rgb(0, 175, 194); }
#full_post .info span {
	color:#666;
}



/* ### Footer ### */

#logo h1 { font-family:arial; font-size:1.3em; left:23px; top:19px; position:absolute; width:600px; z-index:300; }
#logo h1 span { color:#252626;text-transform:uppercase; }
#logo h1 a { color:#8e908f; }
#footer .menu ul li a:hover, #footer .menu ul li a.actived_page { color:#00afc2; }
#footer .menu { color:#fff; background:url(../../images/bg_trans.png) repeat scroll 0 0 transparent; }
#footer .menu ul li { float:left; margin:0 14px 0 0; }

#footer .menu ul li a { color:#252626; }

#footer { border-top:1px solid #d5d6d2; top:50px; left:15px; position:absolute; width:100%; z-index:100; }
#footer .menu { font:1.2em arial; color:#000; }
#footer .menu ul { float:left; margin:0 15px; }
#footer .menu ul li { margin-bottom: 2px; }


/* ### Others ### */
.actived_cat {

	color:#00afc2!important;
}
a.jScrollArrowUp {
	background: url(arrow_up.png) repeat-x 0 0;
}
a.jScrollArrowDown {
	background: url(arrow_down.png) repeat-x 0 0;
}
.jScrollPaneTrack {
	background: #d5d6d2;
}
.jScrollPaneDrag {
	background: rgb(0, 175, 194);
}
#loading {
	background-color:#fff;
}




/* ### Header ### */

#header .menu {
	position:absolute;
	z-index:200;
}
#header .menu li {
	margin-bottom:5px;
}
#header .menu li a {
	display:inline-block;
	font: 14px/30px arial;
	padding:0 20px 0 23px;
	cursor:pointer;
color:#424525;
}



/* ### Content ### */
#container {
	width:100%;
	height:100%;
	overflow:hidden;
}
#content {
	height:100%;
	position:absolute;
	right:0;
	top:0;
	width:100%;
	text-align:right;
}
.actived_cat {
	padding-left:20px;
}
#homepage {
	width:75%;
	position:absolute;
	top:30%;
	right:50px;
color:#252626;font-family:georgia; font-size:4em; line-height:1.7em;
}
#homepage h1 { 
	font-size:30px; margin:25px 0;
}
#homepage h2 {
	font-size:26px; margin:15px 0;
}
#homepage h3 { 
	font-size:22px; margin:8px 0;
}
#homepage h4 {
	font-size:18px; margin:5px 0; 
}
#load_post {
	position:absolute;
	top:0;
	right:-300px;
	margin:20px 0;
}

#load_post .posts a.preview {
	display:block;
	width:100%;

}
#load_post .posts {
	width:220px;
	height:135px;
margin-bottom:75px;
	border-right:none!important

}
#load_post .posts:hover { opacity:.9; }
#load_post .posts h2 { display:block; margin:8px 0 0 0; width:220px; font-family:georgia; font-size:1.3em; text-align:left; position:relative; top:135px; float:left; padding:0 2px 6px 0; }
#load_post .posts h2 a {cursor:pointer; display: block;width:100%; height:100%; margin:0 0 3px 0; }

#load_post .post h2.actived_post {
	filter: alpha(opacity=40);
	-khtml-opacity: 0.4;
	-moz-opacity: 0.4;
	opacity: 0.4;
}
#load_post .posts span {
	font-size:10px;
	font-weight: normal;
}
#load_post .posts div {
	font-size:10px;
	padding:2px 5px 2px 2px;
	position:absolute;
	bottom:-1px;
	right:0;
	text-align:right;
	width:45px;
}
#full_post {
	text-align:left;
	border-top:none;
	width:1px;
	position:absolute;
	top:0;
	padding: 5px 0;
	margin-top:100px;
	display:none;
}

#full_post .entry a:hover { 
	text-decoration:underline;
}
#full_post .entry p {
	line-height:1.9em; font-size:1.3em;
font-family:arial;
color:#252626;
	margin-bottom:15px;
}
#full_post .entry ul, #full_post .entry ol {
	margin:0 0 20px 25px;
}

#full_post .entry h1 {
	font-size:22px;
	margin:15px 0;
}
#full_post .entry h2 {
color:#252626;
	font-size:20px;
	margin:12px 0;
}
#full_post .entry h3 {
	font-size:18px;
	margin:8px 0;
}
#full_post .entry h4 {
	font-size:16px;
	margin:5px 0;
}
#full_post .info {
	padding:3px 10px;
	display:none;
	font-size:11px;
	float:right;
	margin:15px 10px 0 0;
}



/* ### Others ### */
#loading {
	display:none;
	width:32px;
	height:32px;
	padding:5px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-16px;
	margin-left:-16px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#network {
width:80%;
	position:absolute;
padding-top:15px;
	top:0;
	left:10px;
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}

#network li {
	float:left;
	margin-right:4px;
}

#load_post:hover #scroll_indicator { opacity:1; }

#scroll_indicator {
bottom:0;
	z-index:100;
	width: 105px;
	height: 31px;
	position: absolute;
	right:250px;
opacity:.6;
bottom:14px !important;
	background: transparent url(images/scrolldown.png) no-repeat 0 0;
}