/* Style Sheet For Open Humanities Alliance site
Version 0.1 (Experimental code in progress -- don't use) 
Copyright 2009. Licensed under the GPL 3.0 except otherwise noted -- http://www.gnu.org/copyleft/gpl.html
*/

/* Reset - normalizes default display of base elements across browsers 
 * This section Copyright (c) 2009, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 3.0.0b1 - build: 1163
 * NOTE: It's all run together as it's not supposed to be edited
*/
html {color:#000;background:#fff;}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset, img {border:0;}address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}li {list-style:none;}caption, th {text-align:left;}h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}q:before, q:after {content:'';}abbr, acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}input, textarea, select {*font-size:100%;}legend {color:#000;}
/* End Yahoo copyright */

/* Base - establishes the default styles for html elements */
body {background-color:#666;font:13px/1.231 "myriad pro", "liberation sans", "helvetica neue", helvetica, arial, clean, sans-serif;*font-size:small; /* for IE */*font:x-small; /* for IE in quirks mode */}
h1, h2, h3, h4, h5, h6 {font-weight:bold;font-family:"helvetica neue", helvetica, arial, sans-serif;line-height:1.385;}
h1 {font-size:138.5%; line-height:1.231; margin-top:2em;margin-bottom:1em;}
h2 {font-size:138.5%;margin-bottom:1em;}
h3 {font-size:100%;margin-top:13px;margin-bottom:0.25em;}
h4 {font-weight:normal;font-size:116%;margin-bottom:7px;}

ul li {padding-top:0.1em;padding-bottom:0.4em;margin-left:1.5em;list-style:disc;}
p {font-size:100%;margin-bottom:0.7em;line-height:1.385;}
em {font-style:italic}

a {color: #960;text-decoration:none;}
a:visited {color:#960;text-decoration:none;}
a:active, a:focus, a:hover {color:#00f;}
a:visited:hover {color:#00f;text-decoration:none;}

/* Structure - the basic divisions that organize the page (eventually replace with grid) */
#page { /* contains "page" and separates it from background (viewport) */
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	padding-left:30px;
	padding-right:30px;
	
	background-color:#fff;
	
	border-top:0;
	border-left:1px;
	border-right:1px;
	border-bottom:1px;
	border-style:solid;
	border-color:#333;
	
	background-image: url(awning22.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:700px;
}

#header { /* contains the logo element */
	width:700px;
	clear:both;
	overflow:hidden;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px;
	border-style:solid;
	border-color:#999;
	padding-bottom:10px;
}

#nav { /* contains primary navigation */
	float:right;
	padding-top:20px;
}

#main { /* contains primary content, related information and local navigation */
	clear:both;
	overflow:hidden;
	width:100.00%;
	min-height:500px;
	padding-bottom:3.0em;
}

#content { /* contains primary information */
	float:left;
	margin-left:0;
	margin-right:3%;
}

#related { /* contains related information and/or local navigation */
	width:240px;
	float:right;
}

#footer {
	clear:both;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:3.0em;
	padding-top:1.5em;
	padding-bottom:1.5em;
	border-top:1px;
	border-left:0;
	border-right:0;
	border-bottom:0;
	border-style:solid;
	border-color:#ccc;
}
.vbox-ruled {
	clear:both;
	border-top:#ccc solid 1px;
	margin-top:26px;
	padding-top:13px;
}

.aside-outer {
	clear:both;
	margin-top:26px;
}
.aside-inner {
	clear:both;
	border-top:#ccc solid 1px;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	padding:1px 10px 10px 10px;
}

/*
 * Widgets - named for UI function */
.menubar {
	padding-top:0.5em;
}

.menubar-item {
	font-size:93%;
	display:inline;
}

.menubar-item-first {
	padding-left:0;
}

.menubar-item-last {
	padding-right:0;
}

.accessibility-aids {
	padding-top:20px;
	float:left;
}

.skip {
	color:white;
}

.skip:hover, .skip:focus, .skip:active {
	color:blue;}

.caption { /* Contents - named for role or content */
	padding-left:3px;
	padding-right:3px;
	margin-bottom:0;
	font-size:85%;
	line-height:150%;
}

.logo {
	float:left;
}

.fineprint {
	text-align:center;
	font-size:x-small;
	line-height:100%;
}

.demphisize {
	color:#888;
}

.kicker {
	margin-top:5px;
	margin-bottom:10px;
	padding-bottom:5px;
	font-weight:normal;
	color:#888;
	background-image:url(striped-bar.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.mailto {
	list-style-image:url(mail.png);
	padding-left:3px;
	padding-right:3px;
}

.narrow {
	width:60%;
}

.wide {
	width:100%;
}