/* CSS RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, select, button, table, caption, tbody, tfoot, thead, tr, th, td, hr, article, aside, dialog, figure, footer, header, hgroup, nav, section {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  font-variant: normal;
  vertical-align: baseline; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, article, aside, dialog, figure, footer, header, hgroup, nav, section {
  border: 0 none;
  outline: 0 none;
  background: none; }

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block; }

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

caption, th, td {
  text-align: left;
  font-weight: normal; }

table, td, th {
  vertical-align: middle; }

ol, ul, li {
  list-style: none; }

blockquote, q {
  quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

i, em {
  font-style: italic; }

b, strong {
  font-weight: bold; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

body {
  cursor: default; }

a, label, button {
  cursor: pointer; }

acronym, abbr {
  cursor: help; }

a:focus, a:active, label:focus, label:active, button:focus, button:active, input:focus, input:active, textarea:focus, textarea:active, select:focus, select:active {
  outline: 0 none; }

/* CSS Helpers */
div.Clear {
  display: block !important;
  clear: both !important;
  float: none !important;
  width: 100% !important;
  height: 1px !important;
  margin: 0 0 -1px 0 !important;
  font-size: 0px !important; }

.Hidden {
  visibility: hidden !important; }

.Visible {
  visibility: visible !important; }

a {
  color: #cc9900;
  text-decoration: none; }
  a:hover {
    color: #99ccff;
    text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
  margin: 2px 0 10px 0;
  line-height: 150%;
  color: white; }

h1 {
  font-size: 200%; }

h2 {
  font-size: 160%; }

h3 {
  font-size: 140%; }

h4 {
  font-size: 120%; }

h5, h6 {
  font-size: 100%; }

.BoxAMain p {
  margin: 0 0 1em 0; }
.BoxAMain h1 {
  display: table;
  border: 1px solid #999999;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0px 10px;
  background-color: #cccccc;
  color: #333333; }
.BoxAMain h2 {
  display: table;
  padding: 2px 10px;
  color: white;
  background-color: #666666;
  border: #333333 1px solid;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold; }
.BoxAMain h3 {
  font-weight: bold; }

body {
  height: 100%;
  background-color: black;
  color: white; }

div.BoxAContainer {
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin: 0 0 10px -480px;
  padding: 0 10px;
  width: 940px;
  min-height: 100%;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #333333; }
div.BoxAHeader {
  overflow: hidden;
  margin: 0;
  height: 310px;
  background: url("/images/bg_2.png") repeat 0 0; }
div.BoxALogo {
  display: block;
  float: right;
  margin: 245px 90px 0 0;
  width: 180px;
  height: 35px; }
  div.BoxALogo h1 {
    text-indent: -9999px;
    margin: 0; }
    div.BoxALogo h1 a {
      display: block;
      width: 180px;
      height: 35px; }
div.BoxASlogan {
  display: block;
  clear: both;
  float: right;
  margin: 0 90px 0 0;
  width: 180px;
  height: 25px; }
  div.BoxASlogan h2 {
    text-indent: -9999px;
    margin: 0;
    display: block;
    width: 180px;
    height: 25px; }
div.BoxANavMain {
  overflow: hidden;
  clear: both;
  float: left;
  margin: -240px 0 0 100px;
  width: 450px;
  height: 180px; }
div.BoxATitle {
  overflow: hidden;
  clear: both;
  float: left;
  margin: -35px 0 0 0;
  width: 550px; }
  div.BoxATitle h1 {
    display: table;
    -moz-border-radius: 10px 10px 0 0;
    -khtml-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    margin: 0;
    padding: 0 10px;
    background-color: #333333;
    font-size: 160%;
    line-height: 40px; }
div.BoxAFooter {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 920px;
  clear: left;
  margin: 0;
  padding: 5px 10px;
  background-color: #222222; }
  div.BoxAFooter p {
    font-size: 10px;
    line-height: 20px;
    color: #999999; }
    div.BoxAFooter p a {
      color: white; }
    div.BoxAFooter p.pCopyright {
      float: left; }
    div.BoxAFooter p.pMaintenance {
      float: right; }
div.BoxASideBar {
  overflow: hidden;
  float: right;
  margin: 0 0 55px 20px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  min-height: 360px;
  width: 260px;
  background-color: #333333; }
div.BoxAMain {
  overflow: hidden;
  margin: 0 0 40px 0;
  padding: 10px;
  background-color: #222222;
  color: white; }

hr {
  float: none;
  width: 100%;
  display: block;
  clear: both;
  margin: 5px 0;
  padding: 0;
  font-size: 0px !important; }

div.HrNormal, div.HrThin, div.HrDotted, div.HrDashed {
  float: none;
  width: 100%;
  display: block;
  clear: both;
  margin: 5px 0;
  padding: 0;
  font-size: 0px !important; }
div.HrNormal {
  height: 3px !important;
  background-color: #999999; }
div.HrThin {
  height: 1px !important;
  background-color: #999999; }
div.HrDotted {
  height: 1px !important;
  border-bottom: #999999 1px dotted; }
div.HrDashed {
  height: 1px !important;
  border-bottom: #999999 1px dashed; }

hr {
  height: 1px !important;
  border-bottom: #999999 1px dotted; }

.BoxAMain ul {
  margin: 0 0 1em 0;
  padding-left: 1em; }
  .BoxAMain ul li {
    list-style: square outside; }
.BoxAMain dl {
  overflow: hidden;
  margin: 0 0 1em 0; }
  .BoxAMain dl dt {
    overflow: hidden;
    display: block;
    clear: both;
    float: left;
    width: 100px;
    margin: 0 0.5em 0.5em 0;
    padding: 0 0.5em 0 0;
    font-weight: bold;
    text-align: left; }
  .BoxAMain dl dd {
    overflow: hidden;
    display: block;
    float: left;
    border-left: #999999 1px solid;
    padding: 0 0 0 0.5em; }

ul.NavMain2 {
  display: block;
  overflow: hidden; }
  ul.NavMain2 li.item {
    overflow: hidden;
    margin: 0 0 16px 0; }
    ul.NavMain2 li.item a {
      display: block;
      float: left;
      height: 20px;
      width: 140px;
      background: url("/images/sprites_menu.png") no-repeat 0 0;
      text-indent: -9999px; }
      ul.NavMain2 li.item a:hover {
        background-image: url("/images/sprites_menu_hover.png"); }
      ul.NavMain2 li.item a:active, ul.NavMain2 li.item a.active {
        background-image: url("/images/sprites_menu_active.png"); }
  ul.NavMain2 li.i1 a {
    background-position: -60px 0; }
  ul.NavMain2 li.i2 a {
    background-position: -60px -20px; }
  ul.NavMain2 li.i3 a {
    background-position: -60px -40px; }
  ul.NavMain2 li.i4 a {
    background-position: -60px -60px; }
  ul.NavMain2 li.i5 a {
    background-position: -60px -80px; }
  ul.NavMain2 li ul {
    display: block;
    overflow: hidden;
    padding: 0 0 0 0px;
    opacity: 0; }
    ul.NavMain2 li ul li.i11 a {
      width: 80px;
      background-position: -200px 0px; }
    ul.NavMain2 li ul li.i12 a {
      width: 60px;
      background-position: -200px -20px; }
    ul.NavMain2 li ul li.i21 a {
      width: 60px;
      background-position: -200px -40px; }
    ul.NavMain2 li ul li.i22 a {
      width: 75px;
      background-position: -200px -60px; }
    ul.NavMain2 li ul li.i23 a {
      width: 70px;
      background-position: -200px -80px; }
    ul.NavMain2 li ul li.i24 a {
      width: 70px;
      background-position: -200px -100px; }
    ul.NavMain2 li ul li.i31 a {
      width: 60px;
      background-position: -200px -120px; }
    ul.NavMain2 li ul li.i32 a {
      width: 80px;
      background-position: -200px -140px; }
    ul.NavMain2 li ul li.i33 a {
      width: 60px;
      background-position: -200px -160px; }
    ul.NavMain2 li ul li.i41 a {
      width: 60px;
      background-position: -200px -180px; }
    ul.NavMain2 li ul li.i51 a {
      width: 70px;
      background-position: -200px -200px; }

ul.NavMain {
  display: block;
  overflow: hidden; }
  ul.NavMain li.item {
    float: left; }
    ul.NavMain li.item a {
      display: block;
      margin: 0;
      padding: 0 0.5em;
      -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      line-height: 30px;
      color: white;
      font-weight: bold; }
      ul.NavMain li.item a:hover {
        background-color: #333333;
        text-decoration: none; }
    ul.NavMain li.item:hover a {
      background-color: #333333; }
    ul.NavMain li.item ul {
      display: none; }

table {
  margin: 0 0 10px 0;
  width: 100%; }
  table th, table td {
    border: #444444 1px solid;
    padding: 5px;
    vertical-align: top; }
  table th {
    background-color: #333333;
    font-weight: bold; }

.Box {
  margin: 0 0 1em 0; }

.BoxCHomeWhatIsMe {
  overflow: hidden;
  background-color: #333333;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: black 0px 0px 60px inset;
  -webkit-box-shadow: black 0px 0px 60px inset;
  box-shadow: black 0px 0px 60px inset;
  padding: 1em 0; }
  .BoxCHomeWhatIsMe .Part {
    float: left;
    width: 23%;
    margin: 1%;
    text-align: center; }
    .BoxCHomeWhatIsMe .Part a {
      display: block;
      padding: 20px 0;
      background-color: #999999;
      -moz-border-radius: 10px;
      -khtml-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      font-family: Georgia;
      font-size: 140%;
      color: #333333; }
      .BoxCHomeWhatIsMe .Part a:hover {
        text-decoration: none;
        background-color: #cccccc;
        -moz-box-shadow: "#fff 0px 0px 20px, #999 10px 10px 20px inset";
        -webkit-box-shadow: "#fff 0px 0px 20px, #999 10px 10px 20px inset";
        box-shadow: "#fff 0px 0px 20px, #999 10px 10px 20px inset";
        color: #666666;
        text-shadow: black 1px 1px 1px; }
      .BoxCHomeWhatIsMe .Part a:active {
        background-color: white;
        color: #999999;
        text-shadow: #666666 1px 1px 1px; }
  .BoxCHomeWhatIsMe .Part1 a {
    background-color: #996666; }
  .BoxCHomeWhatIsMe .Part2 a {
    background-color: #669966; }
  .BoxCHomeWhatIsMe .Part3 a {
    background-color: #666699; }
  .BoxCHomeWhatIsMe .Part4 a {
    background-color: #999966; }

ul.galleria {
  list-style: none;
  width: 200px; }
  ul.galleria li {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left;
    margin: 0 10px 10px 0; }
    ul.galleria li a {
      display: none; }
    ul.galleria li div {
      position: absolute;
      display: none;
      top: 0;
      left: 180px; }
      ul.galleria li div img {
        cursor: pointer; }
    ul.galleria li.active div, ul.galleria li.active div img {
      display: block; }

.BoxCPhotoGallery {
  overflow: hidden; }
  .BoxCPhotoGallery .BoxCPhotoFull {
    margin: 0 0 10px 0;
    padding: 10px;
    background-color: #dddddd; }
    .BoxCPhotoGallery .BoxCPhotoFull p.pImage {
      margin: 0 0 5px 0; }
      .BoxCPhotoGallery .BoxCPhotoFull p.pImage img {
        width: 100%; }
    .BoxCPhotoGallery .BoxCPhotoFull p.pTitle {
      margin: 0;
      padding: 10px;
      background-color: #eeeeee;
      font-size: 200%;
      text-align: center; }
  .BoxCPhotoGallery .BoxCPhotosList {
    overflow: hidden;
    margin: 0 0 -10px -10px; }
    .BoxCPhotoGallery .BoxCPhotosList p {
      float: left;
      margin: 0 0 10px 10px;
      padding: 10px;
      background-color: #eeeeee;
      width: 100px;
      height: 100px; }
      .BoxCPhotoGallery .BoxCPhotosList p img {
        width: 100%; }
      .BoxCPhotoGallery .BoxCPhotosList p:hover {
        background-color: #999999; }

.BoxCPersonalProfile ul li {
  list-style: none; }

.BoxCContact {
  overflow: hidden; }
  .BoxCContact ul {
    overflow: hidden;
    margin: 0; }
    .BoxCContact ul li {
      list-style: none; }
      .BoxCContact ul li a {
        display: block;
        overflow: hidden;
        margin: 0 10px 10px 0;
        float: left;
        min-width: 44px;
        text-align: center;
        background: url("/images/ico/social/mail.png") no-repeat center top;
        padding: 64px 10px 10px 10px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: white; }
        .BoxCContact ul li a:hover {
          text-decoration: none;
          background-color: #444444; }
        .BoxCContact ul li a.mail {
          background-image: url("/images/ico/social/mail.png"); }
        .BoxCContact ul li a.skype {
          background-image: url("/images/ico/social/skype.png"); }
        .BoxCContact ul li a.gtalk {
          background-image: url("/images/ico/social/gtalk.png"); }
        .BoxCContact ul li a.twitter {
          background-image: url("/images/ico/social/twitter.png"); }
        .BoxCContact ul li a.phone {
          background-image: url("/images/ico/social/phone.png"); }
        .BoxCContact ul li a.web {
          background-image: url("/images/ico/social/www.png"); }
        .BoxCContact ul li a.facebook {
          background-image: url("/images/ico/social/facebook.png"); }
        .BoxCContact ul li a.flickr {
          background-image: url("/images/ico/social/flickr.png"); }
        .BoxCContact ul li a.linkedin {
          background-image: url("/images/ico/social/linkedin.png"); }
        .BoxCContact ul li a.github {
          background-image: url("/images/ico/social/github.png"); }

.BoxCWebSkillsWrapper .BoxCWebSkills {
  overflow: hidden; }
  .BoxCWebSkillsWrapper .BoxCWebSkills ul {
    overflow: hidden;
    margin: 0; }
    .BoxCWebSkillsWrapper .BoxCWebSkills ul li {
      overflow: hidden;
      list-style: none;
      display: block;
      margin: 0 24px 0 0;
      float: left;
      width: 100px;
      text-align: center;
      background: url("/images/skills.png") no-repeat center top;
      padding: 84px 0 0;
      height: 16px;
      font-size: 10px;
      line-height: 16px;
      text-shadow: black 1px 1px 1px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.xhtml {
        background-position: 0 -100px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.css {
        background-position: 0 -200px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.js {
        background-position: 0 -300px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.ruby {
        background-position: 0 -400px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.rails {
        background-position: 0 -500px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.ajax {
        background-position: 0 -600px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.jquery {
        background-position: 0 -700px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.mootools {
        background-position: 0 -800px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.haml {
        background-position: 0 -900px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.sass {
        background-position: 0 -1000px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.git {
        background-position: 0 -1100px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.mysql {
        background-position: 0 -1200px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.cap {
        background-position: 0 -1300px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.photoshop {
        background-position: 0 -1400px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.opensource {
        background-position: 0 -1500px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.apache {
        background-position: 0 -1600px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.linux {
        background-position: 0 -1700px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.wordpress {
        background-position: 0 -1800px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.textile {
        background-position: 0 -1900px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.markdown {
        background-position: 0 -2000px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li.seo {
        background-position: 0 -2100px; }
      .BoxCWebSkillsWrapper .BoxCWebSkills ul li:hover {
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #222222;
        color: #cc9900; }
.BoxCWebSkillsWrapper .BoxCWebSkillsBackEnd {
  float: left;
  width: 47%; }
.BoxCWebSkillsWrapper .BoxCWebSkillsOther {
  float: right;
  width: 47%; }

.BoxCThumbs {
  margin: 40px 0 20px 0;
  padding: 10px;
  background-color: #666666;
  -moz-border-radius: "0 10px 10px 10px";
  -khtml-border-radius: "0 10px 10px 10px";
  -webkit-border-radius: "0 10px 10px 10px";
  border-radius: "0 10px 10px 10px"; }
  .BoxCThumbs .thumbs-header {
    position: absolute;
    display: inline;
    margin: -40px 0 0 -10px;
    padding: 5px 10px;
    -moz-border-radius: "10px 10px 0 0";
    -khtml-border-radius: "10px 10px 0 0";
    -webkit-border-radius: "10px 10px 0 0";
    border-radius: "10px 10px 0 0";
    height: 30px;
    line-height: 30px;
    background-color: #666666; }
  .BoxCThumbs .thumbs-body {
    background-color: black;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px; }

.BoxCPhotoProfile {
  display: block;
  float: left;
  margin: 0 40px 20px 0;
  width: 300px;
  height: 300px;
  border: #999999 5px solid;
  background: black url("/images/photo_profile.jpg") no-repeat 0 0; }
  .BoxCPhotoProfile:hover {
    background-position: center bottom; }

.BoxCWebProfileLeft {
  float: left;
  width: 47%; }

.BoxCWebProfileRight {
  float: right;
  width: 47%; }

.BoxCWebServices ul {
  overflow: hidden;
  margin: 0; }
  .BoxCWebServices ul li {
    list-style: none; }
    .BoxCWebServices ul li a {
      overflow: hidden;
      display: block;
      float: left;
      width: 140px;
      margin: 0 10px 0 0;
      -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      padding: 120px 10px 10px 10px;
      text-align: center;
      background-repeat: no-repeat;
      background-position: 50% 0;
      color: white; }
      .BoxCWebServices ul li a:hover {
        text-decoration: none;
        background-color: #444444; }
      .BoxCWebServices ul li a:active {
        background-color: #222222;
        color: #cc9900; }
      .BoxCWebServices ul li a.rails {
        background-image: url("/images/ico/services/rails.png"); }
      .BoxCWebServices ul li a.maintenance {
        background-image: url("/images/ico/services/maintenance.png"); }
      .BoxCWebServices ul li a.slicing {
        background-image: url("/images/ico/services/slicing.png"); }
      .BoxCWebServices ul li a.js {
        background-image: url("/images/ico/services/js.png"); }
      .BoxCWebServices ul li a.design {
        background-image: url("/images/ico/services/design.png"); }

.BoxRFlashNotice, .BoxRFlashError {
  margin: 0 0 10px 0;
  padding: 10px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.BoxRFlashNotice {
  border: #669966 1px solid;
  -moz-box-shadow: #669966 0 0 10px;
  -webkit-box-shadow: #669966 0 0 10px;
  box-shadow: #669966 0 0 10px;
  background-color: #ccffcc;
  color: #669966; }

.BoxRFlashError {
  border: #996666 1px solid;
  -moz-box-shadow: #996666 0 0 10px;
  -webkit-box-shadow: #996666 0 0 10px;
  box-shadow: #996666 0 0 10px;
  background-color: #ffcccc;
  color: #996666; }

pre {
  background-color: #eeeeee;
  padding: 10px;
  font-family: monospace;
  font-size: 11px; }

.fieldWithErrors {
  margin: 0 0 10px 0;
  padding: 2px;
  display: table;
  border: red 1px solid; }
  .fieldWithErrors input, .fieldWithErrors textarea {
    margin: 0;
    background-color: #ffcccc; }

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0; }
  #errorExplanation h2 {
    margin: -7px -7px 20px -7px;
    padding: 5px 5px 5px 15px;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    background-color: #cc0000;
    color: white; }
  #errorExplanation p {
    color: #333333; }
  #errorExplanation ul li {
    margin-left: 17px;
    list-style: square outside; }

div.uploadStatus {
  margin: 5px; }
div.progressBar {
  margin: 5px; }
  div.progressBar div.border {
    background-color: white;
    border: 1px solid gray;
    width: 100%; }
  div.progressBar div.background {
    background-color: #333333;
    height: 18px;
    width: 0%; }

.ShowOnHover {
  visibility: hidden; }
  tr:hover .ShowOnHover {
    visibility: visible; }

.HiStatusA1 {
  background-color: white; }

.HiStatusA2 {
  background-color: #ffffcc; }

.HiStatusA3 {
  background-color: #ffcccc; }

div.pagination {
  overflow: hidden;
  margin: 0 0 10px 0;
  min-height: 25px; }
  div.pagination span {
    float: left;
    margin: 0 5px 0 0;
    padding: 1px 5px;
    border: #cccccc 1px solid;
    background-color: white;
    color: #666666; }
    div.pagination span.disabled {
      color: #cccccc; }
    div.pagination span.current {
      background-color: #cccccc;
      font-weight: bold; }
  div.pagination a {
    float: left;
    margin: 0 5px 0 0;
    padding: 1px 5px;
    border: white 1px solid;
    background-color: #111111;
    color: white; }
    div.pagination a:hover {
      text-decoration: none;
      color: #cc9900;
      border-color: #cc9900; }