/* Theme Name: M.B McGrady Chartered Accountants Author: Peter Hughes @eyesparks */ @import url("reset.css"); @import url("text.css"); @import url("960.css"); @import url("wp.css"); /* TABLE OF CONTENTS 01 - Global Elements 02 - Main Structure 03 - Header 04 - Main Content 05 - Sidebars 06 - Footer 07 - Slider 08 - Forms 09 - Call to Action */ /* 01 - GLOBAL ELEMENTS ----------------------------------------------*/ * { margin: 0; padding: 0;} html { min-height: 100%; overflow-y:scroll; } body {background:#FFFFFF; padding:30px 0; } /* 02 - MAIN STRUCTURE -----------------------------------------------*/ .hr {width:100%; height:5px; float:left; background:url(images/hr.gif) repeat-x; margin:0 0px 20px 0px;} .mb20 {margin-bottom:20px;} .mb20 p {margin-bottom:5px;} .entry {padding:0 0 20px 15px;} .nomargin {margin:0;} /* 03 - HEADER -------------------------------------------------------*/ h1.homeh1 {display:none;} .banner {margin-bottom:10px;} ul.topnav { list-style:none; margin:68px 30px 0 0px; padding:0; float:right; } ul.topnav li { margin:0 0 0 15px; padding:0; float:right; font-size:0.9em; font-weight:normal; } ul.topnav li a{ float:left; color:#000; padding:4px 10px 5px 10px; text-decoration:none; } ul.topnav li a:hover{ color:#351A11; background:#FFE3B8; } ul.topnav li.current a{ color:#351A11; background:#FFE3B8; } ul#menu-topnav { list-style:none; margin:55px 0 0 0; padding:0; float:right; } ul#menu-topnav li { margin:0 0 0 20px; padding:0; float:right; font-size:0.9em; font-weight:normal; } ul#menu-topnav li a {float:left; color:#353535; padding:5px 10px; text-transform:uppercase; } ul#menu-topnav li a:hover{color:#3A0E37; background:#DCDDDE; text-decoration:none;} ul#menu-topnav li.current_page_item a{color:#3A0E37; background:#DCDDDE; text-decoration:none;} ul#menu-servicenav {float:left; margin:20px 0 30px 0; width:940px; list-style:none; background:#DCDDDE;} ul#menu-servicenav li {float:left; font-size:11px; margin:0 8px 0 0;} ul#menu-servicenav li a {float:left; color:#353535; padding:8px 15px; text-transform:uppercase;} ul#menu-servicenav li a:hover{color:#FFF; background:#00808C; text-decoration:none;} ul#menu-servicenav li.current_page_item a{color:#FFF; background:#00808C; text-decoration:none;} ul#menu-servicenav li#menu-item-1425{float: right; margin:0;} ul#menu-servicenav li#menu-item-1425 a{float: right; text-indent:-9999px; width:125px; height:15px; background:url(images/now!accounts-menu2.png) no-repeat center center;} ul#menu-servicenav li#menu-item-1425 a:hover {background-color: #C7CACD;} /* 04 - MAIN CONTENT -------------------------------------------------*/ .bbchome {float:left;} .bbchome ul {float:left; margin:0 20px 0 0; list-style:none;} .bbchome ul li {float:left; font-size:0.9em; font-weight:bold; line-height:1.1; margin:0;} .bbchome ul li a {font-weight:normal; color:#353535; padding:8px 0; float:left; width:220px;} .bbchome ul li.current a{font-weight:bold;} .nowaccount-title {margin: 0px 0px 17px 0px;} h3.nowaccount-text {float: left; padding: 0px 5px 0px 0px} .nowaccount-logo {padding: 7px 0px 0px 0px;} .top-right-image {float: right;} blockquote.nowaccount-quote {font-size: 22px; font-style: italic; margin: 0px 0px 0px 0px; padding: 0px 22px 0px 8px;} h4.click-here {font-size:19px; font-style:normal; font-weight: 500; margin: 115px 0px 0px 0px;} a.greybutt {margin:0 10px 0 0; background:#dcddde; padding:4px 8px; color:#3a0e37; text-decoration:none; -moz-border-radius:6px; border-radius:6px; float:left; } a.greybutt:hover {background:#c8cbcd; } .greybutt img {padding: 5px 0px 0px 106px;} .oa_advantages {margin: 0px 0px 20px 0px;} /* 05 - SIDEBARS -----------------------------------------------------*/ ul.sidelist {float:left; width:130px; margin:0 20px 0 0; list-style:none; border-bottom:1px solid #ccc;} ul.sidelist li {float:left; width:130px; font-size:0.9em; font-weight:bold; line-height:1.1; margin:0; border-top:1px solid #ccc;} ul.sidelist li a {font-weight:normal; color:#353535; padding:8px 0; float:left;} ul.sidelist li.current_page_item a{font-weight:bold;} /* 06 - FOOTER -------------------------------------------------------*/ .footer {background:#DCDDDE; padding:20px; float:left; width:900px;} .footnote {float:right; width:168px;} ul.footerlist {float:left; width:130px; margin:0 15px 0 0; list-style:none;} ul.footerlist li {float:left; width:130px; font-size:0.9em; font-weight:bold; line-height:1.2; margin:0 0 8px 0;} ul.footerlist li a {font-weight:normal; color:#353535;} /* 07 - SLIDER -------------------------------------------------------*/ #slider { width: 940px; /* important to be same as image width */ height: 335px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ } #sliderContent { width: 940px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0; } .sliderImage { float: left; height: 335px; /* important to be same as image height */ position: relative; display: none; } .sliderImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 20px; width: 900px; display: none; font-size:1.7em; line-height: 1.35; font-family:Georgia, serif; color:#3A0E37; font-weight:normal; font-style: italic;} } .clear { clear: both; } .bottom { bottom: 0; left: 0; } .bottom a { position: absolute; color: white; background:url(images/button.gif) repeat-x center; padding:1px 10px 5px 10px; bottom:23px; right:30px; } ul#sliderContent { list-style: none; margin:0; padding:0;} ul#sliderContent li { list-style: none; margin:0; padding:0;} /* 08 - FORMS -------------------------------------------------------*/ input[type=text],input[type=password],input[type=email] {padding:6px; width:95%; border:1px solid #C7CACD; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 1px 1px 1px 0.1px #C7CACD; box-shadow: 1px 1px 1px 0.1px #C7CACD;} textarea {padding:6px; width:95%; border:1px solid #C7CACD; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 1px 1px 1px 0.1px #C7CACD; box-shadow: 1px 1px 1px 0.1px #C7CACD;} input[type=submit] {padding:6px 25px; background:#00808c; color: white; text-decoration: none; font-size:16px; border:0 none; cursor:pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} /* 09 - CALL TO ACTION -------------------------------------------------------*/ .callaction-text { color: #ffffff; font-size: 22px; font-family: Georgia, serif; font-weight: normal; padding: 10px 20px 45px 20px; background-color: #3A0E37; background-image:url(images/calltoaction-bkgd.png); background-position: center center; width:152px; float:right; }