/*    
<b style="color:black;background-color:rgb(160, 255, 255);">Theme</b> Name:Perth Bone and Tissue Bank 
<b style="color:black;background-color:rgb(160, 255, 255);">Theme</b> URI:http://www.perthbonebank.com/ 
Description:A custom wordpress theme for the Perth Bone and Tissue Bank 
Author:Jayden Weston and Brodie Karel
Author URI:http://www.alabaster.com.au
Version:0.1
. 
General comments/License Statement if any. 
. 
*/

/* -------- 
  
   reset.css
   * Resets default browser CSS.
   
-------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
  margin:0;
  padding:0;
  border:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
}

body{
  line-height:1.5;
  text-align:center;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
table, td, th{vertical-align:middle;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}

/* Remove annoying border on linked images. */
a img{border:none;}
/* -------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body{
  font-size:75%;
  color:#222;
  background:#fff;
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Navigation -------- */
.top-menu {
background-image:url(../images/menu.png);
height:49px;
float:left;	width:923px;
}

/* @group Main Navigation */
.top-menu {height:49px;float:left;width:923px;}

.top-menu {padding-left:0px;}
.top-menu dl {margin:0;padding:0;}
.top-menu dt {float:left;}

.top-menu dt a {
display:block;
height:0px !important;
height /**/:49px; /* IE 5/Win hack */ padding: 49px 0 0 0;
overflow:hidden;
background-repeat:no-repeat;
outline: none;
}

.top-menu dt a:hover {background-position:0 -49px;}
.top-menu dt#home, .top-menu dt#home a {width:137px;background-image:url(/images/header/nav/1-header-nav-home.jpg);}
.top-menu dt#about, .top-menu dt#about a {width:141px;background-image:url(/images/header/nav/2-header-nav-about.jpg);}
.top-menu dt#professionals, .top-menu dt#professionals a {width:250px;background-image:url(/images/header/nav/3-header-nav-medical-professionals.jpg);}
.top-menu dt#donors, .top-menu dt#donors a {width:222px;background-image:url(/images/header/nav/4-header-nav-donors.jpg);}
.top-menu dt#friends, .top-menu dt#friends a {width:173px;background-image:url(/images/header/nav/5-header-nav-friends.jpg);}
/* @end */

.small-menu a {text-decoration:none; color:black;}
.small-menu a:hover {color:gray;}
.staff-login {position:absolute; font-size:11px; width:923px; text-align:right; top:10px;}
.contact-menu {position:absolute; font-size:11px; top:130px; width:923px; text-align:right;}

/* Headings -------- */

h1,h2,h3,h4,h5,h6{font-weight:normal;color:#111;margin-top:20px;}

h1{font-size:3em;line-height:1;margin-bottom:0.5em;}
h2{font-size:2em;margin-bottom:0.75em;}
h3{font-size:1.5em;line-height:1;margin-bottom:1em;}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5{font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6{font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img{
  margin:0;
}

/* Text elements -------- */
p{margin:0 0 1.5em;}
p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right{float:right;margin:1.5em 0 1.5em 1.5em;}

a:focus, 
a:hover{color:gray;}
a{color:#5692c9;text-decoration:none;}

blockquote{margin:1.5em;color:#666;font-style:italic;}
strong{font-weight:bold;}
em,dfn{font-style:italic;}
dfn{font-weight:bold;}
sup, sub{line-height:0;}

abbr, 
acronym{border-bottom:1px dotted #666;}
address{margin:0 0 1.5em;font-style:italic;}
del{color:#666;}

pre{margin:1.5em 0;white-space:pre;}
pre,code,tt{font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

.home-full-panel {float:left;width:923px;}
.home-quarter-panel{height:800px;background-color:#f3f3f3;}
#content {float:left;width:930px;}
.content-background{background-color:white;}
.home-third {height:300px; overflow:hidden;}
.home-third-first, .home-third-first h3 {color:white;}
.home-third-last{background-color:#ebebeb;}
.footer{background-color:#b7b7b7; text-align:center;padding:10px 0 10px 0; color:white;}
.footer a {color:white; margin:0 5px 0 5px;}
.footer a:hover {color:black;}

/* Lists -------- */
li ul, 
li ol{margin:0 1.5em;}
ul, ol{margin:0 1.5em 1.5em 1.5em;}

ul{list-style-type:disc;}
ol{list-style-type:decimal;}

dl{margin:0 0 1.5em 0;}
dl dt{font-weight:bold;}
dd{margin-left:1.5em;}

/* Tables -------- */
table{margin-bottom:1.4em;width:100%;}
th{font-weight:bold;}
thead th{background:#c3d9ff;}
th,td,caption{padding:4px 10px 4px 5px;}
tr.even td{background:#e5ecf9;}
tfoot{font-style:italic;}
caption{background:#eee;}

/* Misc classes ------- */
.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide{display:none;}

.quiet{color:#666;}
.loud{color:#000;}
.highlight{background:#ff0;}
.added{background:#060;color:#fff;}
.removed{background:#900;color:#fff;}

.first{margin-left:0;padding-left:0;}
.last{margin-right:0;padding-right:0;}
.top{margin-top:0;padding-top:0;}
.bottom{margin-bottom:0;padding-bottom:0;}

/* A container should group all your columns. */
#outer-wrapper{margin:0 auto;width:971px;text-align:left;background-repeat:repeat-y;overflow:hidden;background-image: url(/images/header/template-side-gradients.jpg);}
#header-blue-bar{float:left;background-color:#539edf;overflow:hidden;height:6px;width:947px;margin-left:12px;display: inline;}
#footer-roundy-gradient-bar{float:left;overflow:auto;height:24px;width:971px;background-image: url(/images/footer-roundybits-1.jpg);}

.header{height:144px;}
#inner-wrapper{float:left;text-align:left;width:923px;margin:0 24px 0 24px;padding: 0;display: inline;}

.single-sidemenu ul {list-style-type: none;margin:0 0 30px 0;}
.single-sidemenu ul li {margin:6px 0 15px 0;}
.single-sidemenu h2 {font-size:15px; text-transform: uppercase;}

h2.post-title {color:#6590a8; text-decoration: none; font-weight: bold;}

/* Use this class on any div.span / container to see the grid. */
.showgrid{background:url(grid.png);}

/* Columns -------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25, div.span-26, div.span-27, div.span-28{
  float:left;
  margin-right:1px;
}

/* The last column in a row needs this class. */
.last, div.last{margin-right:0;}

/* Use these classes to set the width of a column. */
.span-1{width:32px;}
.span-2{width:65px;}
.span-3{width:98px;}
.span-4{width:131px;}
.span-5{width:164px;}
.span-6{width:197px;}
.span-7{width:230px;}
.span-8{width:263px;}
.span-9{width:296px;}
.span-10{width:329px;}
.span-11{width:362px;}
.span-12{width:395px;}
.span-13{width:428px;}
.span-14{width:461px;}
.span-15{width:494px;}
.span-16{width:527px;}
.span-17{width:560px;}
.span-18{width:593px;}
.span-19{width:626px;}
.span-20{width:659px;}
.span-21{width:692px;}
.span-22{width:725px;}
.span-23{width:758px;}
.span-24{width:791px;}
.span-25{width:824px;}
.span-26{width:857px;}
.span-27{width:890px;}
.span-28{width:923px;margin:0;}

/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24, input.span-25, textarea.span-25, input.span-26, textarea.span-26, input.span-27, textarea.span-27, input.span-28, textarea.span-28{
  border-left-width:1px!important;
  border-right-width:1px!important;
  padding-left:5px!important;
  padding-right:5px!important;
}

input.span-1, textarea.span-1{width:20px!important;}
input.span-2, textarea.span-2{width:53px!important;}
input.span-3, textarea.span-3{width:86px!important;}
input.span-4, textarea.span-4{width:119px!important;}
input.span-5, textarea.span-5{width:152px!important;}
input.span-6, textarea.span-6{width:185px!important;}
input.span-7, textarea.span-7{width:218px!important;}
input.span-8, textarea.span-8{width:251px!important;}
input.span-9, textarea.span-9{width:284px!important;}
input.span-10, textarea.span-10{width:317px!important;}
input.span-11, textarea.span-11{width:350px!important;}
input.span-12, textarea.span-12{width:383px!important;}
input.span-13, textarea.span-13{width:416px!important;}
input.span-14, textarea.span-14{width:449px!important;}
input.span-15, textarea.span-15{width:482px!important;}
input.span-16, textarea.span-16{width:515px!important;}
input.span-17, textarea.span-17{width:548px!important;}
input.span-18, textarea.span-18{width:581px!important;}
input.span-19, textarea.span-19{width:614px!important;}
input.span-20, textarea.span-20{width:647px!important;}
input.span-21, textarea.span-21{width:680px!important;}
input.span-22, textarea.span-22{width:713px!important;}
input.span-23, textarea.span-23{width:746px!important;}
input.span-24, textarea.span-24{width:779px!important;}
input.span-25, textarea.span-25{width:812px!important;}
input.span-26, textarea.span-26{width:845px!important;}
input.span-27, textarea.span-27{width:878px!important;}
input.span-28, textarea.span-28{width:911px!important;}

/* Add these to a column to append empty cols. */

.append-1{padding-right:33px;} 
.append-2{padding-right:66px;} 
.append-3{padding-right:99px;} 
.append-4{padding-right:132px;} 
.append-5{padding-right:165px;} 
.append-6{padding-right:198px;} 
.append-7{padding-right:231px;} 
.append-8{padding-right:264px;} 
.append-9{padding-right:297px;} 
.append-10{padding-right:330px;} 
.append-11{padding-right:363px;} 
.append-12{padding-right:396px;} 
.append-13{padding-right:429px;} 
.append-14{padding-right:462px;} 
.append-15{padding-right:495px;} 
.append-16{padding-right:528px;} 
.append-17{padding-right:561px;} 
.append-18{padding-right:594px;} 
.append-19{padding-right:627px;} 
.append-20{padding-right:660px;} 
.append-21{padding-right:693px;} 
.append-22{padding-right:726px;} 
.append-23{padding-right:759px;} 
.append-24{padding-right:792px;} 
.append-25{padding-right:825px;} 
.append-26{padding-right:858px;} 
.append-27{padding-right:891px;} 

/* Add these to a column to prepend empty cols. */

.prepend-1{padding-left:33px;} 
.prepend-2{padding-left:66px;} 
.prepend-3{padding-left:99px;} 
.prepend-4{padding-left:132px;} 
.prepend-5{padding-left:165px;} 
.prepend-6{padding-left:198px;} 
.prepend-7{padding-left:231px;} 
.prepend-8{padding-left:264px;} 
.prepend-9{padding-left:297px;} 
.prepend-10{padding-left:330px;} 
.prepend-11{padding-left:363px;} 
.prepend-12{padding-left:396px;} 
.prepend-13{padding-left:429px;} 
.prepend-14{padding-left:462px;} 
.prepend-15{padding-left:495px;} 
.prepend-16{padding-left:528px;} 
.prepend-17{padding-left:561px;} 
.prepend-18{padding-left:594px;} 
.prepend-19{padding-left:627px;} 
.prepend-20{padding-left:660px;} 
.prepend-21{padding-left:693px;} 
.prepend-22{padding-left:726px;} 
.prepend-23{padding-left:759px;} 
.prepend-24{padding-left:792px;} 
.prepend-25{padding-left:825px;} 
.prepend-26{padding-left:858px;} 
.prepend-27{padding-left:891px;} 


/* Border on right hand side of a column. */
div.border{
  padding-right:-1px;
  margin-right:1px;
  border-right:1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder{
  padding-right:16px;
  margin-right:17px;
  border-right:1px solid #eee;
}


/* Use these classes on an element to push it into the 
next column, or to pull it into the previous column.  */

.pull-1{margin-left:-33px;}
.pull-2{margin-left:-66px;}
.pull-3{margin-left:-99px;}
.pull-4{margin-left:-132px;}
.pull-5{margin-left:-165px;}
.pull-6{margin-left:-198px;}
.pull-7{margin-left:-231px;}
.pull-8{margin-left:-264px;}
.pull-9{margin-left:-297px;}
.pull-10{margin-left:-330px;}
.pull-11{margin-left:-363px;}
.pull-12{margin-left:-396px;}
.pull-13{margin-left:-429px;}
.pull-14{margin-left:-462px;}
.pull-15{margin-left:-495px;}
.pull-16{margin-left:-528px;}
.pull-17{margin-left:-561px;}
.pull-18{margin-left:-594px;}
.pull-19{margin-left:-627px;}
.pull-20{margin-left:-660px;}
.pull-21{margin-left:-693px;}
.pull-22{margin-left:-726px;}
.pull-23{margin-left:-759px;}
.pull-24{margin-left:-792px;}
.pull-25{margin-left:-825px;}
.pull-26{margin-left:-858px;}
.pull-27{margin-left:-891px;}
.pull-28{margin-left:-924px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24, .pull-25, .pull-26, .pull-27, .pull-28{float:left;position:relative;}

.push-1{margin:0 -33px 1.5em 33px;}
.push-2{margin:0 -66px 1.5em 66px;}
.push-3{margin:0 -99px 1.5em 99px;}
.push-4{margin:0 -132px 1.5em 132px;}
.push-5{margin:0 -165px 1.5em 165px;}
.push-6{margin:0 -198px 1.5em 198px;}
.push-7{margin:0 -231px 1.5em 231px;}
.push-8{margin:0 -264px 1.5em 264px;}
.push-9{margin:0 -297px 1.5em 297px;}
.push-10{margin:0 -330px 1.5em 330px;}
.push-11{margin:0 -363px 1.5em 363px;}
.push-12{margin:0 -396px 1.5em 396px;}
.push-13{margin:0 -429px 1.5em 429px;}
.push-14{margin:0 -462px 1.5em 462px;}
.push-15{margin:0 -495px 1.5em 495px;}
.push-16{margin:0 -528px 1.5em 528px;}
.push-17{margin:0 -561px 1.5em 561px;}
.push-18{margin:0 -594px 1.5em 594px;}
.push-19{margin:0 -627px 1.5em 627px;}
.push-20{margin:0 -660px 1.5em 660px;}
.push-21{margin:0 -693px 1.5em 693px;}
.push-22{margin:0 -726px 1.5em 726px;}
.push-23{margin:0 -759px 1.5em 759px;}
.push-24{margin:0 -792px 1.5em 792px;}
.push-25{margin:0 -825px 1.5em 825px;}
.push-26{margin:0 -858px 1.5em 858px;}
.push-27{margin:0 -891px 1.5em 891px;}
.push-28{margin:0 -924px 1.5em 924px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24, .push-25, .push-26, .push-27, .push-28{float:right;position:relative;}


/* Misc classes and elements
-------- */

/* In case you need to add a gutter above/below an element */
.prepend-top{
  margin-top:1.5em;
}
.append-bottom{
  margin-bottom:1.5em;
}

/* Use a .box to create a padded box inside a column.  */ 
.box{
  padding:1.5em;
  margin-bottom:1.5em;
  background:#E5ECF9;
}

/* Use this to create a horizontal ruler across a column. */
hr{
  background:#ddd;
  color:#ddd;
  clear:both;
  float:none;
  width:100%;
  height:.1em;
  margin:0 0 1.45em;
  border:none;
}
hr.space{
  background:#fff;
  color:#fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after{
  content:"\0020";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  overflow:hidden;
}
.clearfix, .container{display:block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear{clear:both;}
/* -------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------- */

label{font-weight:bold;}
fieldset{padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend{font-weight:bold;font-size:1.2em;}


/* Form fields
-------- */

input[type=text],
input.text, input.title, 
textarea, select{
  background-color:#fff;
  border:1px solid #bbb;
}
input[type=text]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus{
  border-color:#666;
}

input[type=text], 
input.text, input.title,
textarea, select{
  margin:0.5em 0;
}

input.text, 
input.title{width:300px;padding:5px;}
input.title{font-size:1.5em;}
textarea{width:390px;height:250px;padding:5px;}

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio{
  position:relative;top:.25em;
}

form.inline{line-height:3;}
form.inline p{margin-bottom:0;}


/* Success, notice and error boxes
-------- */

.error,
.notice, 
.success{padding:.8em;margin-bottom:1em;border:2px solid #ddd;}

.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success{background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a{color:#8a1f11;}
.notice a{color:#514721;}
.success a{color:#264409;}