/*  
Theme Name: Compositio
Theme URI: http://designdisease.com/
Description: Created by <a href="http://designdisease.com">Design Disease</a>. This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it, and make any changes you like. Just leave the credits link under your footer :)
Version: 1
Author: Design Disease
Author URI: http://designdisease.com/
*/


/* Begin Typography & Colors */


/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.comments-form_title {
  width: auto;
  height: 30px;
  background: transparent url(images/comment-form_title.gif) no-repeat left bottom;  

}
.comments-form { 
  background: #ccc; 
  border: 1px solid #999; 
  border-top: none;
  padding: 16px 20px 20px 20px; 
  margin: 0px 0px 10px 0;
  }
.comments-form_h2 {
  color: #999;
  font-size: 280%;
  text-align: right;
}
.comments_h2 {
  color: #999;
  font-size: 200%;
  margin: 10px 0 20px 0;
/*  text-align: right;*/
}
.comments-form p { padding: 7px 0px; color:#808080;}
.comments-form .required { font-weight: normal; color:#ff0000;}
.comments-form input { padding: 5px; width: 210px; margin-right: 7px; }
.comments-form input.formid { 
  border: 0px solid #999; 
  background: url(images/form-name-bkg.png) no-repeat left; 
  padding: 9px 5px 9px 40px;
  width: 222px;
  }

.comments-form input.formemail { 
  border: 0px solid #999; 
  background: url(images/form-email-bkg.png) no-repeat left; 
  padding: 9px 5px 9px 40px;
  width: 222px;
  }
.comments-form input.formuri { 
  border: 0px solid #999; 
  background: url(images/form-uri-bkg.png) no-repeat left; 
  padding: 9px 5px 9px 40px;
  width: 222px;
  }

.comments-form textarea { 
  border: 0px solid #999; 
  background: url(images/form-textarea.png) no-repeat left top; 
  padding: 10px 20px 10px 10px; 
  width: 470px;
  height: 180px;
  }

.comments-form .button { 
  border: 0px solid #999; 
  background: url(images/button-post-comment.png) no-repeat left; 
  color:#fff; 
  width: 262px; 
  font-size: 100%; 
  font-weight: bold; 
  padding: 9px 6px 9px 38px;
  text-indent: -999%;
  }






/* Search 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 .search { 
    background: transparent url(images/search-bkg.png) no-repeat left bottom; 
    right: 0px; 
    padding: 0px; 
    overflow: hidden;
  }
/**/ *html .search  { height: 1%;} /**/ 

 .search form { 
    width: 222px; 
    padding: 0px; 
    border: 0px solid #3ac6e5; 
    background: #fff; 
  }

 .search fieldset { 
    overflow: hidden; 
    height: 1%;  
  }

 .search input { 
    float: left; 
    margin-right: 0px; 
    background: url(images/search-input.png) no-repeat; 
    border: none; 
    padding: 5px 3px 5px 5px; 
    width: 138px; 
    color:#666;
  }

 .search button { 
    float: left; 
    background: transparent url(images/search-button.png) no-repeat; 
    width: 45px; 
    height: 30px; 
    border: none; 
    cursor: pointer; 
    text-indent: -1000em; 
    margin: 0px 0 0 0; 
  }