﻿/**
 * Theme Name: Kinecto Blog
 * Theme URI: http://www.kinecto.ro/blog/
 * Description: Kinecto Blog theme
 * Author: Alexandru Marasteanu
 * Author URI: http://alexei.417.ro/
 * Version: 0.1
 *
 *
 * CSS code for std browsers
 *
 * Created: 2007.09.27
 * Updated: 2009.01.08
 */

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- GENERAL -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
/**
 * @xxx (2009.01.08) alexei
 * - remove outline on links
 */
a { outline: none; }
a {
  text-decoration: underline;
  color: #0045cd;
}
  a img {
    border: none;
  }

body {
  margin: 0; padding: 0;

  font: normal 12px/1.5em Arial, sans-serif;
  color: #425563;

  background: #053b64 url(ui/body_back.jpg) repeat 50% 0;
}

h1 {
  margin: 10px 0 15px; padding: 0;

  font-weight: normal;
  font-size: 26px; line-height: 30px;
}

h2 {
  margin: 10px 0 15px; padding: 0;

  font-weight: normal;
  font-size: 22px; line-height: 26px;
  color: #053b64;
}
  h2 a {
    text-decoration: none;
    color: #053b64;
  }

h3 {
  font-weight: normal;
  font-size: 14px; line-height: 16px;
}

p {
  margin: 10px 0; padding: 0;
}

.clear {
  clear: both;
}

ul.menu {
  margin: 0; padding: 0;

  list-style: none;
}

ul.no-style, ul.no-style li {
  margin: 0; padding: 0;

  list-style: none;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- SPECIFIC -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
div#page {
  width: 976px;

  margin: 0 auto;
}

  /*-*-*-*-*-*-*-*-*-*- HEAD -*-*-*-*-*-*-*-*-*-*/
  div#head {
    height: 201px;

    background: transparent url(ui/head_back.png) no-repeat 0 0;
  }
    /*-*-*-*-*-*-*-*-*-*- HEAD > SITE NAME -*-*-*-*-*-*-*-*-*-*/
    h1#site-name {
      margin: 0; padding: 31px 0 0 121px;

      float: left;

      font: normal 30px/1em 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
      text-transform: uppercase;
      color: #fff;
    }
      /**
       * @NOTE
       *  - 2007.09.27 (alexei): strange behavior in Firefox makes the link
       *  half it's parent's height and it's bottom border below it's parent's
       */
      h1#site-name * { display: block; }

      h1#site-name a:link, h1#site-name a:visited,
      h1#site-name a:hover, h1#site-name a:active {
        color: #fff;
      }

  /*-*-*-*-*-*-*-*-*-*- MAIN -*-*-*-*-*-*-*-*-*-*/
  div#main {
    background: transparent url(ui/main_back.png) no-repeat 0 0;
  }
    div#main div.main {
      margin: 0 89px 0 99px;

      background: #fff url(ui/cont_back.jpg) repeat-y 0 0;
    }

    /*-*-*-*-*-*-*-*-*-*- MAIN > LEFT COLUMN -*-*-*-*-*-*-*-*-*-*/
    div#col-left {
      width: 458px;
      padding: 0 25px;

      float: left;
    }
      div#col-left div.hentry {
        margin: 25px 0;
      }
        div#col-left div.hentry h2.entry-title {
          width: 360px; /* +8 */
          margin: 15px 0 0;

          float: right;
        }
          div#col-left div.hentry span.published {
            width: 65px; height: 51px;
            padding: 25px 0 0 25px;

            display: block;
            float: left;

            font-weight: bold;
            font-size: 16px; line-height: 16px;
            color: #fff;

            background: #1c5d89 url(ui/date_back.jpg) no-repeat 0 0;
            border: none;
          }
        div#col-left div.hentry div.content {
          padding-left: 13px;
        }

      div#col-left div.hentry p.meta {
        padding-left: 13px;

        color: #7a7a7a;
      }
        div#col-left div.hentry p.meta span.comments-no {
          padding-left: 25px;

          background: #fff url(ui/comment_icon.jpg) no-repeat 0 50%;
        }

      /*-*-*-*-*-*-*-*-*-*- MAIN > LEFT COLUMN > COMMENTS LIST -*-*-*-*-*-*-*-*/
      div#col-left ol.commentlist {
        margin: 0; padding: 0;

        list-style: none;
      }
        div#col-left ol.commentlist li {
          margin: 15px 0; padding-left: 15px;
        }

      /*-*-*-*-*-*-*-*-*-*- MAIN > LEFT COLUMN > COMMENT FORM -*-*-*-*-*-*-*-*/
      form#commentform {
        padding: 0 15px;
      }
        form#commentform label {
          margin: 0 0 5px;

          display: block;

          font-weight: bold;
          font-size: 11px; line-height: 11px;
        }
        form#commentform input, form#commentform textarea {
          width: 420px;
          margin-bottom: 10px;

          font-size: 12px; line-height: 18px;
        }
        form#commentform input#submit {
          width: auto;
          padding: 0 5px;

          font-weight: bold;
        }

    /*-*-*-*-*-*-*-*-*-*- MAIN > RIGHT COLUMN -*-*-*-*-*-*-*-*-*-*/
    div#col-rite {
      width: 280px;

      float: right;

      background: transparent url(ui/col_rite_back.png) no-repeat 0 0;
    }
      div#col-rite div.block {
        margin: 15px 50px 0; padding-bottom: 15px;

        border-bottom: 1px dotted #ee6724;
      }
      div#col-rite div.block.form {
        border: none;
      }
        div#col-rite div.block h3 {
          margin: 0 0 15px;

          font-weight: bold;
          font-size: 14px; line-height: 16px;

          color: #053b64;
        }
        div#col-rite div.block p {
          margin: 0;
        }
        div#col-rite div.block a:link, div#col-rite div.block a:visited,
        div#col-rite div.block a:hover, div#col-rite div.block a:active {
          text-decoration: none;
          color: #425563;
        }
        div#col-rite div.block p a:link, div#col-rite div.block p a:visited,
        div#col-rite div.block p a:hover, div#col-rite div.block p a:active {
          color: #135683;
        }

        #searchform {
          width: 180px;
          margin: 0; padding: 0;

          background: transparent url(ui/searchform_query.png) 0 0 no-repeat;
        }
          #searchform input {
            margin: 0; padding: 0;

            display: block;
            float: left;

            font-size: 12px; line-height: 12px;

            border: none;
          }
          input#s {
            width: 128px; height: 20px;
            margin: 8px 0 0 8px;

            background: none;
          }
          /*\*/ * html input#s { width: 120px; } /**/
          :first-child + html input#s {
            width: 118px;
            float: left;
            margin: 8px 8px 0 -40px;
          }
          #searchsubmit {
            width: 44px; height: 28px;

            text-transform: uppercase;
            color: #fff;
            background: #fff url(ui/searchform_submit.png) 0 0 no-repeat;
          }


  /*-*-*-*-*-*-*-*-*-*- FOOT -*-*-*-*-*-*-*-*-*-*/
  div#foot {
    height: 144px;

    background: transparent url(ui/foot_back.png) no-repeat 0 0;
  }


#twitter_update_list {}
  #twitter_update_list li {
    padding: 0 0 10px;
  }
