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

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


/* Fonts
======================================================================*/
body { font-family: "Georgia", "Times New Roman", Times, serif; }
#disclaimer, #footer, #membership, #org { font-family: Tahoma, Arial, sans-serif; }
#content-secondary h3, h2 { font-family: Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #213986; }
a:hover { text-decoration: none; }
address { font-style: normal; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1.142em; }
body { background: #f7eee6; font-size: 85%; line-height: 1.5; text-align: center; padding-bottom: 2em; }
cite, em { font-style: italic; }
dt, h2, h3, h4, h5, h6, strong { font-weight: bold; }
h1 { color: #9b7330; font-size: 1.642em; font-weight: normal; line-height: 1.2; margin-bottom: 0.695em; }
h2 { color: #c18219; font-size: 1.3em; line-height: 1.333; margin-bottom: 0.242em; }
li { margin-bottom: 0.25em; }
ol { margin-left: 2em; }
table p { margin: 0; }
table { border-collapse: collapse; width: 100%; }
tbody th { vertical-align: top; }
td { padding: 0.3em 1.2em 0.4em; vertical-align: top; }
td, th { border: 1px solid #d0d0d0; line-height: 1.725; }
th { font-size: 0.9em; font-weight: bold; padding: 0.3em 1.5em 0.4em; vertical-align: bottom; }
thead th { background: #f1f1f1; }
ul { list-style: disc; margin-left: 1.25em; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#content, #disclaimer, #header-content, #nav ul { margin: 0 auto; text-align: left; width: 960px; }

/*--- 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 url(../images/h/vert-rule.gif) repeat-y 31.2% 0; border: 1px solid #d5bc97; padding: 25px 25px 0; width: 910px; }
#content-primary { float: right; padding-bottom: 3em; width: 67%; }
#content-secondary { float: left; padding-bottom: 3em; width: 27.4%; }
#content-wrapper { background: url(../images/h/content-bg.gif) repeat-x 0 0; padding-top: 1.5em; }

/*--- Disclaimer ---*/
#disclaimer { padding-top: 1.5em; }

/*--- Footer ---*/
#footer { background: #fff; border-top: 1px solid #e6e0d4; clear: both; padding: 1.4em 0 1.8em; }

/*--- Header ---*/
#header { background: #f7f2ea url(../images/h/header-bg.gif) repeat-x 0 100%; padding-top: 0.5em; }

/*--- Navigation ---*/
#nav { background: #cfd1e9 url(../images/h/nav-bg.gif) repeat-x 0 100%; border-top: 1px solid #fff; }


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

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

/*--- Disclaimer ---*/
#disclaimer { font-size: 0.9em; line-height: 1.5; }
#disclaimer { color: #676051; }
#disclaimer p { margin: 0; }

/*--- Footer ---*/
#footer { font-size: 0.9em; line-height: 1.5; }
#footer li { background: none; border-right: 1px solid #000; display: inline; margin-right: 0.3em; padding: 0 0.6em 0 0; }
#footer li.last { border: 0; }
#footer li.current a { color: #000; text-decoration: none; }
#footer li.current a:hover { text-decoration: underline; }
#footer li.current strong { font-weight: normal; }
#footer p { margin-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: 16em; margin: 0 15px 15px 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.9em; line-height: 1.5; }
	.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: #bfc1e1; line-height: 0; padding: 0.25em 0.5em; text-decoration: none; }

/*--- Header ---*/
#banner { border: 1px solid #fff; float: right; }
#banner img { display: block; float: left; }
#header { color: #9b7330; }
#header p { margin: 0; }
#name { color: #c18219; font-size: 2em; line-height: 1.45; }
#org { font-size: 1.1em; }
#photo img { border: 2px solid #fff; float: left; margin: 0 1em 0.5em 0; }
#title { float: left; padding-top: 2.5em; }

/*--- Hours ---*/
.hours li { background: none; padding: 0; }

/*--- 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 a {
	border-left: 1px solid #e6e6f4;
	border-right: 1px solid #8e92c8;
	color: #5665ac;
	font-size: 0.9em;
	font-weight: bold;
	display: block;
	padding: 0.6em 1em;
	white-space: nowrap;
}

#nav li { background: none; float: left; margin: 0 1px 0 0; padding-bottom: 5px; }
#nav li.current a { background: #bfc1e1 url(../images/h/nav-bg-current.gif) repeat-x 0 100%; color: #000; margin-bottom: -1px; padding-bottom: 0.7em; text-decoration: none; }
#nav li.current a:hover { text-decoration: underline; }
#nav strong { font-weight: normal; }
#nav ul { list-style: none; }

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

/*--- Secondary content ---*/
#content-secondary h3 { color: #c18219; font-size: 1.2em; letter-spacing: 0; text-transform: none; }
#logo img { margin-bottom: 1.833em; }

	/* Panels */
	.panel { margin-bottom: 0.8em; }
	.panel h3 { font-size: 1.2em; }
	.panel-content p { margin-bottom: 0; }
	
	/* vCard */
	.adr, .adr a, .street-address, .tel { display: block; }
	.adr { margin-bottom: 0.8em; }
	.org { font-weight: bold; }
	.tel { margin-top: 0.3em; }
	.tel .type { background-position: 0 50%; background-repeat: no-repeat; float: left; padding-left: 22px; width: 4em; }
	.tel .fax { background-image: url(../images/icon-fax.gif); }
	.tel .phone { background-image: url(../images/icon-phone.gif); }

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