/*
 * Theme name  : KateLabs
 * Theme URI   : www.katelabs.com
 * Description : The official theme of Kate Labs Ltd 
 * Author      : Sami Maisniemi
 * Author URI  : www.katelabs.com
 * Template    : Not applicable
 * Version     : 0.1
 */

body {
  font-family : "Cambria", "Georgia", "Times New Roman", Times, sans-serif;
  font-size : 15px;

  background : #EEEEEE;
  color      : #333333;

  text-align : center; /* For Internet Explorer */

  margin  : 20px auto;
  padding : 0px;
}

h1 {
  color          : #333333;
  font-size      : 24px;
  letter-spacing : 0.2em;
  text-transform : uppercase;

  margin  : 0px;
  padding : 0px;
}

h2 {
  color          : #333333;
  font-size      : 17px;
  letter-spacing : 0.1em;
  text-transform : uppercase;

  margin  : 20px 0px 20px 0px;
  padding : 0px;
}

h2.nomargin {
  color          : #333333;
  font-size      : 17px;
  letter-spacing : 0.1em;
  text-transform : uppercase;

  margin  : 0px 0px 20px 0px;
  padding : 0px;
}

h3 {
  color          : #333333;
  font-size      : 15px;
  letter-spacing : 0.1em;
  text-transform : uppercase;

  margin  : 20px 0px 20px 0px;
  padding : 0px;
}

h3.nomargin {
  color          : #333333;
  font-size      : 15px;
  letter-spacing : 0.1em;
  text-transform : uppercase;

  margin  : 0px 0px 20px 0px;
  padding : 0px;
}

h4 {
  color          : #333333;
  font-size      : 15px;
  letter-spacing : 0.1em;

  margin  : 0px 0px 5px 0px;
  padding : 0px;
}

p {
  font-size   : 15px;
  line-height : 1.45em;

  color : #666666;

  margin  : 0px;
  padding : 0px;
}

p.withmargin {
  font-size   : 15px;
  line-height : 1.45em;

  color : #666666;

  margin  : 0px 0px 20px 0px;
  padding : 0px;
}

p.meta {
  font-size   : 15px;
  line-height : 1.45em;

  color : #666666;

  margin  : 0px 0px 10px 0px;
  padding : 0px;
}

p.post {
  font-size   : 15px;
  line-height : 1.45em;

  color : #666666;

  margin  : 0px 0px 20px 0px;
  padding : 0px;
}

.middle {
  text-align : center;
}

a:visited {
  color : #3366CC;

  text-decoration : none;
}

a {
  color : #3366CC;

  text-decoration : none;
}

table {
  margin  : 0px;
  padding : 0px;
}

table.nomargin {
  margin  : 0px;
  padding : 0px;
}

table.top_margin {
  margin  : 20px 0px 0px 0px;
  padding : 0px;
}

table.bottom_margin {
  margin  : 0px 0px 20px 0px;
  padding : 0px;
}

td {
  font-size   : 15px;
  line-height : 1.45em;

  color : #333333;
}

b {
  font-size : 15px;
  
  font-weight : bold;
}

form {
  margin : 0px 0px 20px 0px;
}

img {
  display : block; /* For IE to remove unnecessary bottom margins... */

  width : 560px;

  margin  : 0px;
  padding : 0px;

  background : #FFFFFF;
}

img.screenshot {
  display : block; /* For IE to remove unnecessary bottom margins... */

  margin  : 0px 0px 20px 0px;
  padding : 5px;

  background : #CCCCCC;
}

/*
 *
 * Div declarations including top, header, body, and footer divs
 *
 */

div#frame {
  width : 940px;

  margin : 0px auto; /* For Friefox, Safari ... */

  text-align : left; /* For the text-align of the body for Internet Explorer */

  background : #EEEEEE;
}

div#header {
  background : #EEEEEE;

  margin  : 0px;
  padding : 0px;

  height : 120px;
}

div#header h1 {
  font-size      : 24px;
  font-weight    : normal;
  letter-spacing : 0.2em;

  position : relative;
  top      : 40px;
  left     : 20px;

  margin  : 0px;
  padding : 0px;
}

div#header p {
  margin  : 0px;
  padding : 0px;

  position : relative;
  top      : 60px;
  left     : 20px;
}

div#header a {
  margin  : 0px;
  padding : 0px;

  text-decoration : none;
  color           : #333333;
}

div#picture {
  margin  : 0px 0px 20px 0px;
  padding : 0px;

  background : url('pictures/framelite.png');

  border : 1px solid #333333; 

  height : 250px; 
}

div#content {
  margin  : 0px 0px 20px 0px;
  padding : 20px 20px 20px 20px;
  
  background : #FFFFFF;

  border : 1px solid #333333;
}

div#screenshot {
  width : 1200px;

  margin  : 0px auto; /* For Friefox, Safari ... */

  text-align : left; /* For the text-align of the body for Internet Explorer */

  background : #EEEEEE;
}

div#footer {
  text-align : center;
}

div#box {
  color : #333333;

  background : #EEEEEE;
	  	     
  padding : 15px;
  margin  : 0px 0px 20px 0px;

  border : 1px solid #CCCCCC;
}

div#banner {
  color : #333333;

  background : #EEEEEE;
	  	     
  padding : 20px 20px 20px 20px;
  margin  : 0px;

  border : 1px solid #CCCCCC;
}

div#banner h1 {
  color          : #333333;
  font-size      : 24px;
  letter-spacing : 0.2em;

  margin  : 0px 0px 20px 0px;
  padding : 0px;
}

div#comment {
  color : #333333;

  background : #EEEEEE;
	  	     
  padding : 20px 20px 20px 20px;
  margin  : 0px 0px 20px 0px;

  border : 1px dashed #CCCCCC;
}

.box_header {
  color : #333333;

  font-weight : bold;

  padding : 0px;
  margin  : 0px 0px 10px 0px;
}

.box_plain {
  padding : 0px;
  margin  : 0px 0px 10px 0px;
}

.box_list {
  padding : 0px;
  margin  : 0px 0px 10px 0px;

  text-align : left;
}

.comment {
  font-size   : 15px;

  color      : #FFFFFF;
}

.textfield {
  width      : 200px;
  color      : #333333;
  background : #EEEEEE;

  border     : 1px solid #CCCCCC;

  padding    : 4px;
}

.textareafield {
  width      : 400px;
  color      : #333333;
  background : #EEEEEE;

  border     : 1px solid #CCCCCC;

  padding    : 4px;
}

.selectfield {
  width : 250px;
}

.button {
  font-family : Verdana, Tahoma, Helvetica, Georgia, Arial;
  font-size : 15px;

  color      : #FFFFFF;
  background : #3366CC;

  border : 0px;

  border : 1px solid #EEEEEE;

  margin  : 0px;
  padding : 5px 10px 5px 10px;  
}

.top_row {
  background : #EEEEEE;
}

.odd_row {
  background : #EEEEEE;
}

.even_row {
  background : #FFFFFF;
}

.assigned_row {
  background : #E8E8FF;
}

.open_row {
  background : #FFE8E8;
}

.solved_row {
  background : #E8FFE8;
}