/**
  *
  * CSS Sections
  * ------------
  * == Tags ==
  * == Generic classes ==
  * == Forms ==
  * == Table classes ==
  * == Generic navigation structures ==
  * == Widget: tabbed ==
  * == Messaging system ==
  * == Figures ==
  * == Pager ==
  * == Progress meter ==  
  * == Page framework ==
  * == Header ==
  * == Sub header ==
  * == Breadcrumb ==
  * == Directory listings ==
  * == Explore ==  
  * == Search ==
  * == Item page ==
  * == Basket, Checkout and Orders ==
  * == Playlist ==
  * == Library ==
  * == User ==
  * == Administration ==
  * == Footer ==
  * == Anonymous front page ==
  * == Terms and conditions agreement ==
  * == Temp scratch pad for consideration ==
  *
  * NOTE: All font sizes are specified in percentages based on the YUI font library
  *  
  **/


/** 
  * == Tags ==
  **/
body {
  font-family: Helvetica; /* YUI fonts takes care of other fallback families */
  background-color: #ffffff;
  color: #333333;
}

h1,
h2,
h3 {
	font-family: Bryant, "Arial Rounded MT Bold", Helvetica, Arial, sans-serif;
  color: #1ca43c; 
}

h1 {
	font-size: 2.5em;
	font-weight: normal;
	margin: 0.5em 0 0.7em 0;
	letter-spacing: -2px; /* tightens up the heading */
}

h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 1.4em 0 0.6em 0;
	letter-spacing: -1px; /* tightens up the heading */
}

h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}

h4 {
	font-size: 1.1em;
	margin: 0 0 0 0;
	font-weight: bold;
	text-transform: uppercase;
}

h5, h6 {
	font-size: 1em;
	font-weight: bold;
	margin: 1.5em 0 0 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  background-color: transparent;
}

table {
  width: 100%;
  margin-bottom: 1em;
  border-collapse: collapse;
}

caption {
	color: #1ca53c;  
}

caption {
  display: none;
}

thead {
  border-bottom: 1px solid #666666;
}

tfoot {
  border-top: 1px solid #666666;
}

table ul,
table ol {
  margin: 0 0 0 0;
}

table ul li {
  list-style-image: none;
}

table a {
  background-color: transparent;
  text-decoration: none;
}

tr {
  /* Nothing implemented yet */
}

th, td {
  padding: 0.2em 0.3em 0.2em 0.3em;
}

th {
  font-weight: bold;
  vertical-align: top;
}

td {
  /* Nothing implemented yet */
}

hr {
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #646464;
  margin-bottom: 2em;
}

p {
	font-size: 1em;
	margin: 0 0 1.5em 0;
}

ol, ul {
	margin: 1em 0 1em 2.2em;
}

ul {
	padding: 0 0 0 0;
}

ol li {
  list-style-type: decimal;
}

ul li {
	list-style-image: url('/images/list-leaf.gif');
	padding-left: 0.3em;
}

li {
	line-height: 1.8em;
}

li > p {
	margin-top: 0.2em;
}

li a {
  background-color: transparent;
}

blockquote {
  margin: 2em 2em 0 0;
  padding-left: 40px;
  width: 50%;
  font-style: italic;
  background: transparent url('/images/bg-pullquote-open.gif') no-repeat top left;  
}

blockquote ul li {
  margin-bottom: 1em;
  padding-left: 0;
  list-style-image: none;
}

cite {
  margin-bottom: 2em;  
  margin-left: 40px;
  font-weight: bold;
  font-style: italic;
  display: block;
}

pre {
	font-family: monaco, courier, monospace;
}
	
strong, b {
	font-weight: bold;
}

em, i {
  font-style: italic;
}

a img, 
:link img, 
:visited img {
	border: 0;
}

a {
	font-weight: bold;
	background: #ECF7FA;
	color: #377d9b;
}

a:visited { 
  color: #333333;
}

a:active {
  color: #000000;
}

a:hover {
  color: #004474;
}


/**
  * == Generic classes ==
  **/
.box {
	margin: 1.5em 0;  
	padding: 0.5em 1em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

div.box h1,
div.box h2 {
  margin-top: 0;
}

div.box ul {
  margin-top: 0;  
  margin-left: 0 !important;
}

div.box ul li {
  padding-left: 0;
  list-style-image: none;
}

div.box ul li a {
  padding-left: 0;
}

.reversed {
	background-color: #1ca43c;
	color: #ffffff;
}

.medium {
  background-color: #b7c78a;
	color: #ffffff;  
}

.light {
	background-color: #e4efca;
}

.lighter {
	background-color: #ecf7fa;
}  

.box h1,
.box h2 {
  margin: 0 0 0.6em 0;
}

.reversed h1,
.reversed h2,
.reversed h3 {
	color: #fffbc1;
}

.reversed a {
	background-color: #258834;
	padding: 0 1px;
	color: #ffffff;
}

.light h1,
.light h2,
.light h3 {
	letter-spacing: 0;
}

.ui-tabs-hide {
  display: none;
}

.impact  {
  margin-bottom: 1em;
  color: #333333;
  font-weight: normal;
  font-size: 123.1%; /* 16px */
  letter-spacing: 0;
}


/** 
  * == Forms ==
  **/
fieldset {
  margin-bottom: 2em;
  padding: 1em 1.5em 1em 1.5em;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid solid solid solid;
}

legend {
  font-size: 116%; /* 15px */
  padding-left: 0.2em;
  padding-right: 0.2em;
}

form.collapsible fieldset {
  margin-bottom: 1em;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  border: none;
}

form.collapsible legend {
  margin-left: 0;
  padding-left: 13px;
  cursor: pointer;
	color: #377d9b;
  background-image: url(/images/fieldset-collapsible-expanded.gif); 
  background-repeat: no-repeat; 
  background-position: center left;
}

form.collapsible legend:hover {
  color: #004474;
}

form.feedback div.form-control {
  float: none;
  margin-bottom: 1.5em;
}

form.feedback fieldset {
  padding: 0.5em;
}

fieldset.multi-line {
  padding: 0 0 0 0;
  border: none;
}

fieldset.multi-line legend {
  margin-bottom: 0.1em;  
  padding-left: 0;
  font-size: 100%; /* 13px */
  font-weight: bold;
}

fieldset.multi-line .form-control {
  margin-top: 0;
  margin-bottom: 0.2em;
}

.multi-col .group {
  float: left; 
}

table form,
table fieldset {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: none;
}

label {
  margin-right: 1em;
  margin-bottom: 0.1em;
  display: block;
  font-weight: bold;
  text-align: left;
}

input[type=text],
input[type=password],
textarea, 
select  {
  border: 1px inset #000000;
  padding: 0.2em 0.3em 0.2em 0.3em;
  font-size: 100%; /* 13px */
}

select {
  padding: 0.2em 0 0 0;
}

form, p {
  margin-bottom: 1em;
}

input.secondary {
  background-color: #516244;  
}

div.form-control,
div.form-buttons {
  margin-bottom: 1.5em;
}

div.form-buttons .button {
  margin-left: 0;
  margin-right: 0.5em;
  display: inline;
}

div.checkbox label,
div.radio label { /* default layout */
  display: inline;
}

div.checkbox-first,
div.radio-first,
div.checkbox,
div.radio {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

div.checkbox-first label,
div.radio-first label { /* TODO: think of a better name for these */
  display: inline;
  clear: none;
  float: none;
  margin-right: 0;
  margin-left: 0.5em;
  font-weight: bold;
  width: inherit;
  text-align: left;  
}

.button, 
.button:visited {
  padding: 0.2em 0.2em 0.1em 0.2em;
  display: block;
  color: #ffffff;
  text-decoration: none;
  background-color: #377d9b;
  border: 1px outset #848484;
}

.button:hover {
  color: #ffffff;
  background-color: #004474;
  cursor: pointer;
}

.required {
  /* Nothing implemented yet */
}

.help {
  margin: 0.3em 0 1.5em 0;
  padding: 0 0 0 0;
  color: #555555;
}

.help p {
  margin-bottom: 0.2em;
  font-size: 93%; /* 12px */
}


/**
  * == Table classes ==
  **/
table div.form-control {
  margin: 0 0 0 0;
  float: right;
}

table .button {
  font-size: 93%; /* 12px */
  font-weight: normal;
}

table .alpha {
  
}

table .price {
  margin-bottom: 0;
}

table .action,
table .numeric {
  text-align: right;
}

table .numeric input[type=text] {
  text-align: right;
}

tr.odd {
  background-color: #c3d8e1;
}

tr.even {
  background-color: #fffbc1;
}

div.at-a-glance {
  margin-top: 0;
  margin-left: 20px;
  width: 15em;
  float: right;
}

div.at-a-glance table th {
  padding-left: 0;
}


table.tablesorter .header {
  padding-right: 20px;
	background-image: url(/images/table-header-bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;	
}

table.tablesorter .headerSortUp {
	background-image: url(/images/table-header-asc.gif);
}

table.tablesorter .headerSortDown {
	background-image: url(/images/table-header-desc.gif);
}

table.tablesorter .headerSortDown, 
table.tablesorter .headerSortUp {
  background-color: #eeeeee;
}


/**
  * == Generic navigation structures ==
  * DO NOT CHANGE THESE! If you need to override a specific menu do so via 
  * it's #id and in a more location-specific section of the stylesheet.
  *
  * navigation-h = horizontal, navigation-v = vertical
  **/
div.navigation-v h2,
div.navigation-h h2,
div.navigation-v ul,
div.navigation-h ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

div.navigation-v ul {
  margin-left: 2.2em;
}

div.navigation-h ul li {
  display: inline;
}

div.navigation-v ul li {
  list-style-type: none;
}

div.navigation-v ul li a {
  display: block;
}

div.navigation-h ul li a,
div.navigation-v ul li a {
  padding: 0.3em 0.3em 0.3em 0.3em;
}

div.navigation-h ul li.first,
div.navigation-h ul li.first a {
  padding-left: 0;
}


/**
  * == Widget: tabbed ==
  **/
div.tabs {
  /* nothing implemented yet */
}

div.tabs ul.tabs-nav {
  margin: 0 0 0 0;
}

div.tabs ul.tabs-nav li {  
  padding: 0.2em 0.3em 0.2em 0.3em;  
  display: inline;
  border-color: #aaaaaa;
  border-style: solid solid solid solid;
  border-width: 1px;
}

div.tabs ul.tabs-nav li a {
  text-decoration: none;
  background-color: transparent;
}

div.tabs ul.tabs-nav li.ui-tabs-selected {
  background-color: #ffffff;
  border-bottom-style: none;
}


/**
  * == Messaging system ==
  **/
div#messages { /* the overall message container */
  margin-bottom: 4em;
  border: 1px solid #808080;  
}

div#messages fieldset {
  border-style: none;
}

div#messages p,
div#messages ul,
div#messages ol {
 line-height: 1.6em;  
  margin-top: 0;  
  margin-bottom: 0;
}

div#messages ul li,
div#messages ol li { 
 line-height: 1.3em;
}

div#messages ul li {
  list-style-image: none;
  list-style-type: disc;
}

div#messages div.information,
div#messages div.warning,
div#messages div.error {
  padding: 0.5em 0.5em 0.3em 25px;
	background-repeat: no-repeat;
	background-position: 0 5px;  
}

div#messages div.information {
	background-image: url(/images/messaging-info.gif);
  background-color: #d4eca0;
}

div#messages div.warning {
	background-image: url(/images/messaging-warn.gif);  
  background-color: #ffd8bd;
}

div#messages div.error {
	background-image: url(/images/messaging-err.gif);  
  background-color: #ffc0c0;
}


/**
  * == Figures ==
  **/
div.figure {
  margin-left: 0;
  margin-right: 20px;
  float: left;
}

div.figure-right {
  margin-left: 20px;
  margin-right: 0;
  float: right;
}

div.figure a {
  text-decoration: none;
}

div.figure img {
  /* Nothing implemented yet */
}

div.figure .caption {
  margin: 0 0 0 0;
  text-align: center;
  font-style: normal;
}


/**
  * == Pager ==
  **/
  
div.pager {
  margin-top: 1.5em;
  margin-bottom: 3em;
}

div.pager h2 {
  font-family: Helvetica; /* YUI fonts takes care of other fallback families */
  font-size: 100%; /* 13px */
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0.1em;
}

div.pager ul li {
  margin-left: 0.3em;
  margin-right: 0.3em;
}

div.pager ul li.pager-prev {
  margin-left: 0;
}

div.pager ul li.pager-next {
  margin-right: 0;
}


/**
  * == Progress meter ==
  **/
div.meter-progress {
  margin-bottom: 1.5em;
}

div.meter-progress ol {
  margin-left: 0;
  padding-left: 0;
}

div.meter-progress ol li {
  margin-right: 0.2em;
  float: left;
  list-style-position: inside;
}

div.meter-progress li {
  margin: 0 0 0 0;
  padding: 0.4em 1.5em 0.2em 1.5em;
  line-height: 1em;
  color: #4d4d4d;
  background-color: #ffffff;
  border-color: #4d4d4d;
  border-width: 1px;
  border-style: solid;
}

div.meter-progress li.progress-done {
  border-color: #aaaaaa;
  background-color: #cccccc;
}

div.meter-progress li.progress-current {
  border-color: #336600;
  color: #000000;
  background-color: #d2edd4;
}

div.meter-progress li.progress-future {
  color: #999999;
  border-color: #aaaaaa;
}


/** 
  * == Page framework ==
  **/
div#hd {
  margin-top: 10px;
  border-style: none none solid none;  
}

div#hd,
div#ft {
  border-width: 1px;
  border-color: #b7d88e;  
}

div#bd {
  margin-top: 10px;
}

div#ft {
  margin-top: 2.5em;
  padding-top: 1.5em;
  background: transparent url('/images/bg-footer-strapline.gif') no-repeat right bottom;  
  border-style: solid none none none;
}

div#hd a,
div#hd-sub a,
div#ft a {
  font-weight: normal;
  background-color: transparent;
  text-decoration: none;
}

div#hd a:visited,
div#hd-sub a:visited,
div#ft a:visited {
  color: #377d9b;
}

div#hd a:hover,
div#hd-sub a:hover,
div#ft a:hover {
  color: #004474;  
  text-decoration: underline;
}


/** 
  * == Header ==
  **/
img#logo {
  /* Nothing implemented yet */
}

div#hd div#navigation-account {
  text-align: right;
  font-size: 93%; /* 12px */
  margin: 0 0 0 0;
  float: right;
  clear: right;
}


/** 
  * == Sub header ==
  **/
ul#navigation-primary {
  font-size: 123.1%; /* 16px */
  font-weight: normal;
}

ul#navigation-primary li {
  margin-right: 0.5em;
}

ul#navigation-primary li.last {
  margin-right: 0;
}

form#search-quick {
  margin: 0 0 0 0;
  float: right;
}

form#search-quick fieldset {
  display: inline; /* squashes a bug in IE6 wthout affecting other browsers */
  border: none;
  margin-bottom: 0;
  padding: 0 0 0 0;
}

form#search-quick input {
  padding: 0.2em 0.2em 0.2em 0.2em;
  font-size: 93%; /* 12px */
  display: inline;  
}

form#search-quick input.button {
  padding-bottom: 0.1em;
  display: inline;
}


/** 
  * == Breadcrumb ==
  **/
ul#breadcrumb {
  margin-bottom: 1.5em;  
  padding: 0 0.5em 0 0.5em;
  background-color: #eeeeee;
  border-width: 1px;
  border-color: #848484;
  border-style: none none none none;
}

ul#breadcrumb li {
  list-style-type: none;  
}

ul#breadcrumb li:after {
  content: " >";
}

ul#breadcrumb li.last:after {
  content: "";
}

ul#breadcrumb li a {
  padding: 0 0 0 0;
  background-color: transparent;
  text-decoration: none;
}

ul#breadcrumb li a:visited {
  color: #377d9b;
}

ul#breadcrumb li a:hover {
  text-decoration: underline;
}


/** 
  * == Directory listings ==
  **/
div.directory {
  /* Nothing implemented yet */  
}

div.directory ul {
  margin-left: 0;
  padding-left: 0;
}

div.directory ul li {
  margin-bottom: 1em;
  list-style-image: none;
  clear: left;
}

div.directory h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica, Arial, sans-serif;  
  font-size: 123.1%; /* 16px */
  letter-spacing: 0px;
}

div.directory h2 a {
  font-weight: normal;  
  text-decoration: none;
}

div.directory div.figure {
  margin-right: 0;
  width: 100px;
}

div.directory .added,
div.directory .exam-board {
  margin-top: 0;
  margin-bottom: 0;  
  color: #848484;
}



/** 
  * == Explore ==
  **/
div#related-content {
  margin-top: 0;
  margin-left: 2em;
}


/** 
  * == Search ==
  **/
div#search-filter-container {
  
}  

div.search-filter {
  margin-bottom: 0.5em;
}

div.search-filter h2 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: inline;    
  letter-spacing: 0;
  font-family: Helvetica;  
  font-size: 100%; /* 13px */
}

div.search-filter ul,
div.search-filter p {
  margin: 0 0 0 1em;
  padding: 0 0 0 0;  
  display: inline;
}

div.search-filter ul li {
  margin: 0 0 0 1em;
  padding: 0 0 0 0;
  display: inline;
  list-style-image: none;
  line-height: 1.4em;
}

div.search-filter ul li .result-count {
  font-size: 85%; /* 11px */
  color: #848484;
}

div.search-filter ul li a {
  font-weight: normal;
}

a.filter-clear,
a.filter-clear:visited {
  color: #7F0000;
}

a.filter-clear:hover {
  color: #004474;
}

div.search-result {
  margin-bottom: 3em;
}

div.search-result div.figure {
  margin-right: 0;
}

div.search-result div.figure .price {
  font-size: 123.1%; /* 16x */
  font-weight: bold;
  text-align: center;  
}

div.search-result h2 {
  margin-top: 0;
  font-family: Helvetica,;  
  font-size: 123.1%; /* 16px */
  letter-spacing: 0;  
}

div.search-result h2 a {
  background-color: transparent;
}


/** 
  * == Item page ==
  **/
div#figure-item {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

div#figure-item .caption a {
  text-decoration: none;
}

div#figure-item .price {
  font-size: 123.1%; /* 16x */
  font-weight: bold;
  text-align: center;
}

div#figure-item fieldset {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: none;  
}

div#figure-item fieldset .button {
  margin-left: auto;
  margin-right: auto;
}

div#metadata-item h2 {
  font-family: Helvetica, Arial, sans-serif;  
  font-size: 123.1%; /* 16px */
  letter-spacing: 0;
}

div#metadata-item div#manifest-container {
  margin: 0;
}


/** 
  * == Basket, Checkout and Orders ==
  **/
.subtotal,
.order-date {
  padding-right: 0.3em;
  text-align: right;
  font-weight: bold;
  color: #000000;
  font-size: 131%; /* 17px */
}

li.item-key,
li.item-added {
  font-size: 93%; /* 12px*/
  color: #4d4d4d;
}

div#billing-details {
  margin-bottom: 2em;
}

div.checkout {
  text-align: right;
  font-size: 108%; /* 14px */
}

div.checkout .button {
  margin-right: 0;  
}

div#form-buttons-place-order {
  text-align: center;
}

div#form-buttons-place-order .button {
  font-size: 123.1%; /* 18px */
}

div#form-buttons-place-order .help {
  margin-left: auto;
  margin-right: auto;
  width: 15em;
}


/** 
  * == Playlist ==
  **/
div.playlist-item {
  font-size: 93%; /* 12px */
  margin-bottom: 3em;
}

div.playlist-item div.action {
  margin-left: 2em;
  margin-bottom: 2em;
  float: right;
}

div.playlist-item img {
  float: left;
}

div.playlist-item div.description,
div.playlist-item div.manifest {
  margin-left: 150px;
}

div.playlist-status {
  margin-left: 3em; 
}


/** 
  * == Library ==
  **/
form.library-action {
  margin: 0 0 0 0;
  display: inline;  
}

form.library-action fieldset {
  margin-bottom: 0;
  padding: 0 0 0 0;
  border: none;
  display: inline;  
}

form.library-action fieldset .button {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 100%; /* 13px */
  text-align: left;
  color: #36620A;
  background-color: transparent;
  border: none;
  display: inline;
}

form.library-action fieldset .button:hover {
  text-decoration: underline;
}


/** 
  * == User ==
  **/
div#navigation-edit-profile {
  margin-top: 0;
}  
    
div.user-figure {
  margin: 0 20px 20px 0;
  text-align: center;
  background-color: transparent;
  border-width: 1px;
  border-color: #848484;
  border-style: solid solid solid solid;
}

div.user-figure a,
div.user-figure a img {
  display: block;
}

div.user-figure a {
  padding: 5px 5px 5px 5px;
}

div.user-figure a:hover {
  color: #ECF7FA;
  background-color: #004474;
}

div.user-figure a img {
  margin-bottom: 5px;
  line-height: 0;
}

div.user-description {
  margin-left: 142px;
  border-width: 1px;
  border-color: #848484;
  border-style: none none none none;  
}

div.user-description h2,
div.user-description p {
  margin: 0 0 0 0;
}

div.user-description h2 {
  font-family: Helvetica;
  font-size: 100%; /* 13px */
  letter-spacing: 0;  
}

table#user-library {
  clear: left;
}

form#user-contact-add fieldset {
  display: inline; /* squashes a bug in IE6 wthout affecting other browsers */
  border: none;
  margin-bottom: 0;
  padding: 0 0 0 0;
}

form#user-contact-add input.button {
  display: inline;
}

form#search-user fieldset {
  padding-left: 0;
  border: none;
}

form#search-user .button {
  display: inline;
}

#removecontact {
  background-color: #9B3737;  
}

#removecontact:hover {
  background-color: #740000;  
}

div.user-contacts {
  margin-top: 2em;
  padding-top: 0.5em;
  clear: left;
}

div.user-contacts h2 {
  margin-top: 0;
}


/** 
  * == Administration ==
  **/



/** 
  * == Footer ==
  **/
div#ft div.navigation-h {  
  margin-bottom: 0.5em;
}

div#ft div.navigation-h h1,
div#ft div.navigation-h ul {
  font-size: 93%; /* 12px */
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 0px;
  font-weight: bold;
}

div#ft div.navigation-h h1 {
  color: #646464;
  float: left;
  clear: left;
  width: 10em;
  margin-bottom: 0;
}

div#ft div.navigation-h ul li a {
  margin-right: 2em;
}

ul#navigation-links {
  font-size: 85%; /* 11px */
  clear: left;
}

ul#navigation-links li.first a {
  padding-left: 0;
}


/**
  * == Terms and conditions agreement ==
  **/
div#legal {
  padding: 0 1em 0 1em;
  height: 20em;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #999999;
  background-color: #efefef;
}

div#legal h1,
div#legal h2,
div#legal p {
  color: #333333;
  font-size: 93%; /* 12px */
}

div#legal h1,
div#legal h2 {
  letter-spacing: 0;
  font-weight: bold;
} 

#terms-and-conditions fieldset {
  border: none;
}

#terms-and-conditions .checkbox-first {
  margin-top: 1.5em;
}


/**
  * == Temp scratch pad for consideration ==
  **/

/* Splash page type stylings (maintenance) */
div.splash div#hd-sub {
  border-bottom: none;
}  

div.splash div#bd h1 {
  /* Nothing implemented yet */
}

div.splash div#bd p {
  font-size: 138.5%; /* 18px */
}

/* Feedburner javascript feed */
div.feedburnerFeedBlock ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

div.feedburnerFeedBlock ul li {
  margin-bottom: 2em;
  list-style-type: none;
  list-style-image: none;
}

div.feedburnerFeedBlock ul li span.headline a {
  font-size: 138.5%;  /* 18px, same as our default h2 */
  font-weight: normal;
}

div.feedburnerFeedBlock ul li p.feedItemAuthor,
div.feedburnerFeedBlock ul li p.date {
  margin: 0 0 0 0;
  color: #666666;
}

div.feedburnerFeedBlock ul li p.feedItemAuthor:before {
  content: 'Posted by: ';
}

div.feedburnerFeedBlock ul li p.date {
  margin-bottom: 0.2em;
}


/**
  * == Anonymous front page ==
  **/
div#strapline {
  text-align: center;
}

div#strapline h1 {
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 0;
}  

div#strapline h1 a {
  color: #004474;
  text-decoration: none;
}

div#strapline h1 a:hover {
  text-decoration: underline;
}

div#cta-row .figure-right {
  width: 110px;
  margin-left: 1em;
  margin-bottom: 1em;
}

div#sell-content h2,
div#buy-content h2 {
  margin-top: 1em;
}

div#sell-content h2,
div#sell-content p,
div#sell-content .figure,
div#overview h2,
div#overview ul, 
div#overview p {
  margin-right: 20px;
}

div#buy-content h2,
div#buy-content p,
div#buy-content .figure {
  margin-left: 20px;
}

div#overview h2,
div#from-the-blog h2 {
  padding-top: 1em;
  border-width: 1px; 
  border-color: #848484;
  border-style: solid none none none;
}


/**
  * == Logged in front page ==
  **/
div#beta-welcome div.user-figure {
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
}

div#beta-welcome div.impact {
  clear: left;
}


/**
  * == Coming Soon ==
  **/
div.coming-soon {
  position: relative;
}

div.coming-soon img.star {
  position: absolute;
  top: -25px;
  right: -25px;
  z-index: 100;
}



/**
  * Clearing floats without extraneous markup.
  * TODO: move the html hack part into a separate IE stylesheet 
  **/
.clear-block:after {
  clear: both;
  content: ".";
  display: block;
  height: 0pt;
  visibility: hidden;
}

.clear-block {

}

* html .clear-block {
  height: 1%;
}

.clear-block {
  display: block;
}