/**********************

Hi, we're White Whale Web Services.  Welcome to our CSS file.

If you're the sort of person who reads CSS, you might want to skip the boring HTML stuff and browse our portfolio of CSS files.

Of course, we feel like our work improves a little year by year, so our newer code is always better.  Here are some links to CSS files from recent White Whale site launches:

Lewis & Clark:
http://www.lclark.edu/site/css/lewisandclark.css

USF:
http://web.usfca.edu/css/usf.css

NITLE:
http://www.nitle.org/styles/nitle.css

Wheaton College:
http://www.wheatoncollege.edu/assets/styles/style.css

Happy browsing!


**********************/

/* Reset defaults  */
html { font-size:100%; text-rendering:optimizeLegibility; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,img,form,label,iframe { margin:0; font-size:1em; line-height:1.4; font-weight:inherit; color:#222; font-family:"Helvetica Neue",Helvetica,sans-serif; border:none; }
input,select,textarea,button { font-size:1em; line-height:inherit; font-family:inherit;  margin:0; text-rendering:optimizeLegibility;  }
input[type=button],input[type=submit],button { overflow:visible; }
input[disabled],select[disabled],textarea[disabled],button[disabled] { opacity:0.75; }
.skiplink { position:absolute; top:0; left:-9999px; width:9em; padding:5px; color:#00f; background-color:#ff9; border:1px solid #993; text-align:center; z-index:9999; }
.skiplink:focus { left:0; }
.clear { height:0; clear:both; }
a { font-weight:bold; color:#000; text-decoration:none; border-bottom:1px solid #ccc; }
a:hover { color:#000;}
p a:hover, li a:hover, #footer a:hover { background-color:#ff9;}
.hidden {visibility:hidden;  height:1px; overflow:hidden;}
		
/* Basic Type */
h1 { font-size:2.4em; line-height:1.1; margin:0; font-weight:100; letter-spacing:2px; width:100%; white-space:nowrap; overflow:visible;}
	h1 a { margin:0 10px;font-weight:200; border:none;}
	h1 a:last-child {color:#c00;}
	h1 a:last-child:hover {text-decoration:none; cursor:default;}
	h1 a:first-child {font-weight:100; margin:0 26px 0 0;}
h2 { font-size:2em; margin:0 0 10px 0; font-weight:200; letter-spacing:1px;}
h3 { font-size:1.5em; margin:0 0 10px 0; font-weight:300;letter-spacing:1px;}
h4 { font-size:1.3em; margin:0; }
h5 { font-size:1.1em; margin:0; }
h6 { font-size:1em; font-weight:bold; margin:0; }

input#qa_input { color:#c00; font-size:3.1em; margin:0; font-weight:100; letter-spacing:2px;width:700px;margin:0; }
#qa_caption {font-size:.8em; color:#c00;}

p { margin:1em 0;}
blockquote { margin:1em 3em; }
ul,ol { margin-left:1.2em; margin-bottom:0.8em; padding:0;}
	li { margin:.5em 0 1em 0; padding:0 .8em;}
td {vertical-align:top; padding:0 30px 30px 0;}
td img {margin-bottom:20px;}

/* Page structure */
body { width:100%; background-image:url(../images/whale.jpg); background-position:400px -40px; background-repeat:no-repeat; background-attachment:fixed;}

body.main {background-image:url(../images/whale.jpg);}
body.services {background-image:url(../images/crab.jpg);}
body.staff {background-image:url(../images/weirdfish.jpg);}
body.portfolio {background-image:url(../images/plattfish.jpg);}
body.pricing {background-image:url(../images/goldfish.jpg);}
body.blog {background-image:url(../images/pufferfish.jpg);}

.container { width:960px; margin:0 auto; position:relative; clear:both; padding:0 20px; }
#content { position:relative; margin-top:40px; }

#page { float:left; width:920px;}
	#body { float:left; margin:20px 30px 20px 0px; padding:28px 18px 18px 0px; width:600px; overflow:hidden; border-bottom:1px solid #fff; border-top:3px solid #c00;margin-bottom:30px; min-height:400px;}
	#sidebar { float:left; width:250px; padding: 0 10px 0 0; margin:20px 30px 0 0;margin-bottom:30px; border-top:3px solid #ccc; }
		#sidebar img { border:none; text-decoration: none; background-color: #fff; margin-bottom:10px; }
		#sidebar a img { border:none; text-decoration: none; background-color: #fff; }
		#sidebar a:hover img { border: none; text-decoration:none; background-color: #fff; }
		#sidebar h2 { font-size:1em; }
		#sidebar h3 { font-size:1em; }
		
ul#navigation { padding:20px 0px; margin:0; list-style-type: none; }
ul#navigation > li {padding:0;}
ul#navigation a { color: #999; border:none;}
.main #homepagelink {display:none;}

ul#navigation > li > ul {margin-bottom:1em; list-style-type: none; display:none;}
	
	ul#navigation ul a {color: #c00; font-weight:normal;}
	.services ul#navigation ul#services {display:block;}
	/* .portfolio ul#navigation ul#portfolio {display:block;} */
	.staff ul#navigation ul#staff {display:block;}

/* .index ul#navigation ul {display:none !important;}  (unless we decide to do subnavs in homepage text?) */
.index #sidebar:hover {border-color: #c00;}
.index ul#navigation a:hover {color: #c00; text-decoration:none;}

ul#navigation #blog-headline {font-size:.8em; width:200px; margin:10px; background-image:url(../images/redbrackets.gif); background-position:bottom left; background-repeat:no-repeat; letter-spacing:normal !important; margin-bottom:80px; }
ul#navigation #blog-headline ul, ul#navigation #blog-headline li {margin:0; padding:0;}
ul#navigation #blog-headline li a {font-size:1.2em; font-family:Georgia, serif; font-style:italic;}
ul#navigation #blog-headline .lw_widget {padding:5px 15px; margin:0; background-image:url(../images/redbrackets.gif); background-position:top left; background-repeat:no-repeat;}

.main.index #page { margin-bottom:150px;}
.main.index h3 {font-size:1.2em;}
.main.index h3 strong { color:#c00; }

.blog.index #body .news_date { font-size:0.9em; font-style:italic; color:#333; }
.blog.index #body .news_summary { font-size:1.4em; color:#666; margin-bottom:25px; }


.lw_widget_twitter {font-size:.8em; padding:30px 0 15px 0; margin-top:-1em; background-image:url(../images/twitter-bg.gif); background-position:top left; background-repeat:no-repeat;}
.lw_widget_twitter li {margin-bottom:1.5em !important;}
.lw_widget_feeds li {border-bottom:1px dotted #ccc; padding-bottom:1em; } 
#body .lw_news_headline a, .news_headline {font-size: 3em; font-weight:200; border:none; }
.lw_news_headline a:hover {background-color:transparent;}
.lw_news_summary {font-size: .8em; padding:10px 20px;}


#footer { clear:both; width:100%; border-top:1px solid #ccc; font-size:.8em; line-height:1.4em;}
#footer a, #footer span { color: #222; white-space:nowrap; border:none;font-weight:normal;}
#footer div a:hover {color: #000 !important;;}
#footer div {float:left; margin:15px;}
#footer div strong {display:block; font-size:1.5em; color:#ccc; font-weight:normal; }


/* Quickaccess */
#qa_results {  width:590px; position:absolute; margin:0; padding:0 10px; font-family:"Helvetica Neue", sans-serif;font-size:.9em; background:#09202E url(/images/water.jpg) no-repeat center top fixed;  background-position:center; }
#qa_results a {color:#fff !important; background:none; border-bottom:3px double transparent;}
#qa_results a:hover {text-decoration:none;border-bottom:3px double #ccc; }
#qa_results .qa_selected a { background-color:#579; padding:1px 5px 0; margin:0 -5px; }

	#qa_results ul, #qa_results li { list-style-type:none; margin:0; padding:0;}
	.qa_blur,.qa_noquery,.qa_nonefound { display:none; }
	.qa_toomany .qa_category { display:none; }
	
	.qa_category { float:left; width:100%; padding:6px 0 9px 0; }
		.qa_category_title { width:140px; clear:left; float:left; color:#ff9 }
		.qa_results_list { width:430px; display:block;float:left; }
		.qa_results_list li { margin-bottom:10px; }
		.qa_results_list li a { font-weight:normal;margin-bottom:3px; }
		.qa_message {color:#fff; font-style:italic;}
	
			.qa_topmatch { /* font-size:1.2em; padding:2px 0; */ }

	.qa_highlight {}