/*
 * =================================================================
 * subset of gossamer link's luna css file luna_core.css
 * =================================================================
 */

/*------------------*\
|* global interface *|
\*------------------*/
/* forms */
form {
  margin: 0px;
}
input, textarea {
  font: normal 13px tahoma, geneva, verdana, sans-serif;
}
input.text, input.password, textarea {
  padding: 1px 0px 1px 2px;
  border: 1px solid #57594b;
}
#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}

/* links 
a {
  color: #212126;
}
a:visited {
  color: #8e8d9a;
}
a:hover {
  color: #5c5b66;
  text-decoration: none;
}*/


/* use this with text in headings you wish to make small */
.hsmall {
  font-weight: normal;
  font-size: 80%;
}

#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}

/*--------*\
|* header *|
\*--------*/
#loginbar {
  float: right;
  text-align: right;
}
/*#loginbar a {
  margin-top: 25px;
  padding: 10px 30px 10px 0px;
  color: #212126;
  font-weight: bold;
  display: block;
}*/
/* these colours are the same as defined by 'a', but we unset a:visited */
/*#loginbar a:hover {
  color: #5c5b66;
}
#loginbar a.in {
  background: transparent url(images/login.gif) center right no-repeat;
}
#loginbar a.out {
  background: transparent url(images/logout.gif) center right no-repeat;
}*/

/*------------*\
|* navigation *|
\*------------*/
.navbar {
  margin-bottom: 1px;
}
#newsbody ul.primarynav, ul.secondarynav {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #ffffff;
  float: left;
  list-style: none;
}
#newsbody ul.primarynav {
  width: 100%;
  background: #5c5b66;
}
#newsbody ul.secondarynav {
  width: 100%;
  background: #777c8d;
  margin:0;
}
#newsbody ul.primarynav li, ul.secondarynav li {
  float: left;
  list-style: none
  margin:0;
}
#newsbody ul.primarynav li {
  background: transparent url(images/betweennav.gif) bottom right no-repeat;
  list-style-type:none;
  margin:0;
}
#newsbody ul.primarynav a {
  margin-right: 1px;
/*  padding: 7px 9px 7px 10px;*/
  padding: 5px 7px 5px 8px;
  float: left;
  color: #ffffff;
  font-size: 11px;
  text-decoration: none;
}
#newsbody ul.primarynav a:visited {
  color: #ffffff;
}
#newsbody ul.primarynav a:hover {
  color: #ffffff;
  background: #737180;
}
#newsbody ul.primarynav li.home {
  border-right: 1px solid #ffffff;
  background: #383741;
  list-style-type:none;
  margin:0;
}
#newsbody ul.primarynav li.home a {
  margin-right: 0px;
}
#newsbody ul.secondarynav li.first {
  padding-left: 5px;
  list-style-type:none;
  margin:0;
}
#newsbody ul.secondarynav li {
  list-style-type:none;
  margin-left:0;
}
#newsbody ul.secondarynav a {
  margin-right: 1px;
  padding: 4px 5px;
  float: left;
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
}
#newsbody ul.secondarynav a:visited {
  color: #ffffff;
}
#newsbody ul.secondarynav a:hover {
  color: #212126;
}

/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  margin-bottom: 3px;
  padding: 3px 10px;
/*  border-bottom: 1px solid #57594b;*/
  text-align: right;
  background: #edf2cb;
}
.searchbar input.text, .searchbar input.submit {
  margin-right: 5px;
}
/* setting this in mozilla causes rendering issues */
* html .searchbar input.submit {
  height: 21px;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
.searchbar label {
  color: #212126;
  font-size: 10px;
}
.searchbar a {
  color: #212126;
  font-size: 10px;
}
.searchbar a:hover {
  color: #5c5b66;
}

/*-----------------*\
|* global elements *|
\*-----------------*/
/* links */
.linklisting {
  margin: 15px 15px 20px 0px;
}
.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating {
  padding: 0px;
  margin: 0px;
}
.linklisting h4.linktitle a {
  font:bold 100% 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
  padding-bottom: 0px;
}
.linklisting p.linkurl {
  font-size: 12px;
  margin-top:2px;
}
.linklisting p.linkurl a {
  font-size: 12px;
  text-decoration: none;
}
.linklisting p.linkrating {
  font-size: 12px;
}
.linklisting p.linkrating .linkexpired {
  color: #8c3030;
  font-weight: bold;
}
.linklisting .linkdescription, .review .reviewcontent {
/*  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: 1px solid #bbbfa1;
  background: #f8faed;
  overflow: hidden;*/
}
/* overflow: hidden doesn't work in ie unless the width is set */
* html .linklisting .linkdescription, * html .review .reviewcontent {
  width: 96%;
}
.linklisting p.linkactions {
  margin: 0px;
  font-size: 12px;
}
.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
/*  padding: 1px 4px;
  border: 1px solid #bbbfa1;*/
  font-size: 12px;
  text-decoration: none;
}
.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #e2e1eb;
}

/* /// new: thumb image in link /// */
.linkimage {
  float: right;
  margin: 0px 0px 30px 10px;
}



.hide {
  display: none;
}

.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */



/* link/bookmark status icons */
.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {
/*  background: transparent url(images/button-left.gif) top left no-repeat;*/
  font-weight: normal;
  font-size: 9px;
  color: #ffffff;
  vertical-align: text-top;
}
.new-item {
  background-color: #8c3030;
}
.updated-item {
  background-color: #c5a600;
}
.popular-item {
  background-color: #314fb1;
}
.unpaid-item {
  background-color: #555555;
}
.expired-item {
  background-color: #92589c;
}
.free-item {
  background-color: #a7a87c;
}
.bookmark-public {
  background-color: #cc6613;
}
.bookmark-default {
  background-color: #7fb131;
}
.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {
/*  padding: 0px 3px;
  background: transparent url(images/button-right.gif) top right no-repeat;*/
}

/* paging */
.paging {
  float: right;
}
.paging img, .paging select, .paging input {
/*  vertical-align: middle;*/
float: left;
}

.crumb {
  font-size: 9px;
}

/* tables */
.ftable {
  margin-top: 5px;
/*  border-bottom: 3px solid #bbbfa1;*/
  border-collapse: collapse;
  width: 100%;
/* ie5-5.5 don't inherit the font style properly */
  font-size: 90%;
}
.ftable th {
  background: #edf2cb;
  text-align: left;
  font-size: 90%;
}
.ftable th, .ftable td {
  padding: 3px 5px;
}
.ftablecol {
  width: 20%;
  border-right: 1px solid #fff;
}

/* forms */
.row {
  margin-bottom: 1px;
  padding: 4px;
  font-size: 90%;
	border-bottom: 2px dotted #e2e1eb;
}
.row label.name {
  padding-right: 5px;
  width: 25%;
  float: left;
}
.row label.name span {
  color: #8c3030;
}
.row .value.wrappedtext {
  margin-left: 25%;
  padding-left: 5px;
}
/* hack for ie 5.5 text/textarea resizing */
.row .value input.text, .row .value input.password, .row .value textarea {
  width: expression(this.parentNode.offsetWidth * 0.74 + 'px');
}
/* the previous style causes problems with long sidebars in ie6 */
.row .value input.text, .row .value input.password, .row .value textarea {
  w\idth: 72%;
}
.row .value input.text.shorttext {
  width: 100px;
}
.row.required {
  background: #e2e1eb;
}
.row.invalid {
  color: #8c3030;
  background: #eedddd;
  font-weight: bold;
}
.formsubmit {
  margin-top: 10px;
  text-align: right;
}





/* content */

#home dl {
  width: 99%;
}
#home dt {
  width: 40%;
}
#home dd {
  width: 40%;
}

#content h3{
	font:bold 105% 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
}

#content p.category{
	font:bold 110% 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
}