/* 
Theme Name: The Sanctuary Theme
Description: Theme for The Animal Sanctuary
Author: Amanda Koschak
Version: 0.1 
*/
	
/* -- =1: reset all elements to a common value ----------------------------------------------------- */
body {color:#000;}
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,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* -- =2: default classes -------------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.bold { font-weight: bold !important; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }
.fullLength { width: 100%; margin-bottom: 20px;}
.italics { font-style: italic; font-weight: bold; color: #397b2c; line-height: 150%; font-size: 1.4em;}
.italicsSmall { font-style: italic; font-weight: bold; color: #397b2c; line-height: 120%; font-size: 1em;}

/* -- =3: accessibility ---------------------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }


/* -- =4: Default Styles --------------------------------------------------------------------------- */
/* =4a: colours, sizes, etc of elements */
body {
	font: 62.5%/1.4 helvetica, Verdana, Geneva, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	height: 100%;
	background-color: #e1d2bf;
	background-image:url(images/paper_bg2.jpg);
	background-repeat:repeat-x;
	
}
html {
height: 100%;

}

h1 {font-size: 3.6em; color: #451b16; text-transform: uppercase; font-weight:bold; margin-bottom: 20px;}

h2 {font-size: 2em; color: #451b16;}

h3 {font-size: 1.8em; color: #451b16;}

h4 { font-size: 1.4em; color: #451b16;}

label {
 font-weight: bold;
 color: #451b16;
 font-size: 1.2em;
}

a {  
	color: #451b16;
	font-weight: bold;
	text-decoration: none;
	}

a:visited {
	color: #451b16;
	font-weight: bold;
	}

a:hover, a:active { 
	color: #397d2d;
	font-weight: bold;
	text-decoration: none;
	}
	
p { padding-bottom: 10px;
font-size:1.2em;}
	
* { outline: none; }

/* -- =5: Layout Styles ---------------------------------------------------------------------------- */


/* -- =6: Home Page ---------------------------------------------------------------------------- */
#container {
	position: relative;
	width: 1100px;
	margin: 15px auto;
	}
	
#left {
	float: left;
	width: 155px;
	}
#kingfisher {
background-image:url(images/kingfisher.png);
position: relative;
	background-repeat:no-repeat;
	height: 315px;
	width: 216px;
	left: -60px;
	top: 20px;
	margin: 0px;
	padding: 0px;
}

#side_nav {
position: relative;
top:  -310px;
}

#middle {
	float: left;
	width: 779px;
	}

#right {
	float: left;
	width: 166px;
	}
#donkey_hen {
	background-image:url(images/peacock_right.png);
	position: relative;
	background-repeat:no-repeat;
	height: 575px;
	width: 222px;
	top: -130px;
	
}

#banner {
	float: left;
	height: 212px;
	width: 779px;
	background-image:url(images/sanctuary_banner3.jpg);
	background-repeat:no-repeat;
	}

#main {
	float: left;	
	width: 100%;
	background-color:#ffffff;
	background-image:url(images/clouds.jpg);
	background-repeat:no-repeat;
	margin-bottom: 15px;
	}

#left ul {
	margin: 0; 
	padding: 0;
	}
	
#left li {
	float: right;
	margin: 5px 0; 
	display: block;
	list-style-type: none;
	}
#galleryNav {
width: 100%;
height: 40px;
margin-top: -30px;
}
#galleryNav li {
	float: right;
	margin: 5px 5px; 
	display: block;
	list-style-type: none;
	}	

#left a {
	float: left;
	padding: 34px 0 0 0;
	width: 100px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:73px; /* for IE5/Win */
	}
	
#galleryNav a {
	float: left;
	padding: 34px 0 0 0;
	width: 100px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:73px; /* for IE5/Win */
	}	
	
#left a:hover {
	background-position: 0 -34px;
	padding: 34px 0 0 0;
	border: 0;
	}
	
#galleryNav a:hover {
	background-position: 0 -34px;
	padding: 34px 0 0 0;
	border: 0;
	}	

#left a:active {
	background-position: 0 -34px;
	border: 0;
	text-decoration: none;
	outline: none;
	}
#galleryNav a:active {
	background-position: 0 -34px;
	border: 0;
	text-decoration: none;
	outline: none;
	}	
	
#photos a {
	width: 99px;
	background: url('images/nav_photos.jpg') top left no-repeat;
	}	
#videos a {
	width: 90px;
	background: url('images/nav_videos.jpg') top left no-repeat;
	}
	#press a {
	width: 74px;
	background: url('images/nav_press.jpg') top left no-repeat;
	}

#news a {
	width: 78px;
	background: url('images/nav_news.jpg') top left no-repeat;
	}	
#about a {
	width: 84px;
	background: url('images/nav_about.jpg') top left no-repeat;
	}	
	
#animals a {
	width: 112px;
	background: url('images/nav_animals.jpg') top left no-repeat;
	}	
	
#adopt a {
	width: 84px;
	background: url('images/nav_adopt.jpg') top left no-repeat;
	}		

#gallery a {
	width: 103px;
	background: url('images/nav_gallery.jpg') top left no-repeat;
	}	
	
#bandb a {
	width: 56px;
	background: url('images/nav_bandb.jpg') top left no-repeat;
	}	

#faq a {
	width: 59px;
	background: url('images/nav_faq.jpg') top left no-repeat;
	}
#links a {
width: 133px;
	background: url('images/nav_resources.jpg') top left no-repeat;
	}	
#contact a {
	width: 112px;
	background: url('images/nav_contact.jpg') top left no-repeat;
	}		
	
#helping a {
	width: 112px;
	background: url('images/nav_helping.jpg') top left no-repeat;
	}
	
#coffee {
	position:relative;
	z-index: 1;
	margin-top: 20px;
	margin-left: 4px;
	margin-right: 0;
	width: 173px;
	}
	
#coffee_over li {
	float: left;
	margin: 0; 
	padding: 0;
	display: block;
	list-style-type: none;
	}

#coffee_over a {
	float: left;
	padding: 167px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:167px; /* for IE5/Win */
	}
	
#coffee_over a:hover {
	background-position: 0 -167px;
	padding: 167px 0 0 0;
	border: 0;
	
	}

#coffee_over a:active {
	background-position: 0 -167px;
	border: 0;
	text-decoration: none;
	outline: none;
	}	
	
#coffee_pic a {
	width: 173px;
	background: url('images/cups_rollover.png') top left no-repeat;
	}

#rss_icon {
	position:relative;
	z-index: 1;
	margin-top: 10px;
	margin-left: 28px;
	margin-right: 0;
	width: 127px;
	height: 167px;
	}
	
#icon_over li {
	float: left;
	margin: 0; 
	padding: 0;
	display: block;
	list-style-type: none;
	}

#icon_over a {
	float: left;
	padding: 167px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:167px; /* for IE5/Win */
	}
	
#icon_over a:hover {
	background-position: 0 -167px;
	padding: 167px 0 0 0;
	border: 0;
	
	}

#icon_over a:active {
	background-position: 0 -167px;
	border: 0;
	text-decoration: none;
	outline: none;
	}	
	
#icon_pic a {
	width: 127px;
	background: url('images/letter_over.png') top left no-repeat;
	}	
	

#content {
	margin: 50px 30px 20px 30px;
	min-height: 500px;
	}

#footer {
	width:745px;
	margin-top: 60px;
	color: #451b16;
	font-size: 1em;
	margin-left: 30px;
	}
	
#footer_text {
float: left;
line-height: 1.6em;	
width: 500px;

}
	
#footerlinks {
	position:relative;
	width:750px;
	text-align: center;
	margin: 20px 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #451b16;
	}
	
#copyright {
	width:100%;
	text-align: center;
	margin: 15px 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #451b16;
	}
#sponsors {
	width: 160px;
	position:relative;
	z-index: 1;
	color: #ffffff;
	background-color: #451b16;
	margin-top: 31px;
	margin-left: 10px;
	text-align:center;
	padding-bottom: 10px;
	}

#sponsors h4 {
color: #ffffff;
}

#sponsors img{
padding-top: 10px;
}

#mailing_box {
	float: left;
	width: 185px;
	margin-right: 15px;
	background-color: #451b16;
	color: #ffffff;
	padding: 7px 7px 7px 10px;
	}
	
#mailing_box .widgettitle {
	color: #ffffff;
	text-transform:uppercase;
	letter-spacing: .03em;
	font-size: 1.4em;
	margin-bottom: 2px;
	
	
}

#mailing_box h3 {
	color: #ffffff;
	letter-spacing: .03em;
	text-align:center;
	font-size: 1.4em;
	}
	
#gobtn{
	background-image: url('images/go_btn.gif');
	background-repeat:no-repeat;
	border:0px;
	width: 42px;
	height: 26px;
	float: left;	
	}

#mailing_field {
	font-size: 1.3em;
	border:0px;
	width: 140px;
	height: 16px;
	float: left;
	margin-right: 5px;
	vertical-align:middle;
	border: 5px solid #ffffff;
	}
	
#mailing_box .newsletterInput {
	border: 3px solid #ffffff;
	background-color: #ffffff;
	margin-bottom: 5px;
}

#mailingLeft {
float: left;
width: 130px;
}

#mailingRight {
	position: relative;
	float: right;

}

#mailingContainer {
	width: 175px;
margin: 0 auto;	
}
	
.three_col {
	float: left;
	width: 220px;
	height: 300px;
	margin: 10px 15px 10px 0px;
	}

.three_col img {
	margin-bottom: 10px;
	}

.col_250 {
	width: 265px;
	margin-bottom: 20px;
	}

.col_300 {
	width: 300px;
	margin-bottom: 20px;
	}
.col_350 {
	width: 350px;
	margin-bottom: 20px;
	}	
	
.col_400 {
	width: 400px;
	margin-bottom: 20px;
	}
.meetImg {
margin-right: 7px;
margin-bottom: 7px;
}

.animal_pic {
float: left;	
text-align: center;
margin-bottom: 15px;

}
.marginBottom img {
margin-bottom: 15px;	
	
}

#helpingDiv .animal_pic {
margin-right: 10px;	
}
#submitbtn {
	background-image: url('images/submit_button.gif');
	border:0px;
	width: 96px;
	height: 26px;
	margin: 2px 2px 2px 73px;
	float: left;
	}
#contactForm #message {
	color: #3D223F;
	font-weight: bold;
	font-size: 1.15em;
	margin: 0;
	}
#commentForm .inputText{
	border: 1px solid #7aa971;
	background-color: #7aa971;
	width: 300px;
	padding: 5px;
	}	
#commentForm p {
margin-bottom: 5px;	
	
}
	
#commentForm .form {
font-size: 1.2em;
font-weight: bold;
color: #451b16;
}

label { width: 5em; float: left; }
label.error { float: right; width: 220px; margin: 1em 0 0 5em; float: none; color: #397d2d; vertical-align: top; display: block; font-size: 1em; }
p { clear: both; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }

.green {
background-color: #397d2d;	
	color: #ffffff;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
	margin-bottom: 10px;
}
.brown {
background-color: #451b16;	
	color: #ffffff;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
	margin-bottom: 10px;	
	
}

.green h2 {
color: #ffffff;
}
.brown h4 {
color: #ffffff;
}
.rates p {
font-size: 1.1em;
}
.green ul  { 
	line-height:normal;
	margin: -10px 0 10px 0;
	padding: 0;
	
}
.green ul li {
	list-style-type:square;
	margin: 0 0 0 10px;
	padding: 2px;
	}
.larger {
	color: #ffffff;
font-size: 1.2em;	
font-weight: bold;
}

.pricing {
width: 80%;
font-size: 1.2em;
font-weight: bold;
margin: 5px;
}

#linksTable tr td{
padding: 10px;	
margin: 10px;	
}

#helpingDiv {
width: 600px;
margin: 0 auto;
	
}

#photoGallery {
	
	}
	
#photoGallery li {
	
display: block;
float: left;
margin: 0 10px 10px 0;
}
	
	
	.pressDiv {
	width: 200px;
	text-align:center;
		
	}
	.pressDiv img {
	margin-bottom: 10px;
		
	}	
	
	.donate {
	width: 200px;
	float: left;
	padding: 9px;
	/*background-color:#7aa971;*/
	border: 1px solid #451b16;	;
	margin: 0 15px 30px 0;	
	}
	
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	float: left;
	 clear:none;
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
padding: 0px;
}

.ngg-gallery-thumbnail-box {
	float: left;
	width: 120px;
	height: 120px;
	padding: 0;
	margin:0 15px 15px 0;
	clear:none;
	border: none;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
	height: 120px;
	padding:0;
	clear:none;
}

.ngg-gallery-thumbnail img {
	border: none;
	display:block;  
	margin:4px 0px 4px 5px;
	padding: 0;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:0;
	display:block;
}

.ngg-clear {
	clear:none;
}
	
	
.youtubeLeft {
width: 430px;
float: left;
margin-top: 20px;
}

.youtubeRight {
margin-left: 10px;
width: 250px;
float: left;
margin-top: 20px;
}

#henFormBox {
margin-left: 75px;
width: 300px;
margin-bottom: 20px;
}

.alignMiddle {
	vertical-align: middle;
}

.press_header {
margin-top: 20px;
line-height: 0;
}