/* Theme Name: Vezzo */
/*theme URI: http://federicovezzoli.com */
/* Description: My site theme */
/* Version: 2.0 */
/* Author: Federico Vezzoli */
/* Author URI: http://federicovezzoli.com */
/* Tags: */
/* LAYOUT */
.aligncenter {
  display: block;
  margin: 0 auto; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.wp-caption {
  border: 1px solid #666;
  text-align: center;
  background: #ccc;
  padding: 10px;
  margin: 10px; }

/* MIXINS */
/* RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, p, blockquote, table, th, td, embed, object {
  padding: 0;
  margin: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img, abbr {
  border: 0; }

address, caption, cite, code, dfn, em,
h1, h2, h3, h4, h5, h6, strong, th, var {
  font-weight: normal;
  font-style: normal; }

ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 1.0em; }

q:before, q:after {
  content: ''; }

a, ins {
  text-decoration: none; }

html, body {
  height: 100%; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

a img {
  border: none; }

a {
  outline: none; }

:focus {
  -moz-outline-style: none; }

* {
  font-family: "Cantarell", arial, serif;
  font-size: 1em; }

h1 {
  font-size: 2.6em;
  color: #ee954b;
  letter-spacing: -3px;
  text-shadow: 0 0 10px black; }

h1 a {
  color: #ee954b; }

h1 a:visited {
  color: #ee954b; }

h1 a:hover, h1 a:active {
  color: #b34150;
  background: none; }

h2 {
  font-size: 1.8em;
  color: #ee954b;
  letter-spacing: -3px;
  text-shadow: 0 0 10px black; }

h3 {
  font-size: 1.4em; }

h4 {
  font-size: 1.2em; }

h5 {
  font-size: 1em; }

h6 {
  font-size: 0.9em; }

a {
  text-decoration: underline;
  color: black; }

a:hover {
  background: white;
  color: #666666;
  -webkit-transition: all 300ms linear; }

a:active {
  background: white;
  color: #666666; }

a:visited {
  color: #33353c; }

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

body {
  background: url("images/bg.png") repeat top left #33353c; }

#container {
  width: 980px;
  margin: 0 auto;
  min-height: 100%; }

#header {
  position: relative; }

#firma {
  background: url("images/vezzo-sprite.png") no-repeat top left;
  height: 175px;
  width: 580px;
  display: block;
  text-indent: -9999px;
  float: right;
  background-position: 0 -508px; }

#payoff {
  background: url("images/vezzo-sprite.png") no-repeat top left;
  height: 77px;
  width: 388px;
  text-indent: -9999px;
  position: absolute;
  top: 160px;
  right: 0px;
  background-position: 0 -430px; }

#nebbia {
  position: absolute;
  width: 95px;
  height: 63px;
  background: url("images/vezzo-sprite.png") no-repeat top left;
  top: 28px;
  right: 156px;
  background-position: -432px -436px; }

#top_menu {
  background: url("images/vezzo-sprite.png") no-repeat top left;
  height: 395px;
  width: 170px;
  background-position: 0 0;
  position: relative;
  z-index: 350;
  padding: 15px 0 0 49px; }

#menu-top-menu a {
  z-index: 300; }
#menu-top-menu a:hover {
  -webkit-transition: none; }

#menu-item-591 a {
  background: url("images/vezzo-sprite.png") no-repeat top left;
  display: block;
  text-indent: -9999px;
  background-position: -407px 0;
  width: 150px;
  height: 45px; }

#menu-item-591 a:hover {
  background-position: -562px 0px; }

#menu-item-603 a {
  background: url("images/vezzo-sprite.png") no-repeat top left;
  display: block;
  text-indent: -9999px;
  background-position: -406px -55px;
  width: 150px;
  height: 40px; }

#menu-item-603 a:hover {
  background-position: -561px -55px; }

#menu-item-602 a {
  background: url("images/vezzo-sprite.png") no-repeat top left;
  display: block;
  text-indent: -9999px;
  background-position: -406px -105px;
  width: 150px;
  height: 31px; }

#menu-item-602 a:hover {
  background-position: -561px -105px; }

#menu-item-604 a {
  background: url("images/vezzo-sprite.png") no-repeat top left;
  display: block;
  text-indent: -9999px;
  background-position: -406px -147px;
  width: 150px;
  height: 69px; }

#menu-item-604 a:hover {
  background-position: -561px -147px; }

#menu-item-589 a {
  background: url("images/vezzo-sprite.png") no-repeat top left;
  display: block;
  text-indent: -9999px;
  background-position: -406px -225px;
  width: 150px;
  height: 31px; }

#menu-item-589 a:hover {
  background-position: -561px -225px; }

#whof {
  position: absolute;
  top: 60px;
  left: 365px;
  display: none;
  height: 200px;
  width: 200px;
  background: url("images/vezzo-sprite.png") no-repeat top left;
  z-index: 250;
  background-position: -230px -879px; }

.whof {
  background: url("images/vezzo-sprite.png") no-repeat top left;
  display: block;
  text-indent: -9999px;
  background-position: -571px -453px;
  height: 31px;
  width: 65px;
  position: absolute;
  top: 27px;
  left: -18px; }

#dog {
  background: url("images/vezzo-sprite.png") no-repeat top left;
  height: 219px;
  width: 179px;
  position: absolute;
  top: 20px;
  left: 200px;
  background-position: -218px 0;
  z-index: 300; }

.love {
  color: #b34150;
  font-size: 1.5em;
  text-shadow: 0 0 25px white; }

#super_wrap {
  padding-bottom: 362px;
  position: relative;
  z-index: 400; }

#content {
  float: right;
  width: 700px;
  position: relative;
  top: -90px; }

#sidebar-left {
  float: left;
  width: 210px;
  margin: -75px 0 0 15px; }
  #sidebar-left #sidebar_top {
    background: url("images/vezzo-sprite.png") no-repeat top left;
    background-position: 0 -685px;
    height: 376px;
    width: 212px; }
  #sidebar-left #sidebar_content {
    background: url("images/sidebar_content.png") repeat-y top left;
    margin: -5px 0 0 10px;
    padding: 10px 0 0 0; }
  #sidebar-left #sidebar_footer {
    background: url("images/vezzo-sprite.png") no-repeat top left;
    background-position: 0 -1074px;
    height: 60px;
    width: 212px; }

#slogan {
  padding: 130px 30px 10px 38px;
  font-size: 2.2em;
  line-height: 0.6em;
  letter-spacing: -3px;
  text-shadow: 0 0 3px #785f14;
  color: #ee954b; }

#searchform {
  position: relative;
  left: 29px;
  width: 143px; }

#searchbar {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 106px;
  float: left;
  padding: 3px 30px 3px 5px;
  background: #f8f0ab url("images/search_bg.gif") repeat-x;
  border: 1px solid #b9a66d;
  outline: none;
  font-size: 0.8em; }

#searchbar.active {
  background: white; }

#searchbtn {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 19px;
  height: 21px;
  float: left;
  background: url("images/vezzo-sprite.png");
  background-position: -275px -685px;
  text-indent: -9999px;
  border: none;
  cursor: pointer; }

#searchbtn:hover {
  background-position: -300px -685px; }

#social {
  margin: 15px 0 0 25px;
  padding: 0px 0px 0 0px; }
  #social li {
    float: left;
    margin: 0 8px 0 8px; }
  #social a {
    display: block;
    height: 20px;
    width: 23px;
    text-indent: -9999px;
    background: url("images/vezzo-sprite.png"); }
  #social a:hover {
    -webkit-transition: none; }
  #social #twitter {
    background-position: -220px -771px; }
  #social #twitter:hover {
    background-position: -246px -771px; }
  #social #facebook {
    background-position: -220px -713px; }
  #social #facebook:hover {
    background-position: -246px -713px; }
  #social #lastfm {
    background-position: -217px -741px; }
  #social #lastfm:hover {
    background-position: -243px -741px; }
  #social #delicious {
    background-position: -220px -685px; }
  #social #delicious:hover {
    background-position: -246px -685px; }

.work_wrapper {
  margin: 0 0 40px 0;
  position: relative; }
  .work_wrapper h1 {
    margin: 0 0 0 15px; }
  .work_wrapper small {
    font-size: 0.4em;
    letter-spacing: -1px; }

.photos {
  height: 275px !important; }
  .photos li {
    height: 220px !important; }

h1 {
  margin: 0 0 0 0px; }

small {
  font-size: 0.4em;
  letter-spacing: -1px; }

#works_title {
  background: url("images/vezzo-sprite.png") no-repeat top left;
  background-position: -230px -268px;
  display: block;
  height: 40px;
  width: 325px;
  text-indent: -9999px; }

#photos_title {
  background: url("images/vezzo-sprite.png") no-repeat top left;
  background-position: -230px -310px;
  display: block;
  height: 52px;
  width: 410px;
  text-indent: -9999px; }

#photos_title_2 {
  background: url("images/vezzo-sprite.png") no-repeat top left;
  background-position: -230px -821px;
  display: block;
  height: 52px;
  width: 410px;
  text-indent: -9999px; }

.photos_button {
  top: 155px !important; }

.work_button {
  position: absolute;
  padding: 0px 10px 3px 10px;
  height: 70px;
  width: 50px;
  background: url("images/vezzo-sprite.png") no-repeat top left;
  background-position: -601px -581px;
  top: 135px;
  right: 10px;
  display: block;
  font-size: 2.2em;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  color: #666666; }

.work_container {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 615px;
  position: relative;
  height: 250px;
  overflow: hidden; }
  .work_container ul {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 3000px; }
  .work_container li {
    box-shadow: 0 0 15px black;
    -moz-box-shadow: 0 0 15px black;
    -webkit-box-shadow: 0 0 15px black;
    float: left;
    width: 150px;
    height: 190px;
    background: url("images/noise_bg_scuro.png") repeat top left #b9a66d;
    border-bottom: 2px solid #f8f0ab;
    margin: 20px 15px 20px 20px;
    padding: 10px;
    position: relative; }
  .work_container img {
    box-shadow: 0 0 3px black;
    -moz-box-shadow: 0 0 3px black;
    -webkit-box-shadow: 0 0 3px black; }

.work_desc {
  margin: 10px 0 0 0; }
  .work_desc a {
    color: black;
    text-decoration: none; }

.work_skills {
  line-height: 1em;
  position: absolute;
  bottom: 5px;
  left: 10px; }
  .work_skills a {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #f8f0ab;
    background-image: -moz-linear-gradient(top, #f8f0ab, #d5bf7d);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f0ab), color-stop(1, #d5bf7d));
    box-shadow: 0 0 3px #785f14;
    -moz-box-shadow: 0 0 3px #785f14;
    -webkit-box-shadow: 0 0 3px #785f14;
    padding: 1px 3px;
    font-size: 0.7em;
    color: #666666;
    text-decoration: none; }
  .work_skills a:hover {
    -webkit-transition: all 300ms linear;
    background: white; }
  .work_skills a:active {
    background: white;
    color: black; }

/* FOOTER */
#footer {
  background: url("images/footer_bg.png") repeat-x top left;
  float: none;
  width: 100%;
  height: 385px;
  position: relative;
  margin-top: -385px;
  clear: both;
  z-index: 800; }

#footer_outer_wrap {
  width: 980px;
  margin: 0 auto;
  padding: 60px 0 0 0; }

#footer_wrap {
  width: 100%; }
  #footer_wrap .col {
    float: left;
    width: 200px;
    margin: 0 12px 0 12px; }
  #footer_wrap h2 {
    color: #ee954b; }
  #footer_wrap .slogan {
    font-size: 2.1em;
    line-height: 0.6em;
    letter-spacing: -3px;
    color: #ee954b;
    text-shadow: 0 0 10px black;
    padding: 10px 0 10px 0; }
    #footer_wrap .slogan .big {
      font-size: 1.5em; }

/* TWITTER */
.twitter {
  font-size: 0.9em;
  width: 240px;
  float: left;
  margin: 0px 12px 0px 12px; }
  .twitter h2 {
    font-size: 2.0em;
    line-height: 1.1em; }
  .twitter .twitter {
    margin: 0; }
  .twitter .twitter-item {
    background: url("images/noise_bg_chiaro.png") #f8f0ab;
    border: 2px solid #b9a66d;
    box-shadow: 0 0 15px black;
    -moz-box-shadow: 0 0 15px black;
    -webkit-box-shadow: 0 0 15px black;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 0 0 10px 0;
    padding: 3px; }
  .twitter abbr {
    font-size: 0.8em; }

/* LASTFM */
.lastfm_col {
  width: 222px;
  float: left;
  margin: 0px 0px 0px 12px;
  height: 290px; }
  .lastfm_col h2 {
    font-size: 2.0em;
    line-height: 1.1em; }

.lastfm li {
  float: left;
  list-style: none !important;
  margin: 15px 15px 15px 0 !important;
  position: relative;
  background: url("") 0 0 no-repeat; }
.lastfm a {
  display: block;
  position: relative;
  background: url("images/vinyl.png") 0 0 no-repeat;
  float: left;
  width: 96px;
  height: 82px;
  text-indent: -1000em;
  overflow: hidden;
  z-index: 100; }
.lastfm img {
  position: absolute;
  width: 72px;
  height: 72px;
  left: 2px;
  top: 1px;
  z-index: 50; }

/* CONTACT */
.contact {
  width: 240px;
  float: left;
  margin: 0px 0px 0px 12px; }
  .contact h2 {
    font-size: 2.0em !important;
    line-height: 1.1em !important; }

.wpcf7-form {
  position: relative; }
  .wpcf7-form .wpcf7-mail-sent-ok {
    background: green;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 15px black;
    -moz-box-shadow: 0 0 15px black;
    -webkit-box-shadow: 0 0 15px black;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 3000; }
  .wpcf7-form .wpcf7-validation-errors {
    background: yellow;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 15px black;
    -moz-box-shadow: 0 0 15px black;
    -webkit-box-shadow: 0 0 15px black;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 3000; }
  .wpcf7-form p {
    margin: 0 0 5px 0; }
  .wpcf7-form .active {
    background: white; }
  .wpcf7-form input, .wpcf7-form textarea {
    margin: 0 0 5px 0;
    background: rgba(185, 166, 109, 0.5);
    border: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 3px;
    width: 240px;
    border: 1px solid #b9a66d;
    box-shadow: inset 0px 3px 3px #b9a66d;
    -moz-box-shadow: inset 0px 3px 3px #b9a66d;
    -webkit-box-shadow: inset 0px 3px 3px #785f14; }
  .wpcf7-form .submit {
    background: url("images/noise_bg_scuro.png") #b9a66d;
    border: 2px solid #f8f0ab;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 15px black;
    -moz-box-shadow: 0 0 15px black;
    -webkit-box-shadow: 0 0 15px black;
    padding: 3px 10px 3px 10px;
    width: auto; }
  .wpcf7-form .submit:hover {
    background: white; }
  .wpcf7-form .submit:active {
    background: white;
    color: black; }

/* ARCHIVE */
.archive_list .site, #sites_page li {
  float: left;
  width: 295px;
  height: 190px;
  background: url("images/noise_bg_scuro.png") repeat top left #b9a66d;
  border-bottom: 2px solid #f8f0ab;
  margin: 20px 15px 20px 20px;
  padding: 10px;
  box-shadow: 0 0 15px black;
  -moz-box-shadow: 0 0 15px black;
  -webkit-box-shadow: 0 0 15px black;
  position: relative; }
  .archive_list .site img, #sites_page li img {
    box-shadow: 0 0 3px black;
    -moz-box-shadow: 0 0 3px black;
    -webkit-box-shadow: 0 0 3px black;
    float: left; }

.site_words {
  float: right;
  width: 135px;
  font-size: 0.83em; }

.site_desc {
  margin: 5px 0 0 0;
  width: 150px;
  float: left;
  font-size: 1.1em; }
  .site_desc a {
    color: black;
    text-decoration: none; }

.site_skills {
  line-height: 1em; }
  .site_skills a {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #f8f0ab;
    padding: 1px 3px;
    font-size: 0.7em;
    color: #666666;
    text-decoration: none; }
  .site_skills a:hover {
    background: white; }
  .site_skills a:active {
    background: white;
    color: black; }

.year_list {
  width: 65px;
  background: none;
  margin: 20px 0 0px 0px;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 400; }
  .year_list a {
    padding: 6px;
    background: #f8f0ab;
    background-image: -moz-linear-gradient(top, #f8f0ab, #d5bf7d);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f0ab), color-stop(1, #d5bf7d));
    box-shadow: 0 0 3px #785f14;
    -moz-box-shadow: 0 0 3px #785f14;
    -webkit-box-shadow: 0 0 3px #785f14;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 10px black;
    -moz-box-shadow: 0 0 10px black;
    -webkit-box-shadow: 0 0 10px black;
    margin: 0 0 5px 0;
    text-decoration: none;
    display: block;
    text-align: center; }
  .year_list a:hover {
    -webkit-transition: all 300ms linear;
    background: white; }

.archive_list .gallery, #photos_page li {
  box-shadow: 0 0 15px black;
  -moz-box-shadow: 0 0 15px black;
  -webkit-box-shadow: 0 0 15px black;
  float: left;
  width: 150px;
  background: url("images/noise_bg_scuro.png") repeat top left #b9a66d;
  border-bottom: 2px solid #f8f0ab;
  margin: 20px 15px 20px 20px;
  padding: 10px; }
  .archive_list .gallery img, #photos_page li img {
    box-shadow: 0 0 3px black;
    -moz-box-shadow: 0 0 3px black;
    -webkit-box-shadow: 0 0 3px black; }

.photo_desc {
  margin: 5px 0 0 0;
  font-size: 1.1em; }
  .photo_desc .photo_title {
    border-bottom: 1px solid #f8f0ab; }
  .photo_desc .photo_words {
    font-size: 0.83em;
    margin: 0 0 15px 0; }
  .photo_desc a {
    color: black;
    text-decoration: none; }

#photo_title {
  color: #ee954b;
  letter-spacing: -3px;
  font-size: 2.5em; }

.photo_content {
  background: url("images/noise_bg_chiaro.png") repeat top left #f8f0ab;
  border: 5px solid #b9a66d;
  padding: 3px 5px;
  box-shadow: 0 0 15px black;
  -moz-box-shadow: 0 0 15px black;
  -webkit-box-shadow: 0 0 15px black; }

.photo_type {
  margin: 15px 0 5px 0; }
  .photo_type a {
    background: url("images/noise_bg_chiaro.png") #f8f0ab;
    padding: 3px 5px;
    color: #666666;
    text-decoration: none;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 10px black;
    -moz-box-shadow: 0 0 10px black;
    -webkit-box-shadow: 0 0 10px black; }
  .photo_type a:hover {
    background: white; }
  .photo_type a:active {
    background: white;
    color: black; }

.work_wrapper .photo_type a, .archive_list .photo_type a {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 0px black;
  -moz-box-shadow: 0 0 0px black;
  -webkit-box-shadow: 0 0 0px black;
  font-size: 0.6em; }

#respond {
  margin: 0 0 30px 0;
  box-shadow: 0 0 15px black;
  -moz-box-shadow: 0 0 15px black;
  -webkit-box-shadow: 0 0 15px black;
  background: url("images/noise_bg_chiaro.png") repeat top left #f8f0ab;
  border: 5px solid #b9a66d;
  padding: 3px 5px; }
  #respond h3 {
    margin: 5px 0 0 0;
    color: black; }

#commentform p {
  position: relative;
  display: block;
  height: 40px; }
#commentform .comment-form-comment {
  height: 210px; }
#commentform .form-allowed-tags {
  display: none; }
#commentform label {
  vertical-align: top; }
#commentform .required {
  color: red; }
#commentform textarea {
  margin: 5px 0 5px 10px;
  background: #f8f0ab url("images/search_bg.gif") repeat-x;
  border: 1px solid #b9a66d;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px; }
#commentform textarea:focus {
  background: white; }
#commentform input {
  position: absolute;
  top: 0;
  left: 50px;
  padding: 3px 30px 3px 5px;
  background: #f8f0ab url("images/search_bg.gif") repeat-x;
  border: 1px solid #b9a66d;
  margin: 5px 0 5px 30px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px; }
#commentform input:focus {
  background: white; }
#commentform .form-submit {
  height: 70px; }
#commentform #submit {
  background: #b9a66d url("images/noise_bg_scuro.png") repeat-x;
  border: 3px solid #f8f0ab;
  padding: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  box-shadow: 0 0 10px #b9a66d;
  -moz-box-shadow: 0 0 10px #b9a66d;
  -webkit-box-shadow: 0 0 10px #b9a66d; }
#commentform #submit:hover {
  background: #666666; }
#commentform #submit:active {
  background: white; }

#comments-title {
  color: black;
  background: url("images/noise_bg_chiaro.png") repeat top left #f8f0ab;
  border: 5px solid #b9a66d;
  padding: 3px 5px; }

.fn {
  font-size: 1.3em; }

.comment-meta {
  position: absolute;
  top: 3px;
  right: 5px;
  font-size: 0.9em; }

.comment {
  box-shadow: 0 0 15px black;
  -moz-box-shadow: 0 0 15px black;
  -webkit-box-shadow: 0 0 15px black;
  position: relative;
  margin: 10px 0 10px 0;
  background: url("images/noise_bg_chiaro.png") repeat top left #f8f0ab;
  border: 5px solid #b9a66d;
  padding: 3px 5px;
  list-style: none; }
  .comment a {
    color: black; }
  .comment a:hover {
    background: white; }
  .comment a:active {
    color: #33353c; }

.children {
  margin-left: 30px;
  margin-right: 15px;
  margin-bottom: 15px; }
  .children .comment {
    box-shadow: 0 0 10px #b9a66d;
    -moz-box-shadow: 0 0 10px #b9a66d;
    -webkit-box-shadow: 0 0 10px #b9a66d; }

#lifestream_wrap {
  float: left;
  width: 350px; }

h3 {
  color: #ee954b;
  letter-spacing: -2px; }

#lifestream {
  list-style: none; }
  #lifestream ol {
    margin: 10px 0 10px 0;
    background: url("images/noise_bg_chiaro.png") repeat top left #f8f0ab;
    border: 5px solid #b9a66d;
    padding: 3px 5px;
    box-shadow: 0 0 15px black;
    -moz-box-shadow: 0 0 15px black;
    -webkit-box-shadow: 0 0 15px black; }
    #lifestream ol li {
      background: none;
      border: none;
      border-bottom: 2px solid #b9a66d; }
    #lifestream ol .lifestream:last-child {
      border: none; }

.lifestream-icon {
  margin: 5px 0 0 5px;
  float: right;
  width: 32px; }

.lifestream-label {
  width: 290px;
  float: left; }

.lifestream-hour {
  font-size: 0.8em;
  color: #33353c; }

.lifestream-paging {
  margin: 15px 0 15px 0; }
  .lifestream-paging a {
    background: #b9a66d url("images/noise_bg_scuro.png") repeat-x;
    border: 3px solid #f8f0ab;
    padding: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    box-shadow: 0 0 10px black;
    -moz-box-shadow: 0 0 10px black;
    -webkit-box-shadow: 0 0 10px black;
    text-decoration: none; }
  .lifestream-paging a:hover {
    background: white !important; }
  .lifestream-paging a:active {
    background: white; }

/* LATEST POSTS */
#latest_news {
  width: 320px;
  float: right; }
  #latest_news ul li h2 {
    line-height: 1.8em; }
  #latest_news ul li .post {
    position: relative;
    margin: 0 0 35px 0; }

#post_date {
  position: absolute;
  top: -29px;
  right: 0px; }
  #post_date h5, #post_date h3 {
    margin: 0 0 0 0;
    color: #ee954b; }
  #post_date h4 {
    color: #ee954b;
    letter-spacing: -2px; }

.archives_list .post_date {
  position: absolute;
  top: -34px;
  right: 0px; }

.post_date h5 {
  position: absolute;
  top: -23px;
  right: 0px;
  margin: 0 0 0 0;
  color: #ee954b !important;
  text-shadow: 0 0 10px black;
  letter-spacing: -2px; }
.post_date h4 {
  color: #ee954b;
  letter-spacing: -2px; }
.post_date h3 {
  position: absolute;
  top: -34px;
  right: 0px;
  color: #ee954b !important;
  letter-spacing: -2px; }

/* SINGLE POST */
.post, .page {
  position: relative;
  margin: 10px 0 35px 0;
  background: url("images/noise_bg_chiaro.png") repeat top left #f8f0ab;
  border: 5px solid #b9a66d;
  padding: 5px;
  box-shadow: 0 0 15px black;
  -moz-box-shadow: 0 0 15px black;
  -webkit-box-shadow: 0 0 15px black; }
  .post p, .page p {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #b9a66d; }
  .post img, .page img {
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 0 0 3px #785f14;
    -moz-box-shadow: 0 0 3px #785f14;
    -webkit-box-shadow: 0 0 3px #785f14; }
  .post h3, .page h3 {
    margin: 5px 0 0 0;
    color: black; }
  .post .no_border, .page .no_border {
    box-shadow: 0 0 0px black;
    -moz-box-shadow: 0 0 0px black;
    -webkit-box-shadow: 0 0 0px black; }

.tags {
  line-height: 2.0em; }
  .tags a {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 2px #785f14;
    -moz-box-shadow: 0 0 2px #785f14;
    -webkit-box-shadow: 0 0 2px #785f14;
    background: white;
    padding: 3px 5px;
    text-decoration: none; }
  .tags a:hover {
    background: #666666;
    color: black; }
  .tags a:active {
    background: #33353c;
    color: black; }

.post-categories li {
  float: left;
  margin: 0 5px 0 0; }

.tags {
  line-height: 2.0em; }
  .tags a {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 2px #785f14;
    -moz-box-shadow: 0 0 2px #785f14;
    -webkit-box-shadow: 0 0 2px #785f14;
    background: white;
    padding: 3px 5px;
    text-decoration: none; }
  .tags a:hover {
    background: #666666;
    color: black; }
  .tags a:active {
    background: #33353c;
    color: black; }

/* SIDEBAR */
#navbar {
  height: 40px;
  margin: 0 0 35px 0; }
  #navbar a[rel=prev] {
    float: left; }
  #navbar a[rel=next] {
    float: right; }
  #navbar a {
    background: #b9a66d url("images/noise_bg_scuro.png") repeat-x;
    border: 3px solid #f8f0ab;
    padding: 5px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    box-shadow: 0 0 10px black;
    -moz-box-shadow: 0 0 10px black;
    -webkit-box-shadow: 0 0 10px black;
    text-decoration: none; }
  #navbar a:hover {
    background: #666666;
    color: black; }
  #navbar a:active {
    background: white; }

.shareThis {
  height: 52px; }
  .shareThis li {
    float: left;
    margin: 5px 5px 0 0; }
  .shareThis a {
    height: 36px;
    width: 34px;
    display: block;
    margin: 0; }
  .shareThis img {
    margin: 0 0 0 0;
    box-shadow: 0 0 0px black;
    -moz-box-shadow: 0 0 0px black;
    -webkit-box-shadow: 0 0 0px black;
    vertical-align: middle; }

/* ARCHIVE */
#sites_title {
  background: url("images/vezzo-sprite.png");
  background-position: -232px -366px;
  text-indent: -9999px;
  height: 47px;
  width: 310px;
  margin: 0 0 0 15px; }

#title {
  margin: 0 0 0 15px; }