/** * Base - Sets vertical rhythm and basic overall typographic face-lift * * @package WPFramework * @subpackage Media * @beta */ /* Document Body */ html { margin:0; padding:0;} body, input, textarea { font-family:Arial, Helvetica, sans-serif; color:#181818; font-size:14px; margin:0; padding:0; background-image:url('../images/main-bg.jpg'); background-position:top; background-repeat:no-repeat;} /* Font Styles */ .serif { font-family: Georgia, "Times New Roman", Times, serif; } .sans-serif { font-family: "lucida sans", Verdana, Arial, Helvetica, sans-serif; } /* Vertical Rhythm */ .entry-meta { margin-bottom: 10px; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 20px; } .hentry, .widget, .comment, .navigation-links { margin-bottom: 10px; } /* Logo */ #logo, #logo a { font-size: 28px; line-height: 30px; color: #000; font-weight: bold; } #logo a:hover { color: #2361a1; text-decoration: none; } #tagline { color: #333; } /*CONTACT US PAGE*/ div.wpcf7 { width:50%; float:left;} #wpcf7-f1-p118-o1 { width:50%; float:left;} /*CAPTCHA*/ .wpcf7-form-control-wrap, captcha-659 { width:150px; background-color:#999;} .wpcf7-not-valid-tip { width:150px; background-color:#999;} input { background-color:#999;} /*---------------------------------------------------------------BEGIN NAVIGATION-------------------------------------------------------*/ /* MAIN MENU */ .menucontainer { width:100%; height: 30px; margin-top:-30px; text-align:center;} .menu { width: 998px; height:30px; margin-left:auto; margin-right:auto; text-align:center;text-align:center;} .nav { float: left; line-height: 1; width: 100%; font-size:18px;} /* CHILD AND ANCESTER HIGHLIGHTING MAIN NAV COLOUR IS GREEN*/ .nav li.current_page_item { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#104e10', endColorstr='#107d10'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#104e10), to(#107d10)); /* for webkit browsers */ background: -moz-linear-gradient(top, #104e10, #107d10); /* for firefox 3.6+ */ } .nav li.current_page_ancestor { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#104e10', endColorstr='#107d10'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#104e10), to(#107d10)); /* for webkit browsers */ background: -moz-linear-gradient(top, #104e10, #107d10); /* for firefox 3.6+ */ } .nav li.current_page_child { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#104e10', endColorstr='#107d10'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#104e10), to(#107d10)); /* for webkit browsers */ background: -moz-linear-gradient(top, #104e10, #107d10); /* for firefox 3.6+ */ } .nav, .nav * { list-style: none; margin-left: 1px; }/*USED TO ADD MARGIN TO LEFT SIDE OF MAIN MENU BAR*/ .nav li { float: left; padding: 0; position: relative; width:auto; min-width:188px; text-align:center; }/*ACTUAL BUTTON WIDTH*/ .nav ul li { width: 100%; } .nav a { display: block; position: relative; padding: 8px; color:#FFF; background-color:#194783; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#194783', endColorstr='#2260b0'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#194783), to(#2260b0)); /* for webkit browsers */ background: -moz-linear-gradient(top, #194783, #2260b0); /* for firefox 3.6+ */ }/*SECOND LEVEL NAV LI COLOUR*/ .nav a:hover { display: block; position: relative; padding: 8px; color:#fff; background-color:#104e10; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#104e10', endColorstr='#107d10'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#104e10), to(#107d10)); /* for webkit browsers */ background: -moz-linear-gradient(top, #104e10, #107d10); /* for firefox 3.6+ */ }/*SECOND LEVEL NAV LI HOVER COLOUR*/ /* Hides items under top menu */ .nav ul { position: absolute; top: -9999em; width: 20em; /* left offset of submenus need to match (see below) */}/*SECOND LEVEL LI WIDTH*/ /* Shows submenus */ .nav li:hover ul, .nav li.nav-hover ul { left: -1px; top: 33px; /* match top ul list item height */ z-index: 99;}/*SUBNAV POSITION AND PADDING LEFT*/ /* Hides all sub items (4 levels deep) */ .nav li:hover li ul, .nav li.nav-hover li ul, .nav li li:hover li ul, .nav li li.nav-hover li ul, .nav li li li:hover li ul, .nav li li li.nav-hover li ul { top: -999em; } /* On :hover, displays all sub items (4 levels deep) */ .nav li li:hover ul, .nav li li.nav-hover ul, .nav li li li:hover ul, .nav li li li.nav-hover ul, .nav li li li li:hover ul, .nav li li li li.nav-hover ul { left: 20em; /* match .nav ul width */ top: -1px; } /* Default Skin */ .nav { /*border: 1px solid; border-color: #666 #666 #666 #666;*/ }/*MENU BORDER*/ .nav ul {/* border: 1px solid #ddd; border-bottom: none;*/ } .nav ul li a { border-bottom: 1px solid #ddd; }/*DROP DOWN MENU NORMAL STATE*/ .nav li:hover ul, .nav li.nav-hover ul { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#194783', endColorstr='#2260b0'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#194783), to(#2260b0)); /* for webkit browsers */ background: -moz-linear-gradient(top, #194783, #2260b0); /* for firefox 3.6+ */ }/*SUBNAV BACKGROUND COLOUR*/ .nav a { color: #fff; text-decoration:none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#194783', endColorstr='#2260b0'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#194783), to(#2260b0)); /* for webkit browsers */ background: -moz-linear-gradient(top, #194783, #2260b0); /* for firefox 3.6+ */ }/*MAIN NAV TEXT COLOUR*/ .nav a:hover { text-decoration: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#104e10', endColorstr='#107d10'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#104e10), to(#107d10)); /* for webkit browsers */ background: -moz-linear-gradient(top, #104e10, #107d10); /* for firefox 3.6+ */ }/*SUBNAV & MAIN NAV HOVER COLOUR*/ .nav ul a { border-right: none; } .nav li:hover, .nav li.nav-hover, .nav a:focus { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#194783', endColorstr='#2260b0'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#194783), to(#2260b0)); /* for webkit browsers */ background: -moz-linear-gradient(top, #194783, #2260b0); /* for firefox 3.6+ */ }/*COLOUR OF MAIN NAV BUTTON ON SUBNAV ROLLOVER*/ /* Menu bugfix */ .ie7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /*---------------------------------------------------------------END NAVIGATION-------------------------------------------------------*/ /* Links */ a { color: #736e6e; text-decoration: none; } a:hover { text-decoration: underline; } .entry-content a:link, .entry-content a:active, .entry-content a:visited { color: #2361a1; text-decoration: underline; } .entry-content a:hover { text-decoration: none; } /* Headings */ h1, h2, h3, h4, h5, h6 { clear: both; } h1 { font-size: 18px; font-weight:bold; line-height: 28px; padding: 5px 0px; color:#090; } h2 { font-size: 14px; font-weight:bold; line-height: 22px; padding: 5px 0px; } h3 { font-size: 14px; line-height: 20px; padding: 5px 0px; } h4 { font-size: 12px; line-height: 18px; padding: 5px 0px; } h5 { font-size: 12px; line-height: 18px; padding: 5px 0px; } h6 { font-size: 10px; line-height: 16px; } .widget-title { font-size: 20px; font-weight:bold; line-height: 28px; padding: 5px 0px;} body p { margin-bottom:10px;} /* Content */ .page-title { font-size: 14px; font-weight: bold; } .page-title span { font-style: italic; font-weight: normal; } .entry-title, .entry-title a { color: #090; font-size: 20px; line-height: 28px; } .entry-title a:hover { color: #2361a1; text-decoration: none; } /* Text Elements */ address { font-style: italic; } abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; } blockquote { color: #666; font-style: italic; border-left: 1px solid #ddd; margin-left: 15px; padding-left: 10px; } strong { font-weight: bold; } em, dfn, cite { font-style: italic; } dfn { font-weight: bold; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 12px; } del { text-decoration: line-through; } ins { text-decoration: underline; } code, pre { line-height: 15px; } var, kbd, samp, code, pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fafafa; } kbd { font-weight: bold; } samp, var { font-style: italic; } pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; } code { padding: 0px 3px; } /* Lists: (ul, ol, dl) */ ul, ol, dl { margin-left: 15px; } .nav { margin-left: 0px; } .entry-content ul, .entry-content ol, #search-query { margin-left: 25px; } li ul, li ol { margin-bottom: 0; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } ol { list-style-type: decimal; } ul { list-style-type: disc; } ul ul { list-style-type: circle; } ul ul ul { list-style-type: square; } dt { font-weight: bold; } .fat li { margin-bottom: 10px; } /* Tables */ table { border: 1px solid #ccc; border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; } table .even { background: #ddd; } caption { text-align: left; } tr { border-bottom: 1px solid #ccc; } th, td { padding: 5px 3px; } /* Forms */ input, textarea, button { background: #fafafa; border-color: #aaa #ddd #ddd #aaa; border-style: solid; border-width: 1px; color: #444; font-size: 14px; } input, textarea, button { font-family: Cambria, Georgia, "Times New Roman", Times, serif; padding: 3px; } button { font: 12px; padding: 2px 10px; cursor: pointer; } input:focus, textarea:focus, button:hover { background: #fff; border-color: #777 #ccc #ccc #777; } .searchform { text-align:center;} /* bugfix .safari input { padding: 0px 3px; } .chrome input { padding: 1px 3px; }*/ /* Comments */ .comment-list, .comment-list .children { list-style: none; } .comment-list { margin-left: 10px; } .comment { margin-bottom: 40px; } .comment-list .children { margin-top: 40px; } .comment-meta { margin-bottom: 10px; } .commenter { font-size: 16px; } .avatar { float: right; margin: 0px 0px 10px 20px; border: 1px #ddd solid; padding: 1px; } /* Comment Reply */ #comment-form .form-section input { margin-right: 10px; } .form-section { margin-bottom: 10px; } .form-section label { cursor: pointer; } #commenter-details input { margin-right: 10px; } #allowed-tags { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: #fff; border: 1px #ddd dotted; border-top: none; width: 573px; } /* Images */ img.alignleft { float: left; margin-right: 20px; margin-top: 5px; } img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; } img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; } .wp-caption { text-align: center; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption .wp-caption-text { margin: 0; padding: 5px; } .wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */ /* [gallery] */ .gallery { margin: auto; } .gallery-image { border: 2px solid #cfcfcf; margin-left: 0; } .gallery-caption { margin-left: 0; } .gallery-item { float: left; text-align: center; margin-left: 0; } .gallery-columns-2 { width: 50%; } .gallery-columns-3 { width: 33%; } .gallery-columns-4 { width: 25%; } .gallery-columns-5 { width: 20%; } .gallery-columns-6 { width: 16%; } .gallery-columns-7 { width: 14%; } .gallery-columns-8 { width: 12%; } .gallery-columns-9 { width: 11%; } /* Navigation */ .page-navigation .nav-next { float: left; } .page-navigation .nav-previous { float: right; } .single-page-navigation .nav-next { float: right; } .single-page-navigation .nav-previous { float: left; } /* [gallery] + navigation clearfix */ .gallery-row:after, .navigation-links:after, .container:after, .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .gallery-row, .navigation-links, .container, .menu { display: block; } /* Basic Alignments */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } /*FOOTER COPYRIGHT TEXT*/ #copyright { margin-left:40px; padding-top:12px; width:960px; height:20px;} .copyrightleft { float:left; padding-left:120px; color:#666;} .copyrightright { float:right; color:#666; padding-right:5px; text-align:right;} .copyrightright a {float:right; color:#666; padding-right:5px; text-align:right; font-weight:bold; font-style:italic;} .copyrightright a:hover {float:right; color:#333; padding-right:5px; text-align:right; font-weight:bold; font-style:italic;} /*HEADER MENU*/ .headernavcontainer { width:149px; height:176px; float:left; padding-left:60px; padding-top:124px;} .headernavtext { margin-left:8px; padding-top:15px; font-size:18px; font-weight:bold; display:block;} .headernavtext a { color:#736e6e;} .headernavtext a:hover {text-decoration:none; color:#FFF;} /*HEADER TEXT BANNER*/ .textbanner {} /*ROLLOVER BUTTON*/ a.headernav { background:url("../images/header-button-bg.png") no-repeat top; width:229px; height:53px; display:block;} a.headernav:hover { background:url("../images/header-button-bg.png") no-repeat bottom; color:#090; display:block; color:#090;} #history {margin-bottom:8px; display:block; text-decoration:none;} #history a:hover { display:block; text-decoration:none;} #mission { margin-bottom:8px; display:block; text-decoration:none;} #mission a:hover { display:block; text-decoration:none;} #accom { margin-bottom:8px; display:block; text-decoration:none;} #accom a:hover { display:block; text-decoration:none; } #medical { margin-bottom:8px; display:block; text-decoration:none;} #medical a:hover { display:block; text-decoration:none;} #don { margin-bottom:8px; display:block; text-decoration:none;} #don a:hover { display:block; text-decoration:none;} /*HIDE SIDEBAR TITLE*/ .aside h3{ display:none; } /*SIDEBAR CONTACT BUTTONS*/ .phonebutton { width:149px; height:46px; background-image:url(../images/phone.png); padding-left:80px; padding-top:7px; font-size:16px; font-weight:bold; color:#595959; margin-bottom:10px; margin-left:25px; font-family:Arial, Helvetica, sans-serif;} .faxbutton { width:149px; height:46px; background-image:url(../images/fax.png); padding-left:80px; padding-top:7px; font-size:16px; font-weight:bold; color:#595959; margin-bottom:10px; margin-left:25px; font-family:Arial, Helvetica, sans-serif;} .emailbutton { width:149px; height:46px; background-image:url(../images/email.png); padding-left:80px; padding-top:7px; font-size:16px; font-weight:bold; color:#595959; margin-bottom:10px; margin-left:25px; font-family:Arial, Helvetica, sans-serif;} .emailbutton a { color:#595959;} .emailbutton a:hover { color:#666666;}