/* 
 * CSS styles sheets for Osoco web site 'plain' theme.
 *
 * PLEASE, Validate CSS syntax before commit changes to the repository.
 *
 */

body {
  font-family: "Trebuchet MS", trebuchet, verdana, sans-serif;
  font-size: 1em;
  color: #333;
  text-align: center;
  margin: 0;
  padding: 0;
}

#container {
  width: 70%;
  margin: 0 auto;  
  border-left: 1px dotted #333;
  border-right: 1px dotted #333;
  padding: 2em;
}

#main-content p,
#main-content ul,
#main-content dl,
#main-content h3,
#main-content h4 {
  text-align: left;
}

/** Headings **/

h1 span {
  position: absolute;
  top: -2000px;
}

h1 {
  width: 280px;
  height: 127px;
  margin: 0 auto;
  padding: 0;
  background: transparent url(../images/logo_osoco.png) no-repeat left;
}

h2 {
  color: #bbb;
  font-style: italic;
  font-size: 1.4em;
}

h3 {
  color: #333;
  font-family: verdana, sans-serif;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: .2em;
  font-variant: small-caps;
  margin: 2em 0 1em 0;
  clear: both;
}

h4 {
  color: #666;
  font-size: 1.1em;
  border-bottom: 1px solid #ddd;
  clear: both;
}

/** Emphasis **/

em {
  font-weight: bold;
  font-style: normal;
}

/** Paragraphs **/

p {
  line-height: 1.5em;
}

/** Links **/

a:visited, a:active, a:link {
  color: #5f4c2b;
  text-decoration: underline;
}

a:hover {
  color: #999999;
}

/** Lists **/

ul li {
  margin: .5em 0;
}

dl dt {
  margin: 0 2em;
  font-weight: bold;
  font-size: 1.2em;
  color: #f9a31b;
}

dl dd {
  margin: .5em 5em;
}

/** Rules **/

hr {
  display: none;
}

/** Navigation bar **/

#navigation {
  text-align: center;
  margin: 0 auto;
}

#navigation ul {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}

#navigation ul li {
  display: inline;
  margin: 0;
  padding: 0 1em;
}

#navigation a {
  font-family: Arial, helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
}

/** Keyword banner **/

#banner ol {
  position: absolute;
  top: -2000px;
}

div#banner {
  display: block;
  width: 795px;
  height: 485px;
  padding: 2px;
  background: transparent url(/osoco-tagcloud) no-repeat center;
  margin: 0 auto;
}

.clearfix {overflow: auto;}


/** Client logos **/

ul.logos {
  list-style-type: none;
}

ul.logos li {
  float: left;
  margin: 1em;
}

ul.logos li a span {
  position: absolute;
  top: -2000px;
}

a#hp {
  display: block;
  width: 64px;
  height: 40px;
  background: transparent url(../images/hp-logo.gif) no-repeat left bottom;
}

a#v24 {
  display: block;
  width: 140px;
  height: 42px;
  background: transparent url(../images/v24-logo.gif) no-repeat left bottom;
}

a#imserso {
  display: block;
  width: 329px;
  height: 59px;
  background: transparent url(../images/imserso-logo.gif) no-repeat left bottom;
}

a#rumbo {
  display: block;
  width: 200px;
  height: 46px;
  background: transparent url(../images/rumbo-logo.gif) no-repeat left bottom;
}

a#ceapat {
  display: block;
  width: 190px;
  height: 43px;
  background: transparent url(../images/ceapat-logo.gif) no-repeat left bottom;
}

a#sannic {
  display: block;
  width: 70px;
  height: 71px;
  background: transparent url(../images/sannic-logo.gif) no-repeat left bottom;
}

a#bkool {
  display: block;
  width: 168px;
  height: 41px;
  background: transparent url(../images/bkool-logo.gif) no-repeat left bottom;
}


/** hCard microformat **/

.vcard {
  border: 1px dashed #333;
  width: 80%;
  margin: 0 auto;
  padding: 1em;
  text-align: left;
}

.vcard div {
  margin: 0;
  padding: .5em;
}

.vcard .text {
  float: left;
}

.qrcode {
  float: left;
  width: 265px;
  font-size: .8em;
}

.org {
  font-size: 1.2em;
  font-weight: bold;
}

.street-address,
.building,
.office,
.geo {
  display: block;
}

.addr {
  background-color: #f2f2f2;
}

/** LibraryThing widget **/

.LTwrapper {
  text-align: left;
  overflow: auto;
}

.LTitem {
  float: left;
  margin: .2em;
  padding: 0;
  border: 1px solid #999;
}

.LTprovided {
  display: none;
}

/** Footer **/

#footer {
  margin-top: 4em;
  border-top: 1px solid #666;
  font-family: Helvetica, arial, sans-serif;
  font-size: .7em;
  text-align: left;
  color: #666;
}

#footer p {
  margin: .5em 0;
  text-transform: uppercase;
}

a img {
  border: none;
}

#footer a img {
  margin-right: .5em;
}

/** Options **/

#options {  
  height: 1.5em;
  width: 100%;
  background-color: #f2f2f2;
  border-bottom: 1px solid #666;
}

#options p {
  float: left;
  margin: 0;
  padding: 0 1em;
}

#options #skip {
  float: right;
  padding: 0 1em;
}