@import "structure.css";
@import "admin.css";
@import "form.css";


/* This section should only contain purely structural definitions */

#menu-personal ul {
  margin-top:0.5em;
}

#menu-personal ul li {
  padding-top: 0;
  padding-bottom: 0;
}


#menu-primary a {
  color: #666;
  font-size: 10.5pt;
  font-weight: bold;
}

#menu-primary a:hover {
  color: #474747;
  background-color: transparent;
}

#header-logo {
  padding-top: 15px;
  float: left;
}

#header-front #header-logo {
  padding-bottom: 10px;
}

#messages a {
  color: #666;
  font-weight: bold;
  text-decoration: underline;
}

#messages a:hover {
  color: #333;
  background-color: transparent;
}

#messages ul {
  margin-left: 0px;
  padding-left: 10px;
}

#messages ul li {
  padding: 0 0 5px 0;
  margin: 0;
}

/* ??? REVIEW THIS: we should not user element.class where possible */
div.error {
  /* background: #FB9 url(images/icon-error-bg.gif) no-repeat left top; */
  background-color: #FB9;
  padding-left: 40px;
  border: 0;
}

div.status {
  /* background: #DDD url(images/icon-success-bg.gif) no-repeat left top; */
  background-color: #DDD;
  padding-left: 40px;
  border: 0;
}


div#maintenance{
  width:30em;
  margin:0 auto;
}
/* ^^ END REVIEW THIS */
 



/* ============================ Content Styling =============================*/ 
/* Generic styles are defined first, the more specific the style the lower down in the file */

/* ====== Standard HTML overrides */
/* Use this section to define any overrides to standard html elements */


p {
  margin: 0 0 10px 0;
}

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

a:hover {
  background-color: #efefef;
}

/* needed to stop IE8 issue */
a.image:hover {
	background-color: transparent;
}

abbr {
  border: 0 none;
}

/* === Tables === */

table {
  width: 100%;
}

tbody {
  border-top: none;
}

td, th {
  padding: 0.3em;
}

th {
  vertical-align: top;
}

tr.even, tr.odd {
  border-bottom: none;
}

tr.odd td {
  background-color: #f8f8f8;
}

tr.even td {
  background-color: #fff;
}

tr.odd td.active {
  background-color: #ccc;
}

tr.even td.active {
  background-color: #efefef;
}

tr.hover td {
  background-color: #efefef;
}

td.header {
  width: 20%;
  font-weight: bolder;
  vertical-align: top;
}

/* === li === */

li {
  margin: 3px 10px;
}

ol li {
  margin: 3px 20px;
}

/* ======== Supergeneric styles */
.float-left {
  float: left;
  padding: 0 0.5em 0.5em 0;
}
.float-right{ float: right; }
.clear{ clear: both; }
.clear-left{ clear: left; }
.clear-right{ clear: right; }
.text-right{ text-align: right; }
.text-center{ text-align: center; }
.text-top{ vertical-align: top; }
.invisible{ visibility: hidden; }
.nopadding{ padding: 0; }
.nomargin{ margin: 0; }
img.float-right{margin:0 0 0.5em 0.5em;}

/* ======== Headings and content */

h1, h2, h3 {
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: -0.04em;
  padding-top: 10px;
}

h1, h1 a {
  color: #333;
  font-size: 20pt;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 0.25em;
  margin-bottom: 0.25em;
}

h1.ultimate a,
.homepage-specials #region-header h1.ultimate {
  font-size: 52px;
  font-weight: bold;
  letter-spacing: -2px;
  border-bottom: 0 none;
  margin-bottom: 0;
  padding-right: 10px;
}

h1.ultimate a:hover {
  color: #222;
  background-color: transparent;
}

#title h1 {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0.1em;
}

h2 {
  color: #333;
  font-size: 13.5pt;
  text-transform: uppercase;
  padding: 0.3em 0em;
}

/* title links are black in main column and block titles */
.two-columns h2 a, .title h2 a, h2.title {
  color: #333;
}

.two-columns h2 a:hover, .title h2 a:hover, h2.title:hover {
  background-color: transparent;
}

h3 {
  color: #666;
  font-size: 10.5pt;
  margin: 0;
  margin-bottom: 0.2em;
  padding: 0 0 5px 0;
}

/* on profiles, we add the background color and change link color */
.page-teacher-profile #column-primary h3, .page-profile #column-primary h3, #column-primary .taxman h3 {
  background-color: #f8f8f8;
  margin-bottom: 0.2em;
  border-left: 3px solid #ccc;
  padding-left: 8px;
  padding-top: 5px;
}


/* The major h3 is used for top level container nodes, like categories */
h3.major {
  text-transform: uppercase;
}
  
h3.major a {
  color: #666;
}

h3.major a:hover {
  color: #474747;
}

.stream-main h3 {
  padding: 0;
}

/* h3 on profiles display with context and background color */
.page-teacher_profile #column-primary h3 a, .page-teacher-profile #column-primary h3 a, .page-profile #column-primary h3 a, #column-primary .taxman h3 a {
  color: #666;
}

.page-teacher-profile #column-primary h3 a:hover, .page-profile #column-primary h3 a:hover, #column-primary .taxman h3 a:hover {
  color: #474747;
  background-color: transparent;
}

.page-teacher-profile .context-teach #column-primary h3, .page-profile .context-teach #column-primary  h3 {
  border-left: 3px solid #9cf;
  padding-left: 8px;
}

.page-teacher-profile .context-learn #column-primary h3, .page-profile .context-learn #column-primary h3 {
  border-left: 3px solid #9c9;
  padding-left: 8px;
}

.small-listing h3, .googlemap h3 {
  border-left: none;
}

.page-teacher-profile #column-primary .section-profile-head h3 {
  border-left: none;
  background-color:transparent;
  padding-left: 0;
  padding-top: 0;
}

.page-teacher-profile .comma-separator {
  color: #ccc;
}

h4 {
  margin-bottom: 0.3em;
  font-size: 1em;
}


/* === text styling */
.regular {
  font-size: 9pt;
  letter-spacing: normal;
}

.guide {
  font-style: italic;
  color: #666;
}

.introduction {
  font-size: 9pt;
  margin-bottom: 0.5em;
}

.description {
  font-style: italic;
  font-size: 0.95em;
}

.attention {
  font-size: 1.2em;
}

/* Use these classes at your peril mutherfucka */
.reallybig {
  font-size: 1.8em;
}

.big {
  font-size: 1.5em; 
}

.medium {
  font-size: 0.9em;
}

.small {
  font-size: 0.8em;
}

.bold {
  font-weight: bold;
}

.bolder {
  font-weight: 800;
}

.regular-letter-case {
  text-transform: none;
}

.upper-letter-case {
  text-transform: uppercase;
}

/* === Generic Semantic Divs (and other areas) === */
/* Areas define sections of the page with semantic meaning */



/* interaction areas will contain tools that allow a user to take action */


/* - area content defaults */
.area img {
  vertical-align: middle; /* image buttons */
}

.area-interaction-learn hr {
  color: #9c9;
  background-color: #9c9;
}

.area-specials hr {
  color: #ddc;
  background-color: #ddc;
}


/* === menus and navigation */

/* Style our bolder links to have orange backgrounds */
.link-highlight a, a.link-highlight {
  color: #fff;
  padding: 3px;
  background-color: #f63;
}

.link-highlight a:hover, a.link-highlight:hover {
  color: #efefef;
  background-color: #f63;
}

/* Change the learn color in our learning contexts */
.link-highlight-learn a, a.link-highlight-learn {
  color: #fff;
  padding: 3px;
  background-color: #093;
}

.link-highlight-learn a:hover, a.link-highlight-learn:hover {
  color: #9c9;
  background-color: #093;
}
  
/* Change the learn color in our teaching contexts */
.link-highlight-teach a, a.link-highlight-teach {
  color: #fff;
  padding: 3px;
  background-color: #06C;
}

.link-highlight-teach a:hover, a.link-highlight-teach:hover {
  color: #9cf;
  background-color: #06C;
}

ul.link-highlight {
  /* e need a little extra spacing around these lists because the highlight goes over the edge*/
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
  
#tasks ul {
  display: inline;
}
  
#tasks li.active {
  display: none;
}

/*edit section links*/
.link-edit-section {
  color: #bbb;
  font-size: 0.9em;
}

.link-edit-section a {
  color: #888;
}

.link-edit-section a:hover {
  color: #555;
  background-color: transparent;
}

/* Local nav. */
/* The local nav region should always contain only menu blocks. We force the theming to a tabbed style with 
   a little bit of padding and margin fiddling. */
   
#region-local-nav ul {
  margin-left: 0;
  padding-left: 0;
}

#region-local-nav ul li {
  display: inline;
  list-style-type: none;
  margin: 0.5em 0;
  padding: 0;
  font-size: 1.1em;
  background-color: #efefef;
  padding: 10px 1em;
}

#region-local-nav ul li a {
  color: #666;
}

#region-local-nav ul li.active {
  color: #333;
  background-color: #fff;
  font-weight: bold;
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}

#region-local-nav ul li a:hover {
  color:#333;
}

#region-local-nav h3, #region-local-nav ul {
  display: inline;
}

#region-local-nav h3 {
  background-color: transparent;
  border-left: none;
  padding-right: 1em;
}

.sublink {
  padding-bottom: 0.5em;
  font-weight: bold;
}

/* TABS */
#column-primary #tabs ul.links {
  margin: 0;
  padding: 2px 0 0;
  list-style: none;
}

#tabs li {
  float: left;
  background: url(images/tab_left.gif) no-repeat left top;
  margin: 0;
  padding: 0 0 0 5px;
}

#tabs a {
  display: block;
  background: url(images/tab_right.gif) no-repeat right top;
  padding: 9px 10px 9px 5px;
  text-decoration: none;
  color: #666;
  margin-right: 3px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.1 and Google Chrome rules here */
  #tabs a {
    padding: 9px 10px 9px 5px;
  }
}

#tabs a:hover {
  color: #545454;
}

#tabs li.active {
  background: url(images/tab_active_left.gif) no-repeat left top;
  color: #545454;
}

#tabs li.active a {
  background: url(images/tab_active_right.gif) no-repeat right top;
  padding-bottom: 10px;
  font-weight: bold;
  line-height: 1.22em; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.1 and Google Chrome rules here */
  #tabs li.active a {
    padding-bottom: 10px;
  }
}

/* === Masthead === */

#masthead #title h1 {
  border: 0 none;
  margin: 0;
  padding: 0;
}



.photo-credit a{
  color: #666;
  border-bottom: 1px dotted #999;
}

.photo-credit a:hover{
  color: #444;
  border: 0 none;
}

/* === Steps - initially for booking steps === */
ul.steps li {
  display: inline;
  list-style-type: none;
  margin: 0.5em;
  font-size: 1.1em;
  padding: 10px 1em;
}

ul.steps li.active {
  color: #333;
  font-weight: bold;
}

ul.steps {
  display: inline;
}

/* === Graphical elements */
hr {
  color: #efefef;
  background-color: #efefef;
  height: 1px;
  border: 0;
  margin: 10px 0;
}

/* =========================== Generic node renderings */

/* NODE */
.teaser h2 {
  margin-top: 0.1em;
  padding-top: 0pt;
}

.teaser .logo {
  float: left;
  height: 6em;
  margin: 0 5px;
  padding: 2px;
  width: 54px;
}

.teaser h3, .listing-single-row h3 {
  margin: 0;
  padding: 0 0 0.1em 0;
  font-weight: bold;
  background-color: transparent;
  line-height: 1.2em;
}

.type-profile.teaser .logo img {
  border: 1px solid #9c9;
}

.type-teacher-profile.teaser .logo img{
  border: 1px solid #9cf;
}

.logo img {
  /* this rule must be after .type-teacher-profile.teaser */
  /* IE6 doesn't understand the dual class selectors which it sees as just .teaser */
  /* this rule thus gives all IE6 teaser images a grey border */
  border: 1px solid #ccc;
  padding: 1px;
}

#column-primary .node .content .field-field-icon {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

#column-secondary h2.node-title {
  font-size: 13px;
}

#column-secondary .node .content .field-field-icon {
  float: right;
  margin: 0.5em 0em 0.5em 1em;
}

#column-secondary .icon {
  float: left;
  padding-right: 7px;
}

.teaser .node-main {
  margin: 0.5em 0 0 6em;
}

.teaser .geonames-locations, .teaser .geonames-locations a {
  color: #999;
  font-size: 0.9em;
  padding-bottom: 0.35em;
}

/*listing: single row*/
.listing-single-row {
  border-bottom: 1px solid #eee;
  padding: 5px;
  height: 90px;
  margin-bottom: 10px;
}

.teaser .listing-single-row { /* fix doubles */
  border-bottom: none;
  padding: 0;
}

.listing-single-row div {
  position: relative;
}

.listing-single-row .col-1{
  float: left;
}

.listing-single-row .logo {
  clear: left;
  float: left;
  margin-right: 10px;
  width: auto;
}

.listing-single-row .significant {
  font-size: 23px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #444;
}

.listing-single-row .rating{
  clear: both;
  position: absolute;
  right: 0px;
  top: 65px;
}

.listing-single-row .address-short .soe-address-city {
  float: left;
}

.listing-single-row .address-short .soe-address-postcode {
  padding-left: 3px;
  float: left;
}

.listing-single-row .address-short .soe-address-country {
  clear: both;
}

.listing-single-row .geonames-locations, .listing-single-row .geonames-locations a {
  color: #999;
  font-size: 11px;
  padding-bottom: 0.35em;
}

.listing-single-row .col-1 .content {
  width:400px;
}

.two-columns .listing-single-row .col-1 .content {
  width:300px;
}

/* == listing: TOC (Table of contents), mainly for index page*/
.listing-single-row-toc {
  padding: 10px 0;
  overflow: hidden;
}

.listing-single-row-toc .logo {
  width: auto;
  margin-right: 10px;
}

.listing-single-row-toc .logo img {
  border: 0 none;
}

.listing-single-row-toc .content {
  padding-left: 91px;
}

.listing-single-row-toc ul.links li {
  padding-left: 0;
  padding-right: 10px;
}




/* == readmore */
.readmore a{
  background: url(images/icon-read-more.gif) no-repeat right;
  padding: 3px 22px 2px 0;
}

.readmore-map {
  padding-top: 10px;
  padding-bottom: 5px;
}

.readmore-map a{
  background: url(images/icon-map-uk.gif) no-repeat right;
  padding: 5px 22px 4px 0;
}


/* WHAT */
div.node-post-info {
  padding-bottom: 0.5em;
  text-align: right;
} 
/* we dont display post info in the secondary col */
#column-secondary div.node-post-info {
  display: none; 
}

div.node-terms {
  padding: 0.5em 0;
}
/* END WHAT */

.submitted {
  padding-bottom: 6px;
  color: #999;
  font-size: 0.9em;
}


/* comments */

.commentcount {
  font-size: .9em;
  text-transform: uppercase;
  display: inline;
}

#comments {
  margin-top: 10px;
  border-top: solid 1px #f5f5f5;
  padding-top: 2px;
}

#comments .submitted {
  margin-bottom: 0.5em;
}

.comments .new {
  font-style: italic;
  text-transform: uppercase;
  font-size: .8em;
  font-weight: bold;
  background-color: #efefef;
  padding: 3px; 
  float: right;
}

.comments .comment-unpublished .new {
  background-color: #ffeee0;
}

.comment {
  margin-bottom: 6px;
  background-color: #f5f5f5;
}

.comment-unpublished {
  border: 1px solid #ffcccc;
  background-color: #f8f8f8;
}

#comments .box {
  margin-top: 10px;
}

#comments .box .form-item {
  margin-top: 0;
}

.comment ul.links {
  text-transform: capitalize;
}

.comment ul.links li {
  padding: 0;
}
.comment-post-info {
  text-align: right;
}

.comment .logo {
  float: left;
  clear: right;
  margin: 10px 15px 10px 10px;
}

.comment img {
  border: 1px solid #ccc;
  padding: 1px;
}

.comment-body {
  float: left;
  width: 80%;
  margin-top: 10px;
}

/* -------------------------------------------- Lists */
/* generic list styles */

.item-list ol {
  margin: 0 0 0.75em 0;
  padding: 0;
}

.item-list ol li {
  margin: 0 0 0.25em 1.5em;
  padding: 0;
}

.block ul {
  padding: 0;
}

ul.inline {
  /* list items are inline. not list itself */
}

ul.inline li {
  display: inline;
  padding-right: 1em;
  margin: 0;
}

ul.clean li {
  list-style-type: none;
}

#column-primary ul.links {
  margin: 0.3em 0 0.8em 0;
  padding-left: 0;
}

li a.active {
  color: #474747;
}

.links-personal li a.active {
  color: #F63;
}

li a.active:hover {
  background-color: transparent;
}

ul.links li {
  margin: 0;
  padding: 0.2em 0.5em;
  white-space: nowrap;
}

ul.links li.last {
  padding-right: 0;
}

ul.links-personal li, ul.links-primary li, ul.links-profile li {
  border-right: 1px solid #ccc;
}

ul.links-personal li.last, ul.links-primary li.last, ul.links-profile li.last {
  border-right: none;
}

ul.highlight li, div #forum ul li {
  background: url(images/list-icon-arrow.gif) no-repeat left 1px; /*0.6em - causing v offset problem*/
  list-style-type: none;
  padding-left: 1.2em;
  margin: 0.8em 0;
}

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

#column-primary ul.icon li {
  width: 95%;
  margin-left: 0;
  float:  left;
}

#column-primary ul.icon li img {
  margin-right: 5px;
}

/* Quotes List */
dl.quotes dt {
  font-family: Georgia, serif;
  font-size: 14px;
  font-style: italic;
  padding: 10px 0 5px;
}

dl.quotes dd {
  font-family: "Lucida Grande", "Lucida Sans", sans-serif;
  color: #666;
  font-size: 11px;
  font-weight: bold;
  padding: 0 0 10px 10px;
}

/* teaser icon */
#column-primary .listing-single-row ul.icon li {
  width: auto;
  margin-right: 2px;
  padding-right: 0;
  float:  none;
}

#column-primary .listing-single-row ul.icon li img {
  margin-right: 0;
}

.taxonomy-list ul.highlight li, div #forum ul li{
  background-position: left 0.2em;
}

.frontpage ul.highlight li {
  margin: 0;
  padding: 0.4em 1.2em;
}

.context-learn #column-primary ul.highlight li {
  background-image: url(images/list-icon-arrow-learn-wbg.gif);
  background-position: left 0.2em;
}

.context-teach #column-primary ul.highlight li {
  background-image: url(images/list-icon-arrow-teach-wbg.gif);
  background-position: left 0.2em;
}

ul.three-wide, ul.tiny-stars {
  margin: 0.2em;
}

ul.three-wide {
  padding-left: 0em;
}

ul.three-wide li {
  float: left;
  width: 30%;
}

ul.thumbnails {
  padding: 0;
}

ul.thumbnails li {
  width:55px;
  height: 55px;
  padding: 5px 10px 5px 0;
  display: block;
  float: left;
}

ul.thumbnails li img {
  width:55px;
  height: 55px;
}

ul.tasklist {
  clear: left;
}

ul.tasklist li {
  background-image: url(images/icon_list.gif);
  padding-left:25px;
  background-repeat: no-repeat;
  padding: 2px 0 2px 25px;
}

ul.tasklist li.tasklist-print {
  list-style-type: none;
  background: transparent url(images/icon-print.gif) no-repeat; 
}

ul.tasklist li.tasklist-rss {
   background-image: url(images/icon_rss_feed.gif);
}

ul.tasklist li.tasklist-contact {
  background-image: url(images/icon-contact.gif);
}

ul.details li {
  background: url(images/bullet-orange.gif) no-repeat left 4px; 
  list-style-type: none;
  padding-left: 1.2em;
  margin: 5px 0;
}

/* Skip-navigation*/
#skip-navigation ul li {
  list-style: none;
  margin: 0;
  display: inline;
  padding: 0;
}

#skip-navigation ul li a, #skip-navigation ul li a:hover, #skip-navigation ul li a:visited {
  list-style: none;
  margin: 0;
  float: left;
  text-indent: -9999px;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

#skip-navigation ul li a:focus, #skip-navigation ul li a:active {
  list-style: none;
  margin: 0;
  float: left;
  text-indent: 0;
  height: auto;
  width: auto;
  padding: 5px;
  font-weight: bold;
  background-color: #000;
  color: #fff;
}

/* announcements */
ul.announcement{
 list-style:none;
 padding:0;
 
}

div#column-secondary ul.announcement li{
  list-style-type:none;
  padding:7px 0 7px 40px;
  border-bottom:1px solid #efefef;
  background:url(images/icon-announcement-bg.gif) no-repeat left 0em; 
  margin:0 0; 
}

/* Subject Place Links */
.subject-place-links img, .rss-feed-link img {
  vertical-align: middle;
}

.subject-place-links div {
  padding: 0.25em 0;;
}

.all-places-link a {
  text-transform: capitalize;
}


/* Blocks */
.view-content-popular-subjects-near-a-place {
  margin-bottom: 10px;
}

/* -- cck */
.field {
  margin-bottom: 0.4em;
}

/* ========================= Region renderings */
/* Header content */
#header .minisearch {
  float: right;
  padding-top: 21px;
}

.minisearch div{
  display:inline;
}

.pager {
  margin-top: 1em;
}

#signup-anonymous td {
  vertical-align: middle; 
} 

#signup-anonymous td, #signup-anonymous th {
  padding: 0;
} 

/* Footer */
#footer a {
  color: #999;
}

#footer a:hover {
  color: #474747;
  background: none;
}

#footer ul {
  list-style-type: none;
}

#footer ul li {
  display: inline;
  padding: 0 0 0 0.65em;
}

#everything-menu-footer {
  padding: 1em 0 0 0;
  background: url('images/footer_logo.gif') no-repeat right top; 
  height: 40px;
}

ul#everything-menu-footer li {
  padding: 0 0.5em;
  border-right: 1px solid #eee;
}

#footer ul li.last {
  border-right: none;
}

#footer .small-print {
  color: #999;
  font-size: 0.8em;
  padding-left: 0.5em;
}


/*secondary column roundcorner blocks*/
#column-secondary .roundcorners .inner,
#full-width .roundcorners .inner {
  background: #fff;
}

#full-width .roundcorners .inner {
  height:15em;
  overflow: hidden;
}

#full-width .roundcorners h2 {
  padding-top: 10px;
  padding-left: 10px;
}

#column-secondary .roundcorners .title h2 {
  padding-left: 10px;
}

#column-secondary .roundcorners .content,
#full-width .roundcorners .content {
  /* padding cannot be directly applied to secondary column because of block titles */
  padding: 5px 10px;
}
/* .. but that makes things complicated
.. we have nested content divs in the right column which lead to the above def. getting applied twice
.. these 3 defs. sort this out */
#column-secondary .roundcorners .content .node .content {
  padding: 0px;
}
#column-secondary .roundcorners .content .highlight li,
#column-secondary .roundcorners .content .subject-place-links .tasklist li, 
#column-secondary .roundcorners .content .profile-urls li,
#column-secondary .roundcorners .content .item-list li,
#column-secondary .roundcorners .content #twitter_update_list li {
  margin: 3px 0px;
}
/* these ones need normal li margins 
#column-secondary .roundcorners .content .sublink li,{
  margin: 3px 10px;
}
*/

/* override standard roundborder padding */
#column-secondary .nopadding .content,
#full-width .nopadding .content {
  padding: 0;
}

/* allow for a transparent version of the blocks */
/* !! this breaks bottom round corners */
#column-secondary .transparent .outer-top,
#full-width .transparent .outer-top, 
#column-secondary .transparent .outer-bottom,
#full-width .transparent .outer-bottom, 
#column-secondary .transparent .inner,
#full-width .transparent .inner  
{ 
  background: none; 
}

div#column-secondary ul li {
  list-style-type: none;
  margin-bottom: 0.4em;
}

div#column-secondary ol li {
  list-style-type: decimal;
  margin-bottom: 0.4em;
}

/* googlemap */
.googlemap {
  height: 258px;
  float: none;
  overflow: hidden;
  font-size:0.9em;
  border: 1px solid #666;
}

#column-primary-main .googlemap {
  width: 270px;
  height: 220px;
  border: 0 none;
}

.googlemap .logo {
  float: left;
  height: 6em;
  margin: 3px;
  padding: 2px;
  width: 54px;
}

.googlemap .teaser .logo img {
  border: 1px solid #ccc;
}

.googlemap .node-main {
  padding: 0.5em 0 0 6em;
}

.googlemap .geonames-locations {
  color: #999;
  font-size: 0.8em;
}


/* Views */
.small-listing .teaser {
  float: left;
 /* height: 22em;*/
  margin: 0 10px 0 0;
  /*overflow: hidden;*/
}

#column-primary .small-listing .teaser {
  width: 268px;
}

#column-primary .block .small-listing .teaser {
  width: 263px;
}

#column-secondary .small-listing .teaser {
  width: 250px;
}

.small-listing .type-profile, .small-listing .type-teacher-profile, .small-listing .type-class-private {
  /*height: 6.5em;*/
}

.small-listing .even {
  clear: left;
}

.small-listing .odd {
  margin-right: 0;
}

.small-listing .type-category, .small-listing .type-place {
  height: 12em;
}

.page-teacher-profile .context-teach #column-primary .small-listing h3, .page-profile .context-teach #column-primary .small-listing h3{
  border: none;
  background-color: transparent;
  padding: 0;
  margin-bottom: 2px;
}

#views-filters {
  margin: 1em 0;
  padding-bottom: 1em;
  border-bottom: 1px solid #efefef;
}

#views-filters table {
  width: auto;
}

#views-filters input.form-submit {
  margin: 0.5em;
}

#views-filters #edit-filter0 {
  width: 21em;
}

#views-filters table thead th {
  border-bottom: none;
  font-size: 0.8em;
  font-weight: normal;
  text-transform: uppercase;
}

#views-filters table tbody {
  border-top: none;
}

#views-filters table tr.even, #views-filters table tr.odd {
  background-color: #fff;
  border-bottom: none;
}


/* Profiles */
.section-profile-subjects .specialised {
  font-size: 1.05em;
  padding-bottom: 15px;
  color: #999;
}

.section-profile-head p {
  line-height: 150%;
  margin-bottom: 0.4em;
}

.section-profile-head  {
  border-bottom: 1px solid #efefef;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.section-profile-head table th, .section-profile-head table td {
  padding: 0;
}

.section-profile-head .section-profile-subjects .primary {
  font-size: .9em;
  padding-bottom: 10px;
  color: #999;
}

.profile-locations div {
  display: inline;
}

span.date-display-end {
  clear: none;
  display: inline;
  margin-left: 0px;
}


/* LEARNER PROFILE */
.notifications-settings .item-list ul li {
  display: inline;
  margin: 0 1em 0 0;
}

.notifications-settings-title {
  margin-bottom: 1em;
}

.type-profile .section-profile-head img {
  float: left;
  padding-right: 10px;
  padding-bottom: 1em;
}

/* TEACHER PROFILE */
#teacher-profile-main .section {
  margin-bottom: 10px;
}

#teacher-profile-categories {
  margin-bottom:1em;
  font-weight:bold;
}

#teacher-profile-subjects {
  border-bottom: 1px solid #efefef;
  margin-bottom: 10px;
}


/* Subnodes */
#region-sub-content .subnode {
  padding-bottom: 15px;
}

#region-sub-content h3.subnode-title {
  text-transform: none;
  padding: 8px 0 8px 8px;
  background-color: #f8f8f8;
  border-left: 3px solid #99ccff;
  margin-bottom: 8px;
}

span.create-new {
  margin: 0.5em 0;
}

/*Lessons*/
.lesson-details {
  border-bottom: 1px solid #efefef;
  padding:10px 0;
  overflow:hidden;
  margin-bottom: 0.5em;
}

.lesson-details .logo{
  background-color: #f8f8f8;
  border-top: solid 2px #f63;
  border-bottom: solid 2px #f63;
  line-height: 0;
}

.lesson-details .logo img{
  border: 0 none;
  padding: 2px 0;
}

.lesson-details .showmethemoney-buy-bar table {
  width: 100%;
}

/* Date box*/
.date-box {
  margin-top: 3px;
  margin-bottom: 3px;
}

/*needs the span so that it fits the length of the text*/
.date-box abbr, .date-box .value {
  padding: 2px 4px;
  font-weight: bold;
  color: #fff;
  line-height: 100%;
  background: #9cf url('images/date-bg-default.gif') repeat-x left top;
  -moz-border-radius: 2px;
  display: block;
}

.date-box-start abbr, .date-box-start .value {
  color: #fff;
  background: #9c9 url('images/date-bg-start.gif') repeat-x left top;
}

.date-box a, .date-box-start a {
  color: #fff;
}

.date-box abbr a, .date-box-start abbr a:hover {
  background-color: transparent;
}
/* Buttons */
.button a {
  color: #f63;
}

.button a:hover {
  background-color: transparent;
}

.button-sidebar {
  width: 280px;
  margin-bottom: 5px;
}

.button-sidebar .outer-top {
  background: url('images/action_button_top.gif') no-repeat top left;
  padding-top: 5px;
}

.button-sidebar .outer-bottom {
  background: url('images/action_button_bottom.gif') no-repeat bottom left;
  padding-bottom: 6px;
}

.button-sidebar .inner {
  background: #fff;
  padding: 5px;
}

.button-sidebar .icon {
  width: 22px;
  float: left;
  padding-left: 5px;
  padding-top: 0.04em;
}

.button-sidebar .text-area {
  margin-left: 37px;
  margin-right: 10px;
  padding-left: 10px;
  border-left: 1px solid #efefef;
}

.button-sidebar .title {
  width: 180px;
}

.button-sidebar .title a {
  color: #f63;
  font-weight: bold;
  font-size: 14pt;
}

.button-sidebar .subtitle a {
  color: #999;
  font-size: 0.8em;
}

.block.block-admin-buttons {
  margin-bottom: 0em;
}

.button-action-open {
  color: #fff;
  font-size: 14px;
  font-family:Arial, Helvetica, sans-serif;
  background: url('images/button-action-open.gif') no-repeat left top;
  padding: 13px 0 12px 15px;
  white-space: normal;
  margin: 0 3px;
}
	
.button-action-close{
  background: url('images/button-action-close.gif') no-repeat right top;
  line-height:3em;
  padding: 13px 15px 12px 0;
  white-space: nowrap;
}
	
.button-action-teaching-open{
  background-image:url('images/button-action-teaching-open.gif');
}
	
.button-action-teaching-close{
  background-image:url('images/button-action-teaching-close.gif');
}
	
.button-action-learning-open{
  background-image:url('images/button-action-learning-open.gif');
}
	
.button-action-learning-close{
  background-image:url('images/button-action-learning-close.gif');
}
	
a.button-action-enquiry{
  background-image:url('images/button-action-enquiry.gif');
  padding-left:35px;
}

a.button-action-claimgift{
  background-image:url('images/button-action-claimgift-open.gif');
  padding-left: 45px;
}

.clickable:hover{
  cursor: pointer;
}

/* Hack - extlink changes the background on all mailto link. we have to put this back*/
a.button-action-open.mailto {
	padding-right:0;
	background: url('images/button-action-open.gif') no-repeat left top;
}

a.button-action-teaching-open.mailto {
	background: url('images/button-action-teaching-open.gif') no-repeat left top;
}

a.button-action-learning-open.mailto {
	background: url('images/button-action-learning-open.gif') no-repeat left top;
}

/*==========*/
/*== Blog ==*/
/*==========*/

.path-blog- #region-content .type-blog {
  margin-bottom: 40px;
}

.path-blog- #region-content .type-blog h3 {
  border-bottom: 2px solid #CCCCCC;
  font-size: 1.3em;
  margin: 0.4em 0 0.2em 0;
  padding-top: 0pt;
  letter-spacing: -1px;
  text-transform: uppercase;
}

.type-blog p {
  line-height: 130%;
}

.meta .terms .links {
  margin-left: -6px;
  font-size: 0.8em;
}

.page-blog .back {
  padding-top: 10px;
  font-size: .9em;
  text-transform: uppercase;
  padding-bottom: 15px;
  border-bottom: 1px solid #999;
}

.view-content-front-blog-post .type-blog {
  margin-bottom: 10px;
}

#blog-link-image {
  /*margin-left: 3.35em;*/
  margin-top: 0.8em;
}
.display-style-micro img {
  float:left;
  margin: 0 10px 10px 0;
}



#signup a {
  font-weight: bold;
}

#home-logo {
  float: left;
}

#region-header .block {
  width: 280px;
  height: 280px;
  float: left;
  margin-right: 20px;
}

#region-header .block.doublewidth {
  width: 580px;
}

#region-header .block.last {
  margin-right: 0px;
}

#region-header #inner-blue a, #region-header #inner-green a {
  color: #fff;
}

#region-header #inner-blue a:hover, #region-header #inner-green a:hover, .call-to-action-button h2 a:hover {
  background-color: transparent;
}

#region-header .block.count-2 h1 {
  font-size: 1em;
}

#region-header .top {
  height: 100px;
}

#region-header .middle {
  height: 120px;
}

#region-header .bottom {
  height: 30px;
}

#region-header .block.count-1 #front-learnmore h1 {
  padding-top: 35px;
}

#region-header .block.count-2 #front-already h1 {
  padding-top: 70px;
}

#region-header .block.count-3 #front-quotes {
  height: 155px;
  margin-top: 65px;
}

#outer-top-green {
  width: 281px;
  background: #fff url('images/green_top.gif') no-repeat top left;
  padding-top: 5px;
}

#outer-bottom-green {
  background: #fff url('images/green_bottom.gif') no-repeat bottom left;
  padding-bottom: 7px;
}

#inner-green {
  height: 88px;
  background: #009933;
  padding: 0 0 0 15px;
  color: white;
}

#outer-top-blue {
  width: 280px;
  background: #fff url('images/blue_top.gif') no-repeat top left;
  padding-top: 5px;
}

#outer-bottom-blue {
  background: #fff url('images/blue_bottom.gif') no-repeat bottom left;
  padding-bottom: 7px;
}

#inner-blue {
  height: 88px;
  background: #0066cc;
  padding: 0 0 0 15px;
  color: white;
}

#inner-blue a {
  color: white;
}

#region-header h1, #region-header h2, #region-header h3 {
  font-family: Helvetica, Arial, sans-serif;
  border-bottom: none;
}

#region-header h2 {
  color: #333;
  text-transform:none;
  font-weight:normal;
  letter-spacing: -0.03em;
}

#region-header .block.count-1 h2 {
  font-size: 26px;
  padding-top: 12px;
}

#region-header .block.count-2 h2 {
  font-size: 22px;
  padding-top: 16px;
}

#header-front h2 {
  margin-top: 0;
}

#header h1 {
  border: 0;
}


/* TAXMAN */

.taxman-item { 
 width: 248px;
  margin: 0 10px 10px 0;
  /* padding-left:10px; */
  padding-top:10px;
  /* border-bottom: 1px solid #ccc; */
  float: left;
  font-weight: bold;
}

.taxman-controls{
  font-size: 9pt;
  font-weight:normal;
}

.taxman-controls a,  #column-primary .taxman h3 .taxman-controls a {
  color: #f63;
}

.taxman-tagger-item {
  display: inline;
}

.taxman-tagger-item-profile {
  margin-right: 10px;
}

.taxman-add-term-submit {
  margin-bottom: 1em;
}

.taxman-add-term-description {
  margin-bottom: 1em
}

#taxman-mini-form .taxman-add-term-description{
  margin-bottom: 0;  
}

#taxman-add-term-form div, #soe-profiles-custom-taxman-add-term-form div, #soe-profiles-notman-add-term-form div {
  display: inline;
}

#taxman-add-term-form .taxman-add-term-description {
  clear: left;
  display: block;
}

/* FULL WIDTH COL PRIMARY (NO COL SECONDARY) */

.single-column #column-primary .call-to-action-button,  .two-columns #column-primary .call-to-action-button{
  text-align: center;
  margin: 0 auto;
}

.single-column #column-primary .call-to-action-or {
  text-align: center;
  clear: right;
}

.single-column #column-primary #inner-green {
  padding-left: 0;
}

.single-column #column-primary #inner-green h2 {
  font-size: 26px;
  padding-top: 26px;
  text-transform: none;
  text-align: center;
}

.single-column #column-primary #inner-green a {
  color: #fff;
}

.single-column #column-primary .narrow {
  padding: 40px;
}

.single-column #column-primary h3 {
  background: none;
  padding-left: 0;
  padding-bottom: 0;
}

.single-column #column-primary h3 a {
  color: #f63;
}

.single-column #column-primary .nav-next {
  color: #fff;
  background-color: #f63;
  padding: 3px;
  float: right;
  font-weight: bold;
}

/* category pages */

.tagadelic-category-terms {
  border-bottom: 1px solid #efefef;
  padding-bottom: 0.5em;
  margin-bottom :0.3em;
}

/* About person */

.type-about-person {
 /*   height: 26em; */
 clear: both;
 overflow: hidden;
}

.type-about-person img {
  float: left;
  margin: 0 10px 10px 0;
}

/*
.view-advisory-board .teaser, .view-board-everything .teaser, .view-team-everything .teaser {
  margin-bottom: 0;
  height: 80px;
}

.view-advisory-board .teaser .logo, .view-board-everything .teaser .logo, .view-team-everything .teaser .logo {
  height: auto;
  margin: 0;
  padding: 0;
  width: auto;
}

.view-footer-advisory-board p {
  margin-top: 1em;
}
*/

/* Taxman search box autocomplete (positioned div). This overrides system.css */

#autocomplete {
  background-color: #fff;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: 1px solid #ccc;
  border-top: 0;
}

#autocomplete li {  
  list-style: none;
  line-height: 1.8em;
  padding: 0 5px 0 5px;
  background-color: #fff;
  border-bottom: 1px dotted #efefef;
  margin: 0;
}

html.js input.form-autocomplete{
  background-position: 100% 4px;
}

html.js input.throbbing{
  background-position: 100% -16px;
}

#autocomplete li.selected {
  background-color: #f63;
}

.geomap-infowindow .profile-locations {
 display: none;
}

/* Badges page */

.badges-left {
   float: left;
   margin: 20px 0 20px 40px;
}

.badges-right {
   float: right;
   margin: 20px 40px 20px 0;
}


/* microprofile */
#microprofile{
  overflow: hidden;
}
	
.microprofile-inline{
  border-bottom: 1px solid #efefef;
  margin-bottom:0.5em;
  padding: 8px 0 0 0;
  overflow: hidden;
}
	
.microprofile-inline div.logo{
  float: right;
  padding: 0 0 5px 5px;
  overflow: hidden;
}	

.microprofile-inline .logo img {
  border: 1px solid #9cf;
  padding: 1px;
}
	
.microprofile-inline .button-action-open, .microprofile-inline .button-action-close{
  line-height: 4em;
}		


#column-secondary #block-soe_profiles-microprofile .content, #column-secondary #block-soe_contact-microprofile .content {
  padding: 0;
}

#column-secondary #block-soe_profiles-microprofile-completeness {
  padding: 10px
}

#column-secondary #microprofile-completeness {
  float: left;
}

#column-secondary #microprofile-completeness-bar {
  height: 22px;
  width: 180px;
  background-color: #ccc;
}

#column-secondary #microprofile-completeness-progress {
  height: 22px;
  background: url(images/progress-bg.gif) repeat-x top left;
}

#column-secondary #microprofile-completeness-progress div {
  padding: 3px 5px;
  color: white;
}

#column-secondary #microprofile-completeness-logo {
  float: right;
}

#column-secondary #microprofile-completeness-logo img {
  border: 1px solid #99CC99;
  padding: 1px
}

#column-secondary #microprofile-completeness-next {
  clear: left;
  padding-top: 10px
}

#block-block-61 .teaser {
  border-bottom: 0;
}

/* Streams */
span.type-icon {
  width: 5em;
}

#column-primary .stream-item {
  margin-top: 1em;
  border-bottom: 1px solid #efefef;
}

.stream-item .logo {
  float: left;
  height: 6em;
  margin: 5px;
  padding: 2px;
  width: 54px;
}

.stream-item-mini .logo {
  height: 3em;
  width: 34px;
}

.stream-main {
  margin: 0.5em 0 0 6em;
}

.stream-mini .stream-main {
  margin-left: 3em;
}

.stream-item .links {
  text-align: right;
  clear: left;
}

.stream-item .readmore {
  text-align: right;
  font-weight: bold;
  clear: right;
}

.stream-item .content .stream-thumbnail {
  width: 125px;
  margin: 1em auto;
}

.stream-item .content .stream-content {
  /*width: 425px;
  margin: 1em auto;*/
}

/* todo: these are not right, we need a more general padding & margins policy, but this requires a site wide CSS review */
table.stream-content td {
  padding: 0 0 0 1em;
}

.field-field-video, .field-image, .field-field-document {
  padding: 5px 0;
}

.field-field-document .filefield-item {
  clear: none;
}

.field-field-document .field-items {
  overflow: hidden;
}

.field-field-document .field-item {
  clear: both;
}

table.stream-content td.thumbnail{
  padding-top: 1px;
}


/* ===== Widescreen teasers */
.widescreen-teaser { 
  float: left;
  margin-bottom: 0.8em;
  width: 263px;
  padding-right: 10px;
  
}

.widescreen-teaser-list .even {
  clear: left;
}

.widescreen-teaser-list .odd {
  padding-right: 0;
}

.widescreen-teaser-image {
  position: relative;
  width:260px;
  height: 70px;
}

.widescreen-teaser-arrow {
  position:absolute;
  left: 20px;
  bottom: 0;
}
.widescreen-teaser-title {
  padding-left: 5px;
  padding-top: 4px;
}


/* ===== Bubble menus ===== */
.bubbleInfo {
    position: relative;
}

.bubbleo {
   position: absolute;
   display: none; /* keeps the popup hidden if no JS available */
   background-color: #fff;
   border: solid 2px #000;
   width: 200px;
   font-size: 12pt;
   font-weight: normal;
}

.bubble{
  width:180px;
  margin-top: -5px;
  float:right;
}

.bubble .activator{
  width: 25px;
  height: 20px;
  float: right;
  margin-bottom: 1px;
  position:relative;
  text-align:center;
  padding:2px 0 0 0;
  background: url(images/icon-arrow.gif) no-repeat center 3px;
}

.bubble .show{
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;  
    margin-bottom: -1px;
    background: #fff;
    background: url(images/icon-arrow-hover.gif) no-repeat 3px;
    float:right;
}

.bubble .menu{
  font-size: 11px;
  padding: 0px;
  border: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
  width: 175px;
  float: right;
  text-align: right;
  background: #fff;
  z-index:99;
}

.bubble .menu li{
  list-style: none;
  z-index:999;
  }

.bubble .menu li a{
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px dotted #ccc;
  padding-right: 10px;
  display: block;
}
.bubble .menu li:hover, .bubble .menu li a:hover{
  color: white;
  background-color:#f63;
}

/* ===== popups skin ====== */

#popups {
  opacity: 1;
  padding: 2em;
  -moz-border-radius: 5px;
  border: 1px solid #666;
}

#popups-title {
  color: #000;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.25em;
  padding: 0.25em;
  -moz-border-radius-topleft: 5px;
  -webkit-border-radius-topleft: 5px;
}

#popups-title div.title {
  color:black;
  float:left;
  font-size:14pt;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
  letter-spacing: -1px;

}
#popups-title #popups-close a {
  color: #FF6633;
  background:transparent url('images/icon-close.gif') no-repeat scroll right;
  padding-right :18px;
}


a.popups-processed:after {
  content: '';
}

#popups input[type="text"]:focus, #popups input[type="password"]:focus, #popups textarea:focus {
  background-color:#fefefe;
  outline-color:none;
  outline-style:none;
  outline-width:none;
}

/* scrapbook */
#column-primary .view-scrapbook h3.node-title {
  font-size: 16pt;
}

#column-primary .view-scrap
 div.content, #column-primary .view-scrapbook div.node-terms  {
  margin-left: 30px;
}


.field-type-link .field-item {
  padding: 1em 0;
  font-weight: bold;
}

.scrapbook-create {
  margin-bottom: 1.5em;
}

.scrapbook-create-elements {
  border: 1px solid #efefef;
  background: url(images/scrapbook_addnew_bg.gif) repeat;
  overflow: hidden;
}

ul.scrapbook-create-elements li {
  border-right: 1px solid #efefef;
  line-height: 37px;
  padding: 0px 5px;
  list-style: none;
  margin: 0;
  float: left; 
  display: block;
}

ul.scrapbook-create-elements li a {
  font-weight: bold;
  display: block;
  color: #777;
}

ul.scrapbook-create-elements li a:hover {
  color: #444;
  background-color: transparent;
}

.scrapbook-create-elements img {
  vertical-align: middle;
}

.imagecache-full {
  padding-bottom: 1em;
}

.view-content .node, .view-content-scrapbook .node{
  border-bottom: 1px solid #efefef;
  margin-bottom: 15px;
  padding-bottom: 5px;
}

/* voting */

div.vote {
  width: 5em;
}

.vote-up-act, .vote-up-inact, .vote-down-act, .vote-down-inact, .up-inact, .down-inact {
  float: right; 
  height: 23px;
  width: 23px;
  padding-left: 2px;
}

.vote-points {
  font-weight: normal;
  padding: 4px 0.5em;
}

.vote-up-down-widget {
  border:none;
  color: #999;
}

.vote-up-inact, .up-inact {
  background:transparent url('images/vote_up_inactive.gif') no-repeat scroll 0 0;
}

.vote-down-inact, .down-inact {
  background:transparent url('images/vote_down_inactive.gif') no-repeat scroll 0 0;
}

.vote-up-act, .vote-up-inact:hover {
  background:transparent url('images/vote_up_active.gif') no-repeat scroll 0 0;
}

.vote-down-act, .vote-down-inact:hover {
  background:transparent url('images/vote_down_active.gif') no-repeat scroll 0 0;
}


/* new private message module */

.pm-new {
      
  font-weight:bold;
}

/*
table.pm-view-table td, table#privatemsg_message_table td, table#privatemsg_message_table th, table.pm-manage-folders td, table.pm-manage-folders th {
  padding: 0.3em;
}
*/

table.pm-manage-folders thead {
  border-bottom: 3px solid #CCCCCC;
}

.pm-inbox-avatar img{
	vertical-align:middle;
}


#privatemsg-cur-folder-form #edit-filter-type {
  width: 8em;
}

/* tagadelic module css overrides */

.wrapper.tagadelic {
  /* double classes don't work in IE6 so this was messing up tag clouds across our site */
  margin-right: 0;
}

.tagadelic {
  padding-right: 10px;
  
}
.view-content-explore .tagadelic, .view-content-place .tagadelic {
  display: inline-block;
  width: 30%;
}
/* payments */

#printer-friendly {
  text-align: right;
}

.field-field-payment-terms {
  margin-bottom: 20px;
}

#block-showmethemoney-node_transactions_explanation {
  padding-bottom: 10px;
}

#showmethemoney-cancel-user-detail-form {
  margin-bottom: 10px;
}

.seller-terms {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}



/* Forum overrides */

.forum-topic-navigation .topic-previous {
  width: auto;
}

.forum-topic-navigation .topic-next {
  width: auto;
}

/* Newsletters */

/* Most newsletter styles are inline, but we need to make newsletters work online */
body.page-simplenews td, body.page-simplenews th{
  padding:0;
}

/* Legal module */ 
.section-legal_accept li {
  margin: 3px 20px;
}



/* == sidebar help */

.sidebarhelp-content {
  display: block;
  padding: 20px 10px 10px 10px;
  background: #dfc url(images/sidebarhelp-content-bg.gif) no-repeat top right;
}

.sidebarhelp-content-js {
  display: hidden;
  opacity: 0;
  position: absolute;
  padding: 10px 5px 10px 20px;
  margin-left: -19px;
  background: #dfc url(images/sidebarhelp-content-js-bg.gif) no-repeat top left;
  width: 495px;
}

/* == Page specific */
.frontpage h1 {
  margin-bottom: 0;
}

#header-front h2 {
  padding-top: 0;
}


#front-learnmore {
  padding: 5px;
  background: #fff;
  position: absolute;
  bottom:35px;
  left:0;
}

.frontpage #node-13 {
  display: none;
}

.frontpage #photo-credit {
  background-color: transparent;
  padding: 5px 2px 5px 45px;
  background-position: left center;
  width: auto;
}

.frontpage .area-signup h3 {
  padding-top: 3px;
  margin-bottom: 0;
}

/* == Help pages*/
.step .content{
  padding-top: 10px;
}

/* == Gifts and Redeem Page */
.context-object-gift .two-columns #column-primary #column-primary-main.roundcorners .outer-top {
  padding-top: 75px;
  background: url(images/main-white_top-gifts.gif) no-repeat top left;
  width: 593px;
}

.context-object-gift .two-columns #column-primary #column-primary-main.roundcorners .inner {
  padding-top: 0;
  width: 560px;
}

/* -These styles are to level up the two columns and nudge them upwards */
/* Level the two columns by adding top padding to #column-secodary*/ 
.context-object-gift .two-columns #column-secondary, .section-redeem .two-columns #column-secondary {
  padding-top: 16px;
} 
 /* --Nugde the two columns upwards by reducing the top margin of the #main div*/
.context-object-gift .two-columns #main, .section-redeem .two-columns #main {
  margin-top: 4px;
}
  
/* == Block Specific */

/* Custom theming for Gifts block */
#column-secondary #block-views-gifts.roundcorners .outer-top,
#full-width #block-views-gifts.roundcorners .outer-top {
  /* top rounded edge */
  width: 280px;
  background: url('images/blue_border_top.gif') no-repeat top left;
  padding-top: 5px;
}

#column-secondary #block-views-gifts.roundcorners .outer-bottom,
#full-width #block-views-gifts.roundcorners .outer-bottom {
  /* bottom rounded edge */
  background: url('images/blue_border_bottom.gif') no-repeat bottom left;
  padding-bottom: 6px;
}

#column-secondary #block-views-gifts.roundcorners .inner,
#full-width #block-views-gifts.roundcorners .inner {
  /* inner banner */
  background: #fff url('images/block_inner-gifts.gif') no-repeat top right;
  padding-top: 5px;
  border-left: 2px solid #9cf;
  border-right: 2px solid #9cf;
}

/*======Custom theming: Notifications manager (notman) / MiniTaxman ======*/
/* Custom theming for the MiniTaxman block when it appears in the secondary column */
#column-secondary #block-soe_profiles-minitaxman_learn input#edit-subject, #column-secondary #block-soe_profiles-notman input#edit-subject {
  width: 200px;
}
 
#column-secondary .area-interaction {
  width: 258px;
  margin-left: -10px;
}


/*====Custom theming: Comment notification/watcher */
/**Toggle watching link on nodes */
.watcher_node {
  background: transparent none !important;
  padding: 0;
  margin: -3px 0 5px 0;
  font-size: 0.9em;
  text-align: left;
}

.watcher_node_watched {
  background: transparent none !important;
}

.watcher_node_toggle_watching_link {
  background-image: url('images/icon-notification-default.gif');
  background-repeat: no-repeat!important;
  background-position: left top;
  color: #f63!important;
  padding: 4px 0 2px 0;
  height: 18px;
  width: 28px;
  display: block;
  text-indent: -9999px;
  outline: none;
}

.watcher_node_toggle_watching_link:hover {
  background-image: url('images/icon-notification-enable.gif');
  background-color: transparent;
  padding-left: 28px;
  width: auto;
  color: #666 !important;
  outline: none;
}

.watcher_node_toggle_watching_link_watched {
  background-image: url('images/icon-notification-enable.gif');
  background-repeat: no-repeat!important;
  background-position: left top;
  color: #f63!important;
  font-weight: normal;
  padding: 4px 0 2px 0;
  height: 18px;
  width: 25px;
  display: block;
  text-indent: -9999px;
  outline: 0;
}

.watcher_node_toggle_watching_link_watched:hover {
  background-image: url('images/icon-notification-default.gif');
  background-color: transparent;
  padding-left: 20px;
  width: auto;
  color: #666 !important;
  outline: 0;
}

.watcher_node_toggle_watching_link_with_link_to_binder {
  margin-top: 0;
  margin-bottom: 0;
}

.watcher_node_help_link_to_binder {
  display: none;
}

/*
  Must be on hover or firefox will not play the animated GIFs asynchronously,
  instead they'll all sync and loop at the same time.
  The last frame of the GIFs lasts for 10 seconds to handle long latencies.
*/
.watcher_binder_send_email_status_icon_from_enabled_to_disabled:hover {
  background-image: url(images/icon-notification-disabled-animation.gif)!important;
}
.watcher_binder_send_email_status_icon_from_disabled_to_enabled:hover {
  background-image: url(images/icon-notification-enabled-animation.gif)!important;
}

.watcher_binder_stop_watching_icon {
  background-image: url('images/icon-notification-remove.gif');
}

.watcher_binder_stop_watching_icon:hover {
  background-image: url('images/icon-notification-remove-hover.gif');
}

/*Rating */
div.fivestar-widget-static .star {
  text-align: left;
  text-indent:-999em;
}

/*Book Outline*/
.block-book ul.menu li {
  list-style: none;
  padding: 0;
  margin-left: 0;
}

.block-book ul.menu li.expanded {
  background: url('images/icon-book-outline-expanded.gif') no-repeat left 2px;
  padding-left: 14px;
}

.block-book ul.menu li.collapsed {
  background: url('images/icon-book-outline-collapsed.gif') no-repeat left 2px;
  padding-left: 14px;
}

.block-book ul.menu li.leaf {
  background: url('images/icon-book-outline-leaf.gif') no-repeat left 2px;
  padding-left: 14px;
}

.block-book ul.menu li.expanded ul.menu{
  padding-top: 3px;
}

.block-book ul.menu .active {
  color: #666;
  font-weight: bold;
}

/*====calendar styles=====*/
.calendar-calendar div.calendar {
  color: #999;
  width: 100%;
  border-bottom: 1px dotted #eee;
  margin-bottom: 2px;
}

.calendar-calendar div.calendar:hover {
  border-bottom: 1px solid #ccc;
}

.calendar-calendar div.calendar a:hover {
  background-color: transparent;
}

.calendar-calendar div.date-nav {
  border: 0 none;
  background-color: #f8f8f8; 
  padding: 10px 5px;
  color: #666;
}

.calendar-calendar div.date-nav h3 {
  color: #666;
  font-size: 16px;
  font-weight: lighter;
}

.calendar-calendar div.date-nav h3 a{
  color: #666;
  font-size: 16px;
}

.calendar-calendar div.date-nav h3 a:hover{
  color: #666;
}

.calendar-calendar div.date-prev, .calendar-calendar div.date-next {
  margin-top: 2px;
}

.calendar-calendar div.date-nav a {
  font-size: 11px;
  color: #999;
}

.calendar-calendar div.date-nav a:hover {
  color: #777;
  border-bottom: 1px dotted #999;
  background-color: transparent;
}

.calendar-calendar div.calendar .calendar-more a {
  display: block;
  color: #fff;
  background-color: #aaa;
  text-align: center;
}

.calendar-calendar div.calendar .calendar-more a:hover {
  background-color: #f63;
}


/*display none*/
.section-calendar div#calpopup .node-post-info, .month-view .event-time, .calendar-calendar ul.header li.week, .calendar-calendar ul.listings li.week {
  display: none;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

/*view container*/
.month-view, .week-view, .day-view {
  overflow: hidden;
}

.calendar-calendar .month-view, .calendar-calendar .week-view, .calendar-calendar .day-view {
  border-bottom: 1px solid #f0f0f0;
}

/*day box in listings*/
.calendar-calendar div.day {
  font-size: 15px;
  color: #777;
  float: none;
  background-color: transparent;
  border: none;
  clear: none;
  margin: 0;
  padding: 0;
  text-align: left;
  width: auto;
}

.calendar-calendar div.day a {
  color: #999;
}

.calendar-calendar div.day a:hover {
  color: #777;
  background-color: transparent;
}

/*listings and days header*/
.calendar-calendar ul.header, .calendar-calendar ul.listings {
  overflow: hidden;
}

.calendar-calendar ul li {
  list-style: none;
}

.calendar-calendar ul.header li {
  display: block;
  width: 76px;
  height: auto;
  padding: 10px 2px;
  border: 0 none;
  float: left;
  overflow: hidden;
  margin: 0;
  font-size: 11px;
  color: #999;
}

.calendar-calendar .month-view li .inner, .calendar-calendar .week-view li .inner {
  padding: 0 !important;
  min-height: 70px !important;
  background-color: transparent !important;
}

.calendar-calendar ul.listings li {
  list-style: none;
  display: block;
  width: 74px;
  height: 115px;
  padding: 2px;
  border: 1px solid #f0f0f0;
  border-bottom-color: #fff;
  border-left-color: #fff;
  float: left;
  overflow: hidden;
  margin: 0;
}

.calendar-calendar ul.listings li.first {
  border-left-color: #f0f0f0;
}

.calendar-calendar ul.listings li:hover {
  border: 1px solid #ccc;
}

/*year-view specific*/
.calendar-calendar .year-view ul.listings-month {
  margin-top: 3px;
}

.calendar-calendar .year-view ul.listings-month li.calendar-month {
  list-style: none;
  display: block;
  width: 175px;
  height: 174px;
  padding: 2px;
  border: 1px solid #f0f0f0;
  float: left;
  overflow: hidden;
  margin: 4px;
}

.calendar-calendar .year-view ul.listings-month li.calendar-month:hover {
  border: 1px solid #ccc;
}

.calendar-calendar .year-view ul.listings-month .date-header-month {
  text-align: center;
  padding: 3px 0;
}

.calendar-calendar .year-view ul.listings-month .date-header-month a {
  color: #777;
  font-size: 14px;
}

.calendar-calendar .year-view ul.listings-month .date-header-month a:hover {
  color: #555;
  background-color: transparent;
}

.calendar-calendar .year-view ul.listings-month li.days {
  clear: none !important;
  margin-left: 0;
  color: #999;
  font-size: 11px;
}

.calendar-calendar .year-view ul.listings-month li.col-1 {
  margin-left: 0;
}

.calendar-calendar .year-view ul.listings-month li.col-3 {
  margin-right: 0 !important;
}


.calendar-calendar .year-view ul.listings-month ul.header li, .calendar-calendar .year-view ul.listings-month ul.listings li {
  list-style: none;
  display: block;
  width: 19px;
  height: 15px;
  padding: 3px;
  border: 1px solid #f0f0f0;
  border-width: 0 0 1px 0;
  float: left;
  overflow: hidden;
  margin: 0;
}

.calendar-calendar .year-view .month-view {
  border: 0 none;
}

/*month-view specific*/
.month-view ul.listings li.empty {
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
}

.month-view ul.listings li.empty:hover {
  border: 1px solid #f8f8f8;
}

/*week-view specific*/
.calendar-calendar .week-view ul.listings li {
  list-style: none;
  display: block;
  width: 74px;
  height: 180px;
  overflow: hidden;
}

/*day-view specific*/
.day-view .day {
  display: none; 
  padding: 0;
  margin: 0; 
}

.calendar-calendar .day-view div.calendar a {
  background-color: transparent;
  border: 0 none;
}

.calendar-calendar .day-view div.calendar a:hover {
  background-color: transparent;
  border: 0 none;
}

.calendar-calendar .day-view div.calendar {
  margin: 0;
  padding: 10px 5px;
  width: auto;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #f0f0f0;
  font-size: 12px;
  color: #999;
  overflow: hidden;
}

.calendar-calendar .day-view div.calendar:hover {
  color: #777;
  border-bottom: 1px solid #ccc;
}

.day-view .view-data-node-title {
  width: 83%;
  float: right;
  font-size: 14px;
}

.day-view .event-time {
  padding-top: 2px;
}

/*calendar popup*/
.section-event div#calpopup {
  -moz-border-radius: 3px;
  padding: 3px;
  border: 1px solid #bbb;
  min-width: 350px;
  width: auto;
  
}

.section-event div#calpopup div#calpopup-body {
  margin: 0 2em 0 0;
}

.section-event div#calpopup #popup-close {
  float: right;
  padding: 0;
}

.section-event div#calpopup div#nodelink {
  margin: 3px 7px;
}

/** Manifesto tablet **/
.manifesto-tablet {
  width: 550px;
  margin: 0 auto;
}

.manifesto-tablet,
.manifesto-tablet h2 {
  color: #333;
  font-family: Palatino, 'Palatino Linotype', Times, Georgia, serif ;
  text-shadow: 1px 2px 0px rgba(256, 256, 256, 0.6);
  -moz-text-shadow: 1px 2px 0px rgba(256, 256, 256, 0.6);
  -webkit-text-shadow: 1px 2px 0px rgba(256, 256, 256, 0.6);
}

.manifesto-tablet h2 {
  text-transform: none;
  font-size: 30px;
  margin: 20px 0 30px 15px;
}

.manifesto-tablet {
  background: url('images/bg-manifesto-tablet-bottom.gif') no-repeat bottom;
  padding-bottom: 24px;
  font-size: 13px;
}
 
.manifesto-tablet h4 {
   font-size: 14px;
}

.manifesto-tablet .tablet-inner {
  background: url('images/bg-manifesto-tablet-top.gif') no-repeat center top;
  padding: 10px 0 10px 20px;
  overflow: hidden;
}

.manifesto-tablet ol {
  list-style: upper-roman inside;
  -moz-text-shadow: 1px 1px 0px rgba(256, 256, 256, 0.5);
  text-align: center;
  margin: 0;
  padding: 0;
}

.manifesto-tablet ol li {
  margin: 0 0 20px;
  padding: 0;
}

.manifesto-tablet .col-1,
.manifesto-tablet .col-2 {
  width: 225px;
  float: left;
}

.manifesto-tablet .col-1 {
  margin: 0 20px 0 10px;
}

.manifesto-tablet .col-2 {
  margin: 0 10px 0 20px;
}


/*Specials */
.specials-paper {
  background: url('images/bg-paper-rough.gif') top left repeat;
}

.popular-stamp {
  padding: 4px 6px 4px;
  margin-top: -5px;
  background-color: #def;
  font-size: 11px;
  line-height: 15px;
  font-weight: bold;
  background: #def url('images/bg-rough.gif') repeat;
  border: 2px solid #e5e5e5;
}

#eventbrite-ticket {
  position: relative;
}

#eventbrite-ticket .arrow {
  width: 30px;
  height: 50px;
  position: absolute;
  bottom: 86px;
  right: -20px;
  z-index: 4;
}

.homepage-specials #front-subscribe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 300px;
  margin-bottom: 0;
}
/*
.homepage-specials #front-intro-steps {
  height: 90px;
  padding: 15px 15px 10px;
  background: url('images/bg-specials-home-paper.gif') top left repeat;
} */

.homepage-specials #front-subscribe input#mce-EMAIL {
  width: 180px;
}

.homepage-specials #front-subscribe select#mce-group {
  width: 180px;
}

.homepage-specials #front-subscribe div.mce_inline_error {
  clear: both;
  display: block;
  background: transparent none;
  font-weight: bold;
  color: #c00;
  font-size: 11px;
  font-weight: normal;
  padding: 0;
  margin: 0 0 -11px;
}
/*
.homepage-specials #front-intro-steps #specials-newsletter {
  margin-top: -5px;
  margin-left: -5px;
}*/

#subscribe-delayed {
  width: 280px;
  position: fixed;
  bottom: -9999px;
  right: 30px;
  padding: 5px 5px 0;
  z-index: 66;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom: 0 none;
  box-shadow: 0px 0px 5px #ccc;
  -moz-box-shadow: 0px 0px 5px #ccc;
  -webkit-box-shadow: 0px 0px 5px #ccc;
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}

#subscribe-content {
  clear: both;
  padding: 5px 15px;
}

#subscribe-control  {
  background-color: #fff;
  width: 40px;
  height: 20px;
  padding-left: 5px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: -21px;
  right: -1px;
  border: 1px solid #ddd;
  border-bottom: 0 none;
  box-shadow: 0px -2px 5px 0px #ccc;  
  -moz-box-shadow: 0px -2px 5px 0px #ccc;  
  -webkit-box-shadow: 0px -2px 5px 0px #ccc;  
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}

#subscribe-control #subscribe-toggle, #subscribe-control #subscribe-close {
  text-indent: 9999em;
  width: 20px;
  height: 20px;
  display: block;
  float: left;
}

#subscribe-control #subscribe-toggle:hover {
  background-color: #fff;
}

#subscribe-control #subscribe-toggle.minimize{
  background-image: url('images/icon-minimize.gif');
  background-position: center center;
}

#subscribe-control #subscribe-toggle.maximize{
  background-image: url('images/icon-maximize.gif');
  background-position: center center;
}

#subscribe-control #subscribe-close {
  background-image: url('images/icon-close.gif');
  background-position: center center;
}