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

/* Body */
body {background:#fff url(background.gif) top center repeat-y; color:#404040; font:76% Helvetica,Arial,sans-serif; line-height:1.3em; padding:20px 10px;}
*{margin:0; padding:0;list-style:none;outline:0;}

/* Main wrap */
#wrap {color:#404040; margin:0 auto; width:900px;}
#slogan {color:#ccc; font-size:.8em;text-transform:uppercase;font-weight:bold; letter-spacing:8px; line-height:.8em; margin:0 0 10px 0px;}

/* Tipographys */

h1 {color:#6d6d6d; font-size:3.9em; line-height:.8em; letter-spacing:-2px;margin:0 2px -3px -4px;}
h1.title {width:900px; border-bottom:1px solid #ccc;margin-bottom:2px;}
h1 a {color:#6d6d6d;}
h1 a:hover {text-decoration:none;color:#333;}
h2 {border-bottom:1px solid #dadada; text-align:left; font-weight:bold; color:#666; font-size:1.4em; letter-spacing:-1px; margin:10px 0 15px; padding:0 2px 0 3px;}
h3, .menu {line-height: 10px;font-size: 1.9em;font-weight: bold;}  /* !!!! */
h4 {font-size:4.0em; font-weight:bold; margin:0; padding:2px 0 1px 6px;color:#dedede;}
h4 a {color:#6d6d6d;}
h4 a:hover {text-decoration:none;color:#333;} /* !!!! */
h5 {font-size:1.1em;line-height:.8em;color:#6d6d6d;font-style:Geneva, Arial,sans-serif;margin-bottom:15px;} /* news */
h6 {font-size:0.9em;line-height:1.0em;color:#999;} /* info text */
h6.category {margin-bottom:30px;font-weight:normal;}
h6.category a {color:#999;}
h6.category a:hover {color:#FF00BA;text-decoration:underline;}
p {font-size:1.0em;text-align:justify;}
h1, .menu, .submenu {text-transform:uppercase;} 

/* h3 {border-bottom:1px solid #dadada; color:#4088b8; font-size:4.2em; font-weight:bold; margin:10px 0 8px; padding:1px 2px 2px 3px;}   era dei risult archive */

/* Content */

#content {float:left; line-height:1.5em; margin:-2px 0 5px; text-align:left; width:750px;}
#content ul,#content ol {margin:0 0 4px 0;display:inline;list-style:none;float:left;}
#content ul li,#content ol li {list-style:none;text-align:left;padding:2px;margin:0;background-color:#fff;}
#content ul ul,#content ol ol {margin:5px 0 5px 15px;}
#content ul li img {margin:4px;}
#content ul li a img {border:1px solid#ccc;}
#content ul li a:hover img {border:1px solid#ccc;}

#content .entry {margin:0px;}
#content p {margin:0 0 5px 10px;}

#content p.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
#content p.timestamp a {font-weight:normal;}
#content p.postmeta {text-align:left; border-top:2px solid #dadada; line-height:1.8em;}
#content #postnav {padding:5px; margin:5px 0 18px;}
#content #postnav p {margin:0; padding-left:5px;}
#content #postnav p.right {text-align:right; padding-right:5px; margin-top:-18px;}
#content .introtext p {margin:10px 0 15px 10px;}




.post{float:left;width:750px;text-align:left;margin:0px;padding:10px;}
.post-wrapper{width:750px;overflow:hidden;float:left;margin:50px 0 40px}
.post-small{width:700px;float:left;height:auto;margin:1px;padding:3px 0 3px 0px;background-color:#fff;border:1px dotted#eee;}
.post-small a img {border:1px solid#efefef;padding:2px;}
.post-small a:hover img {border:1px solid#ccc;}
.post-small h4 {line-height: 15px;font-size:1.2em;text-transform:uppercase;padding-top:3px;color:#333;}
.post-small p{margin:4px 0px 4px 0px;text-align:left;}
.post-small h4 a {width:200px;}
.post-small h4 a:hover {color:#000;width:200px;}

/* MENU - NAVIGATION */

.menu {margin: 0px 0px 30px 0px;border-left: 1px solid #ccc;padding: 1px 0px 38px 0px;}
.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;text-decoration: none;}

.submenu {font-size:1.2em;margin: 0px 0px 30px 0px;border-left: 1px solid #666;padding: 1px 0px 28px 0px;}
.submenu li{display:inline;text-align:left;}
.submenu a{display:block;float:left;padding: 4px 8px 4px 8px; background: #fff; color: #666;text-decoration:none;border-right: 1px solid #666;}
.submenu a:hover{background: #000; color: #fff;text-decoration: none;}

#line {width:900px; border-bottom:1px solid #ccc;margin-bottom:30px;float:left;}

.sub-info {color:#666;margin:0 0 5px 0;}
.prj-button {width:100%; border-bottom:1px solid #ccc;border-top:1px solid #ccc;text-align:left;line-height:2.1em;margin:0 0 15px 0;}
.prj-button a{width:100px;background: url(images/arr2.jpg)1px 2px no-repeat;padding:5px 0 4px 25px;}
.prj-button a:hover {background-position:1px -18px;}


/* Links */
a {color:#FF00BA; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}
.more {line-height:30px;margin-top:30px;font-weight:bold;}
.more a{color:#FF00BA;text-decoration:none;}
.more a:hover{color:#FF00BA;text-decoration:underline;}
.toplink {padding-bottom:10px; text-align:left; color:#999;}
.back {font-size:1.0em;color:#999;margin-bottom:6px;}






/* Footer */
#footer {border-top:4px solid #dadada; clear:both; color:#808080; font-size:.9em; line-height:1.6em; 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;}

/* Comments */
#content div.comment {margin-bottom:20px;}
#content div.comment p {margin:0 0 4px 10px; padding:3px 0 0 0;}
#respond p {margin:0 0 5px 10px;}
#respond input,#respond textarea {padding:5px; width:330px;}
#respond textarea#comment {width:700px;}
#respond input#submit {width:75px;color:#333; background-color:#fff;}
#respond input,#respond textarea,form div.searchbox input {font:94% Verdana,Tahoma,Arial,sans-serif; border:1px solid #ccc;}
.gravatarside {width:48px; height:48px; float:right; margin:0 5px 3px 5px;}




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

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

/* Various classes */
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;margin-right:25px;}
.alignright {float:right;}
.txt-left{padding-right:40px;}
.txt-right{padding-left:40px;}
.hide {display:none;}

/*  image classes */
.wp-caption {border:1px solid #ddd;	text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; border-radius:3px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption-dd {font-size: 11px; line-height: 17px; padding:0 4px 5px; margin: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;}