.clear_float { clear: both; }
/*
html, body, div, span, object,  p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  font-size:14px;font-family:inherit;
}
  */

a, a:focus, a:hover {
  color: green;
}

body, h1, h2, h3, h4, h5, h6 { color: #666; }

body { background-color: #e5efe5; }

br.thick {
  height: 2px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.subsection { margin-top: 25px; }

#wrapper {
  background-color: white;

}

.column {float: left; margin-right: 10px}
.last {margin-right: 0px; padding-right: 10px}

#header {
  background-image: url('../images/bg_top_ror.png');
  background-repeat: repeat-x;
}
#header h1 em {
  font-size: 18px;
  margin-left: 10px;
  color: black;
}
#header h1 {
  font-size: 20px;
  margin: 0;
}

#header #user_info {
  text-align: right;
  font-size: 14px;
  color: #777;
}
#header #user_info span, 
#header #user_info span a,
#header #user_info span a:visited {
  color: #006E2E;
}

/*
 *
 * MENU
 *
 *
 */

#menu {
  /*
  background-color: #f66;
  */
  background-image: url(../images/stripe.png);
  background-color: #b02b2c;
  height: 30px;
  margin-bottom: 20px;

  /*
  border-bottom: 2px solid red;
  */
  border-top: 4px solid #b02b2c;
}

#menu a {
  text-align: center;
  text-decoration: none;
  display: block;
  height: 30px;
  line-height: 30px;
  width: 140px;
  color: white;
  float: right;
  margin-right: 10px;
  font-size: 18px;
  font-weight: bold;
}
#menu a:hover {
  font-size: 20px;
}
#menu a.current {
  background-color: white;
  /*
  color: #f66;
  */
  color: #b02b2c;
}

#footer {
  margin-top: 70px;
  text-align: center;
  color: #56895d;
}
#footer #trademark {
  border-top: 1px solid #ccc;
  padding-top: 5px;
  margin-bottom: 10px;
}

#footer #powered_by img { margin-right: 50px; }
#footer #powered_by {
  opacity: 0.4;
}

.service_list_item {
  text-align: center;
  padding: 10px 0;
  /*
  border: 2px solid #999;
  background-color: #ffd;
  */
  float: left;
  width: 190px;
  height: 195px;
  margin-bottom: 15px;
}

.service_list_item h2 { margin-bottom: 5px; }

.service_list_item h2 a,
.service_list_item h2 a:visited 
{
  font-size: 17px;
  /*
  color: #0066CC;
  */
  color: green;
  text-decoration: none;
}


.service_list_item .image_wrapper { 
  width: 175px; 
  height: 175px; 
  border: 1px solid #aca;
}

.service_list_item img { 
  vertical-align: bottom;
}

.blue { color: green; }
.red { color: #f55; }


a.icon, 
a.icon:visited {
  font-size: 12px;
  text-decoration: none;

  background-color: #ffb;
  border: 1px solid yellow;
  color: green;
  /*
  background-color: #555;
  border: 1px solid yellow;
  color: white;
  */

  padding: 1px 4px 1px 18px;
  background-repeat: no-repeat;
  background-position: 2px 50%;
  display: block;
  float: right;
}

a.edit_icon { background-image: url('../images/pen2.png'); }





#service_show img.screenshot {
  margin-right: 20px;
  border: 1px solid #ccc;
  padding: 2px;
}


#service_summary dd,
#service_summary dt {
  font-size: 14px;
}
#service_summary dd {
  margin-left: 10px;
  margin-bottom: 15px;
}

#service_description {
  padding: 20px 0px 20px 10px;
  font-size: 14px;
  line-height: 25px;
}

.side_panel {
  background-color: #e9f7e0;
  color: green;
  padding: 10px;
  font-size: 14px;
  margin-bottom: 20px;
}

.side_panel li form,
.side_panel li form div {
  display: inline;
}
.side_panel form.toggle {
  background: white;
  padding: 4px;
}
.side_panel form.toggle textarea {
  width: 90%;
  height: 40px;
}
.side_panel h4 {
  border-bottom: 2px solid #ccc;
}

#panel_tags {
}

.side_panel img.button {
  margin-top: 20px;
  margin-left: 30px;
}

#panel_tags .css1 { font-size: 1.0em; }
#panel_tags .css2 { font-size: 1.2em; }
#panel_tags .css3 { font-size: 1.4em; }
#panel_tags .css4 { font-size: 1.6em; }


/* service new form */
#service_new {
  font-size: 14px 
}

#service_new #service_description { width: 370px; }

/* forms in main section*/

form.main input.string {
  width: 250px;
}

form.main fieldset {
  background-color: #f7fff7;
}

form.main legend {
  color: #bf2f2f;
}
form.main label {
  float: left;
  width: 10em;
  text-align: right;
  padding-right: 8px;
  color: #666;
}
form.main p em { margin-left: 11em; }
form.main p em.left { margin-left: 0; }

form.main input.submit { 
font-size: 20px;
width: 100px;
float:right;
font-weight: bold;
}

/*
 * side help
 */
#side_help h2 {
  font-size: 20px;
font-weight: bold;
}

#side_help h3 {
  margin-bottom: 6px;
  font-size: 14px;      
  font-weight: bold;
}


/*
 *
 * Develpers
 */
.developer_short {
  margin-bottom: 15px;
  float: left;
  font-size: 13px;
  padding: 15px 0px;
  /*
  border-bottom: 2px solid #ddd;
  background-color: #f0f0ff;
  */
}
.developer_short .photo { 
  text-align: center;
}
.developer_short .photo img { 
  width: 100px;
  border: none;
}
.developer_short p { margin-bottom: 5px; }
.developer_short img { 
  border: 1px solid green; 
  margin: 10px 0 0 10px;
}
.developer_short em { font-weight: bold; }
.developer_short h3  { font-size: 20px; }
.developer_short h3 a { margin-left: 10px; font-size: 12px; }

.developer_short dt,
.developer_short dd {
  float: left;
}
.developer_short dd {
  margin-right: 9px;
  margin-left: 5px;
}

#homepage .developer_short .photo img { 
  border: 1px solid #ccc;
  border-top: none;
  margin: 0;
}

#homepage .developer_short .photo .developer_name { 
  display: block;

  background-color: #666;
  color: white;

  margin: 0 4px;
  border: 1px solid #ccc;
  border-bottom: none;
}

#homepage .developer_short .photo .developer_name a { 
  color: white;
}


#developer_show h3 {
  text-decoration: underline;
}

#developer_show .list { margin-top: 30px; }
#developer_show .list ul{ font-size: 14px; }

#developer_show .list ul a, 
#developer_show .list ul a:visited { 
  text-decoration: none;
  color: green;
  font-size: 15px;
}
#developer_show .list ul a:hover { text-decoration: underline;}

#developer_show .summary img {
  float: left;
  /*
  border: 1px solid green;
  */
}
#developer_show .summary dl {
  margin-left: 40px;
  width: 250px;
  float: left;
}

#developer_show .summary dl dt,
#developer_show .summary dl dd {
  float: left;
  width: 100px;
  line-height: 30px;
  font-size: 14px;
}
#developer_show .summary dl dt{
  text-align: right;
}


#developed_services div {
  float: left;
  padding: 5px 10px;
}

#developed_services a img {
  padding: 2px;
  border: 1px solid #ada;
}


/*
 *
 * Comments
 *
 */
#comments_summary {
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
}
#comments_summary h4 {
  line-height: 20px;
  margin-bottom: 3px;
}

#comments {
  border: 1px solid #bbb;
  background-color: #f0f0f0;
  padding-left: 10px;
}

#add_comment form textarea {
  height: 70px;
  width: 480px;
}
#add_comment form label {
  display: block;
  float: left;
  width: 100px;
  text-align: right;
  margin-right: 30px;
  color: #666;
  font-weight: normal;
}
#add_comment form input {
  width: 355px;
}
#add_comment form p.submit {
  text-align: right;
  padding-right: 20px;
}
#add_comment form input.submit {
  width: 100px;
  font-size: 14px;
}

.comment {
  margin: 5px 15px 5px 0px;
}

.comment p.body {
  padding: 10px 5px;
  /*
  background-color: #fff;
  border: 1px solid #ccc;
  */
  margin-bottom: 5px;
  font-size: 14px;
}
.comment p.author {
  text-align: right;
}
  
.show div#title h1, 
.show div#title h2 {
 color: #333;
 margin-bottom: 2px;
 float: left;
}
.show div#title h1 { font-size: 30px; }
.show div#title h2 { font-size: 20px; }

.show div#title { 
  border-bottom: 2px solid #ccc; 
  margin-bottom: 10px;
}
.show div#title a {
  display: block; 
  float: right; 
  margin-top: 4px;
}

.paginate {
  text-align: right;
  margin-bottom: 10px;
}
.paginate_center { text-align: center; }

/* 
 * HOME
 */
#homepage h2.title {
  margin-bottom: 0px;
}

#homepage hr {
  margin: 50px 0;
  border-color: white;
  background-color: white;
}
#new_comments .from_to {
  font-size: smaller;
  color: black;
}
#new_comments .from_to a, 
#new_comments .from_to a:visited {
  color: black;
}