html * {
margin: 0;
padding: 0;
}
body#home { background: #f9ede1 url("/public/img/bg.jpg") 50% 0% repeat-x; }
body { background: #f9ede1 url("/public/img/bg-int.jpg") 50% 0% repeat-x; }
/*-- Global ---------- */
body, textarea {
font: 12px/18px Lucida Grande, Lucida Sans Unicode, Verdana, Tahoma, sans-serif;
color: #2e2e2e;
}
a {
color: #7f3307;
font-weight: bold;
text-decoration: none;
}
a:hover { color: #5e561c; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 {
/* font-weight: normal; */
}
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
ul, ol {
margin: 0px 36px 18px 18px;
}
ul li, ol li { margin: 9px 0 9px 0;}
/*-- Clearing Styles & Container --*/
/*.container {
width: 910px;
margin: 0 auto;
background: #fff;
}*/
.block {
width: 910px;
margin: 0 auto;
display: block;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 240px;
}
/*-- Main Navigation --*/
ul#navigation {
margin: 0;
list-style: none;
}
ul#navigation li {
margin: 0;
float: left;
}
ul#navigation li a {
display: block;
float: left;
height: 61px;
text-decoration: none;
text-indent: -999em;
}
ul#navigation li#nav_about_us a {
width: 97px;
background: url("/public/img/nav_about_us.jpg") no-repeat;
}
ul#navigation li#nav_news a {
width: 98px;
background: url("/public/img/nav_latest_news.jpg") no-repeat;
}
ul#navigation li#nav_the_need a {
width: 85px;
background: url("/public/img/nav_need.jpg") no-repeat;
}
ul#navigation li#nav_nkabom_centre a {
width: 124px;
background: url("/public/img/nav_nkabom.jpg") no-repeat;
}
ul#navigation li#nav_tours_and_workshops a {
width: 148px;
background: url("/public/img/nav_tours.jpg") no-repeat;
}
ul#navigation li#nav_events a {
width: 66px;
background: url("/public/img/nav_events.jpg") no-repeat;
}
ul#navigation li#nav_ways_to_give a {
width: 108px;
background: url("/public/img/nav_waystogive.jpg") no-repeat;
}
ul#navigation li#nav_sponsorship a {
width: 103px;
background: url("/public/img/nav_sponsorship.jpg") no-repeat;
}
ul#navigation li#nav_contact a {
width: 81px;
background: url("/public/img/nav_contact.jpg") no-repeat;
}
/*-- Logo --*/
#logo {
padding: 0 0 0 110px;
width: 461px;
}
#logo a {
display: block;
width: 346px;
height: 77px;
background: url("/public/img/int-logo.gif") no-repeat;
text-decoration: none;
text-indent: -999em;
}
#home #logo a {
height: 47px;
background: url("/public/img/home_log.gif") no-repeat;
}
/*-- Home Intro Section --*/
#home_intro_container {
height: 362px;
background: url("/public/img/home_news_bg.jpg") repeat-x;
}
#home_intro {
height: 163px;
background: url("/public/img/home_news_africa.jpg") no-repeat;
padding: 20px 0 0 277px;
width: 633px;
}
#home_intro #home_intro_title {
width: 625px;
height: 67px;
background: url("/public/img/home_intro_title.gif") no-repeat;
text-decoration: none;
text-indent: -999em;
}
#home_intro div, #home_intro p { color: #fff; }
#home_intro h3#home_news_link { padding: 0; }
#home_intro h3#home_news_link a {
float: right;
display: block;
width: 180px;
height: 67px;
background: url("/public/img/home_latestnews_button.jpg") no-repeat;
text-decoration: none;
text-indent: -999em;
}
#home_intro h3#home_blog_link { padding: 0; }
#home_intro h3#home_blog_link a {
float: right;
display: block;
width: 178px;
height: 63px;
background: url("/public/img/button_blog.jpg") no-repeat;
text-decoration: none;
text-indent: -999em;
}
img#home_hope_img { float: left; }
#home_main {
width: 910px;
height: 256px;
background: url("/public/img/home_mainimg.jpg") no-repeat;
}
#musicplayer {
width: 126px;
height: 51px;
background: blue;
float: right;
}
/*-- Home Bottom Features Section --*/
#home_features_container {
background: #7f3307;
}
#home_features ul {
}
#home_features ul, #home_features li {
margin: 0;
list-style: none;
}
#home_features li {
width: 239px;
float: left;
background: url("/public/img/home_features_bg.gif") 50% 0% no-repeat;
padding: 28px 32px 0 32px;
color: #fff;
}
#home_features a {
color: #fff;
text-decoration: underline;
}
#home_features a:hover {
text-decoration: none;
}
#home_features li#fundraising h4 {
width: 239px
height: 34px;
text-indent: -999em;
}
#home_features li#fundraising h4#fundraising_title {
background: url("/public/img/fundraising_title.gif") no-repeat;
height: 21px;
text-indent: -999em;
}
#home_features li#waystogive h4#waystogive_title {
background: url("/public/img/waystogive_title.gif") no-repeat;
text-indent: -999em;
margin: 0 0 8px 0;
}
#home_features li#sponsorship h4#sponsorship_title {
background: url("/public/img/sponsorship_title.gif") no-repeat;
text-indent: -999em;
margin: 0 0 8px 0;
}
/*-- Sidebar --*/
#sidebar {
width: 284px;
float: left;
}
/*-- support button --*/
#support {
margin: 10px 0 0 25px;
padding: 0;
}
/*-- subnav --*/
ul.subnav, ul.subnav li {
list-style: none;
margin: 0;
}
ul.subnav {
border-top: solid 1px #e5d0b9;
margin: 9px 0 0 26px;
width: 230px;
}
ul.subnav li a {
display: block;
padding: 9px 0 9px 9px;
border-bottom: solid 1px #e5d0b9;
}
ul.subnav li a:hover {
background: #e5d0b9;
}
/*-- Subpage Content --*/
#content_container {
background: url("/public/img/content_bg.jpg") 0px 10px no-repeat;
padding: 32px 0 20px 0;
}
#int_content {
width: 594px;
float: left;
padding: 0 0 0 32px;
}
#int_content a {
color: #7f3307;
font-weight: bold;
text-decoration: underline;
}
h2#contenttitle {
color: #5e561c;
font-weight: normal;
border-bottom: solid 1px #e5d0b9;
margin: 0 0 18px 0;
}
img.left {
background:#f6f9f9;
padding:8px 8px 8px 8px;
border: solid 1px #ae4c0d;
float: left;
margin: 10px 10px 10px 0;
}
img.right {
border: solid 5px #f6f9f9;
float: right;
margin: 10px 0 10px 10px;
}
/*-- breadcrumb --*/
ul#breadcrumb {
list-style: none;
margin: 9px 0 0 0;
}
ul#breadcrumb li {
display: inline;
margin: 0;
}
ul#breadcrumb li a {
text-decoration: none;
padding: 0 10px 0 0;
margin: 0 5px 0 0;
background: url("/public/img/red_arrow_r.gif") 100% 50% no-repeat;
font-size: 10px;
}
ul#breadcrumb li.home a {
}
ul#breadcrumb li.active a {
font-weight: normal;
background: none;
}
/*-- Footer --*/
#footer_container {
background: url("/public/img/footer_top.jpg") repeat-x;
}
#footer {
padding: 20px 0 20px 0;
}
#footer ul, #footer ul li ul, #footer ul li , #footer ul li ul li {
margin: 0;
list-style: none;
}
#footer ul li#footer_nav { width: 500px; }
#footer ul li#footer_contact { width: 200px; }
#footer ul li#footer_address { width: 200px; }
#footer ul li#footer_nav, #footer ul li#footer_contact, #footer ul li#footer_address { float: left; }
#footer ul li#footer_nav ul li { display: inline; }
body#editContent {
background: #fff;
padding: 10px;
}