/*
 * =================================================================
 * Links SQL - enhanced directory management system
 *
 *   Website  : http://gossamer-threads.com/
 *   Support  : http://gossamer-threads.com/scripts/support/
 *   Revision : $Id: core.css,v 1.40 2005/03/01 03:00:22 brewt Exp $
 *
 * Copyright (c) 2005 Gossamer Threads Inc.  All Rights Reserved.
 * Redistribution in part or in whole strictly prohibited. Please
 * see LICENSE file for full details.
 * =================================================================
 */

/* 
Do not make changes to this file.  Any changes will be overwritten the next
time you upgrade Gossamer Links.  You can override any css in this file by
defining overriding styles in custom.css.
*/

/*------------------*\
|* global interface *|
\*------------------*/
body {
  margin: 0px;
  padding: 0px;
  color: #33332e;
  background: #ffffff;
  font: normal 11px tahoma, geneva, verdana, sans-serif;
  text-align: center;
}
img {
  border: 0px;
}

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;
}

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

h1 {
  font-size: 16px;
}
h2 {
  font-size: 15px;
}
h2 span {
  font-weight: normal;
  font-size: 9px;
}
h3 {
  font-size: 13px;
}
h4 {
  font-size: 12px;
}
h5 {
  font-weight: normal;
  font-size: 11px;
}

#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}
#wrapper {
  margin: 0px auto;
  width: 750px;
  text-align: left;
}

/*--------*\
|* header *|
\*--------*/
#logo {
  width: 250px;
  height: 80px;
  text-indent: -9999px;
}
#logo h1, #logo a {
  margin: 0px;
  width: 100%;
  height: 100%;
  background: transparent url(../../images/luna/logo.gif) top left no-repeat;
  text-decoration: none;
  display: block;
}
#header {
  background: transparent url(../../images/luna/swirls.gif) top right no-repeat;
}
#loginbar {
  float: right;
  text-align: right;
}
#loginbar a {
  margin-top: 25px;
  padding: 10px 30px 10px 0px;
  font-weight: bold;
  display: block;
}
#loginbar a.in {
  background: transparent url(../../images/luna/login.gif) center right no-repeat;
}
#loginbar a.out {
  background: transparent url(../../images/luna/logout.gif) center right no-repeat;
}

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



/*-----------*\
|* searchbar *|
\*-----------*/
#searchbar {
  margin-bottom: 3px;
  padding: 5px 10px;
  border-bottom: 1px solid #57594b;
  background: #edf2cb;
}
#searchbar input.text, #searchbar input.submit {
  margin-right: 5px;
}
#searchbar input.submit {
  height: 21px;
}
#searchbar a {
  color: #212126;
  font-size: 10px;
}
#searchbar a:hover {
  color: #5c5b66;
}

/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 3px;
  padding: 5px;
  border-top: 1px solid #57594b;
  background: #edf2cb;
}
#footer img {
  float: right;
}
#footer p { 
  margin: 0px;
  padding: 10px 0px;
  color: #8a8d77;
  font-size: 9px;
}

/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader {
  padding: 10px 10px 0px 10px;
  background: #e2e1eb;
}
#contentheader .error, #contentheader .message {
  margin: 0px 210px 0px 0px; 
  padding: 2px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
}
#contentheader .error {
  background: #8c3030;
}
#contentheader .message {
  background: #3a5841;
}
#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
}

/*---------------*\
|* contentfooter *|
\*---------------*/
#contentfooter {
  background: #e2e1eb;
}

/*---------*\
|* content *|
\*---------*/
#contentarea {
  padding-right: 10px;
  background: #e2e1eb;
}
#sidebar {
  padding-top: 10px;
  width: 200px;
  float: right;
}
#contentwrapper {
  margin-right: 200px;
}
#content {
  margin-left: 10px;
  padding: 10px 20px 10px 10px;
  background-color: #ffffff;
/* FIXME: this width is wrong, but something like it will keep IE from fucking up inputs, textareas: */
/*  width: 600px;*/
/*  overflow: hidden;*/
}

/*-----------------*\
|* global elements *|
\*-----------------*/
/* ie 3px text-jog bug here, not too noticable though */
.shadowtop {
  height: 10px;
  font-size: 1px; 
  background: url(../../images/luna/shadow-top.gif) bottom repeat-x;
/* ie/mac fix */
  display: inline-block;
/* ie/mac breaks without this for some reason \*/
  display: block;
/* end fix */
}
.shadowtopleft {
  width: 15px;
  height: 10px;
  float: left;
  background: url(../../images/luna/shadow-topleft.gif) bottom left no-repeat;
  font-size: 1px;
}
.shadowtopright {
  width: 15px;
  height: 10px;
  float: right;
  background: url(../../images/luna/shadow-topright.gif) bottom right no-repeat;
  font-size: 1px;
}
.shadowleft {
  background: url(../../images/luna/shadow-left.gif) left repeat-y;
}
.shadowright {
  background: url(../../images/luna/shadow-right.gif) right repeat-y;
}
.shadowbottom {
  height: 10px;
  background: url(../../images/luna/shadow-bottom.gif) top left repeat-x;
  font-size: 1px;
  display: inline-block;
/* ie/mac fix \*/
  display: block;
/* end fix */
}
.shadowbottomleft {
  width: 15px;
  height: 10px;
  float: left;
  background: url(../../images/luna/shadow-bottomleft.gif) top left no-repeat;
  font-size: 1px;
}
.shadowbottomright {
  width: 15px;
  height: 10px;
  float: right;
  background: url(../../images/luna/shadow-bottomright.gif) top right no-repeat;
  font-size: 1px;
}

/* link */
.linklisting {
  margin: 15px 15px 20px 20px;
}
.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating {
  margin: 2px 0px;
}
.linklisting h4.linktitle a {
  padding-bottom: 0px;
}
.linklisting p.linkurl a {
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkrating {
  font-size: 9px;
}
.linklisting p.linkrating .linkexpired {
  color: #8c3030;
  font-weight: bold;
}
.linklisting p.linkdescription, .review p.reviewcontent {
  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: 1px solid #bbbfa1;
  background: #f8faed;
  overflow: hidden; /* FIXME doesn't work in ie without a width being set on the p */
}
.linklisting p.linkactions {
  margin: 0px;
}
.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
  padding: 1px 4px;
  border: 1px solid #bbbfa1;
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #e2e1eb;
}

/* review */
.review h4.reviewsubject {
  margin: 10px 0px 0px 0px;
}
.review h5.reviewbyline {
  margin: 0px;
  font-weight: normal;
}
.review p.reviewer {
  margin: 0px 0px 2px 0px;
}
.review .reviewhelpful span {
  float: left;
  font-size: 9px;
}
.review .reviewhelpful form span {
  float: right;
}
.review .reviewhelpful input {
  padding: 0px 3px;
  border: 1px solid #bbbfa1;
  background: #ffffff;
  font-size: 9px;
}
/* .review p.reviewcontent => see .linklisting p.linkdescription */

/* link/bookmark status icons */
.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {
  background: transparent url(../../images/luna/button-left.gif) top left no-repeat;
  font-weight: normal;
  font-size: 9px;
  color: #ffffff;
  vertical-align: 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/luna/button-right.gif) top right no-repeat;
}

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

.crumb {
  font-size: 9px;
}

/* table */
.ftable {
  margin-top: 5px;
  border-bottom: 3px solid #bbbfa1;
  border-collapse: collapse;
  width: 100%;
}
.ftable th {
  background: #bbbfa1;
  text-align: left;
}
.ftable th, .ftable td {
  padding: 3px 5px;
}
.ftablecol {
  border-right: 1px solid #bbbfa1;
}

/* sub headings */
#content h3 {
  margin: 25px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  border-top: 1px dotted #bbbfa1;
}
#content h3.noseparator {
  border-top: none;
}

/* list */
#content ul {
  margin: 10px 0px 0px 20px;
  padding: 0px;
}
#content li {
  font-size: 12px;
  list-style: none;
}

/* form */
.row {
  margin-bottom: 1px;
  padding: 4px;
  clear: both;
}
.row label.name {
  padding-right: 5px;
  width: 25%;
  float: left;
}
.row label.name span {
  color: #8c3030;
}
.row .value input.text, .row .value input.password, .row .value textarea {
  width: 72%;
/*  width: expression(this.parentNode.offsetWidth * 0.5);*/
}
.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;
}

/* generic message */
.errormessage {
  color: #8c3030;
  font-weight: bold;
}
.infomessage {
  color: #3a5841;
  font-weight: bold;
}

/* search highlighting */
.searchhl-1, .searchhl-2, .searchhl-3, .searchhl-4, .searchhl-5 {
  font-weight: bold;
}
.searchhl-1 {
  background: #ffff80;
}
.searchhl-2 {
  background: #aaaaff;
}
.searchhl-3 {
  background: #aaffaa;
}
.searchhl-4 {
  background: #ffaaaa;
}
.searchhl-5 {
  background: #aaffff;
}

/* indent */
.indent1 {
  margin-left: 20px;
}
.indent2 {
  margin-left: 40px;
}
.indent3 {
  margin-left: 60px;
}
.indent4 {
  margin-left: 80px;
}
.indent5 {
  margin-left: 100px;
}

.floatleft {
  float: left;
}
.hide {
  display: none;
}
.reset {
  margin: 0px;
  height: 1px;
  clear: both;
  display: block;
  overflow: hidden;
}

.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 */

/*---------------*\
|* page specific *|
\*---------------*/
#bookmark_list input.checkbox {
  float: left;
}
#bookmark_list .folders .description, #bookmark_folder_view .folders .description {
  margin: 0px 0px 10px 20px;
}
.bookmark_link .comments label {
  font-weight: bold;
}
.bookmark_link .comments label span {
  font-weight: normal;
}

#category #content dl, #home #content dl {
  width: 250px;
  float: left;
}
#category #content dt a {
  font-weight: bold;
  font-size: 12px;
}
#category #content dt, #category #content dd, #home #content dt, #home #content dd {
  margin: 0px 0px 0px 20px;
}
#category #content dd, #home #content dd {
  padding-bottom: 10px;
}

#detailed p.linknav {
  margin: 0px;
  text-align: right;
}
#detailed p.linknav img {
  vertical-align: middle;
}
#detailed p.linknav a {
  text-decoration: none;
}
#detailed p.reviewsfooter {
  margin: 20px 0px 0px 0px;
  text-align: right;
}
/* #detailed p.actions a, #detailed p.actions a:hover => see .linklisting p.linkactions a */

#home #content dt a {
  font-weight: bold;
  font-size: 13px;
}
#home #content h4 {
  margin-top: 20px; 
  font-weight: normal;
  font-size: 14px;
}
/* #home #content dl, #home #content dt, #home #content dd, #home #content dd => see #category #content dl */

#jump_frame .jumpwrapper {
  height: 40px;
  background: transparent url(../../images/luna/swirls.gif) bottom right no-repeat;
}
#jump_frame img {
  padding: 2px 0px 0px 2px;
}
#jump_frame h4 {
  margin: 0px;
  padding: 3px 0px;
}
#jump_frame h4 span {
  font-weight: normal;
  font-size: 9px;
}
/* #jump_frame .actions a, #jump_frame .actions a:hover => see .linklisting p.actions a */

#modify_select input.radio {
  float: left;
}

#search .searchoption {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px dotted #bbbfa1;
}