/*-------------- Reset CSS -----------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
/******************************************************************************/
body {

  font: normal normal normal 0.74em normal Georgia, Georgia, serif;
  background: #2f302b;
  color: white;
  background:#fff;
  min-width: 999px;
}

#outer {
  margin:0 auto; 
  width: 999px;
}

a {
  color: inherit;
}
/*---------- Header --------------*/
#header {
  padding-top: 2px;
  background-color: black;
  border: 1px #333 solid;
  height: 32px;
  color: white;
  font: normal normal italic medium normal Georgia, Georgia, serif;
;
}
    #header * {
/*      vertical-align: middle;
*/
	padding-top: 12px;
    }

    #header .date {
      margin: 0px 80px 0px 30px;
      font-size: 13px;
    }
        #header .date .day {
          font-weight: bold;
          font-size: 150%;
          vertical-align: top;
          padding-right: 3px;
        }

        #header .date .year {
          font-size: 0.9em;
        }

    #header .sensation {
      padding-top: 5px;
      display: inline;
      color: #cdcdcd;
      font-weight: bold;
      font-size: 120%;
    }

    #header .sensation p,
    #header .sensation ul,
    #header .sensation li,
    #header .sensation a  {
      display: inline;
/*       vertical-align: middle;*/
    }

     #header .sensation ul {
/*       vertical-align: top; */
     }

      #header .sensation a {
        color: #6a6a6a;
        font-size: 90%;
        font-weight: normal;
      }

      #header .sensation a:hover {
        color: white;
        text-decoration: none;
      }

    #header .auth {
      top: 0px;
      float: right;
      font-family: Arial, Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      font-style: normal;
      font-size: small;
      padding-top: 5px;

    }
      #header .auth a {
        text-decoration: none;
        margin: 0px 30px 0px 25px;
        color: white;
      }

          #header a:hover {
            text-decoration: underline;
            color: white;

          }

      #header .auth .login {
        color: #b0b0b0;
        margin: 0px;
      }
      
/* -------------------------------------------- */
#outer {
  clear: both;
  background-color: white;
}

#wrapper {
  margin: 10px 30px 10px 30px;
}

#logo {
  float: left;
  padding: 10px 50px 15px 0px;
}

#search-box {
  padding: 20px 0px 40px 0px;
}

#sections li {
    width: 170px;
    margin:15px 0 0 0;
    padding:0 10px 0 0;
    line-height:13px;
    float:left;
    font-size: 18px;
    font-weight: bold;
}

    #sections li a {
        text-decoration: none;
        color: black;
    }

    #sections li a:hover {
        color: #6b6b6b;
        text-decoration: underline;
    }

.ruler {
  clear: both;
  background: #999;
  width: 100%;
  height: 1px;
  margin: 15px 0;
}

.tags-list {
  text-align: center;
  font-size: 90%;
}

.tags-list a {
  color: #8d3855 !important;
}
   .tags-list li {
  display: inline;

    }

.item .tags-list a {
  text-decoration: underline ;
}

.item .tags-list a:hover {
  text-decoration: none;
}
.tag-cloud {
  text-align: center;
  font-weight: bold;
  font-style: italic;
  padding-left: 20px;
}

    .tag-cloud li {
        padding:0 10px 0 0;
        height:25px;
        float:left;
    }

        .tag-cloud li big {
          font-size: large;
        }

        .tag-cloud li small {
          font-size: small;
          color: #8d3855;
        }

            .tag-cloud li a {
              color: #8d3855;
            }

            .tag-cloud li a:hover {
              text-decoration: none;
            }

.clear {
  clear: both;
}

.right {
  float: right;
}

.left {
  float: left;
}

#breadcrumbs {
  font-family: Arial, Arial, Helvetica, sans-serif;
  padding-bottom: 7px;
  border-bottom: #9b9b9b 1px dotted;
  text-transform: lowercase;
  margin-top: -10px;
}

    #breadcrumbs li {
      display: inline;
      background-image: url(/images/breadcrumbs_arrow.png);
      background-repeat: no-repeat;
      background-position: right center;
      padding-right: 25px;
      margin: 0px 5px 0px 10px;
    }

    #breadcrumbs li a {
      color: #3d3b3c;
    }

    #breadcrumbs li:first-child,
    #breadcrumbs li.first
    {
      margin-left: 30px;
    }

    #breadcrumbs li:last-child,
    #breadcrumbs li.last
    {
       background: none;
      margin-left: 10px;
    }

    #breadcrumbs li:last-child a,
    #breadcrumbs li.last a
    {
    }

    #breadcrumbs li a:hover,
    #breadcrumbs li:last-child a,
    #breadcrumbs li.last a
    {
      text-decoration: none;
    }

    #breadcrumbs li:last-child a:hover,
    #breadcrumbs li.last a:hover
    {
      text-decoration: underline;
    }

/* ----- Banners ------------------------- */

.top-banner {
  width: 960px;
  height: 98px;
  overflow: hidden;
}

.left-banner {
  width: 140px;
  height: 600px;
  overflow: hidden;
}

.right-banner {
  width: 240px;
  height: 600px;
  overflow: hidden;
}

/* ----- Content ------------------------- */

/* column container */
.colmask {
  position:relative;    /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
      width:100%;       /* width of whole page */
  overflow:hidden;    /* This chops off any overhanging divs */
  margin: 10px 0px 10px 0px;
  color: black;
}

/*.col1 {
    text-indent: 2em;
    text-align: justify;
 }*/

/* ----- Three columns ------------- */

.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-240px;   /* Width of right column */
    position:relative;
    right:100%;
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:390px;           /* Left column width + right column width */
}
.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:150px;          /* Width of left column */
    padding-bottom:1em;   /* Centre column bottom padding. Leave it out if it's zero */
}

.holygrail .col1 {
    margin: 0 260px 0 170px;            /* Centre column side padding:
                          Right padding = right column width + centre column right padding width
                          Left padding = left column width + centre column left padding width  */
    position:relative;
    left:200%;
    overflow:hidden;
    padding: 10px;
}
.holygrail .col2 {
    float:left;
    float:right;      /* This overrides the float:left above */
    width:150px;          /* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:0px;          /* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
    float:left;
    float:right;      /* This overrides the float:left above */
    width:240px;          /* Width of right column content (right column width minus left and right padding) */
    margin-right:0px;   /* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}

/* ----- TWO columns ------------- */

.rightmenu .colleft {
    float:left;
    width:200%;
    margin-left:-240px;
    position:relative;
    right:100%;
}
.rightmenu .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:1em;
}
.rightmenu .col1 {
    margin: 0px 20px 0px 240px;
    overflow:hidden;
}
.rightmenu .col3 {
    float:right;
    width:240px;
    position:relative;
    left:240px;
}

/* ----- Footer ------------- */

#footer {
  border-top: 6px #9b9d92 solid;
  background-color: #2f302b;
  color: white;
  padding: 30px 30px 30px 80px;
  font-family: Tahoma, Geneva, sans-serif;
}

    #footer th {
      width: 20%;
      text-align: left;
      font-size: 110%
    }

        #footer th a,
        #footer td a:hover {
          text-decoration: none;
          color: white;
        }

        #footer td a,
        #footer th a:hover {
          text-decoration: underline;
          color: white;
        }

    #footer tr {
      line-height: 30px;
    }

    #footer #copyleft {
      font-size: 90%;
      padding-top: 20px;
      color: silver;
    }

        #footer a {
          color: silver;
        }
        #footer a:hover {
          text-decoration: none;
        }

        #footer #copyleft .dev {
          padding-top: 10px;
        }

     #myorphus {
        float: right;
        margin-top: -30px;
     }

/* --------- Common ------------ */

.btn {
  padding: 2px 20px 5px 20px;
  color: white;
  background-color: black;
  text-decoration: none;
  font-style: italic;
  font-weight: bold;
  -moz-border-radius: 20px;
  -moz-box-shadow:5px 5px 5px silver;
  -webkit-border-radius: 15px;
}

.col1, .col3 {
  text-align: center;
}

.col1, .col3, .col2 {
  padding-bottom: 5px;
}

.colmask h1 {
  padding: 0;
  margin: 0;
  font-style: italic;
  font-weight: bold;
  font-size: 280%;
  color: #474843;
  text-align: left;
}

    .colmask h1 a {
      text-decoration: none;
    }

    .colmask h1 a:hover {
      text-decoration: underline;
    }

/* ----------- Homepage ---------- */

.weekly-bottle, .monthly-bottle {
  padding: 20px 0 10px 0;
  margin: 10px 0 10px 0;
  width: 150px;
  overflow: hidden;
  -moz-border-radius: 20px;
  -moz-box-shadow:5px 5px 5px #ddd;
  -webkit-border-radius: 15px;
  border: #9b9b9b 1px solid;
  text-align: center;
}
    .weekly-bottle a,
    .monthly-bottle a {
        color: #5a5a5b;
    }

    .weekly-bottle a:hover,
    .monthly-bottle a:hover {
        text-decoration: none;
    }

.side-header {
  font-style: italic;
  font-weight: bold;
  margin-top: 5px;
}

    .side-header a {
      text-decoration: none;
      color: black;
    }

    .side-header a:hover {
      text-decoration: underline;
    }
    
.side-sub-header {
  margin: 10px;
}

.vote {
  padding: 5px 0px 15px 0px;
  margin: 30px 0px 30px 0px;
  width: 150px;
  overflow: hidden;
  -moz-border-radius: 20px;
  -moz-box-shadow:5px 5px 5px #ddd;
  -webkit-border-radius: 15px;
  background: #cdcec8;
  text-align: center;
}

    .vote h1 {
      padding-left: 10px;
    }

    .vote .question {
      text-align: left;
      margin: 5px;
      padding: 10px 30px 0px 10px;
    }

    .vote ul#answers  {
      text-align: left;
      line-height: 30px;
      padding: 0 0 10px 10px;
    }

    .vote ul#answers li label {
      padding-left: 5px;
    }

.last-number {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 30px 0px;
  width: 150px;
  overflow: hidden;
  text-align: center;
  font-style: italic;
}

    #my-numbers {
    }

    .last-number a,
    #my-numbers a {
      text-decoration: none;
    }
    .last-number #number,
    #my-numbers li {
      font-size: 200%;
    }


    #my-numbers li {
      float: left;
      width: 150px
    }

            .len {
                  color: #8f3954;
                  font-weight: bold;
                  text-align: center;
                  font-size: 200% !important;
            }

            .len5 {
                  color: #8f3954;
                  font-weight: bold;
                  text-align: center;
                  font-size: 300% !important;
            }

            .len4 {
                  color: #8f3954;
                  font-weight: bold;
                  text-align: center;
                  font-size: 400% !important;
            }

            .len3 {
                  color: #8f3954;
                  font-weight: bold;
                  text-align: center;
                  font-size: 500% !important;
            }

            .len2 {
                  color: #8f3954;
                  font-weight: bold;
                  text-align: center;
                  font-size: 800% !important;
            }

            .len1 {
                  color: #8f3954;
                  font-weight: bold;
                  text-align: center;
                  font-size: 1000% !important;
            }

        .last-number .sentence {
          color: #3c3a3b;
          padding: 10px 5px 0px 5px;
        }
.number-info {
}

.last-element {
  margin-top: 30px;
  padding-bottom:30px;
  margin-bottom: 30px;
  width: 150px;
  overflow: hidden;
  -moz-border-radius: 20px;
  -moz-box-shadow:5px 5px 5px #ddd;
  -webkit-border-radius: 15px;
  background: #cdcec8;
  text-align: center;
}
    .last-element h1 {
      text-align: left;
      padding-left: 20px;
    }
    .last-element .element-picture {
      width: 108px;
      height: 108px;
      margin: 20px 0px 0px 20px;
      background-image: url(/uploads/assets/item/elements-small-108x108.png);
      background-position: center center;
      background-repeat: no-repeat;
      -moz-border-radius: 20px;
      -webkit-border-radius: 15px;
    }

    .last-element .element-text {
      margin: 5px;
      padding: 10px 10px 30px 10px;
    }

    .last-element .element-text a {
      text-decoration: none;
    }

    .last-element .element-text a:hover {
      text-decoration: underline;
    }

/* ------- main ----------- */

.col1 h1 {
  text-align: left;
  padding-bottom: 10px;
}

.item {
  margin: 10px 0;
  text-decoration: none;
    text-align: center;
}
    .item a {
      text-decoration: none;
      color: black;
    }
    .item a:hover {
      text-decoration: underline;
    }

    .item .section-name {
      margin: 20px 0px;
    }


    .item .item-header {
      font-size: 110%;
      font-weight: bold;
      font-style: italic;
      padding: 5px 0px 5px 0px;
    }

    .item .item-text {
      color: #686964;
      padding: 5px 15px 5px 0px;
/*      text-indent: 2em;*/
    }

    .item .item-text a {
      color: #686964;
    }

    .item .item-date {
      padding: 10px 0px 10px 0px;
      font-size: 90%;
      color: #686964;
    }

/*
.articles-in-two-columns  {
   clear: both;
}
*/
.articles-in-two-columns .item {
/*
  zoom: 1;
  display: block;
*/
  float: left;
  width: 49%;
}

/*.articles-in-two-columns:after {
  clear: both;
}*/

/* ----------- Special ------------- */

.special-item
{
  margin-bottom: 20px;
  clear:both;
  height: 240px;
  overflow: hidden;
  background: #9c9e91;
  background-image: url(/images/right-curly-brace.png);
  background-position: left top;
  background-repeat: no-repeat;

      -moz-border-radius: 20px;
      -webkit-border-radius: 15px;
  
}
    .special-item h1 {
      color: black !important;
    }

.special-wrapper
{
  padding: 10px 10px 0px  100px;
  text-align: left;
}

    .special-wrapper .item {
      padding-left: 20px;
    }

    .special-wrapper .item .item-header a,
    .special-wrapper .item .item-text a {
      color: white;
    }

    .special-wrapper .item .item-header a {
      text-decoration: underline;
    }

    .special-wrapper .item .item-header a:hover {
      text-decoration: none;
    }
    .special-wrapper .item .item-text {
      padding-right: 20px;
    }
    .special-wrapper .item .item-date {
      color: black !important;
    }

.debate-item {
  clear: both;
  padding: 20px;
  border: #9b9b9b 1px solid;
  text-align: center;
  -moz-border-radius: 20px;
  -moz-box-shadow:5px 5px 5px #ddd;
  -webkit-border-radius: 15px;
}
    .debate-item .debate-header {
      text-align: left;
    }
        .debate-item .debate-header h1 {
          padding-bottom: 0px !important;
        }
        .debate-item .debate-header .item {
          margin-top: 0px !important;
        }
.daily-picture .caption {
   font-style: italic;
}
/* ---------- Article -------------- */
.article, pre#desc {
  text-align: left;
  color: #61615f;
}
    .article h1 {
      color: #3e3a3b;
    }

    .article h2 {
      font-style: italic;
      color: black;
    }

    .article p, pre#desc {
      text-indent: 30px;
      padding-bottom: 10px;
      line-height: 1.5em;
      margin: 0 20px 0 100px;
      text-align: justify;
    }

    .article table p {
      text-indent: 0px;
      padding: 0px;
      margin: 0px;
    }
    .article .pics .lightwindow {
       float:left;
       padding: 4px;
    }

/* --------------- Section list ------- */

.bordered-item {
  padding: 20px 10px 10px 20px;
  margin: 15px 0 15px 0;
  width: 120px;
  overflow: hidden;
  -moz-border-radius: 20px;
  -moz-box-shadow:5px 5px 5px #ddd;
  -webkit-border-radius: 15px;
  border: #9b9b9b 1px solid;
  text-align: left;
  font-style: italic;
  line-height: 25px;
}
    .bordered-item h1 {
       font-size: 190%;
       margin-bottom: 15px;
    }
    
    .bordered-item a {
        color: #5a5a5b;
    }

    .bordered-item a:hover {
        text-decoration: none;
    }

.grayed-item {
  padding: 20px 10px 10px 20px;
  margin: 15px 0 15px 0;
  width: 120px;
  overflow: hidden;
  -moz-border-radius: 20px;
  -moz-box-shadow:5px 5px 5px #ddd;
  -webkit-border-radius: 15px;
  background: #cdcec8;
  text-align: left;
  font-style: italic;
  line-height: 25px;
}
    .grayed-item h1 {
       font-size: 190%;
       margin-bottom: 15px;
    }

    .grayed-item li a { color: black; }

/*-------- Comments ----------- */
.comment-box {
  clear: both;
  background: #cdcec8;
  color: #3f3a37;
  font-family: Georgia,Georgia,serif;
  padding: 15px 30px;
}

.comment-box h1 {
  font-size: 330%;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 30px;
}

.comment-box table {
  text-align: center;
}
.comment-box td {
  vertical-align: top;
}

.comment-box .hidden {
  display: none;
}

.comment-box table .baloon {
  padding: 10px 20px;
  margin-left: 30px;
  margin-bottom: 30px;
  -moz-border-radius: 20px;
  -moz-box-shadow:5px 5px 5px #ddd;
  -webkit-border-radius: 15px;
  background: white;
  text-align: left;
  border: #9b9b9b 1px solid;
}

.comment-box table .baloon .updated {
  margin-top: 10px;
  color: black;
}

.comment-box .left-arrow {
  z-index: 101;
  top: 20px;
  left: 13px;
  position: relative;
  float: left;
}

.comment-box .btn {
  margin: 5px 30px;
}

.comment-box table .baloon2 {
  padding: 20px 20px;
  margin-bottom: 20px;
  -moz-border-radius: 20px;
  -moz-box-shadow:5px 5px 5px #ddd;
  -webkit-border-radius: 15px;
  background: #E6E7E2;
  text-align: left;
  border: #9b9b9b 1px solid;
 /*width: 100%;*/

}

.comment-box table .baloon2 textarea {
  border: #9b9b9b 1px solid;
  width: 100%;
}

.comment-box h3 {
  margin-top: 30px;
  font-style: italic;
  font-size: 200%;
}

.comment-box .top-arrow {
  z-index: 101;
  top: 7px;
  left: 40px;
  position: relative;
}

.comment-box input.btn {
  margin: 5px 30px;
  padding: 1px 20px 3px 20px;
  cursor: pointer;
}


.error
{
  margin: 4px 0;
  padding: 4px 4px 4px 30px;
  background: url(/sfPropelPlugin/images/error.png) no-repeat 10px 4px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f33;
  color: #fff;
}

.errors input, .errors select
{
  border: 1px solid #f22;
}

.notice
{
  margin: 4px 0;
  padding: 4px 4px 4px 30px;
  background: url(/sfPropelPlugin/images/tick.png) no-repeat 10px 4px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #ffc;
  color: black;
}

.request
{
  margin: 4px 0;
  padding: 4px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #ffc;
  color: black;
}

/* Search Form //----------------------------------------------------------*/

#searchform fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  }
#searchform label {
  color: #999;
  display: none;
  }
#searchform input {
  width: 180px;
  color: #222;
  }
#searchform #submitquery {
  display: none;
  }

/* --------- daily -------------------- */
.center {
  text-align: center;
}

/* -- carousel ---- */

.carousel {
    overflow: hidden;
}

.carousel .inner {

}

.carousel-selected {
}

.carousel .middle {
    overflow: hidden;
}

#daily-carousel {
    width: 598px;
    height: 150px;
    margin-top: 15px;
}

#daily-carousel .middle {
    float: left;
    width: 512px;
    height: 150px;
}

#daily-carousel .inner div.slice {
    float: left;
    padding: 5px;
    width: 160px;
    cursor: pointer;
}

#daily-carousel a {
    float: left;
    width: 41px;
    height: 107px;
    text-align: center;
    text-decoration: none;
    font-size: 36px;
    line-height: 120px;
}

#daily-carousel a.next {
    float: right;
}

#daily-carousel a:hover {
    color: #000;
}

#daily-carousel .inner div .item-date {
  font-size: 90%;
  color: #686964;
}

/*------------------------------------------*/

#bottle-carousel {
    clear: both;
    width: 460px;
/*    height: 150px;*/
    margin-top: 30px;
}

#bottle-carousel .middle {
    float: left;
    width: 360px;
/*    height: 180px;*/
}

#bottle-carousel .inner div.slice {
    float: left;
    padding: 5px;
    width: 80px;
    cursor: pointer;
  text-align: center;
}

#bottle-carousel a {
    float: left;
    width: 41px;
    height: 180px;
    text-align: center;
    text-decoration: none;
    font-size: 36px;
    line-height: 120px;
}

#bottle-carousel a.next {
    float: right;
}

#bottle-carousel a:hover {
    color: #000;
}

#bottle-carousel .item-date {
    font-size: 90%;
    color: #686964;
}

pre#desc {
    font-family: Georgia, Georgia, serif !important;
    margin-left: 140px;
    padding-top: 30px !important;
}

#item-date {
    margin: 15px 0px 15px 170px;
    color: black;
}

.circle {
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center center;
}

.small-circle {
  width: 107px;
  height: 107px;
  background-repeat: no-repeat;
  background-position: center center;
}

table.disput td  {
  text-align: center;
  vertical-align: top;
}

ul#authors {
  text-align: left;
}

ul#authors li {
  height: 120px;
}

.author-info {
  padding-top: 20px;
  margin-left: 140px;

}

.photo {
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}

.mdash {
  vertical-align: middle;
}

#vote-details {
  color: black;
  text-align: left;
  overflow: hidden;
}

  #vote-details h1 {
    color:#474843;
    font-size:280%;
    font-style:italic;
    font-weight:bold;
    margin:0;
    padding:0;
    padding-left: 10px;
    text-align:left;
  }

  #vote-details .question {
    margin:5px;
    padding:10px 0px 10px 10px;
    text-align:left;
  }

  #vote-details .total {
    color: #a3a397;
    text-align:left;
    font-weight: bold;
  }

  #vote-details table {
    border-spacing: 10px;
  }

  #vote-details table td,
  #vote-details table th {
    margin: 10px;
  }

.gray {
  padding: 0px;
  background: #8f3954;
  -moz-border-radius: 10px;
  -moz-box-shadow:5px 5px 5px #ddd;
  -webkit-border-radius: 10px;
}

.required {
  color: red;
  vertical-align: super;
}

#user-reg {
  border-spacing: 10px;
}

  #user-reg table {
    border-spacing: 10px;
  }
  
ul.error_list
{
  margin: 0;
  margin-bottom: 7px;
  color: #d33;
  border: none;
  background-color: #f33;
}

ul.error_list li
{
  padding: 4px;
  padding-left: 25px;
  list-style: none;
  color: #fff;
  background: url(/sfPropelPlugin/images/error.png) no-repeat 4px 4px;
}

#register_country
{
  width: 290px;
}

ul.sf_guard_actions li
{
/*  font-size: 150% !important;*/
  margin-top: 10px;
}

ul.sf_guard_actions li form
{
  margin-left: 10px;
}

.author {
  margin-top: 25px;
  padding: 20px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: #9b9b9b 1px solid;
  font-style: italic;
}
  .author .big-rating {
    float: right;
  }

  .author .editorial-heading {
    font-weight: bold; 
    margin: 10px 0;   
  }
  
  .author h3 a {
    font-style: normal;
    color: #8d3855;
  }  

  .author .editorial {
    font-style: italic;
    width: 400px;
  }  

#my-baloon {
  position: absolute;
  display: block;
  width: 200px;

/*  background-image: url(/images/baloon.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 50px 25px 25px 25px;
  margin: 0px;
  height: 83px;
  overflow: hidden; */
  color: #3c3a3b;
  font-style: italic;
  text-align: center;
  vertical-align: middle;
  z-index: 2;
}


#my-numbers li {
  font-style: italic;
  color: silver;
  cursor: pointer;
}

#right-info div {
  width: 200px !important;
}
.sfTMessageInfo
{
  margin: 0;
  padding: 0;
  margin-top: 15px;
  float: left;
  width: 440px;
}

.sfTMessageInfo dt
{
  font-weight: bolder;
  font-size: 115%;
  margin: 5px 0;
  text-align: left;
}

.sfTMessageInfo dd
{
  margin: 0;
  padding: 0;
  text-align: justify;
}

.sfTIconList
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.sfTIconList li
{
  clear: left;
  line-height: 170%;
  padding-left: 20px;
}

.sfTIconList li.sfTDatabaseMessage
{
  background: url(/sf/sf_default/images/icons/db16.png) no-repeat top left;
}

.sfTIconList li.sfTColorMessage
{
  background: url(/sf/sf_default/images/icons/colour16.png) no-repeat top left;
}

.sfTIconList li.sfTLinkMessage
{
  background: url(/sf/sf_default/images/icons/linkOut16.png) no-repeat top left;
}

.sfTIconList li.sfTDirectoryMessage
{
  background: url(/sf/sf_default/images/icons/folder16.png) no-repeat top left;
}

.sfTIconList li.sfTEditMessage
{
  background: url(/sf/sf_default/images/icons/edit16.png) no-repeat top left;
}

.sfTIconList li.sfTReloadMessage
{
  background: url(/sf/sf_default/images/icons/reload16.png) no-repeat top left;
}

/* Typography
-----------------------------------------------------------------------------*/
blockquote p
{
  padding:0 50px 0 30px;
  text-align:justify;
  text-indent:0 !important;
	float: left;
	background: url(/images/kav_right.png) bottom right no-repeat;
}

blockquote
{
	padding: 20px;
	font-size: 0.9em;
	background: url(/images/kav_left.png) top left no-repeat;
  font-style: italic;
  color: black;
}

cite
	{
	font-size: 1.2em;
	float: right;
}


/******************************************************************
Columns
******************************************************************/


.column-border {
  margin-right: 5px;
  padding: 10px;
  border: 1px #CECEC8 solid;
 -moz-border-radius: 20px;
  -moz-box-shadow:5px 5px 5px #ddd;
  -webkit-border-radius: 15px;
}

#column-corner {
  z-index: 101;
  top: 4px;
  left: 50px;
  position: relative;
}

.column-photo {
   float: left;
   text-align: center;
   margin: 10px;
   padding: 5px;

}

#baloon-arrow {
  z-index: 101;
  top: 4px;
  left: -50px;
  position: relative;
}
.baloon-border {
  padding: 20px;
  border: 1px #999 solid;
  -moz-border-radius: 20px;
  -moz-box-shadow:5px 5px 5px #ddd;
  -webkit-border-radius: 15px;
  background: white;
}
.assets a {
  padding: 1px;
}

/* ------------------------------------------ */

.vote-item {
  margin: 10px 0;
  text-decoration: none;
  float: left;
  width: 225px;
  margin-bottom: 20px;
}
    .vote-item a {
      text-decoration: none;
      color: black;
    }

    .vote-item a:hover {
      text-decoration: underline;
    }

    .vote-item .item-header {
      font-size: 110%;
      font-weight: bold;
      font-style: italic;
      padding: 5px 0px 5px 0px;
    }

    .vote-item .item-text {
      color: #686964;
      padding: 5px 15px 5px 0px;
      text-align: left;
/*      text-indent: 2em;*/
    }

    .vote-item .item-text a {
      color: #686964;
    }

    .vote-item .item-date,
     {
      padding: 10px 0px 10px 0px;
      font-size: 90%;
      color: #686964;
      text-align: center;
    }
    
    .vote-item .item-voted {
      color: #686964;
      padding: 5px 15px 5px 0px;
      text-align: left;
      font-weight: bold;
/*      text-indent: 2em;*/
    }

      .vote-item .item-voted .item-number {
          font-style: italic;
          color: #8f3954;
          font-size: 150%;

      }

    .my-item-date {
      margin-left: 30px;
      font-size: 90%;
      color: #686964;
    }

/* ----------- column ------------- */

.column-item
{
  margin-bottom: 20px;
  clear:both;
  height: 240px;
  overflow: hidden;
  background: #9c9e91;
  background-image: url(/images/left-curly-brace.png);
  background-position: right top;
  background-repeat: no-repeat;

      -moz-border-radius: 20px;
      -webkit-border-radius: 15px;

}
    .column-item h1 {
      color: black !important;
    }

.column-wrapper
{
  padding: 10px 100px 0px 25px;
  text-align: left;
}

  .column-wrapper .item {
  }

    .column-wrapper .item .item-header a,
    .column-wrapper .item .item-text a {
      color: white;
    }

    .column-wrapper .item .item-header a {
      text-decoration: underline;
    }

    .column-wrapper .item .item-header a:hover {
      text-decoration: none;
    }

    .column-wrapper .item .item-image{
      float: left;
      margin-right: 20px;
      margin-bottom: 50px;
    }

    .column-wrapper .item .item-text {
    }
/* ----------------------------------------------- */

.border-box {
  padding: 20px;
  margin: 0px 20px 20px 0px;
  -moz-border-radius: 20px;
  -moz-box-shadow:5px 5px 5px #ddd;
  -webkit-border-radius: 15px;
  border: #9b9b9b 1px solid;
}

.grayed-box {
  padding: 20px;
  margin: 0px 20px 20px 0px;
  -moz-border-radius: 20px;
  -moz-box-shadow:5px 5px 5px #ddd;
  -webkit-border-radius: 15px;
  background: #cdcec8;
}


/*
	Web20 Table Style
	written by Netway Media, http://www.netway-media.com
*/
table.table {
  border-collapse: collapse;
  border: 1px solid #666666;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #f6f6f6;
  text-align:left;
  margin-right: 10px;
  }
table.table thead,
table.table tfoot {
  background:url(bg1.png) repeat-x;
  text-align:left;
  height:30px;
}
table.table thead th,
table.table tfoot th {
  padding:5px;
}
table.table a {
  color: #333333;
  text-decoration:none;
}
table.table a:hover {
  text-decoration:underline;
}
table.table tr.odd {
  background: #f1f1f1;
}
table.table tbody th,
table.table tbody td {
  padding:5px;
}

.sf_admin_pagination {
  text-align: center;
}
.sf_admin_pagination img {
  vertical-align: middle;
}
.special-item .special-wrapper .item-text,
.special-item .special-wrapper .item-date,
.special-item .special-wrapper .item-header,
.column-item .column-wrapper .item-text,
.column-item .column-wrapper  .item-header
{
  text-align: left !important;
}


.ie {
  color: yellow;
  background: red;
  border: black solid 1px;
  margin: 10px;
  padding: 5px;
  font-size: 18px;
}
.ie a { color: yellow; }

.last-number #number a { color: #8F3954; }
.last-number .sentence a { color: #3C3A3B; }

.last-element .element-text a { color: black; }

div.article p img { margin-right: 10px; }

table#disput-tab td p { text-align: justify; }

table#disput-tab td#left-disput-side { padding-right: 15px; border-right: 1px solid #ccc; width: 50%;  }

table#disput-tab td#right-disput-side { padding-left: 15px; }




.actions {margin:20px auto; font-family:Arial, Helvetica, sans-serif; font-size:0.915em;text-align:left; font-style: normal; border-top: 1px dotted #ccc; padding-top: 15px; }
ul.links a, ul.social a {padding:0 0 0 25px;display:block;height:16px;font-weight:700;}
ul.blogs li span {padding:0 0 0 25px;display:block;height:16px;font-weight:700; width:73px;}
ul.social {float:left; width:100px;}
ul.social li, ul.links li {margin:0 0 7px 0;}
ul.blogs {padding:0 0 30px;}
ul.blogs li {float:left; position:relative;}
div.blogcode {padding:0 20px; height:90px; margin:0 0 0 95px; position:relative;/margin:0; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.blogcode p { margin:0 0 5px 0; width:150px; text-indent: 0px !important; }
.blogcode a {text-decoration:underline; color:#3b78a8;}
.blogcode textarea {float:right; width:400px; height:45px; overflow:hidden; border:1px solid #d5d5d5;}
#blogview {margin:20px 0;}
#resend {border:1px solid #cccccc;margin:20px 0; padding: 0 0 20px 0;}
#resend label {display:block;}
#discussion {width:160px; margin:20px auto;}
#discussion a {font-size:1.1em; font-weight:700;text-decoration:underline;padding:10px 0 0; display:block; text-align:center;}

#twitter  { background-image: url(/images/social/twitter.gif); background-repeat: no-repeat;}
#facebook { background-image: url(/images/social/fb.gif); background-repeat: no-repeat;}
#lj       { background-image: url(/images/social/lj.gif); background-repeat: no-repeat;}
#yaru     { background-image: url(/images/social/yaru.gif); background-repeat: no-repeat; padding:0 0 0 40px; width:58px;}
#li       { background-image: url(/images/social/li.gif); background-repeat: no-repeat; }
#rss      { background-image: url(/images/social/rss.gif); background-repeat: no-repeat;}
#mailru   { background-image: url(/images/social/mailru.gif); background-repeat: no-repeat;}

div#blogs a { color: #8D3855;}