/* 
ChildrensHour.ie main stylesheet
Palette
#27200b brown
#95afaf blue
#366 deep blue
#fc0 yellow
===============================================*/

/* Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a { color: #fc0; font-weight: bold; text-decoration: none;  }
a:hover { text-decoration: underline; }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; font: 80% arial,verdana,sans-serif; color: #000; background: #27200b url(../images/template/bg.png) top left no-repeat; text-align: center; }
#wrapper { width: 816px; margin: 0 auto; text-align: left; }

/* Headings,text
================================================================*/
h1 { margin-bottom: 1.6em; font-size: 1.5em; }
#pageTake h1, #pageContact h1 { margin-bottom: 1.7em; }
#pageWhat h1 { margin-bottom: 1.5em; }
#pageHow h1, #pageSignup h1 { margin-bottom: 1.3em; }
h2 { margin-bottom: 0.2em; font-size: 1.2em; }
#facebox h2 { margin-bottom: 1em; }
h3 { font-size: 1em; }

ol, ul, li { list-style: none; }
#content { line-height: 1.6em; }
#content p, #content ul, #content ol li, #content ul.bulleted li, #facebox .body p { margin-bottom: 0.7em; }
#content ol, #content ul.bulleted { margin-bottom: 1.5em; }
ul.bulleted, ul.bulleted li { list-style: disc; }
ul.bulleted { margin-left: 17px; }

/* Forms
================================================================*/
p.folaigh { display: none; }
input, textarea, select, button { font: 1em Arial, Helvetica, sans-serif; }
label { font-weight: bold; float: left; display: inline; width: 127px; }
label.major { float: none; display: block; width: auto; }
input.standard, textarea { width: 163px; }
textarea { height: 46px; }
p.option { clear: left; padding-bottom: 0.8em; }
p.option label { font-weight: normal; float: none; width: auto; }
p.option input { float: left; margin: 1px 7px 0 0; }
#formSignup select { margin: 5px 0 10px 127px; width: 169px; }
button { width: 73px; height: 33px; background: url(../images/template/button.gif) top left no-repeat; border: 0; color: #fc0; font-weight: bold; cursor: pointer; line-height: 33px; }
button:hover { color: #fff; }
#formSignup p.actions { margin-left: 220px; }  
form em.error { color: #366; font-weight: bold; font-style: normal; }

/* Structure
================================================================*/
#nav { height: 41px; background: #1b1708 url(../images/template/border-nav.gif) bottom left repeat-x; font-size: .95em; }
#nav ul { margin: 0 auto; padding: 12px 0 12px; }
#nav li { display: inline; margin-right: 3em; }
#nav li#navContact { margin-right: 0; }

#pageHome li#navHome a, #pageHome li#navHome a:visited, #pageAbout li#navAbout a, #pageAbout li#navAbout a:visited, #pageContact li#navContact a, #pageContact li#navContact a:visited,
#pageWhat li#navWhat a, #pageWhat li#navWhat a:visited, #pageHow li#navHow a, #pageHow li#navHow a:visited,
#pageTake li#navTake a, #pageTake li#navTake a:visited, #pageSignup li#navSignup a, #pageSignup li#navSignup a:visited, 
#pageThanks li#navSignup a, #pageThanks li#navSignup a:visited
{ color: #fff; }

#branding { margin-left: 10px; padding: 15px 0 7px; }

#mainOuter, #mainInner, #main, #content, #buttons, #text {  float: left; display: inline; }
#mainOuter, #mainInner, #main { width: 816px; }
#mainOuter { padding-top: 14px; margin-bottom: 24px; background: url(../images/template/bg-main-top.png) top left no-repeat;  }
#mainInner {  padding-bottom: 14px; background: url(../images/template/bg-main-bottom.jpg) bottom left no-repeat; }
#main { background: url(../images/template/bg-main-middle2.png) top left repeat-y; }
#content { position: relative; margin: 0 0 8px 14px; background: url(../images/illustrations/how.jpg) top left no-repeat; }
* html #content { height: 450px; }

#text { padding: 13px 0 27px 0; width: 470px; min-height: 450px; height: auto; }
.short_text {min-height:100px!important}
#buttons { margin: 314px 39px 20px 16px; width: 218px; }
.short_buttons { margin-top: 250px!important; }
#pageAbout #content { background-image: url(../images/illustrations/about.jpg); }
#pageContact #content { background-image: url(../images/illustrations/contact.jpg); }
#pageTake #content { background-image: url(../images/illustrations/take-part.jpg); }
#pageSignup #content, #pageThanks #content { background-image: url(../images/illustrations/signup.jpg); }
#pageHow #content { background-image: url(../images/illustrations/how.jpg); }
#pageWhat #content { background-image: url(../images/illustrations/what.jpg); }

#footer { clear: both; /*padding-bottom: 2em;*/ margin-bottom: 2em; color: #95afaf; font-size: .9em; text-align: center; background-color: #27200b; background-color:#27200B }
#footer a, #footer a:visited { font-weight: normal; }

/* Special cases
================================================================*/

#pageAbout #content h2 { margin-top: 3.2em; }
#pageContact #content h2 { margin-bottom: 0; font-size: 1em; }
#pageTake #content h2 { margin-bottom: 1em; }

a.button { float: left; margin-left: 15px; padding: 9px; border: 1px solid #fff; background-color: #27200b; font-size: 1.9em;  }

#pageAbout #buttons { margin-top: 264px; }
#pageWhat #buttons { margin-top: 352px; }
#pageHow #buttons { margin-top: 377px; }
#pageSignup #buttons { margin-top: 256px; }

#pageHome a.button { float: left; margin: 26px 0 0 462px; font-size: 2.2em; padding: 5px 10px; }
#pageTake a.button, #pageThanks a.button { display: none; }

#iyf { position: absolute; bottom: 0; left: 13px; width: 233px; height: 109px; z-index: 1}
#splash #iyf { left: auto; right: 0; width: 157px; height: 91px; }

#message { text-indent: -999em; width: 306px; height: 89px; margin: 45px 0 0 23px; background: url(../images/messages/contact.gif) top left no-repeat; }

#pageWhat #message { width: 470px; height: 117px; margin: 43px 0 80px 0; background-image: url(../images/messages/about.gif); }
#pageThanks #message { width: 416px; height: 80px; background-image: url(../images/messages/thanks.gif); margin: 27px 0 0 0; }
#pageHome #message { clear: left; width: 478px; height: 51px; background-image: url(../images/messages/home.gif); margin: 0 0 0 301px; }

#banner { float: left; display: inline; width: 125px; margin: 5px 15px 15px 0; }

#pageTake #content { padding-bottom: 40px; }

#pageHow #text { width: 510px; }
#pageHow #content p, #pageHow #content ul { margin-right: 30px; }
#map { padding: 1em 0 0.5em; }
#map iframe { margin-bottom: 0.5em; }
#map h2 { margin-bottom: 0.5em; }
#pageHow #content #map p { margin-right: 0; } 

.segment { padding: 1em 0 0.3em; }
p.alert { color: #366; }

#splash { position: relative; height: 440px; margin: 10px 24px; }
#splash h1 { text-indent: -999em; width: 490px; height: 78px; float: left; display: inline; margin: 32px 0 16px 36px; background: url(../images/headings/home2.gif) top left no-repeat; }

/*donation screen*/
iframe { border: 0; margin-bottom: 4em; }

#wish-list { vertical-align:top }
#wish-list p { font-size:1.2em; margin:15px 0 0; padding:0 8px;  }
#wish-list p a { color:#231f20; font-weight:bold; }
#wish-list p a span { color:#FFCC00 }