/*
Theme Name: Shank3 Theme
Theme URI: http://wordpress.org/
Description: Custom theme.
Version: 1.0
Author: Thinkso Creative
Author URI: http://www.thinkso.com/

*/
/*
----------------------------------------------------------------
	RESET STYLE SHEET
----------------------------------------------------------------*/
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-size: 100%; 	vertical-align: baseline; 	background: transparent;}
body {line-height: 1;background; #fff;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/*
----------------------------------------------------------------
	BEGIN STYLE SHEET
----------------------------------------------------------------*/

body {
	background-attachment: fixed;
	}
/* homepage */
body.page-template-page-homepage-php, body.search {background: #ccc url(images/bkg_home_climb.jpg) 50% top no-repeat; background-attachment: fixed;}
/* what is PMS section */
body.page-template-page-what-is-php {background: #ccc url(images/bkg_home_climb2.jpg) 50% top no-repeat; background-attachment: fixed;}
/* what are SHANK3 section */
body.page-template-page-what-are-php {background: #ccc url(images/bkg_home_soccer.jpg) 50% top no-repeat; background-attachment: fixed;}
/* research and testing section */
body.page-template-page-testing-php {background: #ccc url(images/bkg_home_classroom.jpg) 50% top no-repeat; background-attachment: fixed;}
/* news section, blog */
body.page-template-page-news-php, body.blog, body.single {background: #ccc url(images/bkg_home_swing.jpg) 50% top no-repeat; background-attachment: fixed;}
/* seaver center section*/
body.page-template-page-seaver-php {background: #ccc url(images/bkg_home_playground.jpg) 50% top no-repeat; background-attachment: fixed;}

	
/*
----------------------------------------------------------------
	MAJOR LAYOUT AREAS
----------------------------------------------------------------*/

#wrap {
	width: 940px;
	margin: 0 auto;
	position: relative;
	}
#header {
	background: transparent url(images/bkg_header.png) top left no-repeat;
	height: 115px;
	width: 940px;
	position: relative; 
}
/*	LOGO */
#logo, #logo a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 30px;
	width: 332px;
	background: #fff url(images/pms_logo.gif) left top no-repeat;
}
#logo {position: absolute; top: 55px; left: 65px;}
#logo a:hover {
	background-position: 0 -30px;
}
/* SEARCH */
#search {position: absolute; top: 57px; right: 65px;}
#search .button {background: #623a7c url(images/bkg_searchbtn.gif) left 50% repeat-x; color: white; border: none; height: 20px; padding: 0 5px; }
#search .box {height: 18px; border: none; border-top: 1px solid #aaa; border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 1px solid #ddd;}
#content {
	/*margin-top: 115px;*/
	background: transparent url(images/bkg_content.png) left top repeat-y;
	padding: 0 65px;
}

#nav {
	float: left;
	width: 126px;
	margin-top: 9px;
	margin-right: 20px;
}

#main {
	float: left;
	width: 478px;
	margin-top: 4px;
	padding: 0 20px;
	border-left: 1px dotted #bbb;
}

.home #main {
	width: 640px;
	padding: 0 0 0 20px;
}

#sidebar {
	float: left;
	margin-top: 54px;
	padding-top: 11px;
	width: 145px;
	border-top: 1px dotted #bbb;
}

#footer {
	background: transparent url(images/bkg_footer.png) top left no-repeat;
	height: 135px;
	width: 940px;
	padding: 50px 65px 0 65px;
	position: relative; 
}

#footer h2 {
	float: left;
	width: 126px;
	margin-right: 20px;
}
#footer .address {
	float: left;
	width: 312px;
	padding: 0 20px;
	border-left: 1px dotted #999;
}

/* HOMEPAGE FEATURES */
.home #news {border-top: 1px dotted #bbb; float: left; margin-right: 20px; margin-top: 32px; padding-top: 11px; width: 312px;}
.home #feature-1 {border-top: 1px dotted #bbb; float: left; margin-right: 20px; margin-top: 32px; padding-top: 11px; width: 144px;}
.home #feature-2 {border-top: 1px dotted #bbb; float: left; margin-top: 32px; padding-top: 11px; width: 144px;}

/* NEWS & EVENTS BLOG POSTS */
.post {
	margin-bottom: 16px;
	padding-top: 11px;
	border-top: 1px dotted #bbb;
}
.post-nav {
	margin-bottom: 16px;
	padding-top: 11px;
	border-top: 1px dotted #bbb;
}


/*
----------------------------------------------------------------
	TYPOGRAPHY
----------------------------------------------------------------*/

/*	DEFAULTS */

body {color: #4d4d4d; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px;}

h1 {
	font-family: Georgia, serif;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 14px;
	font-weight: normal;
	}

h2 {
	font-size: 14px;
	color: #009b3a;
	margin-bottom: 8px;
	}

h3 {
	/* picks up on defaults set by body tag */
	font-size: 12px;
	margin-bottom: 0;
	}

p {
	margin-bottom: 16px;
	}

ul {
	margin-bottom: 16px;
	}
	
a {
	text-decoration: underline;
	color: #824bb0;
	}

a:hover {
	text-decoration: none;
	}

/*	VARIATIONS */
.home p {margin-bottom: 8px;}
#sidebar p {margin-bottom: 8px;}
#footer h2 {font-size: 11px; line-height: 14px; color: #ccc; font-weight: normal;}
#footer p {color: #ccc; font-size: 11px; line-height: 14px; margin-bottom: 0;}
#footer a {color: white; text-decoration: none;}
a.strong-link {background: #fff url(images/bkg_strong_link.gif) right 50% no-repeat; font-family: Georgia, serif; font-weight: bold; padding-right: 10px; text-decoration: none;}
a.strong-link:hover {text-decoration: underline;}
.post h2 a {color: #009b3a; text-decoration: none;}
.post h2 a:hover {text-decoration: underline;}
.post p {margin-bottom: 16px;}
.post-footer p {color: #999; font-size: 11px;}
.post-nav .divider {color: #999; padding: 0 5px;}
a.feedlink {background: url(images/rss.gif) left 1px no-repeat; padding-left: 15px;}
/*
----------------------------------------------------------------
	ITEMS
----------------------------------------------------------------*/

/*	DEFAULTS */
img {display: block; border: none; margin-bottom: 8px;}


/*
----------------------------------------------------------------
	Navigation
----------------------------------------------------------------*/
#nav ul li {
	font-family: Georgia, serif;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 16px;
}

#nav ul li ul li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin: 8px 0 0 0;
	padding-left: 10px;
	background: #fff url(images/bkg_nav_item.gif) 1px 50% no-repeat;
}
#nav a {color: #4d4d4d; text-decoration: none;}
#nav a:hover {color: #824bb0;}
#nav .current_page_item a {color: #824bb0;}
#nav .current_page_item ul li a {color: #4d4d4d;}

/* FIXING WORDPRESSES LIST PAGES BEHAVIOR VIA CSS */
#nav ul li ul { display: none; } /* hide all nested navs */
#nav ul li.current_page_item ul, #nav ul li.current_page_ancestor ul { display: block; } /* show the nested navs for list items with the "current_page_item" or "current_page_ancestor" status */

/*
----------------------------------------------------------------
	FLOAT CLEARING
----------------------------------------------------------------*/

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
----------------------------------------------------------------
	COLOR PALETTE
----------------------------------------------------------------

text gray: 4d4d4d
green: 009b3a
purple: 824bb0
footer bkg: 4d4d4d
dotted rules: 4d4d4d
*/