/*
Theme Name: Stefan Des Theme
Description: Professional Wordpress Theme for Stefan Des' Blog by <a href="http://www.tomstardust.com">Tommaso Baldovino</a>
Author: Tommaso Baldovino
Author URI: http://www.tomstardust.com
Version: 1.0
------------------- Global Reset ------------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, code, em, img, q, small, strike, strong, sub, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
ol, ul {
	list-style: none;
}

/* ----- General styles ------- */
body {
	color: #333;
	background: #fff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%;
}

.skip, hr, #header .payoff {
	position: absolute;
	left: -9999px;
}
h2, h3, h4{
	font-family: Arial, Verdana, sans-serif;
	margin: 0 0 15px 0;
	color: #666;
}
p{
	margin: 0 0 10px 0;
	line-height: 1.4;
}
a:link, a:visited {
	color: #900;
	text-decoration: underline;
}
a:hover, a:active {
	color: #d00;
	text-decoration: none;
}
a img {
	border: none;
}
.left{
	float: left;
}
.right{
	float: right;
}
.center{
	text-align: center;
}
.clear{
	clear: both;
}
.clearer {
  clear: both; margin: 0; height: 1px; overflow: hidden;
}
.abstract {
  font-size: 11px; color: #666;
}
acronym, abbr {
	border-bottom: 1px dashed #333;
	cursor: help;
}
blockquote {
	margin: 5px;
	padding: 10px 10px 1px 50px;
	font-style: italic;
	background: #ddd url(images/quote.png) 5px 5px no-repeat;
	border: 1px solid #ccc;
}
cite {
	font-size: 100%;
	font-style: normal;
}
h2 {
	font-size: 2.4em;
	letter-spacing: -0.2px;
	font-weight: normal;
}
h3 {
	font-size: 2em;
	font-weight: normal;
}
h4 {
	font-size: 1.6em;
	font-weight: normal;
}

/* -- Header -- */
#header {
	background: url(images/header.png) repeat-x;
	height: 223px;
	color: #fff;
}
#header-inner{
	width: 960px;
	height: 223px;
	margin: 0 auto;
	position: relative;
}
#header h1 a {
	display: block;
	float: left;
	width: 431px;
	height: 96px;
	background: url(images/logo.png) no-repeat;
	overflow: hidden;
	text-indent: -999px;
	margin-top: 60px;
}
#ebook {
	position: absolute;
	right: 0;
	top: 8px;
	width: 344px;
	height: 143px;
	padding: 5px;
	background: url(images/ebook.png) no-repeat;
}
#ebook img.cover{
	float: left;
	display: inline;
	margin: 0 5px 5px 0;
	width: 110px;
	height: 110px;
}
#ebook input {
	width: 198px;
	padding-left: 30px;
	height: 31px;
	line-height: 31px;
	font-size: 2.1em;
	border: none;
	background: #fff;
	margin-bottom: 10px;
	color: #333;
}
input#ename{background: url(images/input-user.png) no-repeat;}
input#eemail{background: url(images/input-mail.png) no-repeat;}
#ebook-submit {
	width: 338px;
	height: 29px;
	cursor: pointer;
	font-size: 1.6em;
	background: url(images/ebook-submit.png) no-repeat;
	border: none;
	margin-left: 3px;
}

#searchform {
	position: absolute;
	right: 0;
	bottom: 8px;
	width: 334px;
	padding: 0 10px;
	height: 46px;
	line-height: 46px;
	background: url(images/search.png) no-repeat;
}
#searchform label {
	font-size: 1.4em;
	margin-right: 10px;
}
#searchform #s {
	width: 170px;
	font-size: 1.3em;
	border: 1px solid #fff;
	background: url(images/grey-gradient.png) bottom left repeat-x;
}
#searchform button {
	border: none;
	background: transparent;
	vertical-align: middle;
	cursor: pointer;
}

/* -- Menu & Bottom Menu -- */
#feed {
	float: right;
	font-size: 1.3em;
	line-height: 30px;
	margin: 0;
	color: #fdb133;
}
#feed a {
	color: #fdb133;
	padding: 5px 60px 5px 0;
	background: url(images/rss-subheader.png) center right no-repeat;
}
#menu  {
	background: #8e0000;
	border-top: 1px solid #6d0000;
	border-bottom: 1px solid #fff;
}
#menu-inner{
	width: 960px;
	margin: 0 auto;
}
#menu ul {
	min-height: 30px;
	border-left: 1px solid #6d0000;
}
#menu ul li {
  float: left;
  display: inline;
}
#menu ul li a {
	display: block;
	float: left;
	line-height: 20px;
	padding: 5px 10px;
	border-left: 1px solid #b80000;
	border-right: 1px solid #6d0000;
	text-decoration: none;
	font-size: 1.3em;
	color: #fff;
}
#menu ul li a:hover {
	background: url(images/menu.png) top center no-repeat;
}
#menu ul li.current_page_item a {
	background: url(images/menu.png) bottom center no-repeat;
}
#menu-bottom  {
	clear: both;
	background: #147aa7;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #1986b7;
}
#menu-bottom ul {
	width: 960px;
	margin: 0 auto;
	min-height: 30px;
	border-left: 1px solid #0c5a7f;
}
#menu-bottom ul li {
  float: left;
}
#menu-bottom ul li.up {
  float: right;
}
#menu-bottom ul li a {
	display: block;
	float: left;
	line-height: 20px;
	padding: 5px 10px;
	border-left: 1px solid #2690bf;
	border-right: 1px solid #0c5a7f;
	text-decoration: none;
	font-size: 1.3em;
	color: #fff;
}
#menu-bottom ul li a:hover {
	background: url(images/menu-bottom.png) center 1px no-repeat;
}
#menu-bottom ul li.current_page_item a {
	background: url(images/menu-bottom.png) center -29px no-repeat;
}
#menu-bottom li.up a {
  float: right;
  background: url(images/up.png) center right no-repeat;
  padding-right: 20px;
  border: none;
}
#menu-bottom li.up a:hover {
  background: url(images/up.png) center right no-repeat;
  text-decoration: underline;
}

#new-posts {
	float: right;
	display: inline;
	width: 470px;
   border: 1px solid #666;
}
#new-posts h2 {
	width: 470px;
	height: 45px;
	overflow: hidden;
	text-indent: -999px;
	margin: 0;
	background: url(images/last-posts.png) no-repeat;
}
#new-posts ul {
	width: 470px;
	background: #ccc;
	font-size: 1.6em;
}
#new-posts ul li a {
	display: block;
	height: 1%;
	padding: 6px 12px 6px 32px;
	background: url(images/star.gif) 9px 7px no-repeat;
	color: #333;
	text-decoration: none;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #888;
	text-shadow: 0 1px 1px #fff;
}
#new-posts ul li a:hover {
	background: #e4e4e4 url(images/star-hover.png) -4px -1px no-repeat;
	color: #000;
}
#new-posts .read_more {
	background: #ccc;
	padding: 3px 12px;
	border-top: 1px solid #eee;
	font-size: 1.2em;
}

#claim {
	background: url(images/separator-long.png) no-repeat;
	font-size: 2.3em;
	text-align: center;
	margin-bottom: 20px;
	clear: both;
}
#claim p {
	background: url(images/separator-long.png) bottom left no-repeat;
	padding: 5px 0;
	margin: 0;
}

#boxes .box {
	float: left;
	display: inline;
	margin: 0 15px 0 0;
	width: 208px;
	height: 237px;
	padding: 20px 10px 5px;
	background: url(images/box.png) no-repeat;
	overflow: hidden;
}
#boxes h2 {
	padding-bottom: 10px;
	margin: 0;
	border-bottom: 1px solid #999;
}
#boxes h2 a {
	display: block;
	height: 62px;
	width: 206px;
	background: url(images/title_webmarketing.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
}
#boxes .box2 h2 a{background: url(images/title_sitiweb.png) no-repeat;}
#boxes .box3 h2 a{background: url(images/title_portfolio.png) no-repeat;}
#boxes .box4 h2 a{background: url(images/title_areafree.png) no-repeat;}
#boxes .boxcontent {
	border-top: 1px solid #eee;
	padding-top: 5px;
	font-size: 1.3em;
}
#boxes .box4 {
	margin: 0;
}
.read_more {
	margin: 0;
	text-align: right;
}
.read_more a{
	color: #333;
	padding-right: 20px;
	background: url(images/icon-arrow-right.png) right center no-repeat;
}
#navigation {
  font-size: 1.3em;
}

.related_post {
  margin-bottom: 20px;
}
.related_post .img_related_post img {
  float: left; 
  display: inline;
  margin: 0 10px 0 0;
  padding: 1px;
  border: 1px solid #ccc;
}
.related_post li {
  border-bottom: 1px solid #ccc;
  font-size: 1.1em;
  padding: 0 0 10px;
  margin: 0 0 10px;
  overflow: auto;
  height: 1%;
}
.related_post li a {
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

/* -- Post -- */
.post, div.page {
  padding-bottom: 70px;
  background: url(images/separator.png) bottom center no-repeat;
  margin-bottom: 20px;
}
.post h2, div.page h2 {
  font-size: 2.6em;
  color: #147aa7;
  margin-bottom: 5px;  
}
.post h2 a:link, .post h2 a:visited {
  color: #147aa7;
  text-decoration: none;
}
.post h2 a:hover, .post h2 a:active {
  color: #349ac7;
}
.post .storycontent, div.page .storycontent {
  font-size: 1.4em;
}
.post .more-link, div.page .more-link {
  float: right;
	padding-right: 20px;
	margin-bottom: 10px;
	background: url(images/icon-arrow-right.png) right center no-repeat;  
}
.post .comments, div.page .comments {
  clear: both;
}
.post .comments span, div.page .comments span {
  display: block;
  float: right;
  font-size: 1.2em;
}
.post .comments a, div.page .comments a {
  display: block;
  float: right;
  width: 26px;
  padding: 2px 5px 8px;
  height: 20px;
  background: url(images/comment-icon.png) no-repeat;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
.tag-wrapper {
  padding-left: 50px;
  background: url(images/tag-icon.png) 0 5px no-repeat;
  height: 32px;
}
.tag-wrapper p {
  margin: 0;
}

/* -- Widgets sidebar -- */
#sidebar .widget {
  margin-bottom: 15px;
  padding-bottom: 9px;
	background: url(images/widget-bottom.png) bottom left no-repeat;  
}
#sidebar .widget h3 {
	background: url(images/widget-title.png) no-repeat;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	color: #fff;
	font-size: 2em;
	font-weight: normal;
	text-shadow: 0 1px #333;
	margin-bottom: 2px;
}
* html #sidebar .widget h3 {background: url(images/widget-title.gif) no-repeat;}
#sidebar .widget ul, #sidebar .widget .textwidget, #sidebar .widget #wpcumuluswidgetcontent {
  background: #c6dfe9 url(images/widget-top.png) no-repeat;
  padding-top: 9px;
}
#sidebar #login label {
  font-size: 18px;
}
#sidebar #login #log, #sidebar #login #pwd {
  margin: 5px 0 10px;
  width: 300px;
}
#sidebar .widget .textwidget {
  padding: 10px 10px 5px;
  font-size: 15px;
}
#sidebar .widget ul li{
  font-size: 15px;
}
#sidebar .widget ul{
  background: #c6dfe9 url(images/widget-top-border.png) no-repeat;
}
#sidebar .widget ul li:first-child a {
  border-top: none;
}
#sidebar .widget ul li a, #sidebar .widget ul li li:first-child a {
  height: 1%;
  line-height: 16px;
  display: block;
  padding: 7px 10px 7px 35px; 
  background: #c6dfe9 url(images/star.gif) 10px 7px no-repeat;
  border-bottom: 1px solid #a3cbdb;
  border-top: 1px solid #fff;
  color: #333;
  text-decoration: none;
}
#sidebar .widget_categories ul li a {
  display: inline;
  padding: 0;
}
#sidebar .widget #recentcomments {
  background: #c6dfe9 url(images/widget-top-border.png) no-repeat;
}
#sidebar .widget #recentcomments li, #sidebar .widget_categories ul li {
  padding: 7px 10px 7px 35px;
  background: #c6dfe9 url(images/star.gif) 10px 7px no-repeat;
  border-bottom: 1px solid #a3cbdb;
  border-top: 1px solid #fff;
  color: #666;    
}
#sidebar .widget #recentcomments li:first-child, #sidebar .widget_categories ul li:first-child {
  border-top: none;
}
#sidebar .widget #recentcomments a, #sidebar .widget_categories ul li a {
  background: transparent;
  border: none;
}
#sidebar .widget #recentcomments a:hover {
  background-color: #d6eff9;
}
#sidebar .widget ul li a:hover, #sidebar .widget ul li li:first-child a:hover {
  color: #333;
  background-color: #d6eff9;
}
#sidebar .widget ul ul {
  border: none;
  margin-left: 30px;
  border-left: 1px solid #a3cbdb;
  background: transparent;
  padding: 0;
}
#sidebar .widget ul ul li {
  font-size: 13px;
}

/* -- Comments -- */
#respond textarea {
  width: 570px;
  height: 100px;
}
#respond #submit {
  width: 200px;
  height: 35px;
  overflow: hidden;
  display: block;
  text-indent: -999px;
  cursor: pointer;
  background: url(images/comment-send.png) no-repeat;
  border: none;
}
.commentlist {
  list-style: decimal;
  margin-left: 20px;
  font-size: 1.1em;
  color: #666;
}
.commentlist li {
  margin: 0 0 20px;
}
.commentlist .author {
  font-size: 18px;
  font-weight: normal;
}
.commentlist .avatar {
  float: right;
  padding: 1px;
  border: 1px solid #900;
  margin: 10px 0 0 5px;
}
.commentlist li .commentbody {
  background: #eee;
  color: #333;
  border: 1px solid #ccc;
  padding: 10px 10px 0;
  margin: 5px 0;
  font-size: 13px;
  width: 80%;
}
.commentlist li .bypostauthor {
  background: #C6DFE9;
  border: 1px solid #A3CBDB;
  color: #000;
}

.commentlist ul {
  margin: 10px 0 0 30px;
  list-style: letter;
}
.commentlist ul .commentbody {
  width: 79%;
}
#cancel-comment-reply {
  margin: 0 0 10px 0;
}
#trackback {
  margin-bottom: 20px;
}

/* -- Footer -- */
#footer {
	border-top: 1px solid #004969;
	border-bottom: 1px solid #2690bf;
	background: #084661 url(images/footer.png) top center no-repeat;
	font-size: 1.3em;
	color: #fff;
}
#footer-inner {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}
#footerbar {
	background: #147aa7;
}
#footerbar-inner {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	color: #fff;
	font-size: 1.5em;
	background: url(images/logo-footer.jpg) center right no-repeat;
}
#footerbar-inner p {
	margin: 0;
	text-shadow: 0 -1px #004969;
}
#footer a, #footerbar a{
	color: #fff;
}
.footer-list {
	float: left;
	display: inline;
	width: 220px;
	margin: 0 10px;
}
.footer-list h3 {
	color: #fff;
	font-size: 1.6em;
	padding-bottom: 10px;
	border-bottom: 1px solid #053246;
	margin: 0;
}
.footer-list .widget ul, .footer-list .widget_tag_cloud div, .footer-list .widget .widget-inner, .footer-list .widget .textwidget {
	border-top: 1px solid #1990c3;
	padding: 10px 0;
}
.footer-list .widget ul li {
	padding: 6px 0 6px 16px;
	background: url(images/pointer-dark.png) 0 10px no-repeat;
}

#container{
	background: url(images/container.png) top center repeat-y;
}
#container-inner {
	background: url(images/container-inner.png) top center no-repeat;
}
#content {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	background: #fff url(images/container-inner.png) top center no-repeat;
}
#wrapper {
  width: 570px;
  float: left;
  display: inline;
}
#sidebar {
  float: right; 
  display: inline;
  width: 354px;
}

/* -- Images & Caption Alignment -- */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
   margin: 0 10px 5px 0;
}
.alignright {
   float: right;
   margin: 0 0 5px 10px;
}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* -- jQuery Slider -- */
#s3slider {
   width: 470px; /* important to be same as image width */
   height: 280px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   border: 1px solid #666;
   margin: 0 20px 20px 0;
   background: #333;
}

#s3sliderContent {
   width: 470px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 1.5em/15px Arial, Helvetica, sans-serif;
   padding: 10px 15px;
   width: 440px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
}

/* -- Tab Script -- */
.tabberlive .tabbertabhide {
  display:none;
}
.tabberlive .tabbertab h3 {
  display:none;
}
.footer-list .widget ul.tabbernav {
  border: none;
  padding: 0 0 10px;
  border-bottom: 1px solid #053246;
  height: 21px;
}
.footer-list .widget ul.tabbernav li {
  float: left;
  display: inline;
  font-size: 21px;
  background: none;
  padding: 0;
}
#footer .footer-list .widget ul.tabbernav li a {
  text-decoration: none;
  float: left;
  display: inline;
  margin-right: 15px;
  color: #47a0d4;
}
#footer .footer-list .widget ul.tabbernav li.tabberactive a {
  color: #fff;
}
#media
{
  margin-top: 40px;
}
#noUpdate
{
 margin: 0 auto;
 font-family:Arial, Helvetica, sans-serif;
 font-size: x-small;
 color: #cccccc;
 text-align: left;
 width: 210px; 
 height: 200px;	
 padding: 40px;
			}