@font-face {
	font-family: 'Sansation';
	src: url(/fonts/Sansation_Regular.ttf);
}

@font-face {
	font-family: 'Sansation';
	font-weight: bold;
	src: url(/fonts/Sansation_Bold.ttf);
}

html {
  background-color: white;
  margin: 0px;
  padding: 0px;
}


body {
  margin: 0px;
  font-family: 'Sansation', sans-serif;
  line-height: 22px;
  font-size: 15px;
}

a {
  xcolor: #2c5ba2;
  color: #3771c8;
}

h1 {
  margin: 20px 0pt 20px 0em;
  padding-bottom: 0pt;
}

h2 {
  margin: 20px 0pt 20px 0em;
  padding-bottom: 0pt;
}

h1 img {
  vertical-align: middle;
  margin-right: 10px;
  width: 64px;
  height: 64px;
}

p {
  margin: 10px 1em 10px 0em;
}

acronym {
  font-variant: small-caps;
}

dt {
  font-weight: bold;
}

/* removes top and bottom margins on lists */

ul {
  margin-top: 0pt;
  margin-bottom: 0pt;
}

/* Removes the borders on images within anchor tags */

a img {
  border: none;
}

a:hover {
  /*background-color: #ffeeee;*/
  background-color: #fff8b7;
}

a:visited {
}

/* styling of the header */

#head {
  height: 82px;
}

#header {
  width: 600px;
  padding-left: 15px;
  margin: 7px auto 0px auto;
  height: 82px;
}

body.home #head {
  background-color: #fff297;
}

body.standard #header {
  xborder: 1px solid #efdc4c;
  background-color: #fff297;
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
}

body.home #header {
  margin-top: 0px;
  background-position: center center;
}

#home {
	display: block;
    width: 181px;
    height: 82px;
    text-align: center;
    font-size: 80%;
    margin-right: 2em;
}

#home a.homelink {
    background: none;
    text-decoration: none;
}

#home .homesubtitle {
  width: 480px;
  text-align: left;
  margin-top: -8px;
}

body.home #home {
	margin: 0px auto 0px auto;
}

body.standard #home {
	float: left;
}

body.home .banner {
  display: none;
}

#header-content {
  height: 82px;
  padding: 5px;
}

body.home #header-content {
  display: none;
}

/* Top navigation is marked-up as a list of links */
/* This rule presents the list as a block element */

#header-content .navigation {
  display: block;
  margin: 0em 0em 1em 0em;
  padding: 0em;
  font-size: 110%;
}

/* Inlines the navigation links */

#header-content .navigation li {
  display: inline;
  white-space: nowrap;
}

/* Inserts a bullet before every list item but the first */

#header-content .navigation li + li:before {
  content: " \2022  ";
}

/* Changes the bullet into a chevron for a back link */

#header-content .navigation li.back + li:before {
  content: " \ab \a0 \a0 ";
  font-weight: bold;
}

/* Hides siblings */

#header-content .navigation li.sibling {
  display: none;
}

/* styles for listing sibling navigation within pages */

#nav-box {
  font-size: 105%;
  width: 160px;
  float: right;
  border-left: 1px solid #cccccc;
  border-radius: 0px 10px 0px 0px;
  -moz-border-radius: 0px 10px 0px 0px;
  -webkit-border-radius: 0px 10px 0px 0px;
  padding: 7px 3px 7px 15px;
  background-color: #fcfcfc;
  margin: 0px -178px 15px 15px;
}

#nav-box ul.navigation {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#nav-box ul.navigation li {
  margin-top: 0.45em;
}

#nav-box ul.navigation li.back {
  display: none;
}

#nav-box ul.navigation li.index {
  font-weight: bold;
}

body.home #nav-box {
  display: none;
}

/* styles for adverts and banners */

#height-marker-top {
  float: left;
}

#height-marker-bottom {
  display: block;
}

.banner {
  clear: left;
  float: left;
  width: 160px;
  margin: 0px 20px 1em -185px;
  text-align: center;
}

.banner img {
  display: block;
  margin: 0px auto 5px auto;
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
}

.ad-plot {
  clear: left;
  float: left;
  margin-top: 20px;
}

.wide-skyscraper {
  clear: left;
  position: absolute;
  left: -180px
  width: 160px;
  height: 600px;
  margin: 0px 20px 1em -185px;
  /* background-color: #f8f8f8;
  border: 1px solid #e0e0e0; */
}

/* styling for twitter */

#twitter_div {
  font-size: 105%;
  width: 172px;
  clear: right;
  float: right;
  border-left: 1px solid #cccccc;
  padding: 7px 3px 7px 3px;
  background-color: #fcfcfc;
  margin: 0px -178px 15px 15px;
  border-radius: 0px 0px 10px 0px;
  -moz-border-radius: 0px 0px 10px 0px;
  -webkit-border-radius: 0px 0px 10px 0px;
}

#twitter_div h2 {
  font-size: 100%;
  text-align: center;
  margin-top: 0px;
}

#twitter_div .follow {
  display: block;
  font-size: 90%;
  text-align: center;
}

#twitter_div ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#twitter_update_list {
  font-size: 70%;
}

#twitter_update_list span {
  display: block;
}

#twitter_div li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}


/* styling on body div */
/* replaces styles directly on body */

body.standard div.body {
  margin: 2em auto 2em auto;
  padding-left: 1em;
  border-left: 1px solid #cccccc;
  width: 600px;
  /* hack to accomodate banners and ads */
}

body.home div.body {
  margin: 2em auto 2em auto;
  width: 40em;
}


/* style for chronological lists */

.latest {
  font-size: 90%;
}

.latest li {
  line-height: 150%;
}

.latest .historic {
  display: none;
}

.chronology {
  width: 25em;
  margin: auto;
}

.chronology li {
  line-height: 150%;
}

/* Used to style the last content block on a page */

#foot {
  clear: both;
}

body.standard #footer {
  background-color: #3771c8;
  color: #ffffff;
  text-align: right;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  margin: 0px auto 0px auto;
  width: 600px;
}

#footer a , #footer a:hover {
  color: #fff297;
  text-decoration: none;
  background: none;
}

body.home #footer {
  display: none;
}

#copysymbol {
	display: none;
}

#author {
  font-size: 90%;
  white-space: nowrap;
}

#copyright {
  font-size: 90%;
  white-space: nowrap;
}

#lastmodified {
  font-size: 80%;
  white-space: nowrap;
}

/* Used to attach images to the end of a page */

#tail {
  width: 24px;
  height: 24px;
  float: right;
  /*
  position: relative;
  left: 0.75em;
  top: 0.25em;
  */
}

/* Markers identify key information within a page */
/* This rule inserts a symbol before a marker */

.marker:before {
  content: "\bb";
  font-weight: bold;
  font-size: 180%;
  vertical-align: sub;
  margin-right: 0.25em;
  padding: 0em 0.2em 0.1em 0.2em;
  /*border: 1px solid #dddddd;
  background-color: #f8f8f8;*/
  color: orange;
  border: 1px solid #dddddd;
  background-color: #fff297;
}

/* Specifies the spacing and style of the text of a marker */

.marker {
  margin: 0.75em 0em 0.25em 0em;
  font-weight: bold;
}

/* Defines the size on an image inside a heading */

.options h1 img {
  width: 48px;
  height: 48px;
}

/* styles source code listings */

code.source {
  display: block;
  border: 2px dotted #cccccc;
  background-color: #eeeeee;
  padding: 1em;
  width: 50em;
  margin: 1em auto 1em auto;
  font-size: 80%;
  white-space: pre;
}

/* styles figures with a caption */
.figure {
  margin: auto;
  text-align: center;
  font-size: 75%;
  font-weight: bold;
  padding: 2em;
}

.figure img {
  margin: auto;
  display: block;
}

/* produces a greyed-out box around future content */

.deferred {
  opacity: 0.25;
  padding: 0em 1em 1em 1em;
  background-color: #eeeeee;
  border: 2pt solid #dddddd;
  margin: 1em 1em 1em 0em;
}

.minor {
  padding: 0em 1em 1em 1em;
  border: 2pt solid #dddddd;
  margin: 1em 1em 1em 0em;
  font-size: 75%;
}

/* styles for definition lists */

dl.definitions {
  /*padding: 0em 1em 0em 1em;*/
  width: 30em;
  margin-left: 2.5em;
}

/** > child selector avoided for IE */
dl.definitions dt {
  padding-left: 0pt;
  margin-left: 0pt;
}

/** > child selector avoided for IE */
dl.definitions dd {
  padding-left: 0pt;
  margin-left: 0pt;
  margin-bottom: 0.3em;
}

/* styles for narrowed lists */

ul.narrowed {
  width: 30em;
  margin-left: 2.5em;
}

ul.narrowed li {
  text-align: justify;
}

ul.narrowed li + li{
  margin-top: 0.5em;
}

ol.narrowed {
  width: 30em;
  margin-left: 2.5em;
}

ol.narrowed li {
  text-align: justify;
}

ol.narrowed li + li{
  margin-top: 0.5em;
}

/* styles for user steps */

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

ul.steps li {
  clear: both;
  margin-top: 1em;
}

ul.steps span.numeral {
  margin-top: -0.2em;
  margin-right: 0.2em;
  width: 1em;
  text-align: right;
  font-weight: bold;
  font-size: 300%;
  float: left;
}

/* style attached to sourceforge logo and text */

.badge {
  position: absolute;
  top: 5em;
  left: 1em;
  width: 125px;
  text-align: center;
}

.badge img {
  display: block;
}

/* styling of 'bracketted' elements */

.bracketted:before {
  content: "[";
}

.bracketted:after {
  content: "]";
}

/* style representing file type notification */

.filetype {
  vertical-align: sub;
}

.filetype:before {
  content: "[";
}

.filetype:after {
  content: "]";
}

/* styles for tables of links */

table.links {
  width: 70%;
  margin: 0.5em auto 1em auto;
  border: 1px solid black;
}

table.links th {
  background-color: black;
  color: white;
  padding: 0.1em 0.5em 0.1em 0.5em;
}

table.links th:first-child {
  width: 10%;
  text-align: left;
}


table.links td {
  text-align: center;
}

table.links caption {
  margin: auto;
  font-size: 90%;
}

table.links td.milestone {
  text-align: left;
  font-size: 90%;
  padding: 0.1em 0.4em 0.1em 0.4em;
}

/* styles for screenshots */

table.screenshots td {
  vertical-align: top;
}

table.screenshots td.screenshot {
  padding: 0em 1em 1em 0em;
}

table.screenshots img.thumbnail {
  width: 200px;
}

/* styles for video */

.youtube {
  margin: 20px;
  text-align: center;
  font-size: 75%;
}

/* styles for barcodes */

img.sbarcode {
  width: 96px;
  height: 96px;
  margin: 8px;
}

img.mbarcode {
  width: 150px;
  height: 150px;
  margin: 10px;
}

img.lbarcode {
  width: 200px;
  height: 200px;
  margin: 16px;
}

/* styles for changelog */

.changelog {
}

.changelog .release {
  padding: 15px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  xbackground-color: #fff297;
  xborder: 1px solid #efdc4c;
  background-color: #fcfcfc;
  border: 1px solid #cccccc;
  width: 450px;
  margin: 0px auto 20px auto;
}

.changelog .date:first-child {
  margin-top: 0px;
}

.changelog .date {
  margin-top: 15px;
  font-weight: bold;
}

.changelog .version {
  font-weight: bold;
}

.changelog .change {
  margin-top: 7px;
  margin-bottom: 7px;
  width: 450px;
}

/* styles for app listing */

.app {
  float:left;
  margin: 20px;
  width: 220px;
  border: 1px solid #e0e0e0;
  background: #f8f8f8;
}

.app img {
  display: block;
  margin: 20px auto 20px auto;
}

.app p {
  font-size: 90%;
  margin: 0px 10px 10px 10px;
}

/* styles for yoke */

.app-box {
  display: block;
  clear: right;
  float: right;
  margin: 0px -169px 15px 15px;
  
}

.app-box a {
  background-color: transparent;
}

/********************
 * HOME PAGE STYLES *
 ********************/

/* specifies the dimensions of main divs on home page */

div.column {
  width: 17.6em;
  padding: 1em;
  float: left;
}

/* Creates a dividing line between two main divs in home page */

div.column + div.column {
  /* border-left: 2px dashed black; */
  float: right;
}

div#email {
  text-align: center;
}

ul.quicklinks {
  display: block;
  text-align: center;
  padding: 0pt;
}

ul.quicklinks li {
  display: inline;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

/* The contact form */

#contact_form {
  text-align: right;
  display: none; /* displayed via js for spam protection */
}

#contact_form textarea {
  width: 100%;
  height: 4em;
}

#contact_form input {
  margin-top: 0.5em;
}

#contact_thanks {
  display: none;
}

#contact_iframe {
  display: none;
}

/* styles for posts */

.post {
	background-color: #fcfcfc;
	border: 1px dashed #cccccc;
	padding: 0.5em;
}

.poster {
	font-weight:bold;
}

.post blockquote {
	margin: 0em;
	font-style: italic;
}

/* styles for unequal */

.unequal {
  font-family: sans-serif;
  font-size: 130%;
  margin: auto;
  border: 1px solid gray;
  padding: 1em;
  background-color: #cccccc;
}

.gone {
	display: none;
}

.unequal td {
  width: 0.5em;
  height: 0.5em;
  text-align: center;
  vertical-align: center;
}

.unequal .box {
  width: 1.5em;
  height: 1.5em;
  border: 1px solid gray;
  background-color: white;
}

/* styles for daisy chase */

h1 img.daisy-title {
  vertical-align: middle;
  margin: 0px;
  width: auto;
  height: auto;

}

.daisy-screen-link {
  display: block;
  width: 100px;
  float: left;
  text-align: center;
  font-size: 90%;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.daisy-stud {
  display: none;
}

.daisy-questions {
  list-style: none;
}

.daisy-notes {
  margin: auto;
  width: 80%;
  font-size: 90%;
}

.daisy-divide {
  width: 80%;
}

.qr-link {
  width: 200px;
  float: left;
  text-align: center;
  background-color: #f8f8f8;
  padding: 10px;
  border: 1px solid #e0e0e0;
  margin: 1em 0em 1em 20px;
}

.qr-link img {
  display: block;
  margin: auto;
}

.phone-only {
  display: none;
}

.phone-hidden {
  display: block;
}

/* styles for crosswords */

.xw_crossword { margin: auto; line-height: normal; border: 1px solid black; font-family: "Times New Roman", serif; color: black; background-color: white; }
.xw_title { text-align: center; font-weight: bold; font-size: 20px; margin-top: 5px }
.xw_grid { margin: 10px auto; font-size: 16px }
.xw_blacksq { background-color: black; width: 20px; height: 20px; border: 1px solid black }
.xw_crossword .xw_blacksq2 { display: block; width: 22px; height: 22px; padding: 0px; margin: 0px; border: 0px }
.xw_whitesq { border: 1px solid black; width: 20px; height: 20px; padding: 1px; text-align: left; vertical-align: top }
.xw_number { font-family: Arial, sans-serif; font-size: 14px; text-align: center; padding-top: 1px }
.xw_number2 { position: absolute; font-size: 8px }
.xw_questions { width: 90%; margin: 10px auto 10px auto; font-size: 14px }
.xw_subtitle { font-weight: bold; font-size: 18px; text-align: center }
.xw_column { width: 50%; border-left: 1px solid black; vertical-align: top }
.xw_column:first-child { border-left: none }
.xw_clue { margin-top: 4px; margin-left: 5px }