/*   
Theme Name: TroolStudio
Theme URI: http://www.troolstudio.com
Description: A WordPress theme for TroolStudio.com.
Author: Maxim Shevertalov
Author URI: http://troolstudio.com/
Version: 1.0
Tags: 
.
.
*/
@import url('styles/reset.css');
@import url('styles/rebuild.css');
@import url('styles/wp.css');

#access {
  display: none;
}

#twitter_btn {
  float: right;
  display: block;
  background-image: url(images/follow_btn.gif);
  width: 120px;
  height: 78px; }
  #twitter_btn:hover {
    background-image: url(images/follow_btn_hover.gif); }

#logo_link {
  display: block;
  width: 310px;
  height: 80px;
  background-image: url(images/logo.gif);
  text-decoration: none; }

#main_menu {
  clear: both; }
  #main_menu table {
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 5px;
    height: 23px;
    width: 100%; }

td#menu_proper {
  height: 23px;
  background-image: url(images/menu_middle.gif);
  background-repeat: repeat-x; }

ul#menu_buttons {
  list-style: none;
  margin-left: 25px;
  margin-top: -1px; }
  ul#menu_buttons li {
    float: left;
    margin-right: 15px;
    margin-top: -2px; }
    ul#menu_buttons li a {
      display: block;
      text-decoration: none;
      color: rgb(227,240,255);
      font-size: 20px;
      font-family: sans-serif;
      font-weight: bold; }
      ul#menu_buttons li a:hover {
        color: rgb(255,213,20); }
    ul#menu_buttons li a.selected {
      color: rgb(57,83,103); }

table#content {
  width: 700px;
  margin: -4px auto 0px auto;
  border-collapse: collapse;
  table-layout: fixed; }

td#content_left, td#content_right {
  width: 33px;
  background-repeat: repeat-y; }

td#content_left {
  background-image: url(images/left.gif); }

td#content_right {
  background-image: url(images/right.gif); }

td#content_proper {
  background-image: url(images/middle.gif);
  background-repeat: repeat;
  min-height: 200px; }

td#footer_left, td#footer_right {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat; }

td#footer_left {
  background-image: url(images/bottom_left.gif); }

td#footer_right {
  background-image: url(images/bottom_right.gif); }

td#footer_proper {
  background-repeat: repeat-x;
  background-image: url(images/bottom.gif); }


h1#title {
  font-size: 35px; 
  font-weight: bold;
}

#feature {
  float: right;
  width: 250px;
  margin: 0px 0px 15px 15px;
  padding-bottom: 10px;
  text-align: center;
  border-left: 1px dashed black;
  border-bottom: 1px dashed black; }
  #feature h3 {
    text-align: center;
    font-weight: bold;
    margin-top: -5px;
    font-size: 25px; }
  #feature p {
    margin: 10px;
    font-size: 15px;
    text-align: justify; }

p.desc {
  font-size:  15px;
  text-align: justify;
  margin-bottom: 15px;
  margin-top: 0px; }

h2.sec_heading {
  clear: both;
  text-align: center;
  font-size: 25px; 
  font-weight: bold;
  margin: 30px 0px -15px 0px;
}

h1.title {
  margin: 0px 0px 0px 0px;
  font-size: 25px; 
  font-weight: bold;
}

h2.entry-title {
  margin: 15px 0px 0px 0px;
  font-size: 20px; }
  h2.entry-title a {
    color: rgb(17,43,63);
    text-decoration: none; }
    h2.entry-title a:hover {
      color: black; }

div.entry-meta, div.entry-meta-single {
  margin: -3px 0px 0px 30px;
  font-size: 12px;
  color: rgb(97,110,125); }

div.entry-meta a, div.entry-meta-single a {
    color: rgb(17,43,63);
    text-decoration: none;
}
div.entry-meta a:hover, div.entry-meta-single a:hover {
  color: black;
}

div.entry-meta-single {
  margin: -6px 0px 10px 50px;
}
div.entry-content {
  margin-left: 10px;
  margin-right: 15px; 
}

div.entry-content p {
    margin: 0px 0px 15px 0px;
    font-size: 15px;
    color: black;
    text-align: justify; 
}

a.more-link{
  text-decoration: none;
  font-size: 13px;
  color: rgb(0,0,100);
  float: right;
  margin-right: 10px; }
  a.more-link:hover {
    color: blue;
    text-decoration: underline; }

div.comments-link {
  clear: both;
  text-align: center;
  margin: 0px 0px 30px 0px; }

div.comments-link a {
  text-decoration: none;
  font-size: 13px;
  color: rgb(0,0,100); }

div.comments-link a:hover {
  color: blue;
  text-decoration: underline; }

div.nav-previous {
  float: left;
}
div.nav-next {
  float: right;
}
div.nav-previous, div.nav-next {
  font-size: 12px;
  margin: 0px 0px 10px 0px;
}
div#respond h3 {
  font-size: 15px;
  font-weight: bold;
}

p#comment-notes {
  margin: -6px 20px 5px 0px;
  margin-left: 20px;
  font-size: 12px;
}

div.form-label {
  margin-top: 5px;
}

textarea#comment {
  width: 100%;
}

div.vcard img {
  width: 20px;
  height: 20px;
}

div.vcard a {
  font-size: 20px;
  color: rgb(17,43,63);
  text-decoration: none; 
}

div.vcard a:hover {
    color: black; 
}

div.comment-meta {
  font-size: 11px;
  margin: -8px 0px 5px 20px;
}

div.comment-meta a, div.nav-next a, div.nav-previous a {
  color: rgb(17,43,63);
  text-decoration: none; 
}
div.comment-meta a:hover, div.nav-next a:hover, div.nav-previous a:hover {
    color: black; 
}

div.nav-next a, div.nav-previous a {
  text-decoration: underline; 
}

div.navigation {
  clear: both;
  margin-bottom: 40px;
}

div.comment-content {
  font-size: 13px;
  margin: 0px 0px 20px 10px;
}

div.comment-content p {
  margin: 0px 0px 5px 0px;
}

ul#app_list {
  list-style:       none;
  margin-left: 15px;
}
ul#app_list li{
  float: left;
  margin: 10px;
}


a.app_link {
  display:  table-cell;
  text-decoration: none;
  border: 10px solid rgb(159,175,190);
  width:  150px;
  height:  200px;
  padding:  5px;
  text-align:     center;
  cursor: pointer;
}
a.app_link:hover {
  border: 10px solid rgb(102,112,122);
  cursor: pointer;
}

table.app_tbl {
  height: 100%;
  width: 100%;
}

td.app_logo_cell{
  height: 100px;
}

td.app_logo_cell img{
  border: 0px;
}

td.app_desc {
  text-align: center;
  color:      black;
  margin-top: 10px;
  font-size:  15px;
  font-weight:  bold;
}

td.app_release {
  text-align: center;
  color:      black;
  margin-top: 10px;
  font-size:  9px;
  vertical-align: bottom;
}

td.app_an_top {
  text-align: center;
  vertical-align: top;
  color: rgb(57,83,103);
}
td.app_an_mid {
  text-align: center;
  vertical-align: middle;
  font-size:  250%;
}
td.app_an_bot {
  text-align: center;
  vertical-align: bottom;
  color: rgb(57,83,103);
}

/*
 * cocosLive widget ccs file
 * (c) Sapus Media
 */
table.ccl-stats {
  width: 100%;
  border: 1px solid black;
  border-spacing: 0pt;
  border-collapse: collapse;
}  
table.ccl-stats, table.ccl-stats td, table.ccl-stats th, table.ccl-stats thead, caption {
  border:1px solid black;
  background-color: rgb(167,180,255);
  color: black;
}
table.ccl-stats td, table.ccl-stats th {
  padding: 0.3em 0.5em;
  text-align:center;
}
table.ccl-stats tr.ccl-row2 td {
  background-color: rgb(227,240,255);
  color: black;
}
table.ccl-stats th,caption {
  background-color: rgb(80,100,155);
  color: white;
}

table.ccl-stats td form {
  margin: 0;
}

div.app_features2 li {
  margin-bottom: 10px;
}
div.app_features2 h3 {
  text-align:     center;
  font-size:      25px;
  font-weight:    bold;
}

div.app_features2 {
  float:          right;
  border-top:     1px dashed black;
  border-left:    1px dashed black;
  border-bottom:  1px dashed black;
  width:          200px;
  margin:         15px 0px 15px 15px;
  padding-bottom: 10px;
  text-align:     left;
}

div.app_logo {
  text-align: center;
}

div.app_descript {
  margin:         10px 0px 0px 0px;
  font-size:      15px;
  text-align: justify;
}
div.app_descript p {
  margin-bottom: 7px;
}

div.embed_vid {
  margin-top: 50px;
  text-align: center;
}


div#feature_links {
  width: 230px;
  margin:0 auto 0 auto;
  text-align: center;
}

div#feature_links a{
  color: blue;
  text-decoration: none;
  font-family: monospace;
}

div#captcha {
  margin-top: -15px;
}
div#captcha img {
  margin-bottom: 2px;
}
div#contact_form input {
  width: 295px;
}
div#contact_form textarea {
  width: 300px;
}

div#contact_form {
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  margin-top: 20px;
}

div#contact_btn input {
  width: 300px;
  margin-top: 7px;
  margin-left: auto;
  margin-right: auto;
}