/*----------------------------------------------------------+
 | Site: The Pediatric Orthopaedic Society of North America |
 | Part: Master styles                                      |
 +----------------------------------------------------------*/

/* Imports
=====================================================================*/
@import "reset.css"; /* Reset styles */
@import "ie.css"; /* Internet Explorer */


/* Fonts
======================================================================*/
body { font-family: Georgia, "Times New Roman", Times, serif; }

.calendar th,
.call-l,
.call-r,
#content-secondary,
#content-tertiary,
#footer,
.form,
#header,
input,
#location,
.mute,
#nav,
.secondary,
select,
#subfooter,
#subheader p,
.tag-list,
textarea {
	font-family: Verdana, Arial, sans-serif;
}

code, kbd, pre { font-family: "Courier New", Courier, monospace; }
h1 { font-family: Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #42628f; }
a:hover { text-decoration: none; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { font-style: normal; }
address, blockquote, dd, dl, ol, p, pre, table, ul { margin-bottom: 1.583em; }
blockquote { margin-left: 3em; }
body { background: #1d3a60 url(../images/bg-page.gif) repeat-x 0 0; font-size: 85%; line-height: 1.538; padding: 0 1em 3em; text-align: center; }
cite, em, var { font-style: italic; }
dd p { margin: 0; }
dd blockquote { margin-top: 1.583em; }
dt { clear: both; }
dt:first-child { margin: 0; }
h1 { font-size: 1.9em; line-height: 1.2; padding-top: 60px; }
h1, h2, h3, h4, h5, h6, strong, th { font-weight: bold; }
h3 + p input.txt { margin-top: 0.25em; }
hr { background: #cfcfcf; border: 0; color: #cfcfcf; height: 1px; margin: 1em 0; }
input, select { font-size: 0.9em; }
ol { list-style: decimal outside; margin-left: 2em; }
ol ol, ul ul { margin-bottom: 0; }
pre { margin-top: 1.583em; }
select { margin-right: 0.4em; }
table { border-collapse: collapse; empty-cells: show; width: 100%; }
ul li { background: url(../images/bullet.gif) no-repeat 0 0.6em; padding-left: 1.5em; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#page { margin: 0 auto; max-width: 71em; min-width: 440px; text-align: left; }

/*--- Columns ---*/
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

/*--- Content ---*/
#content { background: #fff; border: 1px solid #babcbe; border-width: 1px 1px 0; padding: 2em 0; }
#content-primary { float: left; margin: 0 4% 0 26%; width: 46%; }
#content-secondary { float: left; width: 21%; }
#content-tertiary { float: left; margin-left: -94%; width: 20%; }

	/*--- Full layout ---*/
	#full #content { padding: 2em 3%; }
	#full #content-primary { float: right; margin: 0; width: 75.25%; }
	#full #content-secondary { display: none; }
	#full #content-tertiary { margin: 0; }
	
	/* Home page/section homes */
	#home #content { padding-top: 0; }
	#home #content-secondary, #home #content-tertiary { padding-top: 2.5em; }
	#home #content-primary { margin-right: 2%; width: 49.5%; }
	#home #content-tertiary { margin-left: -95.5%; }

/*--- Footer ---*/
#footer { background: #fbbf38; border: 1px solid #babcbe; padding: 1em 2% 1.5em; }

	/* Subfooter */
	#subfooter {
		background: #f9fafa url(../images/bg-subfooter.gif) repeat-x 0 0;
		border: 1px solid #babcbe;
		border-width: 1px 1px 0;
	}
	
	#subfooter .panel {
		background: url(../images/border-panel.gif) no-repeat 100% 0;
		float: left;
		padding: 1em 3% 2em;
		width: 19%;
	}
	
	#subfooter .last { background: none; margin: 0; }
	#subfooter .map { background: url(../images/map-footer.gif) no-repeat 100% 90%; }

/*--- Header ---*/
#header { background: url(../images/bg-header.jpg) no-repeat 80% 0; padding: 30px 0.5em 2.5em 25px; }
#header-secondary { float: right; }

	/*--- Subheader ---*/
	#home #subheader { background: #3c5e8b; }
	#subheader { background: #adc1da; border: 1px solid #babcbe; border-width: 0 1px; }
	.subheader-content { background: url(../images/subheaders/default-bg.jpg) no-repeat 0 100%; padding: 0 0 0 26%; height: 120px; }
	
	.subheader-about { background-image: url(../images/subheaders/about-bg.jpg); }
	.subheader-careers { background-image: url(../images/subheaders/careers-bg.jpg); }
	.subheader-education { background-image: url(../images/subheaders/education-bg.jpg); }
	.subheader-events { background-image: url(../images/subheaders/events-bg.jpg); }
	.subheader-forum { background-image: url(../images/subheaders/forum-bg.jpg); }
	.subheader-home { background-image: url(../images/subheaders/home-bg.jpg); }
	.subheader-parents { background-image: url(../images/subheaders/parents-bg.jpg); }
	.subheader-research { background-image: url(../images/subheaders/research-bg.jpg); }
	.subheader-services { background-image: url(../images/subheaders/services-bg.jpg); }

/*--- Location bar ---*/
#location { background: #fee9b8; border: 1px solid #babcbe; border-width: 0 1px 1px; padding: 0.5em 1em 0.7em; }

/*--- Navigation ---*/
#nav { background: #fee9b8 url(../images/bg-nav.gif) repeat-x 0 0; border: 1px solid #babcbe; }


/* Content
======================================================================*/
.call-l,
.call-r,
#content-secondary,
#content-tertiary,
#footer,
#header,
#location,
.mute,
.secondary,
#subfooter,
#subheader p {
	font-size: 0.846em;
	line-height: 1.363;
}

/*--- Calendars ---*/
.calendar h3 { font-size: 1.2em; }
.calendar p { margin: 0; }
.calendar th { font-size: 0.846em; }
.calendar .last td, .calendar .last th { border: 0; }
.calendar td, .calendar th { border-bottom: 1px solid #e5e6e7; padding: 0.9em 0; }
.calendar th { font-weight: normal; font-size: 0.8em; text-align: center; padding-right: 4%; width: 14.5%; }
.calendar th strong { display: block; font-size: 1.6em; font-weight: bold; }
.calendar table { margin-bottom: 0.7em; }

	/* Grid view */
	.cal * { text-align: center; vertical-align: middle; }
	.cal a { font-weight: bold; }
	.cal #months th { font-weight: bold; }
	.cal .next { text-align: right; }
	.cal .prev { text-align: left; }
	.cal td { width: 14.28%; }
	.cal #weekdays th { border: 1px solid #ddd; border-width: 1px 0; }
	.cal td, .cal th { padding: 0.2em 0; }

/*--- Callouts ---*/
.call-l { float: left; margin: 0.5em 2em 1em 0; }
.call-l, .call-r { color: #9e9e9e; }
.call-l img, .call-r img { display: block; }
.call-l p, .call-r p { margin: 0; }
.call-r { float: right; margin: 0.5em 0 1em 2em; }

/*--- Footer ---*/
#footer a { color: #000; }
#footer strong { display: block; }
#footer br, #footer em { display: none; }

#footer li, #footer span {
	background: none;
	border-right: 1px solid #000;
	display: inline;
	margin-right: 0.4em;
	padding: 0 0.6em 0 0;
}

#footer li.last { border: 0; }
#footer address, #footer p, #footer ul { margin: 0; }

	/* Site credit */
	#credit { float: right; }
	#credit a { text-decoration: none; }
	#credit a:hover strong { text-decoration: none; }
	#credit a strong { display: inline; font-weight: normal; text-decoration: underline; }

	/* Subfooter */
	#subfooter h5 { color: #42628f; font-size: 1.3em; margin-bottom: 0.9em; }
	#subfooter p, #subfooter ul { margin-bottom: 0.75em; }

/*--- Forms ---*/
.any { color: #a5a8aa; }

#content-secondary input,
#content-secondary select,
#content-tertiary input,
#content-tertiary select,
#subfooter input,
#subfooter select {
	font-size: 1em;
}

.form { margin: 0; }
.form td, .form th { border: 0; padding: 0.5em 0; }
.form th { font-size: 0.9em; font-weight: normal; padding-right: 4%; text-align: right; vertical-align: top; width: 14%; }
.form p { margin-bottom: 0; }

	/* Buttons */
	.btn { overflow: visible; margin-right: 0.5em; padding: 0.2em 0.6em 0.3em; }
	.btns { margin: 0.5em 0 1.5em 18%; }
	
	/* Location fields (city, state, zip) */
	.loc-city { margin-right: 3%; width: 50%; }
	.loc-city, .loc-state, .loc-zip { float: left; }
	.loc-state { margin-right: 4%; width: 9%; }
	.loc-state input { text-transform: uppercase; }
	.loc-zip { width: 32%; }
	
	/* Map forms (US/international search forms) */
	.map { width: 75%; }
	.map .form th { width: 16%; }
	.map .btns { margin-left: 20%; }
	.map .loc-city { margin-right: 4%; width: 45%; }
	.map .loc-state { margin-right: 5%; width: 11%; }
	
	/* Search */
	#search { font-size: 1.2em; }
	#search .any { background: #fff url(../images/google.gif) no-repeat 95% 60%; }
	#search .btn { margin: 0; padding: 0.1em 1em 0.2em; }
	
	#search .txt {
		border: 1px solid #919496;
		margin-right: 1em;
		padding: 0.2em 0.2em 0.3em;
		width: 290px ;
	}
	
	/* Text boxes */
	.txt { position: relative; width: 98%; }
	.txt, .txt-sm { padding: 0.2em; }
	.txt-sm { width: 9em; }
	select.txt { margin: 0; }
	#content-secondary .txt, #content-tertiary .txt, #subfooter input.txt { width: 93%; }
	#content-secondary .txt, #content-tertiary .txt, #subfooter select.txt { width: 97%; }

/*--- Header ---*/
#header a { color: #fff; }
#header li { background: none; border-right: 1px solid #73869e; display: inline; margin-right: 1em; padding: 0 0.8em 0 0; }
#header li.last { border: 0; margin: 0; padding: 0; }
#header ul { margin-bottom: 20px; }
#header p { margin: 0; }
#header-secondary { text-align: right; }
#logo-print { display: none; }
#logo { float: left; }

	/* Subheader */
	#subheader img { float: right; }
	#subheader p { margin: 0; }
	
		/*--- Home page & section homes ---*/
		#home h1 { color: #fff; font-size: 2.8em; }

/*--- Hidden content ---*/
#content-primary h6 { display: none; } /* Hidden due to duplicate content from CMS */
.skip { left: -999em; position: absolute; }

/*--- Home page/section homes ---*/
#home h2 {
	background: url(../images/bg-heading.gif) repeat-x 0 0;
	border-top: 6px solid #ffcd54;
	clear: both;
	font-size: 1.2em;
	margin-bottom: 1em;
	padding: 0.1em 1% 0.2em;
}
#full h2 {
	background: url(../images/bg-heading.gif) repeat-x 0 0;
	border-top: 6px solid #ffcd54;
	clear: both;
	font-size: 1.2em;
	margin-bottom: 1em;
	padding: 0.1em 1% 0.2em;
}

/*--- Icons ---*/
.icon { margin: 0 0.3em -2px 0; }

/*--- Location bar ---*/
#location p { float: right; }
#location p, #location ul { margin: 0; }

	/* Breadcrumbs */
	#breadcrumbs li {
		background: url(../images/crumb.gif) no-repeat 100% 0.4em;
		display: inline;
		margin-right: 0.8em;
		padding: 0 1.4em 0 0;
	}

/*--- Muted text---*/
.mute { color: #9e9e9e; }
dd p.mute { font-size: 1em; }

/*--- Navigation ---*/
#nav { font-size: 0.9em; }

#nav a {
	border-right: 1px solid #d18e00;
	color: #000;
	display: block;
	padding: 0 0.5em 0.3em;
	text-decoration: none;
	white-space: nowrap;
}

#nav a:hover { text-decoration: underline; }
#nav li { background: none; float: left; padding: 0.5em 0; }

#nav li.current {
	background: #fee9b8;
	border: 1px solid #babcbe;
	border-bottom: 0;
	margin: -6px 0 -1px -1px;
	padding: 0;
}

#nav li.current a { border-top: 4px solid #000; padding: 0.5em 0.6em 1em; }
#nav li.current a, #nav li.last a { border-right: 0; }
#nav ul { margin: 0; }

	/*--- Secondary navigation ---*/
	#nav-secondary { font-size: 1.1em; }
	#nav-secondary a { text-decoration: none; }
	#nav-secondary a:hover { text-decoration: underline; }
	#nav-secondary li { margin-bottom: 0.5em; }
	#nav-secondary strong a { color: #000; }
	#nav-secondary ul { font-size: 0.9em; }
	#nav-secondary ul ul { font-size: 1em; }
	ul#nav-secondary ul { margin: 0.5em 0 0; }

/*--- Page tools (PDF, print, email, etc.) ---*/
#content-secondary #page-tools li { background: none; display: inline; margin-right: 1em; padding: 0; }
#page-tools a { background-position: 0 50%; background-repeat: no-repeat; padding: 0.3em 0 0.3em 21px; }
#icon-email { background-image: url(../images/icon-email.gif); }
#icon-download { background-image: url(../images/icon-pdf.gif); }
#icon-print { background-image: url(../images/icon-print.gif); }

/*--- References ---*/
.refs { list-style: none; margin-left: 0; }
.refs li { padding-left: 1.5em; text-indent: -1.5em; margin-bottom: 0.791em; }

/*--- Search results ---*/
#search-pages { list-style: none; margin-left: 0; text-align: center; }
#search-pages a { padding: 0.3em; }
#search-pages li { display: inline; margin: 0 0.2em; }
#search-results dd { margin: 0; }
#search-results dt { font-size: 1.2em; margin-top: 1.583em; }

/*--- Secondary/tertiary content ---*/
#content-secondary p, #content-secondary ul, #content-tertiary p, #content-tertiary ul { margin-bottom: 1.363em; }
#content-secondary ul li, #content-tertiary ul li, .secondary ul li, #subfooter ul li { background: url(../images/bullet-secondary.gif) no-repeat 0 0.5em; }
#content-secondary h3 { margin-bottom: 0.25em; }
#content-tertiary h3 { font-size: 1.2em; margin-bottom: 0.25em; }

/*--- Skeleton ---*/
#skeleton { font-weight: bold; position: relative; }

#skeleton a {
	background-color: #fff;
	display: block;
	filter: alpha(opacity=10);
	height: 24px;
	opacity: 0.1;
	-moz-opacity: 0.1;
	position: absolute;
	text-decoration: none;
	text-indent: -999em;
	width: 24px;
}

#skeleton a:hover { background: #f00; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
#skeleton li { background: none; height: 1%; }
#skeleton #label { height: 1.4em; left: 112px; position: absolute; top: 0; white-space: nowrap; width: 10em; }

	/* Links */
	a#skel-arm { left: 102px; top: 84px; }
	a#skel-foot { left: 97px; top: 240px; }
	a#skel-hand { left: 3px; top: 132px; }
	a#skel-hip { left: 74px; top: 116px; }
	a#skel-knee { left: 53px; top: 179px; }
	a#skel-neck { left: 63px; top: 25px; }
	a#skel-shoulder { left: 31px; top: 41px; }
	a#skel-spine { left: 61px; top: 76px; }

/*--- Table lists ---*/
.grid td { border: 1px solid #ddd; border-width: 1px 0; padding: 0.2em; }

/*--- Tag clouds ---*/
.tag-list li { background: none; color: #42628f; display: inline; margin-right: 0.3em; padding: 0; }
.t-1 { font-size: 0.95em; }
.t-2 { font-size: 1em; }
.t-3 { font-size: 1.05em; }
.t-4 { font-size: 1.1em; }
.t-5 { font-size: 1.15em; }
.t-6 { font-size: 1.2em; }
.t-7 { font-size: 1.25em; }
.t-8 { font-size: 1.3em; }
.t-9 { font-size: 1.35em; }
.t-10 { font-size: 1.4em; }
.t-11 { font-size: 1.45em; }
.t-12 { font-size: 1.5em; }
.t-13 { font-size: 1.55em; }
.t-14 { font-size: 1.6em; }
.t-15 { font-size: 1.65em; }

/*--- Thumbnail lists (items with small thumbnails and text) ---*/
.thumbs img { float: left; margin: 0.5em 1.5em 2em 0; }
.thumbs .mute { white-space: nowrap; }