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

/* Imports
=====================================================================*/
@import "reset.css"; /* Reset styles */
@import "b-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/b/page-bg.jpg) no-repeat 0 0; line-height: 1.3; min-height: 450px; }
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; }

h1 {
	background: #9c9;
	border-bottom: 3px solid #013704;
	color: #300;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
	text-align: right;
	text-transform: uppercase;
}

h1 span { background: #fff; padding: 2px 0 1px 0.5em; }
h2 { color: #8c3217; font-size: 1.1em; }
h3 { margin-top: 1em; }
html { background: url(../images/b/bg.gif) repeat-y 0 0; }
ol { margin-left: 2em; }
table { border-collapse: collapse; }
table p { margin: 0; }
thead th { background: #f1f1f1; }
tbody th { vertical-align: top; }
td, th { border: 1px solid #d0d0d0; font-size: 0.7em; height: 1.4; }
th { font-size: 0.8em; font-weight: bold; padding: 0.3em 1em 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: 1.9em; position: relative; width: 71.4%; }
#content-primary { margin: 0 150px 3em 0; }
#content-secondary { left: -230px; position: absolute; top: 24em; 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/b/header-bg.jpg) repeat-x 27px 0; padding: 15px 0 0 50px; position: relative; }

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


/* 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; width: 363px; }
.gallery img { vertical-align: middle; }
.gallery li { background: none; float: left; height: 15em; margin: 0 1px 1px 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; font-size: 0.8em;}
	.marker { background: #3c4f53; color: #fff; font-size: 0.8em; line-height: 0; padding: 0.25em 0.5em; text-decoration: none; }

/*--- Header ---*/
#banner { float: right; position: absolute; right: 0; top: 0; }
#banner img { display: block; }
#header p { margin: 0; }
#membership { font-size: 0.6em; }
#name { font-size: 1.125em; font-weight: bold; }
#photo img { border-bottom: 3px solid #686868; float: left; margin-right: 30px; position: relative; }
#title { padding-top: 55px; }

/*--- 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 {
	background: url(../images/b/nav-bg.gif) no-repeat 4px 50%;
	border: 1px solid #ccc;
	display: block;
	padding: 0.3em 0.3em 0.3em 18px;
	text-decoration: none;
}

#nav a:hover, #nav li.current a { background: #b8dbb8 url(../images/b/nav-bg-current.gif) no-repeat 4px 50%; border-color: #000; color: #000; }
#nav li { margin-bottom: 0.2em; }
#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; }