/* @override http://www.iphonebookshelf.com/phorum/templates/bookshelf/style.css */

/* @override 
	file:///HPC/BookShelf/website/dist/style.css
	http://127.0.0.1/bs/style.css
*/

* {
  padding: 0;
  margin: 0;
}

body {
  color: #333333;
  background-color: #223559;
  font-family: Georgia,Tahoma,Arial,serif;
  font-size: 90%;
  margin: 0px auto;
  width: 900px;
}

.highlight {
  font-family: 'Courier New',Verdana,Tahoma,Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, 
fieldset, address {
  margin: 0.75em 0;
}

h1 {
  font-size: 167%;
  text-shadow: rgba(0,0,0,0.18) 2px 6px 5px;
}

h2 {
  font-size: 139%;
  text-shadow: rgba(0,0,0,0.18) 2px 2px 5px;
}

h3 {
  font-size: 120%;
  text-shadow: rgba(0,0,0,0.18) 2px 2px 5px;
}

h4 {
  font-size: 100%;
}

h1 a, h2 a, h3 a, h4 a {
  text-shadow: none;
}

li, dd {
  margin-left: 2em;
}

a {
  color: #0066CC;
  font-weight: normal;
  text-decoration: none;
}

a:hover {
  color: #0000FF;
  background-color: #E6ECFF;
  font-weight: normal;
  text-decoration: none;
}

a.nohover {
  color: #0066CC;
  background: transparent;
  font-weight: normal;
  text-decoration: none;
}

a.nohover:hover {
  color: #0066CC;
  background: transparent;
  font-weight: normal;
  text-decoration: none;
}

#header {
  color: #FFFFFF;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#title {
  color: #fff;
  font-size: 230%;
  font-weight: normal;
  padding: 10px 0px 60px 60px;
  font-family: Georgia,Arial,'Trebuchet MS',serif;
  letter-spacing: .2em;
  text-shadow: #375da7 2px 6px 5px;
}

#siteLogo {
  float: left;
  margin-right: 1em;
}

#topShelf {
  float: right;
  color: #fff;
  font-size: 120%;
  text-align: right;
  text-shadow: #375da7 2px 6px 5px;
}

#topShelf a {
  color: #fff;
}

#topShelf a:hover {
  color: #0085ff;
  background: transparent;
}

#title span.blurb {
  color: #fff;
  letter-spacing: 0;
  font-size: 13pt;
  font-family: Georgia,'Trebuchet MS',serif;
  display: block;
  clear: right;
}

div#navTop {
  height: 6px;
  background: #375ba5 url(images/chrome/top-nav-round.png) no-repeat;
}

div#navFrame {
  display: block;
  clear: both;
  height: 28px;
  padding: 6px 4px 0px 4px;
  background: #375ba5 url(images/chrome/nav-bg.png);
}

ul#nav {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  list-style: none;
  color: #FFFFFF;
  background-color: #375ba5;
}

ul#nav li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  float: left;
  background-color: #375ba5;
  border-right: thin dotted #243a61;
  float: left;
  position: relative;
  top: 0;
  left: 0;
  text-shadow: rgba(0,0,0,0.7) 3px 3px 3px;
}

ul#nav li a {
  margin: 0px 2px 0px 0px;
  padding: 5px 8px 5px 8px;
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
}

ul#nav li a:hover {
  color: #2f4b80;
  background-color: #e4e9ff;
}

/*
ul#nav a.selected { 
	border-bottom:3px solid #505050;
}
*/

ol.spaced li {
  margin-bottom: .5em;
}

div#topTransition {
  background: #375ba5 url(images/chrome/top-transition.png) no-repeat;
  height: 12px;
}

#content {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: #FFFFFF url(images/chrome/main-bg.png);
}

#maincontent {
  padding: 0px 10px 5px 20px;
  margin: -10px 0px 0px 0px;
  width: 645px;
  float: left;
  background-color: transparent;
}

#sidecontent {
  font-family: Arial, sans-serif;
  color: #333333;
  padding: 10px 10px 0px 10px;
  width: 190px;
  float: right;
}

#sidecontent a {
  color: #0066CC;
}

#sidecontent a.nohover:hover {
  color: #0066CC;
  background: transparent;
}

#sidecontent a:hover {
  color: #0000FF;
  background: transparent;
}

#sidecontent h2 {
  margin: 0.75em 0.25em 0.25em 0em;
}

#sidecontent ul {
  margin: 0.25em 0.25em 0.25em 0.25em;
}

#sidecontent p {
  margin: 0em 0em 0em 0em;
}

#sidecontent hr {
  margin-top: 1em;
  margin-bottom: 1em;
}

#nullblock {
  
}

.clearer {
  clear: both;
}

#bottomRound {
  height: 12px;
  width: 900px;
  background: #FFFFFF url(images/chrome/bottom-round.png) no-repeat 0 bottom;
}

#footer {
  padding: 5px 0px 25px 0px;
  text-align: center;
  font-size: 85%;
  clear: both;
}

#footer	a {
  color: #0066CC;
  font-weight: normal;
  text-decoration: none;
}

#footer	a:hover {
  color: #0000FF;
  font-weight: normal;
  text-decoration: none;
}

#copyrightdesign {
  color: #cecbb6;
}

#siteVersion {
  color: #e8e4cb;
  display: none;
}

.callout {
  font-family: Arial, sans-serif;
  color: #333333;
  background: #E6ECFF;
  padding: 5px 10px 10px 10px;
  margin: 15px 0px 15px 0px;
  border: #0066CC solid thin;
}

div.faq-full-placeholder div.callout {
  background: transparent;
  border: none;
  border-bottom-style: dotted;
  border-bottom-width: thin;
}

div.faq-full-placeholder div.callout > h3:before {
  content: 'Q: ';
  font-size: 130%;
}

div.faq-full-placeholder div.callout > h3 {
  padding-bottom: .3em;
}

div.faq-full-placeholder div.callout > h3 + *:before {
  content: 'A: ';
  font-size: 150%;
  font-weight: bold;
  text-shadow: rgba(0,0,0,0.28) 2px 2px 4px;
}

/* Custom site additions. */

div.ok {
  background-color: #B4FA9A;
  padding: 3px;
  margin: 5px;
  border: 1px solid black;
}

div.warn {
  background-color: #FEFE6A;
  padding: 3px;
  margin: 5px;
  border: 1px solid black;
}

div.error {
  background-color: #FF595D;
  padding: 3px;
  margin: 5px;
  border: 1px solid black;
}

/* News. */

ul.news {
  font-size: 90%;
  list-style-type: none;
}

ul.news, ul.news-full, ul.links, ul.links-full {
  
}

ul.news li, ul.links li, ul.links-full li {
  margin: 0px 0px .7em -1em;
  background-image: url(images/shelfserver.png);
  background-repeat: no-repeat;
  background-position: 0 .8em;
  padding-left: 26px;
}

ul.news-full li, ul.links-full li {
  list-style: none;
  font-family: Arial, sans-serif;
  color: #333333;
  background: #E6ECFF;
  padding: 5px 5px 5px 5px;
  margin: 5px 0px 15px 0px;
  border: #0066CC solid thin;
}

ul.news-full h2, ul.links-full h2 {
  margin: 0px;
}

.newsTitle {
  display: block;
}

.newsDate {
  font-size: 65%;
  display: block;
}

.newsMoreLink {
  display: none;
}

.newsBlurb {
  font-size: 90%;
}

.newsFullText {
  text-transform: none;
}

/* General site stuff. */

div.news-full-placeholder ul.news-full li {
  background: transparent;
  border: none;
  border-bottom-style: dotted;
  border-bottom-width: thin;
}

div.news-full-placeholder ul.news-full li .newsTitle {
  font-size: 120%;
  text-shadow: rgba(0,0,0,0.18) 2px 2px 5px;
  padding-bottom: .4em;
}

div.center {
  text-align: center;
}

fieldset#betaLogin {
  width: 20em;
  padding: .5em;
  background-color: #E6ECFF;
  margin-right: auto;
  margin-left: auto;
}

fieldset#betaLogin label {
  display: block;
  clear: right;
  margin-bottom: 0;
}

fieldset#betaLogin input {
  padding-bottom: .25em;
  margin-left: .75em;
}

fieldset#betaLogin input[type='submit'] {
  clear: left;
  display: block;
  margin-left: 0;
  margin-top: 1em;
}
img.avatar-image {
	float: left;
	border: none;
	margin: 2px;
}