/* ------------------------------------------------------------------------------------
Website: Riverside Museum Appeal
File: Global styles
Author: Reading Room
Created: October 2009

Blue - links, headings - #0a5688
Green - link hover - #029142
Green - outlines - #007139
Dark blue - top bar and footer - #455370
Pink - donate total, subnav on - #d8093d
Pink - dark bg - #ef5091
Dark grey - donor wall - #191919
Grey - donor wall lower border - #b7bcbf
Pale grey - home museum big image bg - #f2f5f6
Pale gunmetal grey - donor wall border - #a6b1b3
Pale blue grey - home video box - #ebecee
Pale blue grey 2 - twitter feed - #e2e7e8
Light blue - borders - #dfeaee
Green menu - #00b274
Blue menu - #0078bf
Yellow menu - #eeb30f
Blue text (on dark bgs) - #56bceb
Grey text - #4b4b4b
------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------
-- Resets and base styles
------------------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, 
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, 
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 1em; }

img, embed, form, fieldset, iframe { border: 0; vertical-align: bottom; }

ul, ol { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

table { border-collapse: collapse; border-spacing: 0; }
table th { font-weight: normal; text-align: left; }

body { font: 62.5% "Arial", sans-serif; line-height:1.3; background-color:#f1f4f5; color:#000; }
input, textarea { font-family:"Arial", sans-serif; } 

/* ------------------------------------------------------------------------------------
-- General typography, layout and classes
------------------------------------------------------------------------------------ */
a { text-decoration:underline; color:#0a5688; }
a:hover, a:active, a:focus { color:#029142; }

.moreLink li, p.moreLink, a.moreLink { display:block; min-height:18px; padding:3px 0 0 24px; font-size:.9em; text-transform:uppercase; text-decoration:none; background:url(../images/bullet-green.png) no-repeat 0 0; }
.moreLink a { text-decoration:none; }
.moreLink a:hover, .moreLink a:active, .moreLink a:focus, a.moreLink:hover, a.moreLink:active, a.moreLink:focus { text-decoration:underline; }

.wrapper { position:relative; width:860px; margin:0 auto; position:relative; }

/* ------------------------------------------------------------------------------------
-- Top section
------------------------------------------------------------------------------------ */
#tools { min-height:2.6em; color:#fff; background:#455370 url(../images/bg-topbar.png) repeat-x bottom; font-size:1.15em; }
#tools a { color:#fff; text-decoration:none; }
#tools a:hover, #tools a:active, #tools a:focus { color:#e7e7e7; text-decoration:underline; }

#skipToContent { float:left; padding-top:.6em; }
#tools ul { float:right; padding-top:.1em; }

#tools li { display: inline; padding:0 .3em 0 .5em; border-right:1px solid #fff; }
#tools li.last { padding-right:0; border-right:none; }
#tools li ul { display: inline; float:none; }
#tools li ul a { text-transform:uppercase; }
#tools li ul li { float:none; padding:0; border:none; }
#tools li ul li#textSize {  }
#tools li#toolsColour img { padding-bottom:2px; }
#tools li ul li.large a { font-size:1.2em; }
#tools li ul li.xlarge a { font-size:1.4em }

/* ------------------------------------------------------------------------------------
-- Menu, logo and donate
------------------------------------------------------------------------------------ */
#top { position:relative; }
.home #top { min-height:385px; background:#f2f5f6; }

.home #top #mainImage { position:absolute; width:100%; height:385px; bottom:0; left:0; background:url(../images/bg-home-mainimage.png) no-repeat center bottom; }
.home #top #mainImage div { position:absolute; width:100%; height:100%; top:0; left:0; }

#top #mainLogo { position:absolute; top:14px; left:0; z-index:10; }

#donate { position:relative; padding:46px 0 0 10px; width:352px; font-size:1.2em; z-index:9; color:#4b4b4b; }
#donate p { margin-bottom:.75em; }
#donate #donateCTA { position:relative; display:block; margin:0 0 .75em -23px; z-index:10; }
#donate #currentTotal { position:absolute; left:95px; top:190px; width:190px; z-index:10; text-transform:uppercase; }
#donate #currentTotal strong { color:#d8093d; }

#donateDropdown { position:absolute; width:330px; top:90px; left:4px; z-index:9; }
#donateDropdown .frameMain { position:relative; width:330px; padding-top:140px; background:url(../images/bg-donor-dropdown-top.png) left top no-repeat; }
#donateDropdown .frameBottom { position:relative; width:330px; height:10px; background:url(../images/bg-donor-dropdown-bottom.png) left top no-repeat; }

ol#mainNav { position:absolute; right:0; top:0; }
ol#mainNav li { position:relative; float:left; width:153px; height:74px; }
ol#mainNav li a { display:block; width:133px; height:58px; padding:8px 10px; line-height:1.2; text-transform:uppercase; text-decoration:none; border-top-width:7px; border-top-style:solid; color:#333436; }
ol#mainNav li.on a, ol#mainNav li.current_page_item a, ol#mainNav li.current_page_ancestor a, ol#mainNav li a:hover, #menu ol li a:active, #menu ol li a:focus { height:61px; padding-top:5px; border-top-width:10px;  background:url(../images/bg-menu-on.png) repeat-x top;}
ol#mainNav li.page_item_0 a { border-top-color:#00b274; font-size:1.8em; }
ol#mainNav li.page_item_1 a { border-top-color:#0078bf; font-size:1.5em; }
ol#mainNav li.page_item_2 a { border-top-color:#eeb30f; font-size:1.5em; }
ol#mainNav li a span { display:block; }

/* ------------------------------------------------------------------------------------
-- Main content area - general
------------------------------------------------------------------------------------ */
#mainContent { clear:both; position:relative; color:#4b4b4b; }
#mainContent h1 { padding-bottom:.7em; font-size:3em; color:#0A5688; }
#mainContent p, #mainContent ul, #mainContent ol { font-size:1.2em; margin-bottom:1em; }
#mainContent p p, #mainContent ul p, #mainContent p ul, #mainContent ol p, #mainContent p ol, #mainContent ol ul, #mainContent ul ol, #mainContent ol ol, #mainContent ul ul { font-size:1em; }

/* ------------------------------------------------------------------------------------
-- Homepage
------------------------------------------------------------------------------------ */
/* Donor wall*/
#donorWall { background:#191919 url(../images/bg-home-donorwall.png) center top;  }
#donorWall .wrapper { min-height:121px; }

#donorIntro { float:left; width:310px; padding-top:22px; }
#donorIntro h2 { font-size:1.4em; color:#eee; text-transform:uppercase; line-height:1.3;}
#donorIntro h2 strong { font-size:1.4em; font-weight:normal; color:#eeb30f; }

#donorIntro form { padding-top:12px; }
#donorIntro form * { vertical-align:middle; }
#donorIntro form label { font-size:1.1em; color:#fff; padding-right:4px; }
#donorIntro form input.text { width:108px; padding:1px 2px; font-size:1.2em; border:none; border-top:1px solid #a6b1b3; border-bottom:1px solid #a6b1b3; }
#donorIntro form input.submit { padding:1px 2px; font-size:1.2em; background:#00b274; border:none; }
#donorIntro form .error { padding:.4em 0 0 78px; font-size:1.1em; color:#EEB30F; }

#donorCTA { position:absolute; right:-10px; bottom:0; width:189px; min-height:26px; background:url(../images/tab-donorwall.png) no-repeat; }
#donorCTA a { display:block; padding:6px 7px 0 42px; min-height:20px; width:140px; text-transform:uppercase; font-size:1.1em; font-weight:bold; color:#029142; background:url(../images/bullet-green.png) no-repeat 20px 4px; }
#donorCTA a:hover, #donorCTA a:active, #donorCTA a:focus { text-decoration:underline; color:#eee; }

#donors { position:absolute; right:0; top:0; width:474px; }
#donors li { position:absolute; width:160px; height:66px; background:url(../images/bg-donor-wall-icon.png) no-repeat left top; }
#donors li img { position:absolute; top:11px; left:11px; }
#donors li span { position:absolute; top:10px; left:68px; color:#fff; font-size:1.1em; text-transform:uppercase;}
#donors li span strong { display:block; }
#donors li.donor1 { top:12px; left:0px; }
#donors li.donor1 strong { color:#eeb30f; }
#donors li.donor2 { top:32px; left:155px; }
#donors li.donor2 strong { color:#56bceb; }
#donors li.donor3 { top:12px; right:0px; }
#donors li.donor3 strong { color:#ef5091; }

#donorSearchResults { position:relative; border-bottom:14px solid #b7bcbf; background:#b0b0b0 url(../images/bg-donorsearch.png) repeat-x bottom; }
#donorSearchResults .wrapper { min-height:138px; }
#donorSearchResults #loadingGraphic { position:absolute; left:50%; top:50px; margin-left:-16px; }
#donorSearchResults h3 { padding:1em 0 .5em 0; font-size:1.3em; font-weight:bold; color:#0a5688; }
#donorSearchResults ul { position:relative; margin-left:-8px; }
#donorSearchResults li { position:relative; float:left; padding-right:8px; width:160px; height:66px; background:url(../images/bg-donor-wall-icon.png) no-repeat left top; }
#donorSearchResults li.noResults { position:relative; float:none; padding-right:0; padding-left:8px; width:auto; height:auto; font-size:1.2em; background:transparent; }
#donorSearchResults li img { position:absolute; top:11px; left:11px; }
#donorSearchResults li span { position:absolute; top:10px; left:68px; font-size:1.1em; text-transform:uppercase;}
#donorSearchResults li span strong { display:block; }
#donorSearchResults .close { position:absolute; bottom:0; left:50%; margin-bottom:-14px; margin-left:-40px; }

#donorMore { position:absolute; right:-10px; bottom:1px; width:189px; min-height:26px; background:url(../images/tab-donorwall.png) no-repeat; }
#donorMore a { display:block; padding:6px 7px 0 42px; min-height:20px; width:140px; text-transform:uppercase; font-size:1.1em; font-weight:bold; color:#029142; background:url(../images/bullet-green.png) no-repeat 20px 4px; }
#donorMore a:hover, #donorCTA a:active, #donorCTA a:focus { text-decoration:underline; color:#eee; }

/* Main conent area */
.home #mainContent { padding:30px 0; background:#f1f5f6 url(../images/bg-home-maincontent.png) repeat-x top; }
.home #mainContent h2 { margin-bottom:.5em; font-size:1.8em; text-transform:uppercase; color:#000; }
.home #mainContent .moreLink li { float:right; }
.home #mainContent .moreLink li.first { float:left; }

.home #welcome { float:left; width:356px; text-align:justify; }
.home #welcome h2 { padding:5px 0; color:#0a5688; border-bottom:1px solid #0a5688; }
.home #welcome li { display:block; min-height:18px; padding:3px 0 0 24px; font-size:.9em; text-transform:uppercase; text-decoration:none; background:url(../images/bullet-green.png) no-repeat 0 0; }
.home #welcome a { text-decoration:none; }
.home #welcome a:hover, .home #welcome a:active, .home #welcome a:focus { text-decoration:underline; }


.home #videos { float:right; width:469px; }
.home #videos .frameTop { position:relative; width:469px; height:6px; background:url(../images/frame-home-video-top.png) no-repeat; }
.home #videos .frameMain { position:relative; padding:0 6px; background:url(../images/frame-home-video-main.png) repeat-y; }
.home #videos .frameBottom { position:relative; width:469px; height:6px; background:url(../images/frame-home-video-bottom.png) no-repeat; }
.home #videos .frameInner { position:relative; padding:7px 5px; background:#ebecee url(../images/bg-home-video.png) repeat-y; }
.home #videos h2 { padding:6px 0 0 5px; width:133px; float:right; }
.home #videos .videoLinks { float:right; width:138px; }
.home #videos .videoLinks div { min-height:18px; padding:1px 0 .4em 24px; font-size:1.2em; background:url(../images/bullet-green.png) no-repeat 0 0; }
.home #videos .videoLinks div.on { background:url(../images/bullet-pink.png) no-repeat 0 0; }
.home #videos .videoLinks a { cursor: pointer; }
.home #videos .video { position:relative; float:left; width:300px; }

/* Twitter */
#twitter { padding:30px 0; background:#e2e7e8; }
#twitter h2 { margin-bottom:.5em; font-size:1.8em; text-transform:uppercase; color:#000; }

#twitter ul { width:641px; float:left; }
#twitter li { position:relative; width:130px; padding-right:29px; float:left; font-size:1.1em; color:#4b4b4b; }

.twitter li.twitter-item {word-wrap: break-word; }

#twitter #followUsOn { width:218px; float:left;  }
#twitter #followUsOn * { vertical-align:top;  }
#twitter #followUsOn h3 { display:inline; font-size:1.1em; text-transform:uppercase; color:#0A5688; }
#twitter #followUsOn ul { display:inline; float:none; width:auto; }
#twitter #followUsOn li { display:inline; float:none; padding:0 0 0 8px; width:auto; }


/* ------------------------------------------------------------------------------------
-- Internal pages
------------------------------------------------------------------------------------ */
/* Main wrapper, and internal pages background image */
.internal #mainWrapper { position:relative; padding-bottom:3em;  }
.internal #mainBackground { width:100%; position:absolute; bottom:0; z-index:-1; }
.internal #mainContent h2 { margin-bottom:.5em; font-size:1.8em; text-transform:uppercase; color:#000; }

/* main content area */
.internal #mainContent { float:right; display:inline; width:618px; margin:-70px -44px 0 0; }
.singleCol #mainContent { width:872px; }

.internal #mainContent .frameTop { position:relative; width:618px; height:9px; background:url(../images/frame-inner-content-top.png) no-repeat; }
.internal #mainContent .frameMain { position:relative; padding:0 9px; background:url(../images/frame-inner-content-main.png) repeat-y; }
.internal #mainContent .frameBottom { position:relative; width:618px; height:9px; background:url(../images/frame-inner-content-bottom.png) no-repeat; }
.internal #mainContent .frameInner { position:relative; padding:20px 30px; background:#fff; }
.singleCol #mainContent .frameTop { width:872px; background:url(../images/frame-inner-wide-top.png) no-repeat; }
.singleCol #mainContent .frameMain { background:url(../images/frame-inner-wide-main.png) repeat-y; }
.singleCol #mainContent .frameBottom { width:872px; background:url(../images/frame-inner-wide-bottom.png) no-repeat; }

.internal #mainContent ul li { list-style-type:square; margin-left:2em; }
.internal #mainContent ol li { list-style-type:decimal; margin-left:2em; }
.internal #mainContent p.intro { font-size:1.4em; color:#0A5688; }
.internal #mainContent img { padding:3px; border:1px solid #e1e1e1; }
.internal #mainContent .wp-caption { padding:3px; border:1px solid #e1e1e1; margin-bottom:1em; }
.internal #mainContent .wp-caption p { margin:0; font-size:1.1em; text-align:center; }
.internal #mainContent .wp-caption img { padding:0; border:none; }

.internal #mainContent .alignleft { float:left; margin:0 20px 1em 0; }
.internal #mainContent .alignright { padding:3px; border:1px solid #e1e1e1; }

/* Breadcrumb */
.internal #mainContent #breadcrumb { background:#fff; }
.internal #mainContent #breadcrumb .inner { padding:10px 176px 10px 10px; border-bottom:1px solid #f2f5f6; }
.singleCol #mainContent #breadcrumb .inner { margin-left:254px; }
.internal #mainContent #breadcrumb ol, .internal #mainContent #breadcrumb p, .internal #mainContent #breadcrumb li { margin:0; padding:0; display:inline; color:#4b4b4b; list-style-type:none; }
.internal #mainContent #breadcrumb ol, .internal #mainContent #breadcrumb p { font-size:1.1em; }
.internal #mainContent #breadcrumb li { padding:0 0 0 2px; }
.internal #mainContent #breadcrumb a { padding:0 8px 0 0; background:url(../images/bullet-arrowblackright.png) no-repeat right center; }

/* Decorative image in top corner */
.internal #mainContent #decoration { position:absolute; top:0; right:0; margin:-64px -26px 0 0; border:0 none !important; padding:0; }

/* CTAs */
.internal #mainContent .cta { width:302px; float:right; padding-top:10px; }
.internal #mainContent .ctaEven { clear:both; float:left; }
.internal #mainContent .cta .frameTop { position:relative; width:302px; height:9px; background:url(../images/frame-inner-cta-top.png) no-repeat; }
.internal #mainContent .cta .frameMain { position:relative; padding:0 9px; background:url(../images/frame-inner-cta-main.png) repeat-y; }
.internal #mainContent .cta .frameBottom { position:relative; width:302px; height:9px; background:url(../images/frame-inner-cta-bottom.png) no-repeat; }
.internal #mainContent .cta .frameInner { position:relative; padding:14px 8px 8px 8px; background:#fff; }
.internal #mainContent .cta .content { position:relative; padding:8px; border:2px solid #dfeaee; }
.internal #mainContent .cta .content img { float:right; padding:0; border:none; }
.internal #mainContent .cta a { text-decoration:none; }
.landing #mainContent .cta .content { position:relative; padding:0; margin-bottom:0; border:none; }
.landing #mainContent .cta img { float:none !important; position:relative; margin:0 0 8px; padding:0; left:0; top:0; border:2px solid #dfeaee !important; }
.landing #mainContent .cta .content a:hover, .landing #mainContent .cta .content a:active, .landing #mainContent .cta .content a:focus { text-decoration:underline; }

/* sub nav */
.internal #subNav { float:left; display:inline; width:224px; margin:6px 0 0 35px; color:#4b4b4b; }

.internal #subNav .frameTop { position:relative; width:224px; height:9px; background:url(../images/frame-inner-subnav-top.png) no-repeat; }
.internal #subNav .frameMain { position:relative; padding:0 9px; background:url(../images/frame-inner-subnav-main.png) repeat-y; }
.internal #subNav .frameBottom { position:relative; width:224px; height:9px; background:url(../images/frame-inner-subnav-bottom.png) no-repeat; }
.internal #subNav .frameInner { position:relative; padding:12px 14px; background:#fff; }

.internal #subNav h2 { padding-bottom:.7em; margin-bottom:.2em; font-size:1.2em; font-weight:bold; text-transform:uppercase; color:#0A5688; border-bottom:1px solid #0A5688; }
.internal #subNav li { font-size:1.2em; font-weight:bold; }
.internal #subNav a, .internal #subNav li.on li a  { display:block; padding:.5em 0 .5em 4px; color:#4b4b4b; text-decoration:none; border-bottom:1px solid #dddddd; background:transparent; }
.internal #subNav li.last a { border-bottom:none; }
.internal #subNav * a:hover, .internal #subNav * a:active, .internal #subNav * a:focus { text-decoration:underline !important; }

.internal #subNav li.current_page_item, .internal #subNav li.current_page_ancestor { border-bottom:1px solid #ddd; }
.internal #subNav li.current_page_item a, .internal #subNav li.current_page_ancestor a { padding-left:24px; color:#d8093d; border-bottom:0 none; background:url(../images/bullet-pink-whitebg.png) no-repeat 0 4px; }
.internal #subNav li.current_page_item li, .internal #subNav li.current_page_ancestor li { padding-left:20px; font-size:1em; border-bottom:none; }
.internal #subNav li.current_page_item li a, .internal #subNav li.current_page_ancestor li a { border-bottom:none; color:#4b4b4b; }
.internal #subNav li.current_page_ancestor li.current_page_ancestor a, .internal #subNav li.current_page_ancestor li.current_page_item a { padding-left:24px; color:#d8093d; border-bottom:0 none; background:url(../images/bullet-pink-whitebg.png) no-repeat 0 4px; }

/* Timeline */
.internal #mainContent #timelineControls li { float:left; margin:0; padding:0; list-style-type:none; }
.internal #mainContent #timelineControls li a { display:block; width:3em; padding:2px; text-align:center; text-decoration:none; background:#ddd; border-right:4px solid #fff; border-bottom:4px solid #fff; }
.internal #mainContent #timelineControls li a:hover, .internal #mainContent #timelineControls li a:active, .internal #mainContent #timelineControls li a:focus, #mainContent #timelineControls li a.on { color:#fff; background:#0A5688; }

.internal #mainContent #timeline { overflow: hidden; position:relative; height:313px; width:538px; clear:both; border:1px solid #ddd; }
.internal #mainContent #timeline ul { width:1500px; height:313px; background:url(../images/timeline/timeline.png) no-repeat; } 

.js #mainContent #timeline li { position:absolute; margin:0; padding:0; list-style-type:none; }
.js #mainContent #timeline li .trigger { position:relative; display:block; width:14px; height:14px; }

.js #mainContent #timeline li .popup { position:absolute; min-height:61px; display:none; bottom:2px; margin-left:-138px;/*-128px;*/ width:269px/*239px*/; padding-bottom:23px;  background:url(../images/timeline/bg-popup-bottom.png) no-repeat bottom; }
.js #mainContent #timeline li .popupInner { padding:12px 12px 0; background:url(../images/timeline/bg-popup-top.png) no-repeat top; }

.js #mainContent #timeline li img { float:left; margin-right:10px; padding:0; border:none; }
.js #mainContent #timeline li p { margin:2px 0; }

.js #y2007-1 { left:160px; top:179px; }
.js #y2007-2 { left:220px; top:109px; }
.js #y2009-1 { left:669px; top:179px; }
.js #y2010-1 { left:904px; top:139px; }
.js #y2010-2 { left:904px; top:159px; }
.js #y2010-3 { left:926px; top:179px; }
.js #y2010-4 { left:984px; top:109px; }
.js #y2010-5 { left:984px; top:199px; }
.js #y2011-1 { left:1199px; top:179px; }
.js #y2011-2 { left:1199px; top:219px; }
	/* all timeline date points are positioned here */

/* Tubepress youtube plugin */
.tubepress_thumbs { position:relative; width:540px; }
.tubepress_thumb { position:relative; background:url(../images/frame-listing-bottom.png) no-repeat bottom; /*override plugin css:*/ width:auto !important; height:auto !important; float:none !important; font-size:inherit !important; line-height:inherit !important; overflow:visible !important; text-align:left !important; } 
.tubepress_thumb_inner { width:auto !important; min-height:75px; padding:12px; background:url(../images/frame-listing-top.png) no-repeat top; }
.tubepress_thumb img { float:left; padding:0 !important; border:none !important; }
.tubepress_thumb a { cursor:pointer; }
.tubepress_meta_group { padding:0 0 .6em 22px; float:right; width:380px; font-size:1.2em; background:url(../images/bullet-green-whitebg.png) no-repeat left top; }
.tubepress_meta_runtime { font-weight:normal; font-size:1em; color:inherit; }
.tubepress_meta_title { padding:0 0 .5em 0; /*margin-left:-22px;*/ font-size:1.2em; text-transform:uppercase; }
.tubepress_meta_title a, .tubepress_meta_title a:hover, .tubepress_meta_title a:active, .tubepress_meta_title a:focus { font-size:1em; font-weight:normal; }

.tubepress_container .pagination { font-size:1.2em; }
.tubepress_container .pagination a { border: 1px solid #ddd; color: #0A5688; }
.tubepress_container .pagination a:hover, .tubepress_container .pagination a:active, .tubepress_container .pagination a:focus { border: 1px solid #029142; background-color:#fff; color: #029142; }
.tubepress_container .pagination span.current { color: #029142; font-weight:normal; }
.tubepress_container .pagination span.disabled { color: #ccc; }

#sb-title { position:absolute; left:-999em; }/*buggy title in the popup - hide it*/

/* Donor iframe */
#donorIframe { height:800px; }

/* Search results page */

.internal #mainContent #searchNamesForm { padding:.5em 0; }
.internal #mainContent #searchNamesForm label { font-size:1.2em; }
.internal #mainContent #searchNamesForm .submit { padding:2px 20px 2px 6px; cursor:pointer; text-transform:uppercase; font-size:1.2em; font-weight:bold; color:#000; border:none; background:#00b274 url(../images/button-green-pointing.png) no-repeat right center; }

.internal #mainContent .searchResults { position:relative; margin-left:40px; padding-top:2em; }
.internal #mainContent .searchResults li { position:relative; float:left; display:inline; padding:0 46px 0 0; margin:0; width:160px; height:76px; list-style-type:none; background:url(../images/bg-donor-wall-icon.png) no-repeat left top; }
.internal #mainContent .searchResults li.noResults { position:relative; float:none; padding-right:0; margin-left:-40px; width:auto; height:auto; background:transparent; }
.internal #mainContent .searchResults li.nth { margin-left:100px; }
.internal #mainContent .searchResults li img { position:absolute; top:11px; left:11px; padding:0; border:none; }
.internal #mainContent .searchResults li span { position:absolute; top:10px; left:68px; text-transform:uppercase; }
.internal #mainContent .searchResults li span strong { display:block; }
.internal #mainContent .searchResults .close { position:absolute; bottom:0; left:50%; margin-bottom:-14px; margin-left:-40px; }


/* Listing */
.internal #mainContent .listing { position:relative; width:540px; }
.internal #mainContent .listing li { position:relative; margin:0; padding:0; list-style-type:none;background:url(../images/frame-listing-bottom.png) no-repeat bottom; }
.internal #mainContent .listing li div.inner { min-height:75px; padding:12px 12px 12px 34px; background:url(../images/frame-listing-top.png) no-repeat top; }
.internal #mainContent .listing h2 { padding:0 0 .5em 22px; margin-left:-22px; font-size:1em; text-transform:uppercase; background:url(../images/bullet-green-whitebg.png) no-repeat left top; }

/* Paging controls */
.internal #mainContent .paging { clear:both; padding-top:1em; border-top:1px solid #F2F5F6; }
.internal #mainContent .paging a { display:block; font-size:1.2em; text-decoration:none; }
.internal #mainContent .paging a:hover, .internal #mainContent .paging a:active, .internal #mainContent .paging a:focus { text-decoration:underline; }
.internal #mainContent .paging .prev { float:left; padding:0 2px 0 8px; font-size:1.2em; background:url(../images/bullet-arrowblackleft.png) no-repeat left center; }
.internal #mainContent .paging .next { float:right; padding:0 8px 0 2px; font-size:1.2em; background:url(../images/bullet-arrowblackright.png) no-repeat right center; }

/* Detail page */
.internal #mainContent .date { font-size:1.2em; margin-bottom:1em; }
.internal #mainContent .date strong, #mainContent .date a { display:block; position:relative; }
.internal #mainContent .date strong { float:left; }
.internal #mainContent .date a { float:right; padding:0 0 0 8px; background:url(../images/bullet-arrowblackleft.png) no-repeat left center; }

/* audio player */
.internal #mainContent .audioPlayer { margin-bottom:1em;}

/* site map */
.internal #mainContent .ddsg-wrapper h2, .internal #mainContent .ddsg-wrapper div { display:none; }

.internal #mainContent .ddsg-wrapper li { margin:0; position:relative; padding:2px 0 .5em 24px; list-style-type:none; background:url(../images/bullet-green-whitebg.png) no-repeat left top; }
.internal #mainContent .ddsg-wrapper li ul { margin:.5em 0 0 0; }
.internal #mainContent .ddsg-wrapper li ul li { background:transparent; padding-left:0; margin-left:14px; list-style-type:square;}

/* ------------------------------------------------------------------------------------
-- Forms
------------------------------------------------------------------------------------ */
input.submit { cursor:pointer; }

.internal #mainContent .cform { margin-bottom:1em; padding:0.5em 0; border-top:1px solid #01b075; }
/*.internal #mainContent .cform legend { margin:0 0 .5em; font-size:1.4em; font-weight:bold; line-height:1.5; color:#812B85; }*/

.internal #mainContent .cform li { clear:left; margin:0; padding:0; list-style-type:none !important; background:transparent; }

.internal #mainContent .cform li label { float:left; width:22%; margin:.6em 2% 0 0; }
.internal #mainContent .cform li input, #mainContent .cform li select, #mainContent .cform li textarea { margin:.4em 0 .8em 0; vertical-align:top; }
.internal #mainContent .cform li input.single { width:30%; }
.internal #mainContent .cform li select { width:30%; }
.internal #mainContent .cform li textarea { width:74%; }

.internal #mainContent .cform li .radio p { float:left; width:22%; margin:.6em 2% 0 0;  }
.internal #mainContent .cform li .radio label { float:none; margin:0; width:auto; }
.internal #mainContent .cform li .radio ul { width:53%; float:left; }
.internal #mainContent .cform li .radio li { margin-top:.6em; }
.internal #mainContent .cform li .radio input { margin:0 .5em 0 0; vertical-align:middle; }

.internal #mainContent .cform .reqtxt, #mainContent .cform .emailreqtxt { padding-left:1%; line-height:2.5;  }

.internal #mainContent .cform .cf-sb, .cf-sb { clear:both; float:right; display:inline;/* border:1px solid #f0f0f0; */}
/*.internal #mainContent .cform .cf-sb input { /*padding:0em .2em .1em .2em; cursor:pointer; text-transform:uppercase; font-size:1em; font-weight:bold; color:#fff; border:1px solid #d1d1d1; background:#00b274; }*/
.internal #mainContent .cform .cf-sb input, .cf-sb input { padding:2px 20px 2px 6px; cursor:pointer; text-transform:uppercase; font-size:1em; font-weight:bold; color:#000; border:none; background:#00b274 url(../images/button-green-pointing.png) no-repeat right center; }

/* errors */
.internal #mainContent .failure, #mainContent .cform li.cf_li_err { font-weight:bold; background-color:#FFEBE8; border:1px solid #CC0000; padding:0 .6em; margin-bottom:1em;}
.internal #mainContent .failure { padding:5px 10px; font-size:1.2em }
#mainContent .cform li input, #mainContent .cform li select, #mainContent .cform li textarea { margin:.5em 0;}

/* Donor form */
.internal #mainContent #donorWallForm { position:relative; border-top:1px solid #01B075; padding-top:1em; margin-top:2em; }
.internal #mainContent #donorWallForm h2 { margin-bottom:1em; }

.internal #mainContent #donorWallForm #imageSelectForm, .internal #mainContent #donorWallForm .cform { clear:none; position:relative; margin:0; padding:0; float:left; width:540px; border:none; }
.internal #mainContent #donorWallForm .cform ol { margin-bottom:0; }

.internal #mainContent #donorWallForm #donorWallPreview { position:relative; float:right; width:224px; margin-top:-14px; background:url(../images/frame-donorpreview-bottom.png) no-repeat left bottom; }
.internal #mainContent #donorWallForm #donorWallPreview p { padding:14px 14px 0; margin:0; background:url(../images/frame-donorpreview-top.png) no-repeat left top; }

.internal #mainContent .donorPreview { position:relative; float:left; display:inline; padding:4px 46px 0 4px; margin:0 0 1em 7px; width:160px; min-height:70px; list-style-type:none; background:url(../images/bg-donor-wall-icon.png) no-repeat 4px 4px; }
.internal #mainContent .donorPreview img { position:absolute; top:15px; left:15px; padding:0; border:none; }
.internal #mainContent .donorPreview span.content { position:absolute; top:14px; left:72px; text-transform:uppercase; font-size:1.2em; }
.internal #mainContent .donorPreview span.content strong { display:block; }

.internal #mainContent #imageSelectForm p { margin:0; }
.internal #mainContent #imageSelectForm li { padding:0; margin:0; float:left; list-style:none; }
.internal #mainContent #imageSelectForm li.on { background:url(../images/bg-donor-wall-icon.png) no-repeat left top; }
.internal #mainContent #imageSelectForm li img { padding:11px; border:none; }
.internal #mainContent #imageSelectForm li label { cursor:pointer; }

/* hide the linklove, sorry */
.linklove {position:absolute; left:-999em; top:-999em;}

/* ------------------------------------------------------------------------------------
-- Footer
------------------------------------------------------------------------------------ */
#footer { clear:both; min-height:5.3em; background:#455370  }
#footer ol { padding: .6em 116px 0 0; /*min-height:2.4em;*/ }
#footer ol li { display:inline; padding:0 .3em /*0 .1em*/; font-size:1.15em; color:#fff; border-right:1px solid #fff; }
#footer ol li.first { padding-left:0; }
#footer ol li.last { border-right:none; }
#footer ul { text-align:center; padding: 2em 0; }
#footer ul li { display:inline; padding:20px; }
#footer p { text-align:center; padding-bottom:1em; font-size:1.2em; color:#fff; }
#footer a { color:#fff; text-decoration:none; }
#footer a:hover, #footer a:active, #footer a:focus { color:#e7e7e7; text-decoration:underline; }

#footerShare { position:absolute; top:0; right:0; width:109px; min-height:26px; background:url(../images/tab-share.png) no-repeat; }
#footerShare a { display:block; padding:5px 7px 0 42px; min-height:22px; width:140px; text-transform:uppercase; text-decoration:none; font-size:1.2em; font-weight:bold; color:#0a5688; background:url(../images/bullet-green.png) no-repeat 20px 4px; }
#footerShare a:hover, #donorCTA a:active, #donorCTA a:focus { text-decoration:underline; color:#029142; }

#atff { display:none; } /* AddThis - hide the random div the plugin adds at the top of the page */

/* ------------------------------------------------------------------------------------
-- clear fix
------------------------------------------------------------------------------------ */
.wrapper, .frameInner, .tubepress_thumb, .date, form, fieldset { clear:both; }
.wrapper:after, .frameInner:after, .tubepress_thumb:after, .date:after, form:after, fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }