/* andreas02 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 27, 2005)

Screen layout: */

body {
padding: 0;
margin: 0;
font: 76% tahoma, verdana, sans-serif;
#background: #e0e0e0;
background: rgb(229,229,229);
color: #303030;
}

a {
text-decoration: none;
color: #000080;
}

a:hover {
text-decoration: underline;
}

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

/* links */

.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 .linkdescription, .review .reviewcontent {
  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: 1px dotted #d0d0d0;
  overflow: hidden;
}
/* overflow: hidden doesn't work in ie unless the width is set */
* html .linklisting .linkdescription, * html .review .reviewcontent {
  width: 96%;
}

.jumplink {
padding: 5px;
height: 40px;
background: #ffffff;
}

.linklisting p.linkactions a, .jumplink p.jumpactions a, #detailed p.actions a, #jump_frame .actions a {
  padding: 1px 4px;
  border: 1px solid #bbbfa1;
  font-size: 9px;
  text-decoration: none;
  background: #ffffff;
}

.linklisting p.linkactions a:hover, .jumplink p.jumpactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #e2e1eb;
}

/* reviews */
.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/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 {
  text-align: right;
}
.paging img, .paging select {
  vertical-align: middle;
}

.crumb {
  font-size: 9px;
}

.crumb p {
  margin : 5px 0 5px 0;
}

#toptabs {
margin: 15px auto -13px auto;
font-size: 0.8em;
width: 770px;
}

#toptabs p {
text-align: right;
color: #808080;
}

.toptab {
padding: 5px 10px 3px 10px;
margin: 0 0 0 4px;
text-decoration: none;
background: #4d68a3 url(images/corner2.gif) top right no-repeat;
background: #3558a6 url(images/corner2.gif) top right no-repeat;
color: #808080;
color: #ffffff;
border-bottom: 1px solid #e0e0e0;
}

.toptab:hover {
background: #90afdd url(images/corner2.gif) top right no-repeat;
background: #9ab3dd url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #eaeaea;
color: #ffffff;
text-decoration: none;
}

.activetoptab {
padding: 5px 10px 3px 10px;
margin: 0 0 0 4px;
color: #000000;
text-decoration: none;
background: #ffffff url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
}

.activetoptab:hover {
text-decoration: none;
}

#centertabs {
text-align: center;
font-size: 1.2em;
padding-bottom: 3px;
border-bottom: 1px dotted #d0d0d0;
}

.centertab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
background: #000000 url(images/corner.gif) top right no-repeat;
color: #ffffff;
}

.centertab:hover {
background: #90afdd url(images/corner.gif) top right no-repeat;
border-bottom: 1px solid #000000;
color: #ffffff;
text-decoration: none;
}

.activecentertab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #505050;
text-decoration: none;
background: #ffffff url(images/corner2.gif) top right no-repeat;
}

.activecentertab:hover {
text-decoration: none;
}

#container {
margin: 0 auto 15px auto;
width: 770px;
padding: 5px 20px 20px 20px;
background: #ffffff;
}

#logo {
margin: 15px 0 0 0;
}

#logo a {
color: #303030;
}

#logo a:hover {
text-decoration: none;
}

#logo {
margin: 0 0 0px 0;
font-size: 2.1em;
font-weight: normal;
}

#logo h1 a {
color: #303030;
}

#logo h1 a:hover {
text-decoration: none;
}

#logo h1 {
margin: 0 0 0px 0;
font-size: 1em;
font-weight: normal;
}


#navitabs {
clear: both;
}

.navitab {
padding: 4px 8px 4px 8px;
margin: 0 0 4px 0;
text-decoration: none;
letter-spacing: 1px;
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

.navitab:hover {
text-decoration: none;
background: #d0d0d0 url(images/corner.gif) top right no-repeat;
}

.activenavitab {
padding: 4px 8px 5px 8px;
color: #ffffff;
margin: 0 0 5px 0;
text-decoration: none;
background: #505050 url(images/corner.gif) top right no-repeat;
}

.activenavitab:hover {
text-decoration: none;
}

#main {
width: 590px;
float: left;
padding: 0 15px 0 0;
border-right: 1px dotted #d0d0d0;
}

.block {
background: #f0f0f0;
padding: 15px;
}

#sidebar {
width:140px;
float:right;
}

#sidebar p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
}

.sidelink {
text-align: left;
display: block;
width: 120px;
color: #ffffff;
background: #3558a6 url(images/corner.gif) top right no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}

.sidelink:hover {
color: #000080;
color: #ffffff;
background: #9ab3dd url(images/corner.gif) top right no-repeat;
text-decoration: none;
}

#footer {
clear: both;
background: #fafafa;
color: #808080;
font-size: 0.9em;
border-top: 1px dotted #d0d0d0;
border-bottom: 1px dotted #d0d0d0;
text-align: center;
}

#footer a {
color: #808080;
}

#footer p {
line-height: 1.5em;
text-align: center;
}

h1 {
margin: 0 0 20px 0;
font-size: 1.6em;
font-weight: normal;
}

h2 {
margin: 20px 0 10px 0;
font-size: 1.2em;
font-weight: normal;
color: #000080;
border-bottom: 1px dotted #ccc;
}

h3 {
margin: 20px 0 10px 0;
font-size: 1.0em;
font-weight: bold;
color: #000080;
}

p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}

.right {
text-align: right;
}

a img {
border: 0;
}

.photo {
padding: 5px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}

.hide {
display: none;
}