/*------------------------------------------------------------+
 | Site: American Academy of Orthopaedic Surgeons             |
 |       AAOS Personal Physician/Group Practice site generator |
 | Part: Design A styles                                      |
 +------------------------------------------------------------*/

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


/* Fonts
======================================================================*/
body { font-family: Arial, sans-serif; }
#org { font-family: "Times New Roman", Times, serif; }


/* Basics
======================================================================*/
a { color: #5c747b; }
a:hover { text-decoration: none; }
address { font-style: normal; }
body { background: url(../images/a/bg.jpg) repeat-y 10px 0; line-height: 1.3; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1em; }
cite, em { font-style: italic; }
dt { margin-top: 1em; }
dt, h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }
dt, h3 { color: #2d4140; }
h1 { border-bottom: 1px solid #ccc; color: #8a8989; font-size: 1.1em; margin-bottom: 1em; }
h2 { color: #5b5072; font-size: 1.1em; }
h3 { margin-top: 1em; }
ol { margin-left: 2em; }
table { border-collapse: collapse; width: 100%; }
table p { margin: 0; }
thead th { background: #f1f1f1; }
tbody th { vertical-align: top; }
td, th { border: 1px solid #d0d0d0; font-size: 0.85em; height: 1.4; }
th { font-size: 0.8em; font-weight: bold; padding: 0.3em 1.5em 0.4em; vertical-align: bottom; }
td { padding: 0.3em 1.2em 0.4em; vertical-align: top; }
ul { list-style: disc; margin-left: 1.25em; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#page { width: 920px; }

/*--- 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 { float: right; padding-top: 2em; position: relative; width: 68.4%; }
#content-primary { padding-bottom: 3em; }
#content-secondary { left: -210px; position: absolute; top: 22em; width: 120px; }

/*--- Disclaimer ---*/
#disclaimer { clear: both; float: right; width: 68.4%; }

/*--- Footer ---*/
#footer { border: 1px solid #ddd; border-width: 1px 0; clear: both; margin-bottom: 2em; padding: 0.5em 0; }

/*--- Header ---*/
#header { background: url(../images/a/header-bg.jpg) no-repeat 0 0; padding: 49px 0 0 76px; }

/*--- Navigation ---*/
#nav { float: left; margin: 30px 0 0 76px; width: 110px; }


/* Content
======================================================================*/

/*--- About ---*/
.board { list-style: none; margin-left: 0; }
.board .recert, .edu .grad { display: block; }
.edu dd { margin-bottom: 1em; }

/*--- Disclaimer ---*/
#disclaimer { font-size: 0.65em; }
#disclaimer, #disclaimer a { color: #999; }

/*--- Footer ---*/
#footer { font-size: 0.7em; line-height: 1.5; text-align: center; }
#footer, #footer a { color: #879194; }
#footer a { white-space: nowrap; }
#footer li { display: inline; margin-right: 1em; }
#footer li.last { border: 0; }
#footer li.current a { text-decoration: none; }
#footer li.current a:hover { text-decoration: underline; }
#footer li.current a, #footer strong { color: #000; }
#footer p { border-bottom: 1px solid #ddd; margin-bottom: 0.5em; padding-bottom: 0.5em; }
#footer ul { margin: 0; }

/*--- Galleries ---*/
.gallery { font-size: 0.8em; line-height: 1.4; list-style: none; margin-left: 0; margin-top: 1em; }
.gallery img { vertical-align: middle; }
.gallery li { background: none; float: left; height: 14em; margin: 0 25px 25px 0; padding: 0; text-align: center; width: 120px; }
.gallery .shim { display: inline-block; height: 100%; vertical-align: middle; }
.gallery .thumb { background: url(../images/slide.gif) no-repeat 0 0; display: table-cell; height: 120px; vertical-align: middle; width: 120px; }

/*--- Google Maps ---*/
#map { height: 350px; margin-bottom: 1.833em; }

	/* Balloon popup */
	.info { font-size: 0.8em; line-height: 1.3; }
	.info .adr { margin: 0; }
	
	/* Locations table */
	.hours { list-style: none; margin: 0; }
	#locs td, #locs th { border-width: 1px 0; font-weight: normal; padding: 0.8em 1em 1em 0; }
	.marker { background: #3c4f53; color: #fff; font-size: 0.8em; line-height: 0; padding: 0.25em 0.5em; text-decoration: none; }

/*--- Header ---*/
#banner { display: none; }
#header p { margin: 0; }
#membership { color: #999; font-size: 0.812em; }
#name { font-size: 1.125em; }
#photo img { border-bottom: 3px solid #686868; float: left; margin-right: 43px; }
#title { font-weight: bold; padding-top: 25px; }

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

/*--- Muted text ---*/
.mute { font-size: 0.9em; }
.mute, .mute a { color: #7f8183; }
p.mute { margin-bottom: 0.5em; }

/*--- Navigation ---*/
#nav { font-size: 0.7em; font-weight: bold; }
#nav a { border-bottom: 1px solid #ccc; display: block; padding: 0.4em 0; text-decoration: none; }
#nav a:hover, #nav li.current a { color: #000; }
#nav ul { list-style: none; margin: 0; }

/*--- Patients ---*/
#patients * { text-align: center; }
#patients td { padding-top: 1em; }

/*--- Secondary content ---*/
#content-secondary { font-size: 0.7em; }
#logo { margin-bottom: 1em; }
#logo img { width: 100%; }
	
	/* Panels */
	.panel { margin-bottom: 1.833em; }
	.panel h3 { border-bottom: 1px solid #666; margin: 0; }
	.panel-content p { margin-bottom: 0.5em; }
	
	/* vCard */
	.adr, .adr a, .street-address, .tel { display: block; }
	.org { font-weight: bold; }

/*--- Your Orthopaedic Connection ---*/
#yoc ul { list-style: none; margin-left: 0; }

	/*--- Forms ---*/
	.btn {
		background: #eee;
		border-bottom: 1px solid #939598;
		border-left: 1px solid #e6e7e8;
		border-right: 1px solid #939598;
		border-top: 1px solid #e6e7e8;
		overflow: visible;
		padding: 0.2em 1em;
		color: #039;
	}
	
.hr { background: #ddd; clear: both; height: 1px; margin: 1.5em 0 0.6em; }