/*
Theme Name: Matthews Hall
Theme URI: http://matthewshall.on.ca
Description: Design for MatthewsHall.on.ca
Version: 1
Author: Patrick Dryburgh, Images
Author URI: http://images.ca
Tags: MH

Updated: 16/04/09 - 2:30pm
Updated By: Pat Dryburgh


Table of Contents: 

-Resets
-Global Styles
-Header
-Navigation
-Page Structure
-Headings
-Forms
-Comments
-Extras

*/


/* =Resets -------------- */

@import url("reset.css");

/* =Global Styles -------------- */

body {background: url('images/body-bg.jpg') top center; font: 68.75% Verdana, Arial, Sans-Serif; color: #000;}

body>html {font-size: 10px;}

p {line-height: 1.5em; margin: 0 0 1.5em 0;}

a {color: #ce181f; text-decoration: none;}

a:hover {text-decoration: underline;}

img.border {background: #edf1f0; border: 1px solid #81c0c9; padding: 5px}

ul {margin: 0 0 1.5em 0;}

	.post ul li {list-style:disc; margin: 0 0 0 28px; line-height: 1.5em;}
	
hr {border: 1px solid #ce181f; clear: both; margin: 0 0 1.375em 0; height: 0;}

#wrapper {width: 820px; margin: 0 auto;}

	.page-template-advancementcentre-php #wrapper, .page-template-relationship-building-php #wrapper, .s-category-relationship-building #wrapper {background: url('images/ac-bg.jpg');}
	
#content {width: 780px; padding: 0 20px 40px 20px; overflow: auto; background: url('images/ac-footer.jpg') bottom center no-repeat;}

	.pageid-3 #content {background-image: url('images/ac-content-home.jpg');}
	
	.pageid-16 #content {background-image: url('images/ac-content-ourschool.jpg');}
	
	.pageid-19 #content {background-image: url('images/ac-content-currentdonor.jpg');}
	
	.pageid-34 #content {background-image: url('images/ac-content-relationship.jpg');}
	
	.pageid-39 #content {background-image: url('images/ac-content-alumni.jpg');}
	
	.pageid-47 #content {background-image: url('images/ac-content-wishlist.jpg');}
	
	.pageid-49 #content {background-image: url('images/ac-content-katematthews.jpg');}
	
	.pageid-52 #content {background-image: url('images/ac-content-scholarship.jpg');}
	
	.pageid-54 #content {background-image: url('images/ac-content-plannedgiving.jpg');}
	
	.pageid-70 #content {background-image: url('images/ac-content-benefactor.jpg');}
	
#push {height: 474px; width: 1px; float: left;}

#footer {width: 820px; margin: 0 auto; color: #FFF; text-align: center; font-size: 75%;}
	
/* =Header -------------- */

#header {width: 820px; height: 161px;}

	.page-template-advancementcentre-php #header, .page-template-relationship-building-php #header, .s-category-relationship-building #header {background: url('images/ac-header.jpg') 0 0 no-repeat;}

/* =Navigation -------------- */

#mainmenu {width: 174px; height: 40px; position: relative; top: 121px; left: 580px;}

	#mainmenu li a {display: block; height: 40px; float: left; background: #fff; text-indent: -9999px; background: url(images/mainmenu.png) no-repeat;}
	
	#mainmenu li.home a {height: 40px; width: 88px; background-position: 0 0;}
	
		#mainmenu li.home:hover a {background-position: 0 -40px;}
			
	#mainmenu li.acentre a {height: 40px; width: 86px; background-position: -88px 0;}
	
		#mainmenu li.acentre:hover a {background-position: -78px -80px; width: 96px; margin-left: -10px }

#navigation {width: 820px; height: 23px;}

.page-template-advancementcentre-php #navigation, .page-template-relationship-building-php #navigation, .s-category-relationship-building #navigation {background: url('images/ac-nav.jpg') 0 0 no-repeat;}

	.nav {position: relative; margin-left: 195px; width: 593px; height: 23px; background: url('images/nav.jpg') no-repeat;}
	
	.nav li {position: absolute; top: 0; height: 23px; overflow: hidden; background: transparent;}
		
		.nav li a {display: block; height: 23px; width: 100%; overflow: hidden; text-indent: -9999px;}
		
		.nav .home {left: 0; width: 70px;}
		 
		.nav .home:hover, .nav .home:focus, .nav .home:active, .current-home .home  {background: url('images/nav.jpg') no-repeat 0 -23px;}
		 
		.nav .fundraising {left: 85px; width: 104px;}
		 
		.nav .fundraising:hover, .nav .fundraising:focus, .nav .fundraising:active, .current-fundraising .fundraising, .current-benefactor .fundraising {background: url('images/nav.jpg') no-repeat -85px -46px;}
		 
		.nav .relationship {left: 220px; width: 170px;}
		 
		.nav .relationship:hover, .nav .relationship:focus, .nav .relationship:active, .current-relationship .relationship {background: url('images/nav.jpg') no-repeat -220px -69px;}
		
		.nav .alumni {left: 420px; width: 140px;}
		 
		.nav .alumni:hover, .nav .alumni:focus, .nav .alumni:active, .current-alumni .alumni {background: url('images/nav.jpg') no-repeat -420px -92px;} 
		
/* =Page Structure -------------- */

#menu {float: left; width: 163px; margin: 0 0 0 7px; padding:0; color:#608386; font-size: 90.1%; text-align: right;}

	#menu li {background: #edf1f1; padding: 5px; border-top: 2px solid #FFF; border-right: 2px solid #b4d8d3; border-bottom: 2px solid #b4d8d3;}
	
	#menu li:hover {background: #FFF; border-top-color: #edf1f1;}
	
	#menu a {color: #608386; text-decoration: none; display: block; width: 100%; height: 100%;}
	
	#menu .menu-header {width: 163px; height: 40px; background: url('images/menu-header.jpg') no-repeat; border: 0; padding: 0;}
	
	#menu .menu-header:hover {background: url('images/menu-header.jpg') no-repeat;}
		
		#menu .menu-header a {display: block; height: 100%; width: 100%; text-align: left; text-indent: -9999px !important;}
		
		#menu .menu-header a:hover {background: 0;}
		
		#menu #ourschool {background-position: 0 0;}
		
			#menu #ourschool:hover {background-position: -163px 0;}

		#menu #benefactor {background-position: 0 -40px;}
		
			#menu #benefactor:hover {background-position: -163px -40px;}
			
		#menu #alumnirelations {background-position: 0 -80px;}
		
			#menu #alumnirelations:hover {background-position: -163px -80px;}
			
		#menu #canadahelps {height: 80px; background-position: 0 -120px;}
		
			#menu #canadahelps:hover {height: 80px; background-position: -163px -120px;}
			
		#menu #relationshipbuilding {background-position: 0 -200px;}
		
			#menu #relationshipbuilding:hover {background-position: -163px -200px;}

		#menu #facebook {background-position: 0 -240px; height: 80px}
		
			#menu #facebook:hover {background-position: -163px -240px;}
			
		#menu .page-item-208 {margin: 0; padding: 0; border: 0; background: url(images/update-profile.jpg) 0 0 no-repeat; width: 163px; height: 60px;}
		
		#menu li.page-item-208 a {display: block; height: 100%; width: 100%; text-align: left; text-indent: -9999px !important;}
		
		#menu .page-item-208:hover {border: 0; background: url(images/update-profile.jpg) 0 -60px;}

.post {float: left; width: 380px; margin: 20px 0 30px 195px;}

	.pageid-16 .post, .parent-pageid-16 .post, .pageid-39 .post, .parent-pageid-39 .post, .pageid-70 .post, .parent-pageid-70 .post {margin-left: 25px;}
	
	.pageid-39 .post, .parent-pageid-39 .post, .pageid-34 .post, .parent-pageid-34 .post {margin-left: 25px;}

	.pageid-16 .post {width: 300px;}
	
	.pageid-30 .post {width: auto;}
	
	.pageid-85 .post {width: 525px;}
	
#post-3 {border-top: 2px solid #ce181f;padding-top: 6px;}

#post-3 ul {border-bottom: 2px solid #ce181f; padding-bottom: 12px; }
	
.post img {margin: 0 0 0.643em 0;}

.post .alignleft {float: left; margin: 0 24px 10px 0; width: 168px}

.post .alignright {float: right; margin: 0 -160px 10px 24px; width: 168px}

.post .wp-caption-text {text-align: center; font-size: 90.1%;}

.post-data {padding-bottom: 4px; border-bottom: 1px dotted #608386; margin-bottom: 12px;}

	.post-data span {font-size: .825em;}

#campaignTeam {width: 550px; border: 0; font-size: 90.1%;}
	
	#campaignTeam td {vertical-align: top;}

	#campaignTeam .teamImage {width: 85px; height: 100px;}
	
	#campaignTeam .teamInfo p {margin-left: 5px; width: 180px; word-break: break-word; padding-right: 10px;}
	
	.pageid-3 #campaignTeam .teamInfo p {width: 260px;}
	
.events {width: 525px; margin-bottom: 1.5em;}

	#alumniEvents td {padding: 4px 15px 4px 4px; margin-bottom: 4px; border-bottom: 1px solid #F1F1F1}
	
	#alumniEvents thead {background: #ce181f; color: #FFF; text-transform: uppercase; font-size: .9em; letter-spacing: 1px;}

	#alumniEvents .date {width: 75px;}
	
	#alumniEvents .location {width: 120px}
	
	#alumniEvents .event {width: 190px}
	
	#alumniEvents .time {width: 75px;}
	
.wishlist {width: 380px; margin-bottom: 1.5em;}

	#mhwishlist td {padding: 4px 15px 4px 4px; margin-bottom: 4px; border-bottom: 1px solid #F1F1F1}
	
	#mhwishlist thead {background: #ce181f; color: #FFF; text-transform: uppercase; font-size: .9em; letter-spacing: 1px;}

	#mhwishlist .item {width: 220px;}
	
	#mhwishlist .quantity {width: 75px}
	
	#mhwishlist .cost {width: 90px}
	
.annualgiving {width: 380px; margin-bottom: 1.5em;}

	#mhannualgiving td {padding: 4px 15px 4px 4px; margin-bottom: 4px; border-bottom: 1px solid #F1F1F1}
	
	#wishlist td {padding: 4px 15px 4px 4px;}
	
	#mhannualgiving thead, #wishlist thead {background: #ce181f; color: #FFF; text-transform: uppercase; font-size: .9em; letter-spacing: 1px; text-align: center}
	
		#mhannualgiving thead td {text-align: center}

	#mhannualgiving .title {width: 50%;}
	
	#mhannualgiving .level {width: 50%}
	
.slideshow {width: 525px; border: 1px solid #80c1c7; margin-bottom: 40px;}
	
	.slideshow img {border: 8px solid #edf1f2;}

#pager { margin: 0 0 10px 0; padding: 0; width: 541px; overflow: auto; background: #80c0c7;}

	#pager li {list-style: none; margin: 5px 5px 0 5px; float: left; padding: 0;}
	
	#pager li a {display: block; width: 100%; height: 100%;}
	
	#pager li img {border: 4px solid #fff; width: 60px; height: 60px;}
	
/* =Headings -------------- */

h1 {font-size: 1.5em; line-height: 1em; margin: 0 0 1em 0; font-weight: normal;}

h2 {font-size:1.4em; line-height: 1.286em; margin:1.929em 0 0.643em 0; font-weight: bold; color: #ce181f; text-transform: uppercase;}

	h2:first-child {margin: 0 0 0.643em 0;}
	
	.pageid-3 .entry h2:first-child {display: none;}
	
h3 {font-size: 1.2em; color: #ce181f; line-height: 1.5em; margin: 0 0 0.367em 0; font-weight: bold;}

	.post-data h3 {margin-bottom: 0;}

/* =Extras ---------------- */

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 5px solid #ff0000;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #ff0000; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #ff0000; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}