/* Style Sheet For Open Humanities Press 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 {
	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 */
}
select, input, button, textarea { /* Nudge down to get to 13px equivalent for these form elements */
	font:99% arial, helvetica, clean, sans-serif;
} 
table { /* To help tables remember to inherit */
	font-size:inherit;
	font:100%;
}

dl {
	margin-top:13px;
}

dt {
	padding-top:0.5em;
	padding-bottom:0.2em;
	font-weight:bold;
	font-size:93%;
	font-family:"helvetica neue", helvetica, arial, sans-serif;
}

dd {
	padding-top:0.1em;
	padding-bottom:0.2em;
}

ol li {
	padding-top:0.3em;
	padding-bottom:0.2em;
	list-style:decimal;
}

ul, ol {
	padding-left:2em;
	padding-right:2em;
}

ul li {
	padding-top:0.1em;
	padding-bottom:0.4em;
	list-style:disc;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	font-family:"helvetica neue", helvetica, arial, sans-serif;
	line-height:1.385;
}

h1 {
	font-size:182%;
	line-height:1.231;
}

h2 {
	font-size:138.5%;
}

h3 {
	font-size:100%;
	margin-top:13px;
	margin-bottom:0.25em;
}

h4 {
	font-weight:normal;
	font-size:116%;
	margin-bottom:7px;
}

h5 {
	font-weight:bold;
	font-size:100%;
	margin-bottom:3px;
}

p {
	font-size:100%;
	margin-bottom:0.7em;
	line-height:1.385;
}

pre, code, kbd, samp, tt { /* Bump up IE to get to 13px equivalent for these fixed-width elements */
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

em {
	font-style:italic
}

a {
	color:#009;
	text-decoration:none;
}

a:visited {
	color:#009;
	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) */
	margin-left:0;
	margin-right:0;
	padding-left:6%;
	padding-right:6%;
}

.header { /* contains the logo element */
	width:100%;
	overflow:hidden;
	border-top:0;
	border-left:0;
	border-bottom:3px;
	border-right:0;
	border-style:double;
	border-color:#999;
}

.menu-primary { /* contains primary navigation */
	width:100%;
}

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

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

#related { /* contains related information and/or local navigation */
	width:36%;
	float:left;
	margin-right:1.5%;
}

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

.content-wide {
	width:83%;
	float:right;
	margin-left:1.5%;
	margin-right:0;
}

.related-narrow { /* Containers - whose semanitcs these all seem device specific? */
	width:14%;
	float:left;
	border-right:solid #999 1px;
	padding-right:1%;
}

.hbox-right {
	float:right;
	text-align:right;
	margin-left:13px;
	margin-top:7px;
	margin-bottom:7px;
}

.hbox-left {
	float:left;
	text-align:left;
	margin-top:3px;
	margin-right:13px;
}

.vbox-ruled {
	clear:both;
	border-top:#ccc solid 1px;
	margin-top:26px;
	padding-top:13px;
}

.vbox-ruled-below {
	border-bottom:#999 solid 1px;
	padding-bottom:57px;
}

.vbox {
	clear:both;
	margin-top:26px;
	padding-top:13px;
}

.quote-inline {
	padding-left:2em;
	padding-top:13px;
	padding-right:4em;
}

.callout {
	padding-left:13px;
	padding-top:0.5em;
	padding-right:7px;
	border-left:solid #999 1px;
}

.kludge {
	padding-left:15px;
	padding-top:1em;
	padding-right:7px;
}

.quote-callout {
	font-size: 123.1%;
}

.third {
	width:25%;
	float:right;
}

.third-x2 {
	width:72%;
	float:left;
	margin-right:auto;
}

.pushdown1x {
	padding-top:13px;
}

.pullup { /* for lists after paras; it stays for now */
	margin-bottom:0.2em;
}

.loose { /* steering group this stays too */
	line-height:1.385;
}

/*
 * Widgets - named for UI function */
.menubar {
	padding-left:0em;
	padding-top:0.5em;
	padding-bottom:3em;
	padding-right:0em;
}

.menubar-item {
	list-style:none;
	font-size:108%;
	display:inline;
	padding-left:1em;
	padding-right:1em;
}

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

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

.menubar-selected {
}

.tabs {
	padding-left:0em;
	padding-top:39px;
	padding-bottom:0.2em;
	padding-right:0em;
	border-bottom:1px;
	border-bottom-style:solid;
	border-color:#999;
}

.tabs-item {
	list-style:none;
	font-size:108%;
	padding-top:0.5em;
	padding-bottom:0.3em;
	padding-left:1em;
	padding-right:1em;
	display:inline;
}

.tabs-selected { /* static fallback */
	border:1px;
	border-style:solid;
	border-bottom:0px;
	border-color:#999;
}

.menu {
	margin-top:0;
	padding-left:0;
	padding-top:7px;
	padding-right:0;
}

.menu-notabs {
	margin-top:4.4em;
	padding-left:0;
	padding-top:7px;
	padding-right:0;
	border-top:1px;
	border-top-style:solid;
	border-top-color:#999;
}

.menu-item {
	list-style:none;
	font-weight:normal;
	font-size:108%;
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding-left:6px;
}

.menu-item-verbose {
	padding-top:0.7em;
	margin-bottom:0;
	border-top:1px;
	border-top-style:solid;
	border-top-color:#ccc;
}

.menu-note {
	font-size:93%;
	margin-left:0;
	padding-top:0.1em;
	padding-left:7px;
	padding-bottom:0.7em;
	font-weight:normal;
}

.menu-item-first {
	border-top:0;
}

.accessibility-aids {
	padding-top:0.5em;
}

.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%;
}

.logotype {
	float:right;
	padding-top:55px;
}

.logo {
	float:right;
}

.attribution {
	margin-top:0.5em;
	margin-bottom:1em;
	margin-right:20%;
	font-style:italic;
	text-align:left;
}

.fineprint {
	padding-top:1em;
	text-align:center;
	font-size:x-small;
	line-height:150%;
}

.demphisize {
	color:#888;
}

.marginal {
	clear:both;
	font-size:85%;
	color:#888;
}

.reversed {
	display:block;
	background-color:#666;
	color:#e2e2e2;
}

.kicker {
	margin-top:13px;
	margin-bottom:0.2em;
	font-weight:normal;
	color:#888;
}

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