/*
Theme Name: Westhampton Day School
Author: Momentum Design Studio
Theme URI: http://www.momentumdesignstudio.com
Description: Design by Ryan Powell, Production by Caroline Keim
Tags: Westhampton, day school
	
*/
	
/*
RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; height:100%; }
html, body							{ height: 100%; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 9px;}
.bold								{font-weight: bold;}
.fourteen							{font-size: 14px;}
.twentytwo							{font-size: 22px;}
p									{margin-bottom: 20px;}
.purple								{color: #5d66af;}
.line-padding						{padding: 10px 0 0 0;}
.event-name							{font-size: 18px; color: #414141; font-weight: bold; margin-bottom: 8px;}
.label								{font-size: 12px; font-weight: bold; color: #5d66af;}
.dark-grey							{color: #434343; font-weight: bold;}

/*
STRUCTURE
*/

body 					{font: 12px Arial, sans-serif; color: #434343; text-align: center; background-image:url(http://www.westhamptondayschool.org/wp-content/images/bg.jpg); background-color: #2b337b; margin: 0; padding: 0; line-height: 1.4em; background-repeat: repeat-x;}
#container 				{margin: 0 auto;  text-align:left; width:820px;background-color: #ffffff; min-height: 100%;}
#header					{width: 820px; height: 144px; background-image:url(http://www.westhamptondayschool.org/wp-content/images/header-bg.jpg); background-repeat: no-repeat; }
ul#nav					{font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 116px 0 0 165px;}
ul#nav a				{color: #ffffff; text-decoration: none;}
.current_page_item		{color: #c5de92 !important;}
ul#nav a:hover			{color: #c5de92;}
ul#nav li				{float: left; margin: 0 15px 0 0;}
.nav-divider			{width: 1px; height: 19px; background-image:url(http://www.westhamptondayschool.org/wp-content/images/nav-divider.gif); background-repeat: no-repeat; float: left;}
.nav-item				{float: left; padding: 1px 15px 0 0;}

/*
PAGE
*/

#left-side				{width: 261px; float: left;}
#left-side .feat-image	{height: 345px; background-color: #e9e8e8; border-right: 1px solid #dadada; padding: 28px 0px; text-align: center;}
#photo-side				{width: 261px; float: left;}
#photo-side .thumbs		{background-color: #e9e8e8; border-right: 1px solid #dadada; text-align: center; padding: 25px;}
#photo-side a			{font-weight: bold; color: #5d66af; font-size: 14px;}
.thumbs img				{margin-right: 20px; border: 7px solid #ffffff; margin-bottom: 20px; float: left;}
.feat-image img			{border: 7px solid #ffffff;}
#main-content			{width: 478px; float: left; padding: 30px;}
#main-content h2 		{color: #5d66af; font-size: 28px; font-family: "Times New Roman", Arial, serif; margin-bottom: 25px; }
.contact-box			{height: 232px; background-image:url(http://www.westhamptondayschool.org/wp-content/images/contact-bg.jpg); background-repeat: no-repeat;}
.contact-box-content	{padding: 20px; color: #ffffff; line-height: 1.6em;}
.contact-box-other			{height: 362px; background-image:url(http://www.westhamptondayschool.org/wp-content/images/contact-bg.jpg); background-repeat: no-repeat; background-color: #434343;}
.contact-box-content-other	{padding: 20px; color: #ffffff; line-height: 1.6em;}
#home-footer			{height: 231px; background-image:url(http://www.westhamptondayschool.org/wp-content/images/home-footer-bg.jpg); background-repeat: repeat-x; background-color: #ffffff; border-top: 1px solid #dadada;}
#home-content			{width: 558px; float: left;}
#home-content h2 		{color: #5d66af; font-size: 28px; font-family: "Times New Roman", Arial, serif; margin-bottom: 25px; }
#home-footer-content	{padding: 30px; line-height: 1.4em;}
#home-footer-content h3	{font-size: 14px; color: #5d66af; margin-bottom: 5px;}
#home-footer-content h3	a {font-size: 14px; color: #5d66af; margin-bottom: 5px;}
#home-footer-content img {float: left; border: 3px solid #5d66af; margin-right: 15px;}
#home-footer-content a	{font-size: 9px; color: #62bb46; text-decoration: none;}
#home-footer-content a:hover {text-decoration: underline;}
#home-footer-content .blurb {margin-bottom: 25px;}
#other-content			{width: 498px; float: left; margin: 30px;}
#other-content h2 		{color: #5d66af; font-size: 28px; font-family: "Times New Roman", Arial, serif; margin-bottom: 25px; }
#other-content h3 		{color: #414141; font-size: 16px; font-family: Arial, serif; margin-bottom: 5px; font-weight: bold;}
#other-content p		{margin-bottom: 15px;}
.purple-bar				{background-color: #5d66af; height: 25px;}
.to-the-top				{color: #62bb46; font-size: 9px;}
#schooling-nav			{font-size: 11px; padding: 5px 0 0 300px;}
#schooling-nav li		{float: left; margin-right: 15px;}
#photos img				{max-width: 500px; max-height: 500px;}
#schooling-nav a		{color: #ffffff; text-decoration: none;}
#schooling-nav a:hover	{color: #c5de92;}
#calendar-page			{background-image:url(http://www.westhamptondayschool.org/wp-content/images/calendar-bg.jpg); background-repeat:repeat-y;}
.photo-page			{background-image:url(http://www.westhamptondayschool.org/wp-content/images/calendar-bg.jpg); background-repeat:repeat-y; height: 900px;}
.show		{display: block;}
.hide		{display: none;}
#home-page			{background-image:url(http://www.westhamptondayschool.org/wp-content/images/calendar-bg.jpg); background-repeat:repeat-y;}


ul#slide_control li {display: block;float: left; margin-bottom: 10px;}

#prev_button {
	display:block;
	width:14px;
	height:16px;
	background:url(http://www.westhamptondayschool.org/wp-content/images/prev.jpg) no-repeat;
	cursor:pointer;
	float: right;
}
#next_button {
	display:block;
	width:14px;
	height:16px;
	background:url(http://www.westhamptondayschool.org/wp-content/images/next.jpg) no-repeat;
	cursor:pointer;
	float: right;

}

/*
FOOTER
*/
#footer					{background-color: #232323; color: #e9e8e8; font-size: 10px; padding: 7px 25px;}
#footer a				{color: #c5de92; text-decoration: none;}
#footer a:hover			{text-decoration: underline;}
#copyright				{float: left; width: 200px; text-align: left;}
#credit					{margin-left: 65px; float: left;}