body { font-family:Arial, sans-serif; font-size:1em; color:#FFF; background:#000 url(../images/starFull.png) -20px 3px no-repeat; }
a:link { color:#92b2ef; }
a:visited { color: #a192ef; }
a:hover { color:#5773a8; }
p a:focus, span a:focus, #twitter a:focus { color: #f93; }
#container { width:100%; max-width:993px; min-width:800px; margin:0 auto; }
#topbar { position:relative; height:45px; background:url(../images/hline.png) left bottom repeat-x; padding-top:12px; }
#topbar img { position:relative; left:22px; }
#twitter { position:absolute; left:60px; top:12px; font-size:.8125em; }
#tweet ul { padding-top:2px; }
#tweet a { text-decoration:none; font-style:italic; color:#999999; }
#main { width:87.613293%; margin:40px 0 0 6%; }
#main h1#logo { left:244px; width:370px; height:99px; margin:0 auto; background:url(../images/logo_lores.png) 0 0 no-repeat; text-indent:-9999px; }
#main h2 { margin:40px 0 0 1.4942529%; font-size:1.125em; font-weight:normal; text-align: center; }
#main p { font-size:.875em; line-height:1.3em; }
#middle { margin:50px 0 0 1.4942529%; } /* 13 / 870 */
#main #pod1 { float:left; width:47.126437%; background:url(../images/divider.png) right top no-repeat; padding:0 2.2988506% 0 0; }
#main #pod2 { float:left; margin-left:3%; width:47.126437%; } /* 410 / 870 */
#main #pod2 q { quotes:none; color:#f93; }
#bottom { clear:both; width:100%; margin:25px 0 20px 2px; color:#999; }
#bottom div { float:left; width:45%; padding:40px 0 0 3%; height:120px; }
#bottom #bottomPod1 { background:url(../images/glowbarL.png) 0 0 no-repeat; }
#bottom #bottomPod2 { padding-right:4%; background:url(../images/glowbarR.png) right 0 no-repeat; }
#bottom p { float:left; width:82.926829%; padding-left:2.9268293%; font-size:.8125em; line-height:1.3em; }
#bottom img { float:left; margin-left:1.1494253%; }
#headshots { clear:both; position: relative; width:100%; height:150px; margin: 0 auto; overflow: hidden; }
#headshots li { float:left; position: relative; border: solid 2px #000;  }
#headshots li.hover { border-color: #f93; } /* applied by jQuery on hover */
#headshots li div.bio { display: none; position: absolute; }
#headshots img { display:block; float:left; width:144px; height:144px; margin:0; padding:0; }
.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

@media screen and (max-width: 500px) {
	#container, #main, #middle, #bottom { float: none; width: auto; margin: 0; padding: 0; }
	#container { min-width: 0; }
	#topbar { width: auto; height: 80px; }
	#twitter { width: 80%; }
	#main h1#logo { margin: 1em auto; }
	#main h2 { margin-bottom: 1.5em; width: 90%; }
	#main #pod1, #main #pod2 { float: none; width: auto; margin: 0 0 1em; padding: 3%; border: none;  }
	#bottom { width: 335px; padding: 25px; margin: 0 auto 20px; background: url(../images/glowbarMin.png) 0 0 no-repeat; }
	#bottom div { float: none; clear: left; width: auto; height: auto; padding: 5px 0; margin: 0 0 1em; }
	#bottom #bottomPod1, #bottom #bottomPod2 { background: none; }
	#bottom p { width: 77%; padding-left: 5px; }
	#bottom img { margin-left: 3px; }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
	#main h1#logo { background:url(../images/logo_hires.png) 0 0 no-repeat; background-size: 370px 99px; -webkit-background-size: 370px 99px; }
}

/* jQuery styling - bio dialogs */
div.ui-dialog { position: absolute; color: #000; font-size: .8125em; background: url(../images/dialogBg.png) 0 bottom no-repeat; padding: 0 9px 9px; } 
div.ui-dialog-content { min-height: 100px; padding: 5px 10px 15px; background: #fff; margin-top: -10px; }
div.ui-dialog p { margin: .2em 0; line-height: 1.3em; }
a.ui-dialog-titlebar-close { display: block; float: right; padding: 3px 6px; margin-top: 5px; color: #999; text-decoration: none; }

/* jQuery styling - headshot carousel */
.jcarousel-skin-churnless { width:100%; max-width:888px; padding:0; margin:0 auto; }
.jcarousel-skin-churnless .jcarousel-container-horizontal { width:100%; max-width:888px; padding:0; margin:0 auto; }
.jcarousel-skin-churnless .jcarousel-clip-horizontal { width:100%; height:150px; }
.jcarousel-skin-churnless .jcarousel-item { width:144px; height:144px; }
.jcarousel-skin-churnless .jcarousel-item-placeholder { background:#fff; color:#000; }
.jcarousel-skin-churnless .jcarousel-next-horizontal { position:absolute; top:43px; right:5px; width:34px; height:51px; cursor:pointer; background:transparent url(../images/carouselSprite.png) no-repeat 0 0; }
.jcarousel-skin-churnless .jcarousel-next-horizontal:hover { background-position:-36px 0; }
.jcarousel-skin-churnless .jcarousel-next-horizontal:active { background-position:-72px 0; }
.jcarousel-skin-churnless .jcarousel-next-disabled-horizontal,.jcarousel-skin-churnless .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-churnless .jcarousel-next-disabled-horizontal:active { cursor:default; background:none; }
.jcarousel-skin-churnless .jcarousel-prev-horizontal { position:absolute; top:43px; left:5px; width:34px; height:51px; cursor:pointer; background:transparent url(../images/carouselSprite.png) no-repeat 0 -54px; }
.jcarousel-skin-churnless .jcarousel-prev-horizontal:hover { background-position:-36px -54px; }
.jcarousel-skin-churnless .jcarousel-prev-horizontal:active { background-position:-72px -54px; }
.jcarousel-skin-churnless .jcarousel-prev-disabled-horizontal,.jcarousel-skin-churnless .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-churnless .jcarousel-prev-disabled-horizontal:active { cursor:default; background:none; }