/*   
Theme Name: asb
Theme URI: http://www.alexsbrown.com
Description: Alex S. Brown's Theme
Author: Alex S. Brown
Author URI: http://www.alexsbrown.com
Template: 
Version: 1.1
.
Copyright 2003-2007 Alex S. Brown, All rights reserved
.
*/

html, body {padding: 0; margin: 0; background-color: #ffffff}
body {font-family: verdana, arial, sans-serif;
      color: #000000; font-size: 0.9em;}
a:link {color: #0000ff}
a:visited {color: #ff00ff}
h1, h2, h3 {color: #990000; font-family: arial, sans-serif}
h1 {font-size: 2.0em}
h2 {font-size: 1.7em}
h3 {font-size: 1.4em}
h3 {margin-bottom: 0.2em}

.header a, .footer a, #sidebar a {text-decoration: none}
.header a:hover, .footer a:hover, #sidebar a:hover {text-decoration: underline}
.header a:link, .footer a:link, #sidebar a:link {color: #00aaff}
.header a:visited, .footer a:visited, #sidebar a:visited {color: #ffaaff}

.header {color: #ffffff; width: 100%; min-height: 170px;
	position: relative; z-index: 1}
.header h1 {color: #ffff00; margin: 0;
	    padding: 1em 0 2em 170px}
.header h2 {color: #ffff00; margin: 0; padding: 0 0 0.7em 170px;
	    position: relative; top: -2em}
.header h1, .header h2 {position: relative; z-index: 2}

.navigation {
	display: block;
	position: relative; z-index: 10;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 3em;
	}

/* Create red bar under the navigation area */
#header-bottom, #footer-top {background-color: #990000; padding: 0; margin: 0; height: 35px;}
#header-bottom {position: absolute; bottom: 0; left: 170px; right: 0; z-index: 0}
#footer-top {position: absolute; top: 0; left: 0; right: 0; z-index: 0}
/* Create the bar with background images for compatibility */
.header {background: #000000 url(images/red-1x35.gif) bottom left repeat-x}
.footer {background: #000000 url(images/red-1x35.gif) top left repeat-x}

/* Prevent content from floating next to navigation areas */
#content {clear: left}

#content {position: relative; z-index: 0;
	padding: 0 1em 0 1em; max-width: 50em}

.footer {color: #ffffff; width: 100%; clear: both;
	position: relative; margin: 0; padding: 0 0.5em 0.2em 0.5em;
	text-align: left; font-style: italic; font-size: 0.8em}
.footer * {margin: 0.2em 0 0.4em 0; position: relative; z-index: 10}

.logo, .right-pic {border-style: none; position: absolute;
	bottom: 0}
/* Cannot do relative "em" width and height because resizing
 * is poor quality with all browsers for png and gif images.
 * Will need to wait until browsers support svg consistently
 * to resize the logo with the font size */
.logo {left: 0; z-index: 10}
.logo {width: 170px; height: 170px}


.topnav_item, .topnav_item a {display: block; float: left; height: 1.2em;
	padding: 0; margin: 0}
.topnav_item {display: inline; margin: 0 0.5em 0 0.5em}
.topnav_item a, .topnav_item a:visited, .topnav_item a:link
	{color: #ffffff; font-weight: bold}

.header .topnav {width: 45em;
	padding: 0 0 10px 0; margin: 0 0 0 170px;
        position: absolute; bottom: -1px; left: 0; right: 0;
	z-index: 10}
.header .topnav_item {padding-bottom: 10px; margin-bottom: -10px}
/* Would love to center the nav bar in the footer, but cannot find a
 * cross-browser way to do it. */
.footer .topnav {padding: 5px 0 0 0; margin: 0 0 30px 0;
	float: none; display: block;
	position: relative; top: 0; width: auto;
	font-style: normal; font-size: 1.25em}
.footer .topnav_item {padding-top: 5px; margin-top: -5px}

.current_page_item {padding-right: 10px}
.current_page_item a {padding-left: 10px}
.current_page_item a, .current_page_item a:visited, .current_page_item a:link
	{color: #000000}

.header .current_page_item {background: #ffffff url(images/tab-corner-top-right.gif) right top no-repeat}
.header .current_page_item a {background: #ffffff url(images/tab-corner-top-left.gif) left top no-repeat}
.footer .current_page_item {background: #ffffff url(images/tab-corner-bottom-right.gif) right bottom no-repeat}
.footer .current_page_item a {background: #ffffff url(images/tab-corner-bottom-left.gif) left bottom no-repeat}

#sidebar {background: #000000;
	color: #ffffff;
	float: right; position: relative; z-index: 2; top: 0;
	text-align:left;
	margin: 0; padding: 0 0 0 1em;
	width: 15em}

#sidebar h2 {font-size: 1em; font-weight: bold;
	padding: 0; margin: 0.4em 0 0 0.8em; text-indent: -1em; color: #ffff00}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 1em;
	}

#sidebar ul p, #sidebar ul select {
	margin: 0.2em 0 0.4em;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 0.2em 0 0 0.4em;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 0.8em;
	}

#sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 0.2em 0 0;
	padding: 0;
	}

#sidebar input {margin-bottom: 0.5em}
#sidebar input.highlighted {background-color: #ffff99}

#sidebar .textwidget {margin-left: 0.2em; margin-right: 0.2em;
       font-size: 0.9em}

#sidebar .current-cat
	{background: #ffffff url(images/b-round-corner-upper-right.gif) right top no-repeat;
	color: #000000}
#sidebar .current-cat a {font-weight: bold; text-decoration: none}
#sidebar .current-cat a, #sidebar .current-cat a:visited,
	#sidebar .current-cat a:link {color: #000000}
#sidebar .current-cat ul.children
	{background: #ffffff url(images/b-round-corner-bottom-right.gif) right bottom no-repeat}
#sidebar .current-cat .children a {text-decoration: underline}

/* Fix the indent, so the white goes to the edge of the sidebar */
#sidebar ul ul li.current-cat {margin-left: -1.4em; padding-left: 1.4em}
#sidebar ul ul ul li.current-cat {margin-left: -2.2em; padding-left: 2.2em}


#tag_cloud, .widget_stags_cloud {margin-right: 0.4em; text-align: center}
#tag_cloud h2, .widget_stags_cloud h2 {text-align: left}


/* Search bar customization */
#s {width: 10em}
#s {position: relative; top: -0.2em}

/* Styles to help hide information for screen readers and other accessibility issues */

.hidden
	{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}
.skip a {font-size: small; text-align: center; 
	margin: 0; padding: 0; color: #aaaaaa;
	position: absolute; z-index: 8; left: 1em; right: 1em}
.skip a, .skip a:visited, .skip a:link {color: #aaaaaa}

.callout, .related, .figure, .promo, .postmetadata 
        {
	text-align: center;
        padding: 0 0 30px 0; margin: 0
	}
.callout, .related, .figure, .postmetadata 
        {
	background: #ffffcc url("images/pyw-gradient-1x30.jpg") bottom repeat-x;
	}
.promo
        {
	background: #ffff00 url("images/yw-gradient-1x30.jpg") bottom repeat-x;
	}
.callout {margin-left: 1.5em}

.callout li, .related li, .figure li, .promo li, .figure li, .keeptogether li
        {display: block; list-style-type: none}

.callout, .related {text-align: left}
.callout a, .related a {display: list-item; list-style: square outside;
	padding: 0 0 0.4em 0; margin: 0 0.4em 0 1.6em}
.callout h2, .related h2 {font-size: 1em; font-weight: bold; margin: 0;
	padding: 30px 0.2em 0.2em 1em; text-indent: -0.5em;
        background: url("images/wpy-gradient-1x30.jpg") top repeat-x}
.callout p {font-size: 0.8em; margin: 0; padding: 0.2em 0.2em 0 0.2em}

.callout {float: right; width: 12em}

.figure {font-weight: bold; float: right; margin-left: 1.5em}
.figure.left {margin-left: 0; margin-right: 1.5em}
.figure img {display: block}
.figure cite {font-weight: normal; display: block; font-size: small}

.promo {font-weight: bold}

.left {float: left}
.center {float: none; margin-left: 10%; margin-right: 10%}
.alignleft {float: left; text-align: left}
.alignright {float: right; text-align: right}
.keeptogether {display: block; clear: both; padding: 0; margin: 0}

blockquote {background: #ffffff}

table.asbform, table.data {background: #ffffff; text-align: left}

table.asbform th {text-align: right}
table.asbform td {text-align: left}

table.data th {font-weight: bold; padding-left: 0.2em; padding-right: 0.2em}
table.data td {padding-left: 0.2em; padding-right: 0.2em}
table.data col.number {text-align: right}
table.data tr.odd {background: #ffffff}
table.data tr.even {background: #ffffcc}
table.data td.negative {color: #ff0000}

.bib, .definition {margin-left: 1em; text-indent: -1em}
.definition ul, .definition ol {text-indent: 0}