/* White Whale Web Services */
/* Thanks for reading our source code. */

/*  Reset browser defaults  */
html { font-size:100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, table, th, td, form, fieldset, legend, input, select, textarea, button { margin:0; padding:0; font-size:1em; font-weight:normal; }
img { border:0; }
ul { list-style-type:none; }
.hidden { display:none; }

/* Base tag definitions */
body { background-color:#fff; color:#222; font-size:0.8125em; line-height:1.4em; font-family:sans-serif; }
h3 { font-family:Georgia,'Goudy Old Style',serif; font-size:1.385em; line-height:1.4em; }
a,.falselink { color:#039; text-decoration:underline; cursor:pointer; }
a:hover,.falselink:hover { color:#444; }
	
/* Any page Document Styles */
#header { position:relative; background:#fff url(/images/suncycle.jpg) repeat 0 2300px; width:100%; overflow:hidden; padding-top:20px; z-index:100; }
#baybridge { background:transparent url(/images/baybridge.png) no-repeat bottom left; position:absolute; left:0; bottom:0; width:100%; height:120px; }
h1 { position:relative; background:transparent url(/images/whitewhale.png) no-repeat center bottom; height:95px; width:100%;}
h1 a { display:block; background:transparent url(/images/baybridge.png) no-repeat bottom left; position:absolute; left:0; bottom:0; width:100%; height:0; padding-top:150px; overflow:hidden; opacity:0.25; z-index:500;}
#texture { background-image:url(/images/texture.png); position:absolute; top:0; left:0; width:100%; height:120px; }
#edge { background:transparent url(/images/edge.png) repeat-x bottom left; position:absolute; left:0; bottom:0; width:100%; height:14px; z-index:600; }

#content { max-width:972px; margin:15px auto; padding:0 15px; }

.lede { font-weight:bold; font-size:1.1em; display:inline;}

#footer { clear:both; text-align:center; padding:45px 0 10px 0; }
#footer span { margin:0 10px; }
#footer .whitewhale { background:#444 url(/images/suncycle.jpg) repeat 0 2300px; color:#fff; margin:0; text-decoration:none; position:relative; }
#footer .whitewhale:hover { background-image:none; }
#footer .whitewhale strong { position:relative; top:0.3em; }

/* Homepage Styles */
#main { padding-right:3%; width:47%; float:left; }
#introduction { font-family:Georgia,'Goudy Old Style',serif; font-size:1.385em; line-height:1.4em; margin-bottom:15px;}
#feature { height:190px; width:100%; overflow:hidden; position:relative; margin:15px 0; max-width:450px; height:190px; overflow:hidden; cursor:pointer; }
#feature img { position:absolute; top:0; left:0;}
#feature #frame { position:absolute; left:0; top:0; width:100%; height:190px; background:transparent url(/images/frame.png) no-repeat top right; }
#feature #teaser { background-color:#111; opacity:0.85; padding-bottom:5px; position:absolute; left:0; bottom:0; text-align:right; width:100%; }
#feature #teaser h3 { font-family:Georgia,'Goudy Old Style',serif; font-size:2.2em; line-height:1.1em; padding-right:4px; color:#fff; }
#feature h3 a { color:#fff; text-decoration:none; }
#feature:hover #teaser h3 a,#feature #teaser h3 a:hover { color:#ff8; }
#feature #teaser p { color:#fff; padding-right:4px; line-height:1.2em;}

#navigation a { font-family:Georgia,'Goudy Old Style',serif; font-size:1.385em; line-height:1.4em; }

.card { background:transparent url(/images/card.png) no-repeat 0 0; width:310px; height:195px; padding:30px 60px 50px 45px; position:absolute; top:-160px; left:50%; z-index:50; display:none; }
.card p+p { margin-top:1em; clear:left; }
.card img { float:left; margin-right:5px; position:relative; top:-10px; left:-8px; }
#staff_card { background-image:none; padding:0; }
#staff_card img { position:static; margin:0; }

#articles { margin-left:50%; }
#articles .column { width:47%; float:left; }
#articles .first { padding-right:6%; }
.articles li { margin:15px 0; }
.articles li:first-child { margin-top:0; }
.articles h2, #topstories h2 { font-weight:normal; text-transform:uppercase; color:#999; text-decoration:none; font-size:0.9em;}
.articles h3 a { color:#903; text-decoration:none; display:block; }
.articles h3 a:hover { color:#444; }
#articles .morelink { text-align:right; }

/* Inside page styles */
#article { max-width:38em; margin:0 auto; position:relative;}
	#article.withimage { padding-left:305px; }
	#article h2 { font-size:2.2em; font-family:Georgia,'Goudy Old Style',serif; line-height:1.4em; }
	#article p { margin-bottom:1em; }
	pre { margin:0.5em 0em; overflow: auto; }
	pre,.code { font-family:Monaco,Consolas,'Lucida Console',monospace; font-size:0.9em; background-color:#f3f3f3;}
	.highlight { background-color:#ffa; border-bottom:1px solid #fd9; }
	#image { margin-top:3.3em; width:275px; position:absolute; top:0; left:0; }
	#image .caption { margin-top:5px; color:#555; }
	#article ul { list-style-type:disc; }	

/* Specific page */
#article .email { margin:0 0 0.2em 1em; }

/* Jason's quick tweaks */
#edge, #feature #frame { display:none; }
#footer .whitewhale strong { position:static; }