/*------------------------------------------------------------+
 | Site: American Academy of Orthopaedic Surgeons             |
 |       AAOS Personal Physician/Group Practice site generator |
 | Part: Design D styles                                      |
 +------------------------------------------------------------*/

/* Imports
=====================================================================*/
@import "reset.css"; /* Reset styles */
@import "d-ie.css"; /* Internet Explorer */


/* Fonts
======================================================================*/
body, .panel h3 { font-family: Verdana, Arial, sans-serif; }
h1, #name { font-family: Arial, sans-serif; }
h2, #membership, #org { font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #0e75c1; }
a:hover { text-decoration: none; }
address { font-style: normal; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1.833em; }
body { background: #e7d8c5; font-size: 76%; line-height: 1.8333; padding: 2em; text-align: center; }
cite, em { font-style: italic; }
dt { margin-top: 1em; }
dt, h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }
h1 { color: #4d483c; font-size: 2.55em; line-height: 1.09; margin-bottom: 0.75em; }
h2 { color: #0e75c1; font-size: 1.375em; line-height: 1.333; margin-bottom: 0.242em; }
h3 { font-size: 1.1em; }
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 li { background: url(../images/d/bullet.gif) no-repeat 0 0.7em; padding-left: 1.25em; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#page { margin: 0 auto; text-align: left; 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 { background: #fff url(../images/d/content-bg.gif) repeat-y 0 0; border: 3px solid #fff; border-width: 0 3px 3px; }
#content-primary { float: right; margin-right: 3.2%; padding: 30px 0 3em; width: 60.2%; }
#content-secondary { float: left; margin-left: 3.2%; padding: 30px 0 3em; width: 26.7%; }

/*--- Disclaimer ---*/
#disclaimer { padding-top: 1.5em; }

/*--- Footer ---*/
#footer { background: #114c7a; clear: both; padding: 1.4em 20px 1.6em; }

/*--- Header ---*/
#header { background: #fff url(../images/d/header-bg.gif) no-repeat 0 0; padding: 20px 22px; }

/*--- Navigation ---*/
#nav { background: #114c7a; border: 3px solid #fff; border-width: 0 3px; margin: 0; padding: 0 22px; }


/* Content
======================================================================*/

/*--- About ---*/
.board li { background: none; padding: 0; }
.board .recert, .edu .grad { display: block; }
.edu dd { margin-bottom: 1.833em; }

/*--- Disclaimer ---*/
#disclaimer { font-size: 0.9em; line-height: 1.5; }
#disclaimer, #disclaimer a { color: #646c71; }
#disclaimer p { margin: 0; }

/*--- Footer ---*/
#footer { font-size: 0.9em; line-height: 1.5; }
#footer, #footer a { color: #b2d5ec; }
#footer li { background: none; border-right: 1px solid #69abda; display: inline; margin-right: 0.5em; padding: 0 0.8em 0 0; }
#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: #fff; }
#footer p { margin-bottom: 0.5em; }
#footer ul { margin: 0; }

/*--- Galleries ---*/
.gallery { font-size: 0.9em; 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 */
	.marker { background: #114c7a; color: #fff; line-height: 0; padding: 0.25em 0.5em; text-decoration: none; }
	#locs td, #locs th { border-width: 1px 0; font-weight: normal; padding: 0.8em 1em 1em 0; }

/*--- Header ---*/
#banner { float: right; }
#banner img { display: block; float: left; }
#banner, #photo img { border: 10px solid #b2d5ec; }
#header p { margin: 0; }
#membership { font-size: 1.083em; font-style: italic; }
#name { font-size: 2.5em; font-weight: bold; line-height: 1.1; }
#ajrrname { line-height: 0.4; }
#org { font-size: 1.25em; font-weight: bold; }
#photo img { float: left; margin-right: 1.5em; }
#title { float: left; padding-top: 3em; }
#ajrrtitle { float: left; }

/*--- Hours ---*/
.hours li { background: none; padding: 0; }

/*--- Icons ---*/
.icon { margin: 0 0.4em -2px 0; }

/*--- Muted text ---*/
.mute { font-size: 0.9em; }
.mute, .info a, .mute a { color: #7f8183; }
p.mute { margin-bottom: 0.5em; }

/*--- Navigation ---*/
#nav a { color: #fff; display: block; padding: 0.4em 1.25em; text-decoration: none; white-space: nowrap; }
#nav a:hover { background: #3974a2; }
#nav li { background: none; float: left; margin-right: 1px; padding: 0.5em 0; }
#nav li.current a, #nav li.current a:hover { background: #82b9e0 url(../images/d/nav-bg.gif) repeat-x 0 0; color: #000; }
#nav strong { font-weight: normal; }
#nav ul { margin: 0; }

/*--- Patients ---*/
#patients * { text-align: center; }
#patients td { padding-top: 1em; }

/*--- Secondary content ---*/
#content-secondary { font-size: 0.9em; line-height: 1.5;}
#logo img { border: 5px solid #99c7e6; margin-bottom: 1.833em; }

	/* Panels */
	.panel { border: 1px solid #81b8e0; margin-bottom: 1.833em; }
	.panel h3 { background: #81b8e0; font-weight: normal; font-size: 1.2em; padding: 0.4em 1em 0.5em; }
	.panel-content { background: #fff; padding: 1em 1.2em 1.5em; }
	.panel-content p { margin-bottom: 0; }
	
	/* vCard */
	.adr, .adr a, .street-address, .tel { display: block; }
	.adr { margin-bottom: 1.5em; }
	.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 li { border-bottom: 1px solid #ddd; margin-bottom: 0.25em; padding-bottom: 0.5em; }
