/*
Theme Name: jost 6.0
Theme URI: http://ego-logic.org/
Description: Finaly the latest version of danielejost.com redesign to wordpress themes.
Version: 6.0
Author: Daniele jost
Author URI: http://danielejost.com/
Tags: jost, wp themes, white, minimal, portfolio, 1024px
*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr{margin:0;padding:0;}h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th{font-size:14px;font-style:normal;}ul,ol{list-style:none;}fieldset,img,hr{border:none;}caption,th{text-align:left;}table{border-collapse:collapse;border-spacing:0;}*{margin:0;padding:0;list-style:none;outline:0;}

body {background-image:url(images/background.jpg);background-position:top center;background-repeat:repeat-y;color:#404040;font:14px Helvetica,Arial,sans-serif;line-height:14px;text-align:left;}
#main_wrap {margin:20px auto 60px;width:930px;padding:0;}

h1 {font-size:50px;line-height:45px;}
h2, .submenu {font-size:18px;}
h3, .menu {font-size:25px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;font-weight:bold;} /* in content text marked */
p {font-size:12px;text-align:justify;}
smalll {font-size:10px;}
em {font-size:12px;font-style:italic;}
cite {font-style:italic;}
blockquote {font-style:italic;}

a {color:#FF00BA;font-weight:bold;text-decoration:none;}
a:hover {text-decoration:none;color:#cc0095;}
a img {border:0;}

h1,
h5 a,
.menu,
.submenu,
#header p,
#footer li a,
#footer small,
.tooltip p {text-transform:uppercase;}

h2,
.tooltip p,
h5,
h5 a {font-weight:bold;}

h1,
h1 a,
h4 a,
h5,
h5 a,
.tooltip p,
.submenu a {color:#6d6d6d;}

.prj-button span,
.prj-button a:hover span,
.download a.down_but,
.search_button,
.mail_button,
.comment_label,
#foot_nav ul li a span,
.infiniteCarousel .arrow,
#toolbar ul li a span,
a.hidebar span, a.showbar span,
.subtitle h3 span{background-image:url(images/sprite.gif);background-repeat:no-repeat;}

#header p {color:#ccc;font-weight:bold;letter-spacing:7.9px;line-height:8px;margin:0 0 15px 3px;}
#header h1 {letter-spacing:-2px;}
#header a:hover {color:#333;}

.menu {margin:0 0 30px 0px;border-left:1px solid #ccc;padding:1px 0px 38px 0px;line-height:10px;}
.menu li{display:inline;text-align:left;}
.menu a{display:block;float:left;padding:16px 6px 12px 6px;background:#fff;color:#ccc;text-decoration:none;border-right: 1px solid #ccc;}
.menu a:hover{background: #000;color:#fff;}
.menu li.current-menu-item > a {color:#FF00BA;}
.menu li.current-menu-item > a:hover {background:#000;color:#fff;}

.submenu {margin:0 0 30px 0;padding:0;width:100%;}
.submenu ul {height:30px;border-left:1px solid #666;}
.submenu li{display:inline;float:left;border-right:1px solid #666;}
.submenu li.last{float:right;border-left:1px solid #666;border-right:1px solid #666;}
.submenu a{display:block;padding:8px 8px 8px 8px;}
.submenu a:hover{background:#000;color:#fff;}
.submenu li.current-menu-item > a,.submenu li.current-menu-ancestor > a,.submenu li.current-menu-parent > a {color:#FF00BA;}
.submenu li.current-menu-item > a:hover {background:#000;color:#fff;}

.prj-button {height:20px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;text-align:left;margin:0 0 15px 0;padding:2px 0;}
.prj-button a{padding:0 10px;line-height:14px;}
.prj-button span{display:block;width:17px;height:17px;float:left;background-position:-288px -91px;}
.prj-button a:hover span {background-position:-288px -74px;}
.show_news,show_recent{display:none;}

.post-news {border:1px solid #fff;margin-bottom:20px;width:600px} /* !!!!! */
.post-news h5 {margin-top:15px;} /* !!!!! */

.wrap_bio p {margin:0 10px;}
.download {width:200px;float:left;text-align:center;font-size:12px;}
.download em {color:#999;font-style:normal;}
.download a.down_but {padding:5px 0 3px 30px;line-height:22px;}
.download a.down_but {background-position:-351px 0;}
.download a:hover.down_but {background-position:-351px -20px;}
.moreinfo {width:400px;float:left;}

#content h1, #content h2, .related h6 {border-bottom:1px solid #dadada;color:#666;padding:0 0 3px 0;}
#content h1 {margin:30px 0 4px;}
#content h2 {letter-spacing:-1px;margin:10px 0 15px;}
#content h2 span {font-size:14px;font-weight:normal;letter-spacing:0;color:#999}
.related h6 {margin:10px 0 15px;text-align:center;}
#content p {padding:0 0 15px 0;line-height:20px;}
#content small {color:#666;margin:0 0 5px 0;}

.post-content{width:750px;overflow:hidden;margin:20px 0;}
.post-content:after {visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}

#contact {color:#333; font-size:12px;padding:4px 0 8px 35px;line-height:20px;margin-bottom:8px;}/* !!!!! */
#contact span {padding-left:40px;}/* !!!!! */

.icon1 {background: url(images/mailto.jpg) no-repeat left top;}/* !!!!! */
.icon2 {background: url(images/skype.jpg) no-repeat left top;}/* !!!!! */
.icon3 {background: url(images/feeds.jpg) no-repeat left top;}/* !!!!! */
.icon4 {background: url(images/mailto2.jpg) no-repeat left top;}/* !!!!! */

.post{float:left;width:750px;text-align:left;margin:0px;padding:10px;}

.last_added {width:50px;height:15px;position:absolute;top:0;left:0;border:1px solid red;}

.mini_post {width:220px;height:110px;float:left;border:1px solid #eee;margin:5px;padding:1px 0;position:relative;}
.mini_post .thumbs {width:220px;margin:0 auto;}
.mini_post .thumbs img {display:block;margin-left:auto;margin-right:auto;}
.mini_post .title a {border-top:1px solid #eee;padding:8px 0 4px 12px;text-align:center;display:block;color:#999;text-transform:uppercase;margin-top:2px;}
.mini_post .show_mini_post {position:absolute;top:0;z-index:9999;width:216px;height:79px;background-color:#fff;color:#333;margin:1px 0 0 2px;padding:0;}
.mini_post .show_mini_post span{margin:0;padding:5px;line-height:12px;text-align:center;display:block;}
.mini_post .show_mini_post span.excerpt {font-size:13px;}
.mini_post .show_mini_post span.year {font-size:18px;margin-top:4px;}

#prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
#slide-wrap{position:relative;}
#slider {display:block;margin-left:auto;margin-right:auto;border:1px solid #999;}
#slider ul, #slider li{margin:0;padding:0;}
#slider li{ width:830px;height:350px;overflow:hidden;}	
#prevBtn, #nextBtn, #slider1next, #slider1prev{display:block;width:33px;height:33px;position:absolute;left:0;top:160px;}	
#nextBtn, #slider1next{left:890px;}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{display:block;position:relative;width:33px;height:33px;background-image:url(images/sprite.png);background-repeat:no-repeat;}	
#nextBtn a, #slider1next a{background-position:-1px -72px;}	
#prevBtn a, #slider1prev a{background-position:-67px -72px;}		
#nextBtn a:hover, #slider1next a:hover{background-position:-34px -72px;}	
#prevBtn a:hover, #slider1prev a:hover{background-position:-100px -72px;}

#foot_nav{height:46px;background:#fafafa;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-morder-radius:10px;border-radius:10px;margin-bottom:10px;}
#foot_nav ul{height:46px;padding:5px 10px;margin:10px 0 10px;}
#foot_nav ul li{display:inline;margin:0 2px;}
#foot_nav ul li.left{float:left;}
#foot_nav ul li.right{float:right;}
#foot_nav ul li a span{display:block;width:33px;height:32px;margin:0;padding:0;}
#foot_nav ul li a span.back {background-position:-87px -146px;}
#foot_nav ul li a span.top {background-position:-120px -146px;}
#foot_nav ul li a span.add {background-position:-156px -146px;}
#foot_nav ul li a span.print {background-position:-190px -146px;}

#wrap-slide {height:80px;margin-bottom:30px;border-bottom:1px solid #ccc;}
.infiniteCarousel{position:relative;width:920px;}
.infiniteCarousel .wrapper {width:833px;margin:-5px 0 0 41px;min-height:6.5em;overflow:auto;position:absolute;top:-5px;}
.infiniteCarousel .wrapper ul {width:9999px;list-style-image:outside;list-style-position:none;list-style-type:none;top:0;margin:0;padding:0;position:absolute;height:70px;}
.infiniteCarousel .wrapper ul li {float:left;display:inline;height:90px;width:164px;border-right:1px dashed #ccc;margin:0 3px 0 3px;}
.infiniteCarousel ul li a img {border:2px solid #fafafa;padding:2px;}
.infiniteCarousel ul li a {font-size:12px;font-weight:bold;color:#999;margin:2px 0 0;display:block;}
.infiniteCarousel .arrow {display:block;width:33px;height:34px;position:absolute;top:20px;text-indent:-99999px;cursor:pointer;}
.infiniteCarousel .forward {background-position:0 -72px;right:0;}
.infiniteCarousel .back {background-position:-67px -72px;left:0;}
.infiniteCarousel .forward:hover {background-position:-33px -72px;}
.infiniteCarousel .back:hover {background-position:-100px -72px;}

.archive {border:1px solid #ccc;width:100%;min-height:70px;margin:0 0 10px;}
.archive h2 a {font-size:16px;padding:4px 10px;}
.archive p {color:#999;margin:10px;}

#footer {position:relative;width:920px;height:30px;clear:both;font-size:10px;line-height:12px;margin:0 auto;padding:8px 0;text-align:left;font-weight:bold;border-top:1px solid #ccc;}
#footer p {margin:0; padding:0;}
#footer a {color:#808080; font-weight:bold}
#footer a:hover {text-decoration:underline;}
#footer span, #footer span a {font-weight:normal;font-size:9px;}

#toolbar {background:#f8f8f8;width:100%;position:fixed;bottom:0;left:0;z-index:990;height:55px;border-top:1px solid #d5d5d5;}
#toolbar ul {float:left;margin:5px 0;width:100%;padding:0;}
#toolbar ul li {height:46px;float:left;display:inline;border-left:1px solid #fff;border-right:1px solid #e7e7e7;}
#toolbar ul li a {color:#999;text-transform:uppercase;}
#toolbar ul li.first {border-left:none;text-align:left;padding:0 20px}
#toolbar ul li.last {border:none;float:right;width:100px}
#toolbar ul li.text a {line-height:40px;padding:20px 20px;}
#toolbar ul li.books {border:none;float:right;}
#toolbar ul li a:hover {color:#333;}
#toolbar small span {font-weight:bold;}
#toolbar ul li a span {margin:0 5px;width:36px;height:35px;display:block;}
#toolbar a.rss span{background-position:-35px 0;}
#toolbar a:hover.rss span {background-position:-35px -35px;}
#toolbar a.fb span{background-position:0 0;}
#toolbar a:hover.fb span {background-position:0 -35px;}
#toolbar a.in span{background-position:-70px 0;}
#toolbar a:hover.in span {background-position:-70px -35px;}
#toolbar a.yt span{background-position:-105px 0;}
#toolbar a:hover.yt span {background-position:-105px -35px;}

#toolbar_off {width:72px;height:56px;z-index:996;position:fixed;bottom:0;right:0;}
#toolbar_on {width:72px;height:56px;z-index:997;position:fixed;bottom:0;right:0;}
a.showbar span {width:72px;height:56px;display:block;background-position:-141px 0;}
a:hover.showbar span  {background-position:-141px -56px;}
a.hidebar span {width:72px;height:56px;display:block;background-position:-214px 0;}
a:hover.hidebar span {background-position:-214px -56px;}

#toolbar .subpanel {position:absolute;bottom:55px;background:#f8f8f8;overflow:hidden;padding:6px;border:1px solid #d5d5d5;border-bottom:none;display:none;}
.subpanel#lang {left:188px;width:150px;}
.subpanel#news  {left:309px;width:330px;}
.subpanel#recent  {left:391px;width:380px;}
.subpanel#search  {left:494px;width:520px;}
.subpanel#extra  {left:594px;width:120px;}

.subtitle h3 {border-bottom:1px dashed #ccc;padding:2px 0 8px;color:#666;font-size:12px;cursor:pointer;}
.subtitle h3 span {font-size:14px;float:right;font-weight:normal;display:block;width:16px;height:16px;background-position:-289px -42px;}
.subtitle h3 span:hover{background-position:-289px -58px;}

.subcontent {padding:5px 10px;margin-bottom:30px;border-bottom:1px dashed #ccc;}
.subcontent img {padding:4px;border:1px solid #ccc;background:#fff;margin:3px 10px 10px 0;float:left;}
.subcontent h5 {margin:20px 0 10px 8px;}
.subcontent p {margin:4px 0 0 8px;}
.subcontent a {font-size:12px;margin-left:8px;}

#comments {margin:20px 0 40px;}
#comments .single{width:97%;border:1px dashed #ccc;margin-bottom:8px;padding:10px;}
#comments .alert_sms {height:20px;color:#49d0e8;border:1px solid #d8eef2;padding:6px 6px;font-weight:bold;margin-bottom:10px;}
#comments .single .text {margin:10px 0 0 0;}
#comments .single .meta {color:#666;}
#comments .single .meta span{color:#999;font-size:11px;}
.comment_label {width:145px;height:23px;display:block;padding:9px 0 0 17px;background-position:-154px -113px;}

#respond {background:#fafafa;margin:10px 0;padding:10px 20px 5px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-morder-radius:10px;border-radius:10px;}
#respond p {margin:0 0 5px 10px;}

#respond textarea#comment {width:700px;}
.gravatarside {width:48px; height:48px; float:right; margin:0 5px 3px 5px;}

label {font-size:12px;color:#ccc;}
input {border:1px solid #999;height:25px;margin:3px 0 6px;padding-left:10px;}
input[textfield] {border:1px solid #999;}

.mail_button{width:78px;height:25px;overflow:hidden;padding:4px;cursor:pointer;background-position:0 -113px;}
.mail_button:hover {background-position:0 -146px;}
.search_button {width:27px;height:27px;cursor:pointer;overflow:hidden;padding:4px;background-position:-172px -94px;}

.searchbox {margin:8px 0 15px 10px;}
.searchbox label {display:none;}
.searchbox input {font-size:0.9em; padding:5px; width:166px; border:1px solid #ccc;}

.line-x {width:900px;border-bottom:1px solid #ccc;margin-bottom:30px;float:left;}
.line-y {width:2px;height:200px;display:block;border-left:1px dashed #ccc;margin:0 30px;float:left;}

.tooltip{position:absolute;z-index:999;left:-9999px;height:35px;}
.tooltip p{border:1px solid #ccc;text-align:center;margin:0;background-color:#fff;padding:6px 10px;}

.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;margin-right:25px;}
.alignright {float:right;}
.txt-left{padding-right:40px;text-align:left;}
.txt-right{padding-left:40px;text-align:right;}
.txt-center{padding:0 40px;text-align:center;}
.hide {display:none;}
.clear{clear:both;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.void {display:block;height:100px;width:100%;}

.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}