/**
 * Theme Name: Four Columns
 * Description: Top navigation with four main content categories in large boxes on the home page
 * Version: 1.6
 * Tags: four columns, fixed width, red, blue
 * Author: Andrew Ortwein
 * Notes: Edit the array at the beginning of header.php to declare which pages belong in the
 *        columns.
 */


/**
 * Font sizes:
 * 3.0em = 48px
 * 2.25em = 36px
 * 2.0em = 32px
 * 1.875em = 30px
 * 1.75em = 28px
 * 1.5em = 24px
 * 1.375em = 22px
 * 1.3125em = 21px
 * 1.25em = 20px
 * 1.125em = 18px
 * 1.0em = 16px
 * 0.875em = 14px
 * 0.8125em = 13px
 * 0.75em = 12px
 * 0.6875em = 11px
 * 0.625em = 10px
 * 0.5625em = 9px
 * 0.5em = 8px
 * 0.25em = 4px
 * 0.125em = 2px
 * 0.0625em = 1px
 */


@import url('reset.css');
/*@import url('styles/pastel_blue/pastel_blue.css');*/
@import url('styles/red/red.css');

/*
 * Common
 */
html
{
	font-size: 100.01%;
	height: 100%;
	/* Always allocate space for a vertical scroll bar to avoid centered content from jumping around */
	overflow-y: scroll;
}

body
{
	font-family: Helvetica, Arial, sans-serif;
	/*font-size: 0.875em;*/ /* reset to 14px */
	height: 100%;
	line-height: 1.5;
}

h1
{
	font-size: 2.625em;
	line-height: 1.2;
}

h2
{
	font-size: 1.875em;
	line-height: 1.2;
}

h3
{
	font-size: 1.5em;
}

h4
{
	font-size: 1.3125em;
}

h5
{
	font-size: 1.125em;
}

h6
{
	font-size: 1.0em;
}

p
{
	font-size: 0.875em;
	margin-bottom: 1.0em;
}

blockquote
{
	font-style: italic;
	margin: 0 4.0em 1.0em;
}

blockquote cite
{
	display: block;
	text-align: right;
}

sup
{
	vertical-align: super;
}

sub
{
	vertical-align: sub;
}

sup, sub
{
	font-size: 0.7857em; /* 0.7857 x 0.875 x 16 =~ 11 */
	/* Remove half-leading so that these will not increase the height of the rest of the line */
	line-height: 0;
}

pre
{
	/* Prevent text from breaking outside of the page container */
	white-space: normal;
}

a
{
	font-weight: bold;
}

ol, ul
{
	font-size: 0.875em;
	margin-bottom: 1.0em;
	padding-left: 2.5em;
}

ol li
{
	list-style: decimal;
}

ul li
{
	list-style: disc;
}

li ol, li ul, li p
{
	/* Prevent child elements from decreasing in font size */
	font-size: 1.0em;
}

li ol, li ul
{
	margin-bottom: 0;
}

dd
{
	margin-left: 2.5em;
}

form
{
}

form p
{
	clear: both;
}

fieldset
{
}

legend
{
}

label
{
	/*display: block;
	float: left;
	margin-right: 1.0em;
	position: relative;
	text-align: right;
	width: 10.0em;*/
}

table
{
	border-style: solid;
	border-width: 1px;
	margin-bottom: 1.0em;
	margin-left: 2.5em;
}

th
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 0.875em;
	padding: 4px;
}

td
{
	font-size: 0.875em;
	padding: 2px 0.5em;
}



/*
 * Page
 */
#page
{
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	/* These two height declarations mimic min-height for IE6 */
	height: auto !important;
	height: 100%;
	margin: 0 auto -3.0em;
	min-height: 100%;
	position: relative;
	width: /*58em*/ 928px;
	/*-moz-box-shadow: 0 0 10px #000000;
	-webkit-box-shadow: 0 0 10px #000000;*/
}

* html #page
{
	margin-bottom: -3.3125em;
}



/*
 * Header
 */
#header
{
	padding: 1.0em;
	position: relative;
}

#logo
{
	background: url("images/hands_white_83x79.png") no-repeat;
	font-family: Georgia, Times New Roman, Times, serif;
	padding-left: 93px;
}

#logo, #logo a
{
	line-height: 1.2;
	text-decoration: none;
}

#logo h1
{
	font-size: 2.25em;
	font-weight: normal;
	line-height: 1.0;
	margin-bottom: 0.125em;
}

#logo .widgettitle
{
	display: none;
}

#logo .textwidget
{
	font-size: 1.0em;
}

#slogan
{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.25em;
	font-style: italic;
	position: absolute;
	right: 1.0em;
	top: 1.0em;
}

#searchform
{
	bottom: 1.0em;
	position: absolute;
	right: 1.0em;
}

#searchform label
{
	display: none;
}



/*
 * Main Menu
 */
#mainMenu
{
	background-position: 0 0;
	background-repeat: repeat;
	line-height: 1.0;
	margin: 0;
	padding: 0.625em 1.0em;
}

#mainMenu .page_item
{
	display: inline;
	list-style: none;
	margin-right: 1.0em;
}

#mainMenu .page_item a
{
	padding: 4px;
	text-decoration: none;
}

#mainMenu .page_item a:hover
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#mainMenu .page_item.current_page_item a
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}



/*
 * Content
 */
#content
{
	padding: 1.0em;
}

#content.contentWithSidebar
{
	margin-left: 200px;
}

#content.maintenanceMode
{
	text-align: center;
}

#content .post
{
	margin-bottom: 1.125em;
	overflow: auto;
}

#content.frontPage .page h2
{
	display: none;
}

#content h2 a, #content h3 a
{
	text-decoration: none;
}

#content h2 a:hover, #content h3 a:hover
{
	text-decoration: underline;
}

#content h2.searchTitle
{
	text-align: center;
}

#content .published
{
	font-size: 0.75em;
}

#content .entry
{
	margin-top: 0.875em;
}

#content.frontPage .entry
{
	margin-top: 0;
}

#content p.wp-caption-text
{
	font-size: 0.75em;
	text-align: center;
}

#content .aligncenter
{
	clear: both;
	display: block;
	margin: 0 auto 1.0em;
}

#content .alignleft
{
	float: left;
	margin: 0 1.0em 1.0em 0;
}

#content .alignright
{
	float: right;
	margin: 0 0 1.0em 1.0em;
}

#content .postmetadata
{
	font-size: 0.75em;
	padding: 0.75em;
}

#content .navigation a
{
	text-decoration: none;
}

#content .navigation a:hover
{
	text-decoration: underline;
}



.clear
{
	clear:both;
}

hr.clear
{
	border: 0 none;
	height: 0;
	line-height: 0;
	margin: 0;
	visibility: hidden;
}

.clearFooter
{
	height: 3.0em;
	position: relative;
}



/*
 * Columns
 */
#categories img
{
	vertical-align: bottom;
	width: 25%;
}

.container0, .container1, .container2, .container3
{
	float: left;
	position: relative;
	width: 100%;
}

.container0, .container1, .container2
{
	right: 25%;
}

.container3
{
	overflow: hidden;
}

.column0, .column1, .column2, .column3
{
	background-repeat: no-repeat;
	float: left;
	left: 75%;
	overflow: hidden;
	padding: 154px 0 16px;
	position: relative;
	width: 25%;
}

.homeCategory
{
	text-align: center;
}

.homeCategory h2
{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.125em;
	font-weight: normal;
	margin: 0.625em 1.0em;
}

.homeCategory h2 a
{
	text-decoration: none;
}

.homeCategory h2 a:hover
{
	text-decoration: underline;
}

.homeCategory ul
{
	margin: 1.0em;
	padding: 0;
	text-align: left;
}

.homeCategory ul li
{
	list-style: none;
	margin: 0.625em 0;
}

.homeCategory ul li a
{
	text-decoration: none;
}

.homeCategory ul li a:hover
{
	text-decoration: underline;
}



/*
 * Sidebar
 */
#sidebar
{
	float: left;
	text-align: center;
	width: 200px;
}

#sidebar h2
{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.375em;
	font-weight: normal;
	margin: 0.625em 1.0em;
}

#sidebar h2 a
{
	text-decoration: none;
}

#sidebar h2 a:hover
{
	text-decoration: underline;
}

#sidebar ul
{
	margin: 1.0em;
	padding: 0;
	text-align: left;
}

#sidebar ul li
{
	list-style: none;
	margin: 0.625em 0;
}

#sidebar ul li a
{
	text-decoration: none;
}

#sidebar ul li a:hover
{
	text-decoration: underline;
}



/*
 * Footer
 */
#footer
{
	clear: both;
	height: 1.0em;
	margin: 0 auto;
	padding: 1.0em;
	position: relative;
	text-align: center;
	width: 56em;
}

#footer ul
{
	font-size: 0.75em;
	margin-bottom: 0;
	padding: 0;
}

#footer ul li
{
	display: inline;
	margin: 0 0.75em;
}

#footer .widgettitle
{
	display: none;
}

#footer .textwidget
{
	display: inline;
}

#footer a
{
	font-weight: normal;
}

/*
#leftBorder, #rightBorder, #bottomBorder, #bottomLeftBorder, #bottomRightBorder
{
	position: absolute;
}

#leftBorder, #rightBorder
{
	background-repeat: repeat-y;
	height: 100%;
	top: 0;
	width: 10px;
}

#leftBorder
{
	background-image: url("images/shadow_left.png");
	left: -10px;
}

#rightBorder
{
	background-image: url("images/shadow_right.png");
	right: -10px;
}

#bottomBorder
{
	background-image: url("images/shadow_bottom.png");
	background-repeat: repeat-x;
	bottom: -10px;
	height: 10px;
	left: 10px;
	width: 908px;
}

#bottomLeftBorder
{
	background-image: url("images/shadow_bottom-left.png");
	background-repeat: no-repeat;
	bottom: -10px;
	height: 10px;
	left: -10px;
	width: 20px;
}


#bottomRightBorder
{
	background-image: url("images/shadow_bottom-right.png");
	background-repeat: no-repeat;
	bottom: -10px;
	height: 10px;
	right: -10px;
	width: 20px;
}
*/
