/* ----------------------------------------------- Website Name - - - - - - - - - - - - - - - - - - - - - - - - Description: Medikidz Foundation Base Stylesheet Filename: medikidz.base.css Author: Catch Design Limited (www.catchdesign.co.nz) Date: 24 August 2009 ----------------------------------------------- */ /* =GLOBAL ----------------------------------------------- */ /* RESET Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} body { background:#f1efe7 url(../img/bg_main_image.jpg) center top no-repeat;font: 63.7%/1.4 Arial, "Helvetica neue", sans-serif; color:#535353; text-align:center; } /* =Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* =Generic */ a { color:#98643a ; text-decoration:none; } a:hover { text-decoration: underline; } a img, a:hover img { border: none; } .hide { text-indent:-9999em; outline: none; } .alignright { float:right; } .alignleft { float:left; } img.alignright { padding:0; margin:5px; border:1px solid #fff;} img.alignleft { padding:0; margin:0; } /* =Typography */ p { font-size:1.2em; margin-bottom:10px;} p.intro {font-size:1.4em;} small {} strong {font-weight: bold;} em { font-style:italic;} h1 {background:transparent url(../img/medikidz_foundation_logo.png) top left no-repeat;width:207px;height:46px;text-indent:-999em;display:block;outline:none;float:left;margin: 13px 0 0 16px;} h1 a{display:block;width:100%;height:100%;outline:none;} h2 {color:#fff;font-size:40px;text-transform: uppercase;} .heading h2{position:absolute;top:-75px;left:0;} #single h2{position:static;top:10px;font-size:24px;color:#9D0000;margin-bottom:10px;} h3 {font-size:18px;color:#9d0000; text-transform:uppercase;} #hdr_keep_in_touch{background:transparent url(../img/hdr_keep_in_touch.png) no-repeat top left;height:33px;width:79px;display:block;text-indent:-999em;float:left;margin:0;padding:0;} .aboutus h3 { margin-top:40px; } h4 {font-size:1.4em; font-weight:bold;margin-bottom:5px;color:#9d0000;} h4 a {color:#98643a; text-decoration:none;} h4 a:hover {text-decoration:underline;} h5 {} /* =Forms */ fieldset {} fieldset legend {} label {font-size:1.2em;line-height:1.8;margin-right:7px;} .error label {color:#9D0000} input {} input.textbox {border: none; background:url(../img/bg_input.png) no-repeat 0 0; width:201px; height:20px;padding: 4px 5px 0px 7px; margin:0 10px 15px 0;font-size:1.2em;} .error input.textbox {background-position:0 -24px;} input.short {background:url(../img/bg_input_short.png) no-repeat 0 0; width:115px; margin:0 10px 0 0} input.textbox:hover {background-position:0 -48px;} input.short:hover {background-position:0 -24px;} #contact_form label {width:100px; display:block; float:left;} input.radio {} input.checkbox {} input.submit {} textarea {border:none;background:url(../img/bg_textarea.png) no-repeat 0 0; width:201px; height:144px;padding: 6px 5px 4px 7px; margin:0 10px 15px 0;font-size:1.2em;} .error textarea {background-position:0 -154px;} textarea:hover {background-position:0 -308px;} select {} .btn_send {margin-left:227px} .btn_sign_up {margin-left:100px;} #contact_form {padding-top:4px;} #errors {list-style:none; background:#FFE6E6; padding: 5px 9px;margin-bottom:12px;} #errors li {color:#9D0000;} #errors a {font-weight:bold;color:#9D0000 !important; text-decoration:underline;} #errors a:hover {text-decoration:none;} /* =Lists */ ul { list-style: disc;} ol { list-style:decimal;margin:0 0 10px 20px;} li { font-size:1.2em;} ol li {margin-bottom:10px;} ol ol {margin-top:10px;} ol li li, ol li p, ol li li p {font-size:1em} ol ul {margin-left:20px;} .donation ul {list-style:none;} .donation li {float:left;margin-top:5px;} .donation li.last {margin-top:0;} .donation li .textbox, .donation li label {font-size:1em !important;} /* =Tables */ table { font-size:1.2em;} td {} /* =STRUCTURE ----------------------------------------------- */ /* Rounded corners */ .rounded{-moz-border-radius: 4px;-webkit-border-radius:4px; border-radius:4px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px;} #container {width:960px; text-align:left; margin:0 auto;} .wrap {width:960px;} #footer {} .col1 {float:left;} .col2 {float:right;} /* Content */ .heading {position:relative;} #news, #donate{width:310px;} #news {} #news h3, #donate h3{margin-bottom:10px} #news p{margin-bottom:12px;font-size:1.2em;} #donate p{font-size:1.2em;} /* Buttons */ #btn_donate_today{background:transparent url(../img/btn_donate_today.png) no-repeat top left;width:243px; height:64px;display:block; text-indent:-999em;outline:none;margin-top:24px;} #btn_donate_today:hover{background-position: -244px 0;} /* Sidebar */ #sidebar {width:270px;float:right;} #social_networking {height:185px;background:transparent url(../img/bg_sidebar.png) no-repeat top left;width:220px;float:right;padding-left:50px;margin-top:25px;} #social_networking ul {list-style-type:none;width:121px;float:right;} #social_networking a{background:transparent url(../img/bg_social_networking.png) no-repeat top left;text-indent:-999em;width:121px;height:41px;display:block;} #social_networking #twitter a{ background-position:0 0;} #social_networking #twitter a:hover{background-position:-123px 0;} #social_networking #facebook a{background-position:0 -45px;} #social_networking #facebook a:hover{background-position:-123px -45px;} #social_networking #bebo a{background-position:0 -85px;} #social_networking #bebo a:hover{background-position:-123px -85px;} #contact {height:185px;background:transparent url(../img/bg_sidebar.png) no-repeat top left;width:215px;float:right;padding:0 5px 0 50px;margin-top:25px;} #contact p {font-size:1.1em;} #contact ul {list-style:none;} #contact li {background:url(../img/hr.gif) repeat-x 0 0;padding:13px 0 11px;} #telephone {background:url(../img/hdr_telephone.png) no-repeat 0 0; display:block; width:209px; height:12px;} #contact li a {background:url(../img/btn_email.png) no-repeat 0 0; display:block; width:210px; height:29px;} #contact li a:hover {background-position:0 -33px;} /* Primary Nav */ #nav {width:240px;background:transparent url(../img/bg_nav.png) top left;height:456px; float:right;} #home #nav ul {margin-top:170px;} #nav ul {margin-top:110px;} #nav ul{list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:16px;line-height:16px;padding-left:20px;} #nav ul li {margin-bottom:16px;} #nav ul li a{color:#fff; text-transform:uppercase; text-decoration:none; outline:none; } #nav ul li a:hover, #nav ul li a.current_page_item, #nav ul li a.current_page_ancestor {color:#d4b796;} #nav ul li a:active{color:#f3d2ac;} #nav ul li ul{margin-top:0;background:transparent url(../img/dotted.png) repeat-x bottom left;padding-bottom:5px;padding-left:10px;} #nav ul li div{margin-top:10px;background:transparent url(../img/dotted.png) repeat-x top left;margin-right:20px;padding-top:5px;} #nav ul li ul li {margin-bottom:5px;} #nav ul li ul li a {text-transform:none;font-size:0.7em;} /* Content */ #home #content {margin-top:0;background: none; border:none; min-height:inherit;padding:0;margin:0;width:640px;} #content {width:650px;float:left;margin-top:105px;background:#f1efe7;min-height:350px;padding:20px 18px 0 18px;} #home #content h2{background:transparent url(../img/bg_home_strap.png) top left;width:452px;height:194px;text-indent:-999em;margin-top:146px;float:left;margin-bottom:140px;} .teaser{background:transparent url(../img/bg_teaser.png) no-repeat top left;width:284px;height:122px;padding:17px 19px;margin-top:20px;} .teaser p{font-size:1.1em; color:#535353;} .teaser h4{color:#98643a;} .teaser #who_we_are{background:transparent url(../img/btn_more_on_who_we_are.png) no-repeat top left;width:207px;height:37px;display:block;text-indent:-999em; outline:none;margin-left:37px;} .teaser #who_we_are:hover{background-position:-208px 0;} .teaser #what_we_do{background:transparent url(../img/btn_more_on_what_we_do.png) no-repeat top left;width:207px;height:37px;display:block;text-indent:-999em; outline:none;margin-left:37px;} .teaser #what_we_do:hover{background-position:-208px 0;} #donate_to_medikidz {background:url(../img/bg_donation_choice.png) no-repeat 0 0; display:block; width:594px; height:130px; padding: 15px 42px 15px 17px;margin:21px 0 16px;} #hdr_select_project {background:url(../img/hdr_select_project.png) no-repeat 0 0; display:block; width:287px; height:91px;margin-top:16px;} .white_box {background:url(../img/bg_panel_white_tile.gif) repeat-y 0 0;} .white_box_top {background:url(../img/bg_panel_white_top.gif) no-repeat 0 0;} .white_box_bottom {background:url(../img/bg_panel_white_bottom.png) no-repeat left bottom; padding: 19px 25px 26px 20px;} .white_box p {margin-bottom:14px;} .white_box img.alignright {margin: 5px 0 5px 10px;} .row {margin-bottom:34px;} .row.last {margin-bottom:0;} .row div.alignleft, .row div.alignright {width: 283px;} .row h4 {color:#98643a;} #news h3 a, #donate h3 a {color:#9d0000;} #news h3:hover, #donate h3:hover {text-decoration:underline;} #news_list {list-style:none;} #news_list li {font-size:1em;padding-bottom:15px;} .meta {text-transform:uppercase;font-size:1em; color:#999; margin-bottom:4px;} #prev_next {padding-top:4px;} #prev_next a {text-decoration:underline;} #prev_next a:hover {text-decoration:none;} #form {width: 330px;} #contact_details {width: 250px;} #thanks {} #thanks img {margin-right:15px;} #thanks p {margin-bottom:0;} #not_submitted {} #not_submitted p {margin-bottom:0;} /* Footer */ #footer {clear:both;padding-top:45px;} #footer ul{list-style-type:none;} #footer ul li{float:left; color:#919191; font-size:1.1em; padding-top:15px;padding-left:4px;} #footer ul li.logo{padding-top:0;padding-left:0;} #footer ul li a{text-decoration:underline;} #footer ul li a:hover{text-decoration:none;} /* =PLUGINS