/* 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; }
h2 { font-family:Georgia,'Goudy Old Style',serif; font-size:3em; line-height:1.2em; }
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:1024px; margin:15px auto; padding:0 15px; }

.lede { font-weight:bold; font-size:1.1em; display:inline;}
.spacebefore {margin-top:1em;}

#footer { clear:both; text-align:center; padding:45px 0 10px 0; }
#footer span { margin:0 10px; }
#footer .whitewhale { background:#000 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%; }
#main p a {color:#009;}
#introduction { font-family:Georgia,'Goudy Old Style',serif; font-size:1.8em; line-height:1.4em; margin:60px 0 15px 0;}
#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;}

#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; }

#blogfeed {float:right; border-left: 1px solid #c00; padding-left:1em; margin:2em 0 1em 1em; width:250px;}
#blogfeed p {margin-bottom:1em;}
#blogfeed p a {text-decoration:underline;}

/* Inside page styles */
#article { max-width:38em; margin:0 auto; margin-top:24px; position:relative;}
	#article.withimage { padding-left:300px; }
	#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 { width:250px; position:absolute; top:11px;left:0px;}
	#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; }
.red {color:#c00;font-weight:bold; text-transform:uppercase;}