/* -- Structure -- */

body { margin:0; padding:0; }
#container { width:960px; margin:0 auto; }
#primary { width:628px; float:left; margin-bottom:7px; }
#secondary { width:310px; float:right; margin-bottom:7px; }
#header { position:relative; }
#footer { clear:both; margin-top:7px; }

/* -- Styling -- */
body { background-color:#27292a; margin:0; padding:15px 0; }
#header { background-color:#000; background-image:url(/images/header.jpg); }
#logotype { display:inline-block; padding:23px 0 0 145px; margin-bottom:-4px;}
#wrapper { background-color:#363636; background-image:url(/images/background.gif); background-repeat:repeat-x; padding:7px; }
#copyright { margin:20px; }

.box { background-repeat:no-repeat; margin-bottom:9px; padding-top:6px; }
.box .i { background-repeat:no-repeat; background-position:bottom left; padding-bottom:6px; }
.box .ii { background-color:#FFF; padding:6px 12px; }
#primary .box { background-image:url(/images/site/left-top.gif); }
#primary .box .i { background-image:url(/images/site/left-bottom.gif); }
#secondary .box { background-image:url(/images/site/right-top.gif); }
#secondary .box .i { background-image:url(/images/site/right-bottom.gif); }
#primary .box.first { background-image:url(/images/site/left-top-first.gif); }
#secondary .box.first { background-image:url(/images/site/right-top-first.gif); }

.flash-promo { position:absolute;top:0;left:10px; }

#secondary .first .box { background-repeat:no-repeat; background-position:bottom left; background-image:url(/images/site/right-bottom-first.gif); padding-top:0;}
#secondary .first .box .i { background-repeat:no-repeat; background-position:top left; background-image:url(/images/site/right-top-first.gif); }
.uid-site-index #secondary .first .box .i { background-repeat:no-repeat; background-position:top left; background-image:url(/images/site/right-top-first-dark.gif); }
#secondary .first .box .ii { background-color:transparent; padding:6px 12px; }

p#flash_notice { padding:1em; background-color:#9bd3ec; }

#menu { height:30px; margin-top:20px; }
#menu li { float:left; background-image:url(/images/site/tab-off-left.gif); height:30px; margin-right:2px; }
#menu li a { display:inline-block; background-image:url(/images/site/tab-off-right.gif); background-position:top right; background-repeat:no-repeat; height:22px; padding:8px 17px 0 17px; text-decoration:none; font-size:14px; color:#FFF; letter-spacing:1px; }
#menu li.active { background-image:url(/images/site/tab-on-left.gif); }
#menu li.active a { background-image:url(/images/site/tab-on-right.gif); color:#000; }

#submenu { padding:2px 0 12px 10px; }
#submenu li { display:inline; }
#submenu li a { color:#FFF; display:inline-block; margin-right:30px; font-size:14px; font-weight:normal; text-decoration:none; }
#submenu li.active a,
#submenu li a:hover { color:#33ccff; }

#pre { 
	min-height:224px; height:auto !important; height:224px;
	padding-left:636px; 
	margin-top:30px;
	}
	
#pre p { 
	line-height:1.5em; 
	}
	
#pre p.last {
	font-weight:bold;
	}

/* -- Typeography -- */

body { font-family:arial; font-size:13px; color:#222; }
h1 { font-size:22px; font-weight:normal; margin-bottom:12px; color:#222; }
h2 { font-weight:normal; margin-bottom:12px; color:#222; font-size:16px; }
h2 span { display:inline-block; padding-left:12px; color:#666; font-weight:normal; }
h3 { font-weight:bold; margin-bottom:12px; color:#222; }
h3 span { display:inline-block; padding-left:12px; color:#444; font-weight:normal; }
p { margin-bottom:12px; }
a { color:#33ccff; text-decoration:none; }
a:hover { text-decoration:underline; }

#primary h2 { border-bottom:1px solid #777; font-weight:bold; padding-bottom:1.5em; margin-bottom:1.5em; }

#secondary h1 { font-size:19px; }
#copyright { font-size:10px; color:#888; text-align:center; }

#secondary ul li { border-bottom:1px solid #AAA; margin-bottom:4px; padding:4px 0; }
#secondary ul li a { color:#666; text-decoration:none; }
#secondary ul li.on a { color:#000; }
#secondary ul li a:hover { color:#000; }

#secondary ul.small li { border-bottom-style:none; margin-bottom:4px; padding:4px 0; }
#secondary ul.small li a { color:#666; text-decoration:none; }
#secondary ul.small li.on a { color:#33ccff; }
#secondary ul.small li a:hover { color:#33ccff; }

#secondary ul.small li a.link { color:#33ccff; text-decoration:none; }

#secondary .first h1,
#secondary .first h2,
#secondary .first { color:#FFF; }
#secondary .first ul li a { color:#FFF; }
#secondary .first ul li.on a { color:#000; }

.f p { margin:1em 0; }
.f2 h2 { font-size:18px; color:#32b0e4; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #e3e0dd; }
.f2 ul { margin:0; list-style-type:disc; padding-left:1.5em; }
.f2 li { margin:1em 0; }

ul.gallery li { width:25%; float:left; margin-bottom:12px; text-align:center; }

p.pager { float:right; position:relative; top:-12px; }
p.pager a { display:inline-block; width:26px; height:28px; text-decoration:none; }
p.pager a span { visibility:hidden; }
p.pager a.prev { background-image:url(/images/site/prev.gif); }
p.pager a.prev:hover { background-image:url(/images/site/prev-hover.gif); }
p.pager a.next { background-image:url(/images/site/next.gif); margin-left:12px; }
p.pager a.next:hover { background-image:url(/images/site/next-hover.gif); }
p.pager a.no-prev { background-image:url(/images/site/prev-no.gif); }
p.pager a.no-next { background-image:url(/images/site/next-no.gif); margin-left:12px; }

#secondary ul li h2 { margin:0; padding:7px 0 10px 0; }
#secondary ul li.tag-malibu h2 { padding-left:42px; background-image:url(/images/malibu-icon.png); background-repeat:no-repeat; }
#secondary ul li.tag-wdx h2 { padding-left:42px; background-image:url(/images/wdx-icon.png); background-repeat:no-repeat; }
#secondary ul li.tag-potential h2 { padding-left:42px; background-image:url(/images/bio-icon.png); background-repeat:no-repeat; }

/* -------- Calendar -------- */

table.compact-calendar th { text-align:center; padding-bottom:6px; }
table.compact-calendar td { text-align:center; }
table.compact-calendar td.out a { color:#81908b; }
table.compact-calendar td.content p a { color:#fff; }

#search { position:absolute; top:40px; right:23px; }
#search input.field { background-color:#FFF; border-style:none; padding:5px 6px; font-size:13px; color:#555; }
#search input.button { vertical-align:middle; }