/*
Royal Blind
National Braille Week

Main stylesheet
15 Dec 2007, Chris Evans

*/

body {
    font: 75%/1.33em Verdana, Helvetica, sans-serif;
    background: #000;
    color: #59574A;
    margin:0;
    padding:0;
}

a { color: #59574A; text-decoration: none; }
a:hover { text-decoration: underline; }

:focus { outline: 0; }

h1,h2,h3,h4,h5,h6 
{
    margin: 0;
    padding: 0;
}

h1 { font-size: 140%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }

img { border: none; }

p { margin: 0 0 1em 0; }

ul.navigation {
    margin:0;
    padding:0;
    list-style: none;
}

div#skip-navigation { position: absolute; top: -9999px; left: -9999px; }

div#page { width: 955px; margin: 0 auto; }

div#header {
	background: transparent url(../images/headerinterior_bg.jpg) no-repeat left top;
	height: 170px;
	overflow: hidden; 
}

div#header h2 { color:#A77777; line-height: 1.66em; margin-top: 70px; float: left; padding-left: 0; font-size: 200%; font-family: Georgia,Times,serif; font-weight: normal; }

div#header img.mainLogo { float: left; margin-left: 50px; margin-top: 25px;  }
div#header a.textVersion { float: right; margin-top: 10px; color:#d0af7d; }
div#donateButton { float: right; margin-right: 18px; margin-top: 18px; }
a#donateLink { display:block; width:94px; height:94px; text-indent:-99999px; background: transparent url(../images/donate-badge.png) no-repeat left top; }

div#header div#mainmenu { clear: both; }

div#header div#mainmenu ul { margin: 0 0 0 50px;}
div#header div#mainmenu ul li { display: block; float: left; padding: 10px 0; }
div#header div#mainmenu ul li.firstNode { padding-left: 0; }
div#header div#mainmenu ul li a { display: block; height: 25px; text-indent:-9999px; }

div#header div#mainmenu ul li.homepage a { background: transparent url(../images/nav/homepage.gif) no-repeat left top; width: 92px; }
div#header div#mainmenu ul li.news a { background: transparent url(../images/nav/news.gif) no-repeat left top; width: 74px; }
div#header div#mainmenu ul li.braille a { background: transparent url(../images/nav/braille.gif) no-repeat left top; width: 86px; }
div#header div#mainmenu ul li.royal-blind a { background: transparent url(../images/nav/royal-blind.gif) no-repeat left top; width: 121px; }
div#header div#mainmenu ul li.contact-us a { background: transparent url(../images/nav/contact-us.gif) no-repeat left top; width: 100px; }
/*
div#header div#mainmenu ul li.louis-braille a { background: transparent url(../images/nav/louis-braille.gif) no-repeat left top; width: 124px; }
div#header div#mainmenu ul li.learning-braille a { background: transparent url(../images/nav/learning-braille.gif) no-repeat left top; width: 149px; }
div#header div#mainmenu ul li.games a { background: transparent url(../images/nav/games.gif) no-repeat left top; width: 83px; }
*/

div#content {
}

div#flashcontent { margin-bottom: 6px; }

div#content { background: #EEE9DC url(../images/pageinterior_bg.jpg) no-repeat left top; padding: 0 42px 0 42px; min-height: 400px; }


div#content div.homepage div.feature { float: left; }

div#content div.homepage div.decode { width: 486px; height:150px; padding: 30px 0 0 50px; background: transparent url(../images/decode-scroll.png) no-repeat left top; }
div#content div.homepage div.quicklinks { float: right; width: 276px; height:163px; padding: 45px 0 0 60px; background: transparent url(../images/quicklinks-scroll.png) no-repeat left top; }

div#content div.homepage div.decode h3 { padding-bottom: 5px; }
p.send-a-message a { display: block; width:121px; height:16px; text-indent:-9999px; background: transparent url(../images/buttons/send-a-message.gif) no-repeat left top; }


p.link-to-article a,
p.reference a,
div.paging a.post-new { font-weight: bold; padding-right: 16px; background: transparent url(../images/moreinfo.gif) no-repeat right .4em;}
p.reference a { font-weight: normal; }


div#content div.homepage div.quicklinks ul { margin: 0; padding:0; list-style: none; }
div#content div.homepage div.quicklinks ul li { margin:0; padding:0; }
div#content div.homepage div.quicklinks ul li a { display: block; width:215px; height:18px; text-indent: -9999px;}

* html div#content div.homepage div.quicklinks ul li a,
* html p.send-a-message a { position: relative; }

div#content div.homepage div.quicklinks ul li.blogspot a { background: transparent url(../images/buttons/blogspot.gif) no-repeat left top; }
div#content div.homepage div.quicklinks ul li.webchat a { background: transparent url(../images/buttons/webchat.gif) no-repeat left top; }
div#content div.homepage div.quicklinks ul li.recent-news a { background: transparent url(../images/buttons/recent-news.gif) no-repeat left top; }
div#content div.homepage div.quicklinks ul li.braille-kit a { background: transparent url(../images/buttons/braille-kit.gif) no-repeat left top; }
div#content div.homepage div.quicklinks ul li.donation-page a { background: transparent url(../images/buttons/donation-page.gif) no-repeat left top; }

div#content div.latest-news h3 {
	text-indent: -9999px;
	background:transparent url(../images/headings/latest-news.gif) no-repeat left top;
	width:160px;
	height:26px;	
	margin: 40px 0 15px 0;
}
div#content div.latest-events h3 {
	text-indent: -9999px;
	background:transparent url(../images/headings/events.gif) no-repeat left top;
	width:160px;
	height:26px;	
	margin: 40px 0 15px 0;
}

div#content div.archived-news h3 {
	text-indent: -9999px;
	background:transparent url(../images/headings/archived-news.gif) no-repeat left top;
	width:200px;
	height:26px;	
	margin: 40px 0 15px 0;
}
div#content div.archived-events h3 {
	text-indent: -9999px;
	background:transparent url(../images/headings/events_archive.gif) no-repeat left top;
	width:200px;
	height:26px;	
	margin: 40px 0 15px 0;
}

div#content div.recent-news h3 {
	text-indent: -9999px;
	background:transparent url(../images/headings/recent-news.gif) no-repeat left top;
	width:160px;
	height:26px;	
	margin: 40px 0 15px 0;
}

div#content div.latest-news h4,
div#content div.latest-events h4,
div#content div.archived-news h4,
div#content div.archived-events h4 { font-size: 180%; line-height: 1.2em; }
div#content div.latest-news h4 span.date,
div#content div.latest-events h4 span.date,
div#content div.archived-news h4 span.date,
div#content div.archived-events h4 span.date { font-weight: normal; font-size: 65%; margin-left: 10px;}
div#content div.latest-news p,
div#content div.latest-events p,
div#content div.archived-news p,
div#content div.archived-events p { margin: 1em 0 1em 0;}
div#content div.latest-news p.link-to-article,
div#content div.latest-events p.link-to-article,
div#content div.archived-news p.link-to-article,
div#content div.archived-events p.link-to-article  { margin-bottom:0; }

div#content div.news-item { background: transparent url(../images/dotborder.gif) repeat-x left bottom; padding-bottom: 20px; margin-bottom: 20px; }
div#content div.news-item img { float: left; padding: 15px 5px 5px 0; }
div#content div.news-item.final { background: none; }
div#content div.recent-news h4 { line-height: 1.2em; }
div#content div.recent-news h4 span.date { font-weight: normal; font-size: 80%; margin-left: 10px;}
div#content div.recent-news p { font-size: 85%; margin: 1em 0 0 0; line-height: 1.25em; }

div#content div.columned-content { background: transparent url(../images/coltile.gif) repeat-y left top; }
div#content div.column-inner { background: transparent url(../images/colhead_bg.jpg) no-repeat left top; padding-bottom: 20px; }
div#content div.single { background: none; }
div#content div.single div.column-inner { background: transparent url(../images/colheadsingle_bg.jpg) no-repeat left top; padding: 15px 15px 20px 20px; }

div#content div.columned-content div.column-inner ol li { margin-bottom:1em; }

div#content div.decode div.column-inner { background: transparent url(../images/decode-bg.jpg) no-repeat left top; padding: 15px 15px 0 20px; height: 366px; margin-bottom: 20px; }

div#content div.blogspot div.message-sent { min-height: 366px; padding: 1px 20px; }
* html div#content div.blogspot div.message-sent { height: 366px; }

div#content div.decode div.message-sent { background: transparent url(../images/decodesent-bg.jpg) no-repeat left top; }

div#content div.decode div.column-inner p { color:#fff; }

div#content div.column-inner div.main-content { float: left; width: 550px; padding-bottom: 20px; background: transparent url(../images/dotborder.gif) repeat-x left bottom; }
div#content div.column-inner div.sidebar { float: right; width:270px; }

div#content div.column-inner div.article-view { padding-top: 40px; }

div#content div.column-inner div.standard { width:580px; padding-left:20px; padding-top: 15px; background: none; }

div#content div.contact div.column-inner div.main-content { padding-bottom: 40px; }
div#content div.contact div.column-inner div.sidebar { width:276px; padding-top:12px; }

div#content div.contact div.contact-details { padding-bottom: 20px; color:#742A02; font-weight: bold; }
div#content div.contact div.contact-details a {color:#742A02;}

div#content div.contact div.contact-details p { margin-bottom: .5em; }
div#content div.contact div.contact-details p span { display: block; line-height: 1.88em; float: left;} 

div#content div.contact div.contact-details p span.address,
div#content div.contact div.contact-details p span.phone,
div#content div.contact div.contact-details p span.fax,
div#content div.contact div.contact-details p span.email { padding-left: 20px; padding-right: 25px;}

div#content div.contact div.contact-details p span.address { background: transparent url(../images/icons/address.gif) no-repeat left top; }
div#content div.contact div.contact-details p span.phone { background: transparent url(../images/icons/phone.gif) no-repeat left top; }
div#content div.contact div.contact-details p span.fax { background: transparent url(../images/icons/fax.gif) no-repeat left top; }
div#content div.contact div.contact-details p span.email { background: transparent url(../images/icons/email.gif) no-repeat left top; }

div#content div.column-inner div.standard img { margin-bottom: 10px; margin-top:10px; }

img.sideContentImage { float: left; }

div#content div.latest-news,
div#content div.latest-events,
div#content div.archived-news,
div#content div.archived-events,
div#content div.postings-list { float: left; width: 380px; margin: 0 20px 0 20px; }
div#content div.postings-list { margin-left: 15px; }

div#content div.postings-list div.blog-items { padding-left: 5px; padding-bottom: 1px; background: transparent url(../images/dotborder.gif) repeat-x left bottom; }

div#content div.posts-sorting { width: 325px; margin:35px 0 20px 0; background: transparent url(../images/dotborder.gif) repeat-x 5px bottom; padding-bottom: 3px;}

div#content div.archived-news,
div#content div.archived-events,
div#content div.postings-list { width: 565px; }
div#content div.recent-news,
div#content div.article-image { float: left; width: 185px; margin: 0; }
div#content div.article-image { padding-top: 40px; }
div#content div.archive { font-size: 75%; float: right; width: 200px; padding: 15px; margin-top: 15px; margin-right: 10px; background: transparent url(../images/newsarchive-bg.jpg) no-repeat left top; padding-bottom:0; }
div#content div.archive-foot { float: right; width: 230px; clear: right; margin-right: 10px; background:transparent url(../images/newsarchive-foot.gif) no-repeat left bottom; height: 13px; }

div#content div.archive p.adminLink { font-size: 100%; }

* html div#content div.latest-news,
* html div#content div.latest-events,
* html div#content div.archived-news,
* html div#content div.archived-events,
* html div#content div.recent-news,
* html div#content div.article-image,
* html div#content div.archive,
* html div#content div.postings-list,
* html div#content div.archive-foot { display: inline; }

p.not-found { padding-bottom: 170px; }

div#content div.archive p { margin: 5px 10px;  }
div#content div.archive ul { list-style-type:none; padding-left:10px; }
div#content div.archive ul li { margin-bottom:6px; }
div#content div.archive a {
background:transparent url(../images/moreinfo.gif) no-repeat scroll right 0.4em;
font-weight:bold;
padding-right:16px;
}

div#content div.column-inner div.main-content h4 { font-size: 120%; }

div#content div.archive h3 {
	text-indent: -9999px;
	background:transparent url(../images/headings/news-navigation.gif) no-repeat left top;
	width:197px;
	height:39px;	
}

div#content div.menu h3 {
	text-indent: -9999px;
	background:transparent url(../images/headings/menu.gif) no-repeat left top;
	width:197px;
	height:39px;	
}

div#content div.downloads h3 {
	text-indent: -9999px;
	background:transparent url(../images/headings/download-archive.gif) no-repeat left top;
	width:197px;
	height:39px;	
}

div#content div.top-10 h3 {
	text-indent: -9999px;
	background:transparent url(../images/headings/top-10.gif) no-repeat left top;
	width:197px;
	height:39px;	
}

div#content h3.louis-braille {
	text-indent: -9999px;
	background:transparent url(../images/headings/story-of-louis-braille.gif) no-repeat left top;
	width:481px;
	height:26px;	
	margin: 25px 0 12px;
}

div#content h3.contact-us {
	text-indent: -9999px;
	background:transparent url(../images/headings/registered-charity-office.gif) no-repeat left top;
	width:550px;
	height:26px;	
	margin: 25px 0 12px;
}

div#content h3.learning-braille {
	text-indent: -9999px;
	background:transparent url(../images/headings/how-does-it-work.gif) no-repeat left top;
	width:570px;
	height:26px;	
	margin: 25px 0 12px;
}

div#content h3.post-blog {
	text-indent: -9999px;
	background:transparent url(../images/headings/post-your-blog-entry.gif) no-repeat left top;
	width:570px;
	height:26px;	
	margin: 25px 0 12px;
}

div#content h3.braille-facts {
	text-indent: -9999px;
	background:transparent url(../images/headings/questions-and-answers.gif) no-repeat left top;
	width:570px;
	height:26px;	
	margin: 25px 0 12px;
}

div#content h3.games {
	text-indent: -9999px;
	background:transparent url(../images/headings/try-our-braille-games.gif) no-repeat left top;
	width:570px;
	height:26px;	
	margin: 25px 0 12px;
}

div#content h3.royal-blind {
	text-indent: -9999px;
	background:transparent url(../images/headings/services-we-offer.gif) no-repeat left top;
	width:570px;
	height:26px;	
	margin: 25px 0 12px;
}

div#content h3.decode,
div#content h3.decodesent {
	text-indent: -9999px;
	background:transparent url(../images/headings/send-a-message-to-a-friend.gif) no-repeat left top;
	width:817px;
	height:25px;	
	margin: 20px 0 12px;
}

div#content h3.decodesent { background-image: url(../images/headings/sent-a-message-to-a-friend.gif); }

div#content h3.sitemap {
	text-indent: -9999px;
	background:transparent url(../images/headings/complete-directory.gif) no-repeat left top;
	width:570px;
	height:26px;	
	margin: 25px 0 12px;
}

ul.archive-summary {margin:0 20px 0 10px; padding:0; list-style: none; }
ul.archive-summary li { line-height: 1.2em; margin:3px 0 0 0; padding:0 0 5px 0; display: block; background: transparent url(../images/dotborder.gif) repeat-x left bottom; }
ul.archive-summary li a { padding:0 0 0 15px; display: block;  background: transparent url(../images/arrow.gif) no-repeat left .5em;}

div.downloads ul.archive-summary li a { background-image: url(../images/download.gif); background-position: left top; }
div.downloads ul.archive-summary li.pdf-download a { padding-left: 20px; line-height:18px; font-weight: bold; background-image: url(../images/icons/pdf.gif); margin-left: 16px; }
div.downloads ul.archive-summary li.pdf-download { background: none; }

ul.archive-summary li p a { display: inline; background: none; padding:0; }

p.supplemental { font-style: italic; font-size: 90%; }
p.citations { clear: both; font-style: italic; padding-bottom: 6px; background: transparent url(../images/dotborder.gif) repeat-x left bottom; }
p.offset { margin-top: 60px; }
p.pdf-download { font-size: 85%; color:#742A02; margin-bottom: 25px; }
p.pdf-download a { display: block; font-weight: bold; color:#742A02; padding-left: 25px; background: transparent url(../images/icons/pdf.gif) no-repeat left top; }
p.pdf-download a span.file-size { font-weight: normal; }

p.adminLink {font-weight: bold; color:#742A02; font-size: 85%;}
div#content p.adminLink a {color:#742A02;}

div.decoded-message { position: relative; min-height:367px; background: transparent url(../images/message-bg.jpg) no-repeat left top; }
* html div.decoded-message { height: 367px; }

img.braille-legend { margin-top: 10px; margin-bottom: 40px; }
img.code-message { margin: 55px 0 0 25px; }

div.blog-item { padding: 0 0 15px 0; margin: 0 0 24px 0; }

div.decoded-message p.message-info,
div.blog-item p.message-info { font-weight: bold; color:#742A02; font-size: 85%; position: absolute; left: 25px; bottom: 20px; margin:0; padding:0; }
div.blog-item p.message-info { position: static; }

div.decoded-message p.message-info a,
div.blog-item p.message-info a {color:#742A02;}

div.decoded-message p.message-info span,
div.blog-item p.message-info span { margin-right: 45px; padding-left: 22px; display: block; float: left; }
div.decoded-message p.message-info span.reveal { margin:0; }

div.decoded-message p.message-info span.author,
div.blog-item p.message-info span.author { background: transparent url(../images/icons/author.gif) no-repeat left top; }
div.blog-item p.message-info span.author { min-width: 150px; }
* html div.blog-item p.message-info span.author { width: 150px; }

div.decoded-message p.message-info span.print { background: transparent url(../images/icons/print.gif) no-repeat left top; }
div.decoded-message p.message-info span.send { background: transparent url(../images/icons/send.gif) no-repeat left top; }
div.decoded-message p.message-info span.reveal { background: transparent url(../images/icons/help.gif) no-repeat left top; }

div.blog-item p.message-info span.date { background: transparent url(../images/icons/date.gif) no-repeat left top; }
div.blog-item p.message-info span.views { background: transparent url(../images/icons/views.gif) no-repeat left top; }

div.decoded-message span.message-text-display { padding: 55px 0 0 25px; line-height: 1.7em; display: block; font-size: 230%; color:#000; font-family: Georgia,Times,serif;}

fieldset { width: 100%; border: none; margin:0; padding:0;}

fieldset.news-edit-form { width: 700px; }

fieldset div.row input,
fieldset div.row select,
fieldset div.row textarea { padding: 3px 0; font-size: 100%; font-family: Verdana, Arial, Helvetica, Sans-Serif; }

h2.editform-title { padding-top: 10px; }

div.submitrow { text-align: right; padding-right: 115px; padding-top: 20px; padding-bottom: 40px; }
fieldset.news-edit-form div.submitrow { padding-right: 50px;}

fieldset.form legend { display: none; }
fieldset div.row { padding:0; margin: 8px 0;}
fieldset div.row label { width:170px; float: left; font-weight: normal; font-size: 90%; margin-right: 10px;}
fieldset div.wide label { display: block; float: none; width: auto; padding-bottom: 6px; padding-top: 6px;  }
fieldset div.row input { font-size: 90%; width: 160px; float: left; padding: 3px 4px; }
fieldset div.row select {width: 164px; float: left;}
fieldset div.row select.small { width: 115px;  }
fieldset div.row textarea { font-size: 90%; padding: 3px 4px; width: 274px; float: left; background: #000; color:#fff; border: 1px solid #ccc;}

fieldset.form label {text-align: right; color:#fff; }
fieldset.form input {background: #000; color:#fff; border: 1px solid #ccc;}

div#content div.post-form { padding-bottom: 40px; }

div.post-form fieldset.form div.row input,
div.post-form fieldset.form div.row textarea {background: #fff; color:#000; border: 1px solid #ccc; width: 274px;}
div.post-form fieldset.form label { color:#000; }

fieldset div.wide input,
fieldset div.wide select,
fieldset div.wide textarea { margin-left: 170px; }

span.mandatory { color:#ff0000; }
span.error { color:#ff0000; padding-left: 10px; font-size: 90%; }

fieldset input.button { margin-left: 180px; }
fieldset.news-edit-form input.button { margin: 0; }

fieldset div.checkbox { width: auto; padding-bottom: 10px; }
fieldset div.checkbox label { width: auto; padding-left: 5px;  }
fieldset div.checkbox input,
div.post-form fieldset.form div.checkbox input { width: auto; margin-left: 180px; border: none; background: none; }

fieldset.news-edit-form div.row input { width:450px; color:#000; }
fieldset.news-edit-form div.row textarea { width:458px; color:#000;}

fieldset.news-edit-form div.checkbox input { width: auto; margin:0 0 0 20px; }

div.post-form { padding-top:15px; padding-right:15px; padding-left:20px; }

fieldset div.current-image-display { clear: both; padding-left: 122px; }
fieldset div.current-image-display h3 { padding: 15px 0 10px 0; }
div#content fieldset div.current-image-display label,
div#content fieldset div.current-image-display input { width: auto; float: none; }

div#adminLoggedIn { background: #EEE9DC; border: 1px solid #742A02; padding: 10px; color:#742A02;}
div#adminLoggedIn { font-size: 90%; font-weight: bold;  }

ul.sitemap { margin:0; padding:0; list-style: none; }
ul.sitemap li { float: left; width: 167px; margin-bottom: 30px; }
ul.sitemap li a { font-weight: bold; font-size: 120%;}

div.login { width: 45%; }
div.userPanel, div.passwordPanel { margin: 0 0 .5em 0; }
div.userPanel label, div.passwordPanel label { float: left; width: 40%; }
div.userPanel input, div.passwordPanel input {float: right; width: 55%;}

img.facts-image { float: right; margin: 15px 10px 0 0; }
img.royalblind-small { float: right; margin: 40px 4px 0 0; }

div.facts p { padding-left:20px; margin-top: 20px; }

div.about-section { background: transparent url(../images/dotborder.gif) repeat-x left bottom; padding: 0 0 10px 0; margin: 0 0 10px 0; }

div.about-section ul li { font-style: italic; }

div.blogspot-header { position: relative; }
img.blog-post { position: absolute; right:0; top:0; }
img.brailleMap { margin-top:15px; }

div.paging { padding-top: 20px; }

div.paging ul {
    margin:0 auto;
    padding:0;
    list-style: none;   
}

div.paging ul li {
    display: inline;    
    margin:0;
    padding:0 2px 0 1px;
    background: transparent url(../images/paging-sep.gif) no-repeat right center;
}

div.paging ul li a {
   padding: 0 2px 0 2px;
   margin: 0 1px 0 1px;
   color:#000;
   text-decoration: none;  
   height:1%; 
}

div.paging ul li.current a {
    background:#FCF8D5;
    text-decoration: none;
}

div.paging ul li.lastNode { background: none; }

div.paging ul li a:hover {
    text-decoration: none;
    color:#742A02;
}

div.paging { font-size: 90%; }

div.paging ul li.current a:hover { background:#FCF8D5; color:#000; }

div.paging p,
div.paging ul { float: left; margin-right: 20px; }

div.paging p.final-blog-nav { float: none; clear: both; }

div#footer {
	padding: 10px 0 10px 50px;
	background: #DFD4C1;
	font-size: 85%;
}

div#footer ul.navigation { height: 1%; }
div#footer ul.navigation li { display: block; float: left; line-height: 1.45em; }
div#footer ul.navigation li a { font-weight: bold; margin-left: 3px; }
div#footer ul.navigation li.firstNode a { margin-left: 0; }
div#footer p { clear: both; margin:0; padding:0; line-height: 1.45em; }

div#mainmenu ul.navigation:after,
div#content:after,
div#footer:after,
fieldset div.row:after,
div.news div.news item:after,
div.sub-testimonials:after,
div#content div.homepage:after,
div#content div.column-inner:after,
div#content div.contact div.contact-details p:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#mainmenu ul.navigation,
div#content,
div#footer,
fieldset div.row,
div.news div.news item,
div.sub-testimonials,
div#content div.homepage,
div#content div.column-inner,
div#content div.contact div.contact-details p 
{
    height: 1%;  
    display: block; 
}