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


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

@font-face {
	font-family: 'BebasNeueRegular';
	src: url('font/BebasNeue-webfont.eot');
	src: local('☺'), url('font/BebasNeue-webfont.woff') format('woff'), url('font/BebasNeue-webfont.ttf') format('truetype'), url('font/BebasNeue-webfont.svg#webfontAGQ6uv7S') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
	background-color:#181C21;
	color:#FFF; 
}
a { 
	color:#fff;
}


/* ### Header ### */
#logo h1 {
	left:0;
	bottom:20px;
	opacity:0.99;
	position:absolute;
	width:200px;
	height:70px;
	z-index:300;
	background-color:#000;
}
#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;
}

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


/* ### Content ### */

#firstbg, #secondbg {
	position:absolute;
	z-index: -2;
	top: 0!important;
}

#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;
	color:#fff;
}
.actived_cat {
	padding-left:20px;
	color:#fff!important;
}
#homepage {
	width:75%;
	position:absolute;
	top:80px;
	right:80px;
	padding-top: 45px;
}
#homepage a { border-bottom: 1px solid #fff; }
#homepage h1 {
	line-height: 1em;
	font-size:52px; margin:0 0 25px; font-family: BebasNeueRegular;
	background: url("images/bg_trans.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    padding: 10px 10px 0;
    display: inline-block;
    text-shadow: 0 -1px 5px #000, 0 1px 1px #000;
}
#homepage h2 {
	line-height: 1em;
	font-size:32px; margin:0 0 10px; font-family: BebasNeueRegular; text-shadow: 0px -1px 4px #000, 0px 1px 1px #000;
	letter-spacing: 1px;
	word-spacing: 2px;
	text-transform: uppercase;
}
#homepage h3 {
	line-height: 1em;
	font-size:20px; margin:0 0 10px; font-family: BebasNeueRegular; text-shadow: 0 -1px 4px #000, 0 1px 1px #000;
	letter-spacing: 1px;
	word-spacing: 1px;
	text-transform: uppercase;
}
#homepage h4 {
	line-height: 30px;
	font-size:20px; margin:15px 0; font-family: BebasNeueRegular; text-shadow: 0 -2px 3px #000, 0 1px 1px #000;
}
#contact h3 { 
	font-size:36px; margin:5px 15px 20px; text-align: left!important; text-transform: uppercase; text-shadow: 0 -2px 5px #000000, 0 2px 2px #000000; letter-spacing: 1px;
}
#contact h4 {
	font-size:16px; margin:5px 0 30px 15px; text-align: left!important; text-shadow: 0 -2px 3px #000, 0 1px 1px #000; letter-spacing: 1px;
}
#contact h5 {
	font-size:20px; margin:5px 0 8px 25px; text-align: left!important; text-shadow: 0 -2px 3px #000, 0 1px 1px #000; letter-spacing: 1px; text-transform: uppercase
}
#contact h5 span { color: #000; }
#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;
	border:1px solid #cacaca;
}
#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 .posts h2, #load_post .posts div, #header .menu li a {
	background-color:#fff;
}
#load_post .posts h2, #load_post .posts h2 a, #load_post .posts div, #header .menu li a {
	color:#000;
}

#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;
	color:#666;
}
#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;
	color:#fff;
}
#full_post .title {
	font-size:26px;
	margin-bottom:20px;
	padding:6px 10px;
	display:inline-block;
	text-transform: uppercase;
	font-family: BebasNeueRegular;
	padding: 12px 10px 5px;
	background:url(images/bg_trans.png) repeat scroll 0 0 transparent;
	color:#fff;
	letter-spacing: 1px;
	word-spacing: 1px;
}
#full_post .entry {
	padding-left:15px;
	display:block;
	color:#f2f2f2;
}

#full_post .entry a { 
	background: transparent url(images/bg_trans.png) repeat 0 0;
	padding: 0 5px 1px;
}
#full_post .entry li {
	list-style-image: url(images/list_dot.png);
	font-size: 14px;
	text-shadow: 0px 1px 2px #000, 0px -1px 2px #000;
}
#full_post .entry p {
	line-height:18px;
	margin-bottom:15px;
	font-size: 14px;
	text-shadow: 0px 1px 2px #000, 0px -1px 2px #000;
}
#full_post .entry ul, #full_post .entry ol {
	margin:0 0 20px 25px;
}

#full_post .entry ul ul {
	margin-bottom:0px;
}

#full_post .entry img {
	margin:10px;
	border:none;
	-webkit-box-shadow: black 0 0 5px 1px;
	-moz-box-shadow: black 0 0 5px 1px;
	box-shadow: 0 0 5px 1px black;
}

.gallery-icon a { background: none!important; }

#full_post .entry h1 {
	font-size:30px;
	margin:15px 0;
	font-family: BebasNeueRegular;
	text-shadow: 0px 1px 1px #000, 0px -1px 2px #000;
	line-height: 1em;
	padding-top: 10px;
	
}
#full_post .entry h2 {
	font-size:28px;
	margin:12px 0;
	font-family: BebasNeueRegular;
	text-shadow: 0px 1px 1px #000, 0px -1px 2px #000;
	line-height: 1em;
	padding-top: 10px;
	letter-spacing: 1px;
}
#full_post .entry h3 {
	font-size:26px;
	margin:12px 0;
	font-family: BebasNeueRegular;
	text-shadow: 0px 1px 1px #000, 0px -1px 2px #000;
	line-height: 1em;
	padding-top: 3px;
	letter-spacing: 1px;
}
#full_post .entry h4 {
	font-size:24px;
	margin:10px 0;
	font-family: BebasNeueRegular;
	text-shadow: 0px 1px 1px #000, 0px -1px 2px #000;
	line-height: 1em;
	padding-top: 3px;
	letter-spacing: 1px;
}
#full_post .entry h5 {
	font-size:22px;
	margin:10px 0;
	font-family: BebasNeueRegular;
	text-shadow: 0px 1px 1px #000, 0px -1px 2px #000;
	line-height: 1em;
	padding-top: 3px;
	letter-spacing: 1px;
}
#full_post .entry h6 {
	font-size:20px;
	margin:10px 0;
	font-family: BebasNeueRegular;
	text-shadow: 0px 1px 1px #000, 0px -1px 2px #000;
	line-height: 1em;
	padding-top: 3px;
	letter-spacing: 1px;
}

#full_post .entry blockquote {	
	margin: 5px 0px 15px 20px;
	padding: 0px 0px 3px 10px;
	font-style: italic;
}
#full_post .entry blockquote p {
	margin-bottom:0!important;
}

#full_post .info {
	display:none;
}

/* ### 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;
	color:#cacaca;
	background:url(images/bg_trans.png) repeat scroll 0 0 transparent;
}
#footer .menu ul {
	float:left;
	margin:0 10px;
}
#footer .menu ul li {
	margin-bottom: 2px;
}

#footer .menu ul li a { font-weight: bold; }


/* ### Others ### */
a.jScrollArrowUp {
	background: url(images/arrow_up.png) repeat-x 0 0;
}
a.jScrollArrowDown {
	background: url(images/arrow_down.png) repeat-x 0 0;
}
.jScrollPaneTrack {
	background: #171b1f;
}
#loading {
	background-color:#f4f2f4;
	display:none;
	width:32px;
	height:32px;
	padding:5px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-16px;
	margin-left:-16px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	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;
}

#overlay_contact {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(images/bg_trans.png) repeat scroll 0px 0px;
	z-index: 500;
}

#contact {
	padding: 5px 2px 8px 0;
	height:170px;
	position: absolute;
	bottom:92px;
	left:202px;
	background: transparent url(images/bg_trans.png) repeat scroll 0px 0px;
	display: none;
}

#contact #contact_info {
	float: left;
	height: 170px;
	font-family: BebasNeueRegular;
}

#contact form { float:left; width: 400px; }

#contact form p {
	overflow:auto;
	margin-top:3px;
}

#contact form p label {
	float: left;
	width: 60px;
	padding-right:15px;
	padding-top:5px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
}

#contact form p input[type="text"], #contact form p textarea {
	float: left;
	width: 310px;
	padding:5px;
	border:1px dotted #777;
	color:#fff;
	background: transparent url(images/bg_trans.png) repeat scroll 0px 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 11px;
	font-family: "Arial";
}

#contact form p textarea { height: 60px; }

#contact form p #form_submit {
	width: 83px;
	height: 23px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	margin-top:3px;
	cursor: pointer;
	margin-right:3px;
	background-image: url(images/send.png);
}

#contact form p #form_submit:hover {
	background-position: 0 -23px;
}

#error {
	padding-right: 25px;
	color:#dd4040;
}

#gmaps {
	position: absolute;
	bottom:92px;
	left:-210px;
	width: 200px;
	height: 183px;
}

#gmaps div > :nth-child(3)  { display: none!important; text-indent: -9999px!important; }

#contact .ico {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin:0 10px 0 0;
	float: left;
	margin-top:-2px;
}
#contact .ico#phone {
	background: transparent url(images/ico_phone.png) no-repeat 0 0;
}
#contact .ico#address {
	background: transparent url(images/ico_address.png) no-repeat 0 0;
}
#contact .ico#mail {
	background: transparent url(images/ico_mail.png) no-repeat 0 0;
}

#contact #sent {
	background: transparent url(images/check.png) no-repeat 0 2px;
}

#contact #sent { 
	display: none;
	position: absolute;
	top:10px;
	right:10px;
	padding-left:25px;
}

.fst { display:none; }
#background {
	width: 100%;
	height: 100%;
}
#background div {
	background-repeat: no-repeat;
}