/*          Author: Andrew WC Brown   Link:http://www.monsterboxproductions.com    */
/* Default------------------------------------------------------------------------ */
html,body{ width: 100%; height: 100%; margin: 0px; padding: 0px; background: url(../images/bg2.png);}
body{ font: normal 14px "Lucida Grande",Arial,Helvetica,sans-serif; }
h1,h2,h3,h4{ font-family: Helvetica, Arial;  font-size: 15px; margin: 0px; }
p{ margin: 10px 0px; line-height: 1.7em; }
a{ color: rgb(0,0,255); text-decoration: none; }
a:hover{ text-decoration: underline; }
img{ display: block; border: 0px; }
br { clear: both;}

div.container { padding: 10px; width: 660px; margin: 0px auto; margin-top: 10px; background: rgb(255,255,255);
  -moz-box-shadow: 0 0 5px #000;
  -webkit-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
  border: solid 1px rgb(240,240,240); 
  border-bottom: solid 1px rgb(200,200,200);
  border-right: solid 1px rgb(200,200,200); 
  border-bottom: solid 1px rgb(200,200,200); }
div.header { display: none;}
div.clear { clear: both;}
/* Navigation--------------------------------------------------------------------- */
div.navigation_wrap { background: rgb(0,0,0); padding-left: 10px;}
div.navigation { background: url(../images/nav_bg.jpg) no-repeat center left; width: 640px; height: 42px; }
div.navigation ul { padding: 12px 0px; margin: 0px; margin-left: 40px;}
div.navigation li { display: inline; padding: 0px; }
div.navigation a{ font-family: arial; color: rgb(255,255,255); padding: 2px 5px; margin-left: 4px; font-size: 14px; text-transform: uppercase; }
div.navigation a.active, div.navigation a:hover{ color: rgb(255,255,0); }
div.navigation li.right_side { float: right; }
/* Content------------------------------------------------------------------------ */

div.progami h2 { text-align: center; font-size: 28px; font-family: Georgia; margin-top: 20px; margin-bottom: 5px; }
div.progami h3 { margin: 5px 0px; font-style: italic; font-size: 16px; font-weight: bold; color: rgb(140,140,140) }

div.wrapper div.content h2 { font-size: 18px; font-weight: normal; margin-bottom: 4px; border-bottom: solid 1px rgb(235,235,235) }

p.cost{ margin: 0px; }
div.service_cost p.value { font-size: 25px; font-weight: bold; margin: 0px; }
div.service_cost p.type { margin: 0px; font-family: Georgia;}

p.about { font-size: 18px; border-bottom: solid 1px rgb(240,240,240); padding: 5px; }
p.about span { background: rgb(255,255,100); padding: 3px 5px; }

div.remote { margin: 0px auto; clear: both; }
div.remote h3 { color: rgb(40,40,40); font-size: 23px; float: left; width: 400px; line-height: 1.6em; padding-right: 20px; padding-bottom: 5px;}
div.remote div.flags { float: right; width: 450px; padding-bottom: 10px; }
div.remote div.flags img { float: left; }

div.team { float: left; width: 250px;  }
div.team div.person { padding: 5px 0px;}
div.team div.info { display: block; float: left; width: 170px }
div.team img { border: solid 1px rgb(200,200,200); padding: 1px; float: left; margin-right: 10px; width: 42px;}
div.team h3 { font-size: 13px; margin: 0px; }
div.team h3 span { color: rgb(140,140,140); font-weight: normal; font-size: 12px; }
div.team p { margin: 0px; font-size: 13px; line-height: 1.4em; }
div.team p.title { font-weight: bold; line-height: 1em; margin-bottom: 6px; }
div.team p.twitter, div.team p.email { font-size: 11px; line-height: 1.3em; }

div.team .hiring { margin-top: 10px;}
div.team .hiring a { text-align: center;  display: block; background: url(../images/hire_button.png) no-repeat; width: 175px; height: 34px; color: rgb(255,255,255); font-size: 18px; text-shadow: black 1px 1px 2px;  margin: 0px auto; padding-top: 8px;}
div.team p.description { float: left; width: 390px; }
div.team div.extra { float: left; width: 250px; font-family: arial; text-transform: uppercase; font-weight: bold; margin-left: 10px; color: rgb(220,220,220);}
div.team div.extra span { font-weight: normal; color: rgb(240,240,240); font-size: 20px;}
div.team div.extra p {font-size: 22px; } 

div.projects { float: right; width: 405px; }
div.projects img { width: 200px; float: left; margin-right: 10px;}
div.projects p.description { font-size: 13px; float: left; margin: 0px;}

div.projects div.info p { margin: 0px; line-height: 1.3em; font-size: 12px; }
div.projects div.info p.website { margin-top: 5px; padding-top: 2px; }
div.projects div.markadee { padding-top: 15px; clear: both; }

div.jobs { padding: 10px; padding-top: 0px; }
div.jobs p { margin: 0px; }
div.jobs span { color: rgb(120,120,120); }
/* Column------------------------------------------------------------------------- */ 
div.column_wrap { float: right; width: 200px; }
div.column h2 { font-size: 13px; padding-bottom: 5px; }
div.column ul { font-size: 12px; list-style-type: none; margin: 0px; padding: 0px; padding-bottom: 10px; }
div.column li { padding: 2px 0px;}

div.project_completion { padding: 5px 0px; }
div.project_completion div.container_bar { background: rgb(255,255,255); padding: 5px; border: solid 1px rgb(200,200,200);  }
div.project_completion div.progress_bar { background: rgb(0,0,255); height: 100%; }
div.project_completion p { text-align: right; margin: 0px; padding: 0px; font-size: 20px; font-weight: bold; color: rgb(255,255,255); padding-right: 5px; }

div.content h2.block { color:#C80000; font-family: Arial; font-size: 24px; font-weight: normal; margin:0 0 2px; padding:10px 0px; padding-bottom: 14px; border: none; text-align: center; }
h2.block span { background: rgb(255,255,0); padding: 4px 6px; }

/* big_fisch------------------------------------------------------------------------ */ 
div.source_code { overflow: auto; overflow-x: visible; overflow-y: auto; width: 100%; background-color:#333; }
pre.textmate-source{font-family:Monaco, monospace;font-size:12px;line-height:1.3em;word-wrap:break-word;white-space:0;margin:0;padding:0 0 0 2px;}
pre.textmate-source.big_fisch{color:#FFF;background-color:#333;}
pre.textmate-source .linenum{width:75px;color:#888;background-color:#eee;padding:0.1em 1em 0.2em 0;}
pre.textmate-source.big_fisch span{padding-top:0.2em;padding-bottom:0.1em;}
pre.textmate-source.big_fisch ::selection{background-color:rgba(79, 105, 158, 0.88);}
pre.textmate-source.big_fisch .constant_numeric_ruby{color:#CF3;}
pre.textmate-source.big_fisch .comment{color:#93C;font-style:italic;}
pre.textmate-source.big_fisch .source{color:#FFF;background-color:#000;}
pre.textmate-source.big_fisch .constant{color:#399;}
pre.textmate-source.big_fisch .keyword{color:red;}
pre.textmate-source.big_fisch .keyword_preprocessor{color:#EDF8F9;}
pre.textmate-source.big_fisch .entity_name_function,pre.textmate-source.big_fisch .storage_type_function_js{color:#F4FF0E;}
pre.textmate-source.big_fisch .variable_parameter{font-style:italic;}
pre.textmate-source.big_fisch .source .comment_block{color:#772CB7;background-color:#070707;}
pre.textmate-source.big_fisch .string{color:#6F0;}
pre.textmate-source.big_fisch .string .constant_character_escape{color:#AAA;}
pre.textmate-source.big_fisch .string_interpolated{color:#000;background-color:#CC3;}
pre.textmate-source.big_fisch .string_regexp{color:#44B4CC;}
pre.textmate-source.big_fisch .string_literal{color:#CC3;}
pre.textmate-source.big_fisch .string_interpolated .constant_character_escape{color:#555;}
pre.textmate-source.big_fisch .entity_name_class,pre.textmate-source.big_fisch .support_class_js{text-decoration:underline;}
pre.textmate-source.big_fisch .entity_other_inherited-class{font-style:italic;text-decoration:underline;}
pre.textmate-source.big_fisch .meta_tag_inline_any_html,pre.textmate-source.big_fisch . .meta_tag_block_any_html{color:#FFF6E2;font-weight:700;}
pre.textmate-source.big_fisch .entity_other_attribute-name{color:#9C9;font-style:italic;}
pre.textmate-source.big_fisch .keyword_other{color:#DDE93D;}
pre.textmate-source.big_fisch .keyword_control_js{color:#CC6;}
pre.textmate-source.big_fisch .support{color:#BAB275;}
pre.textmate-source.big_fisch .variable{color:#6182FF;}
pre.textmate-source.big_fisch .keyword_preprocessor .directive,pre.textmate-source.big_fisch .variable_other,pre.textmate-source.big_fisch .keyword_other_unit_css,pre.textmate-source.big_fisch .constant_other_rgb-value_css,pre.textmate-source.big_fisch .constant_numeric_css,pre.textmate-source.big_fisch .support_function_event-handler_js,pre.textmate-source.big_fisch .keyword_operator_js,pre.textmate-source.big_fisch .support_class_prototype_js,pre.textmate-source.big_fisch .entity{color:#FFF;}
pre.textmate-source.big_fisch .support_function_activerecord_rails,pre.textmate-source.big_fisch .support_type_property-name_css{color:#996;}
pre.textmate-source.big_fisch .meta_selector_css,pre.textmate-source.big_fisch .entity_other_attribute-name_pseudo-class_css,pre.textmate-source.big_fisch .entity_name_tag_wildcard_css,pre.textmate-source.big_fisch .entity_other_attribute-name_id_css,pre.textmate-source.big_fisch .entity_other_attribute-name_class_css,pre.textmate-source.big_fisch .object_property_function_prototype_js{color:#F60;}
/* Post--------------------------------------------------------------------------- */ 
div.blog div.content { padding: 18px;}
div.blog div.content h2 {  margin-bottom: 0px; border-bottom: none; }
div.post { margin-bottom: 20px; }

div.post h2 { margin: 0px; margin-top: 5px; border-bottom: none;}
div.post h2 a { color: rgb(0,0,0); font-family: arial; font-size: 19px; font-weight: bold;}
div.post span.author { font-weight: bold }
div.post p.date { text-transform: uppercase; font-family: arial;  font-size: 11px; color: rgb(90,90,90); background: url(../images/date_bg.png) repeat-x center; margin-top: 0px;}
div.post p.date span { vertical-align: middle; background: rgb(255,255,255); padding-right: 3px;}

div.blog_index div.post { padding-bottom: 10px; }
div.blog_index h2  { margin: 0px; }
div.blog_index h2 a { display: block; float: left; width: 500px; font-size: 15px;  }
div.blog_index p.date  { display: block; font-size: 14px;  line-height: 1em; margin: 0px;  text-align: right;  float: right; width: 120px; background: none; } 
div.post p.date span  { padding-right: 0px; }

p.commenting { background: rgb(240,240,240); padding: 1px 7px;  -moz-border-radius: 6px; -webkit-border-radius: 6px; }
p.commenting a { font-family: arial; font-size: 11px;  text-transform: uppercase; color: rgb(80,80,80); font-weight: bold; }

div.archives h2 { font-family: arial; font text-transform: uppercase; font-size: 12px; border-bottom: solid 1px rgb(200,200,200); padding: 0px;}
div.archives ul { list-style-type: circle; margin-left: 20px; text-indent: -0.5em;  }

div.archives li a { font-size: 11px; color: rgb(90,90,90); }

div.file_loc span { border: solid 1px rgb(192,192,192); background: rgb(192,192,192); padding: 0px 5px; font-size: 13px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
   }

div.comments p.title { font-family: arial; font-size: 11px;  text-transform: uppercase; color: rgb(80,80,80); font-weight: bold; margin: 0px; background: rgb(227,227,227);   -moz-border-radius-topleft: 6px;
   -moz-border-radius-topright: 6px;
   -webkit-border-top-left-radius: 6px;
   -webkit-border-top-right-radius: 6px;
   padding: 4px 7px; }
div.comments div.comment { padding: 5px 0px; border-bottom: solid 1px rgb(210,210,210);}
div.comments div.comment div.avatar { float: left; margin-right: 5px; }
div.comments div.comment div.avatar img { width: 32px; height: 32px; }
div.comments div.comment div.message { float: left; width: 560px; font-size: 12px; }

div.comments div.comment div.message div.time { float: right; }
div.comments div.comment div.message div.time a { font-size: 12px; color: rgb(0,0,0);}
div.comments div.comment div.message h3 a{ font-size: 12px; color: rgb(0,0,0); font-weight: normal; }
div.comments form { padding-top: 10px;}

div.comments textarea { width: 565px; height: 5em;}


/* Footer------------------------------------------------------------------------- */ 
div.footer { border-top: solid 1px rgb(240,240,240);  clear: both; }
div.footer { padding-top: 5px;  margin-top: 5px; color: rgb(160,160,160); }
div.footer p { font-size: 12px; margin: 0px; line-height: 1em;}



form {
  margin: 0px; }

.text_field, .text_area {
  margin-bottom: 5px; }
  .text_field label, .text_area label {
    display: block;
    font-size: 11px;
    padding-bottom: 0px; }
  .text_field input, .text_area input {
    font-size: 12px;
    padding: 5px;
    font-family: "Lucida Grande","Helvetica Neue",Verdana,Arial,Helvetica,sans-serif;
    border-top: solid 1px rgb(196,196,196);
    border-left: solid 1px rgb(233,233,233);
    border-bottom: solid 1px rgb(233,233,233);
    border-right: solid 1px rgb(196,196,196); }
  .text_field .label, .text_area .label {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px; }
    .text_field .label label, .text_area .label label {
      display: inline;
      font-weight: bold; }
    .text_field .label .description, .text_area .label .description {
      display: inline;
      margin-left: 5px;
      font-size: 10px;
      color: rgb(150,150,150); }
  .text_field textarea, .text_area textarea {
    font-size: 16px;
    padding: 5px;
    font-family: "Lucida Grande","Helvetica Neue",Verdana,Arial,Helvetica,sans-serif;
    border-top: solid 1px rgb(196,196,196);
    border-left: solid 1px rgb(233,233,233);
    border-bottom: solid 1px rgb(233,233,233);
    border-right: solid 1px rgb(196,196,196); }

.select label {
  display: block;
  font-size: 12px;
  padding-bottom: 5px;
  float: left;
  padding-right: 10px; }

.submit {
  width: 590px;
  font-size: 12px; }

.errorExplanation {
  display: block;
  padding: 0px;
  padding-left: 10px;
  font-size: 12px;
  border: 2px rgb(180,50,50) solid;
  background: rgb(255,200,200);
  margin-bottom: 20px; }
  .errorExplanation h2, .errorExplanation p {
    display: none; }
  .errorExplanation ul {
    padding-left: 20px; }

.fieldWithErrors input {
  background: rgb(255,200,200);
  border: 1px red solid; }

.form_error {
  background: rgb(255,200,200); }

/*          Author: Andrew WC Brown   Link:http://www.monsterboxproductions.com    */