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


/* ### Header ### */
#logo h1 {
	left:0;
	bottom:20px;
	opacity:0.99;
	position:absolute;
	width:200px;
	height:70px;
	z-index:300;
}
#header .menu {
	position:absolute;
	z-index:200;
}
#header .menu li {
	margin-bottom:5px;
}
#header .menu li a {
	display:inline-block;
	font:bold 10px/30px Verdana;
	padding:0 20px 0 10px;
	text-transform:uppercase;
	cursor:pointer;
}



/* ### Content ### */

#bgimg {
	 width: 100%; 
         height: 100%; 
         font-size: 0px; 
         position: absolute; top: 0px; 
         left: 0px; z-index: -1; text-align: center; 
} 

#bgimg img { 
         width: 100%; 
         position: absolute; 
         top: 0px; left: 0px; 
         display: none;
}

#container {
	width:100%;
	height:100%;
	overflow:hidden;
}

.raster {
background: transparent url(images/raster.png) repeat 0 0;
}
.entry_bg {
background: transparent url("images/bg_trans.png") repeat 0 0;
}

#content {
	height:100%;
	line-height:18px;
	position:absolute;
	right:0;
	top:0;
	width:100%;
	text-align:right;
}
.actived_cat {
	padding-left:20px;
}
#homepage {
	width:75%;
	position:absolute;
	top:80px;
	right:80px;
}
#homepage h1 { 
	font-size:30px; margin:35px 0;
}
#homepage h2 {
	font-size:26px; margin:35px 0;
}
#homepage h3 { 
	font-size:22px; margin:25px 0;
}
#homepage h4 {
	font-size:18px; margin:15px 0; 
}
#load_post {
	position:absolute;
	top:0;
	right:-300px;
	margin:20px 0;
}
#load_post .posts {
	width:220px;
	height:140px;
	border-right:none!important;
	margin-bottom:15px;
}
#load_post .posts a.preview {
	display:block;
	width:100%;
	height:100%;
}
#load_post .posts h2 {
	width:218px;
	text-align:left;
	font-weight:bold;
	float:left;
	margin:5px 0 0 -9px;
	padding:2px 2px 2px 5px;
}
#load_post .posts h2 a {
	cursor:pointer;
	display: block;
	width:100%;
	height:100%;
}
#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:25px;
	display:none;
}
#full_post .title {
	font-size:28px;
	margin-bottom:20px;
	padding:6px 10px;
	display:inline-block;
}
#full_post .entry {
	padding-left:15px;
	display:block;
}
#full_post .entry * {
text-shadow: 1px 1px 1px #000000;
} 
#full_post .entry a { 
	font-weight:bold;
}
#full_post .entry a:hover { 
	text-decoration:underline;
}
#full_post .entry p {
	line-height:18px;
	margin-bottom:15px;
}
#full_post .entry ul, #full_post .entry ol {
	margin:0 0 20px 25px;
}

#full_post .entry img {
	padding:2px;
	margin:10px;
}
#full_post .entry h1 {
	font-size:22px;
	margin:15px 0;
}
#full_post .entry h2 {
	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:inline-block;
	font-size:11px;
	float:right;
	margin:15px 10px 0 0;
}


/* ### Footer ### */
#footer {
	bottom:20px;
	height:70px;
	left:202px;
	position:absolute;
	width:100%;
	z-index:100;
}
#footer .menu {
	height:54px;
	font:10px Tahoma;
	text-transform:uppercase;
	padding: 8px 5px;
}
#footer .menu ul {
	float:left;
	margin:0 10px;
}
#footer .menu ul li {
	margin-bottom: 2px;
}


/* ### 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;
	z-index: 500;
}
#network {
	position:absolute;
	top:10px;
	left:10px;
	filter: alpha(opacity=30);
	-khtml-opacity: 0.3;
	-moz-opacity: 0.3;
	opacity: 0.3;
}

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

#scroll_indicator {
	display: none;
	width: 47px;
	height: 24px;
	position: absolute;
	right:250px;
	top:25px;
	background: transparent url(images/scrolldown.png) no-repeat 0 0;
}