/*
Theme Name: Ellis
Theme URI: http://cms.nowiswhen.net
Description: Theme for Axel's website
Author: Jeff Wheeler / modified by Ellis Whitehead
Author URI: http://www.nowiswhen.net
.
Customiziation should be easy enough. Sorry there aren't more comments in the CSS though. The other files are well-commented however.
.
*/

body {
	background: #5079b5; /*#1a2dde; /*B9DDDE;*/
	/*font-size: 76%;*/
	/* Used to set 1em to a nice size. More info available here:
		http://www.thenoodleincident.com/tutorials/typography/index.html */
	margin: 0 0 20px; 
		/* Top, left-right, bottom (add one more value to make it left, then the second is right */
	padding: 0;
	text-align: center; /* Used to center in IE */
}

li {
	text-align: left;
}

li.subpage {
	padding-top: 1em;
}

/*
 * Know knock.
 * Who's there?
 * Ie
 * Ie who?
 * Ie like to brake your sites!
 * (Ie is pronounced like I...)
 */

td.transparent {
	background: #5079b5;
}

td.border-left {
	background: url(border-left.jpg) repeat-y;
	width: 19px;
}

td.border-right {
	background: url(border-right.jpg) right repeat-y;
	width: 19px;
}

td.corner-bottom-left {
	background: url(corner-bottom-left.jpg) left bottom no-repeat;
	height: 19px;
}

td.corner-bottom-right {
	background: url(corner-bottom-right.jpg) right no-repeat;
	height: 19px;
}

td.border-bottom {
	background: url(border-bottom.jpg) bottom repeat-x;
	height: 19px;
	margin: 0 19px;
}

td.corner-top-left {
	background: url(corner-top-left.jpg) left top no-repeat;
	height: 19px;
}

td.corner-top-right {
	background: url(corner-top-right.jpg) right no-repeat;
	height: 19px;
}

td.border-top {
	background: url(border-top.jpg) top repeat-x;
	height: 19px;
	margin: 0 19px;
}

/* ------------------------- */
/* -- ^^^^^^^^ --------------- */
/* ------------------------- */

#header {
	/*background: url(box-repeat.jpg) center;*/
	background: white;
	/*margin: 0 auto 20px;*/
	text-align: center;
	/*width: 720px;*/
}

#header div.left {
	background: url(border-left.jpg) repeat-y;
}

#header div.right {
	background: url(border-right.jpg) right repeat-y;
}

#header div.bottom-left {
	background: url(corner-bottom-left.jpg) left bottom no-repeat;
	height: 19px;
}

#header div.bottom-right {
	background: url(corner-bottom-right.jpg) right no-repeat;
	height: 19px;
}

#header div.bottom {
	background: url(border-bottom.jpg) bottom repeat-x;
	height: 19px;
	margin: 0 19px;
}

#header a {
	/*background: url(box-bottom.jpg) left bottom no-repeat;
	/*/
	/*color: black;*/
	display: block;
	font-size: 3.5em;
	padding: 10px 20px 0px;
	text-decoration: none;
}

#header a:hover { color: #CD8686; }

/*
 * Main!
 */

#main {
	background: white;
}

#main {
	/*background: url(text-top.jpg) top left no-repeat;*/
	color: black;
	/*float: left;*/
	font-family: Verdana, Arial, sans-serif;
	padding: 10px 20px 0 20px;
	text-align: justify;
	/*width: 505px;*/
}

/* Arg! A pirate is here with IE, beware when editing your CSS. Check in all versions of IE before publishing! */

/* Headers */

/* Page name */
#main h1 {
	border-bottom: 1px solid gray;
	/*color: #323C3C;*/
	font-family: serif;
	font-size: 130%;
	font-weight: bold;
	text-align: left;
}

/* Page title, beneath the name */
#main h2 {
	font-family: serif;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

/* Page section */
#main h3 {
	font-family: serif;
	font-size: 110%;
	font-weight: bold;
	padding-top: 1.5em;
	text-align: left;
}

/* Paragraph */

#main p.meta {
	/*color: #999;*/
}

/* Lists */

ul {
	list-style-type: circle;
}

/* Q: Why did the XHTML actress turn down an Oscar?
 * A: Because she refused to be involved in the presentation. */

/* Comments */

.comment {
	list-style-type: none;
	margin: 0;
}

/* Comment Form */

#reply label {
	display: block;
}

/* Search Highlight */

.hilite {
	background-color: #F17196 !important;
	color: #fff;
}

/* Q: Why was the XHTML bird an invalid?
 * A: Because it wasn't nested properly. */

/*
 * Sidebar!
 */

#sidebar {
	/*background: url(text-top.jpg) top right no-repeat;*/
	/*float: right;*/
	font-size: 13px;
	padding: 10px 5px 0 10px;
}

/* Headers */

#sidebar h1 {
	font-size: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

#sidebar h2 {
	color: #323C3C;
	font-weight: normal;
	margin: 33px 0 0;
}

/* Lists */

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 1em;
}

/*
 * Footer!
 */

#footer {
	/*background: url(text-bottom.jpg) bottom no-repeat;*/
	clear: both;
	color: #666;
	padding: 0 20px 10px;
}

#footer p {
	margin: 0;
}

/* Q: Why do CSS designers have too many children?
 * A: Because they employ lots of child selectors. */

/* ------------------------- */
/* -- Fonts ---------------- */
/* ------------------------- */

#header {
	font-family: "Stone Sans ITC TT", "Arial Rounded MT BOLD", Verdana, sans-serif;
	letter-spacing: -0.3em;
}

/*#text h1 {
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -2px;
}

#text h2 {
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: -1px;
}

#text h3 {
	font-size: 1.4em;
	font-weight: normal;
}*/

/*#text p, #text #main ul, #text #main ol {
	font-family: Verdana, Arial, sans-serif;
	line-height: 200%;
}*/

/*
 * Links and their colors (is there a better place for this?)
 */

a {
	color: blue;
	text-decoration: none;
}

a:hover {
	color: #008;
	text-decoration: underline;
}

#sidebar {
	text-align: left;
}

#sidebar ul {
	font-family: Verdana, Arial, sans-serif;
	line-height: 170%;
}

#sidebar a {
	color: blue;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
}

/*
#sidebar a:hover {
	background: #ddf;
	color: #008;
}
*/

#sidebar a.menu_item {
	background: url(menu-bullet.png) no-repeat;
	background-repeat : no-repeat;
	background-position : left;
	margin-left: -15px;
	padding-left: 15px;
}

#sidebar a.menu_item_current {
	background: url(current.png) no-repeat;
	background-repeat : no-repeat;
	background-position : left;
	color: #008;
	margin-left: -15px;
	padding-left: 15px;
	padding-right: 10px;
}

#sidebar li.current_page_item {
	background: url(/wp-images/menu_bullet.png) no-repeat;
	color: #008;
	margin-left: -15px;
	padding-left: 15px;
}

#sidebar a.level1current, #sidebar a.level2current, #sidebar a.level3current {
	background: url(/wp-images/menu_bullet.png) no-repeat;
	color: #008;
	margin-left: -15px;
	padding-left: 15px;
}

#sidebar a:hover.level1current, #sidebar a:hover.level2current, #sidebar a.level3current:hover {
	color: #008;
	margin-left: -15px;
	padding-left: 15px;
}

#sidebar div.active_menu {
	background: #b9ddde;
}

/*
 * Header links
 */

h1 a, h1 a:visited {
	border-bottom: 1px solid #ccc;
	/*color: #333;*/
	text-decoration: none;
}

h1 a:hover {
	/*color: #637677;*/
}

/* W00T! A Hack for IE. Let's see if we can get our CSS at least mostly clean. Would be nice if they got the Box Model right at least... watch out when changing. */

/* Q: Why was IE5's 3-metre wide cell in the insane asylum smaller than IE6's 3-metre wide cell?
 * A: Because the width of the cell included the padding. */

/* ------------------------- */
/* -- Hacks ---------------- */
/* ------------------------- */

/*
 * 
 * We should all forget about CSS. Let's go back to the unusable web!
 */

/* #text #main */

* html #main
{
	padding-top: 20px;
	width: 505px;   /* content width (for other browsers) */
}

/* #text #sidebar */

* html #sidebar   /* this selector recognized by IE only */
{
	width: 155px;
}

span.expandLink {
	background-image : url('down.png');
	background-repeat : no-repeat;
	background-position : right;
}

div.filler19 {
	width: 19px;
	font-size: 1px;
}

div.filler15 {
	width: 15px;
}

div.menutitle {
	color: white;
	font-weight: bold;
	font-size: 150%;
	text-align: center;
}

ul.menu_items {
	background: white;
}

td.menu_topleft {
	padding: 0;
	margin: 0;
	background: url(menu-topleft.png) no-repeat bottom right;
}

td.menu_top {
	padding: 0;
	margin: 0;
	background: url(menu-top.png) repeat-x;
	background-position: bottom;
}

td.menu_topright {
	padding: 0;
	margin: 0;
	background: url(menu-topright.png) no-repeat bottom left;
}

td.menu_left {
	padding: 0;
	margin: 0;
	background: url(menu-left.png) repeat-y;
	background-position: right;
}

td.menu_right {
	padding: 0;
	margin: 0;
	background: url(menu-right.png) repeat-y;
	background-position: left;
}

td.menu_bottomleft {
	padding: 0;
	margin: 0;
	background: url(menu-bottomleft.png) no-repeat top right;
}

td.menu_bottom {
	padding: 0;
	margin: 0;
	background: url(menu-bottom.png) repeat-x;
	background-position: top;
}

td.menu_bottomright {
	padding: 0;
	margin: 0;
	background: url(menu-bottomright.png) no-repeat top left;
}