/*  
Theme Name: SophiesRun.com 2009
Theme URI: http://www.sophiesrun.com
Description: This theme was modified from SophiesRun.com2008, which was reverse engineered from Michael Heilemann's theme, Kubrick, by Grant Magee.  Thank you, Michael.
Version: 2009.03
Author: Grant Magee

	SophiesRun.com 2009
	 http://www.sophiesrun.com

	This theme was reverse-engineered by Grant Magee,
	from the default WordPress theme, Kubrick

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* ====== CORE STYLES ====== */

body {
	background-color: #ccaa48;	/* SophiesRun Blue 2010 */
	text-align: center;		/* Helps center the Master_Container in standard-compliant browsers */
	font-family: verdana, arial, sans-serif;		/* The Master Fonts */
	color: #000;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

div#page {
	background-image:url(http://sophiesrun.com/wp-content/themes/sophiesrun.com2009/graphics/background.jpg);
	background-color: #fff;
	margin: 0 auto 10px auto;		/* No top or bottom margin and centers in smart browsers. */
	padding: 0;
	color: #000;
	text-align: left;
	width: 750px;		/* Width of the entire page */
	position: relative; /* wonko */
}


/* ====== HEADER STYLES ====== */

div#page div#header {
	background-image:url(http://sophiesrun.com/wp-content/themes/sophiesrun.com2009/graphics/banner.jpg);
	background-color: #fff;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 270px;
}

div#page div#header ul.Navigation {
	position: absolute; /* Not Absolute, compared to team847.com */
	left: 10px;
	top: 195px;
	height: 20px;
	margin: 0;
	padding: 0;		/* Necessary */
	z-index: 1000;
}

div#header li {
	float:left;							/* causes the list to align horizontally instead of stack */
	position:relative;					/* positioning context for the absolutely positioned drop-down */
	list-style-type:none;				/* removes the bullet off each list item */
}

/*  DROP-DOWN MENU */

div#header ul li ul {
	margin:0;							/* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute;					/* positions the drop-down ul in relation to its relatively positioned li parent */
}
	
div#header ul li ul li {
	width: 160px;						/* makes the list items fill the list container (ul) */
}

div#header ul li ul {
	display:none;						/* conceals the drop-down when menu not hovered */
}

div#header ul li:hover ul {
	display: block;						/* shows the drop-down when the menu is hovered */
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
	background-color: #EFF6FF;
	color: #000000;
	z-index: 5000;
	width: 160px;
}

/* DROPDOWN LINK STYLES */

div#header a {
	display:block;						/*makes list items in drop down highlight and wrapped lines indent correctly */
	padding: 1px 6px 5px 6px;						/*creates space each side of menu item's text, and space at the bottom for the dropdown for prettiness */
	text-decoration:none;				/* removes the underlining of the link */
	font-size: 12pt;
}

div#header ul li a:link {
	background-color: transparent;
	text-decoration: none;
	color: #000000;
}

div#header ul li a:visited {
	background-color: transparent;
	text-decoration: none;
	color: #000000;
}
/*
div#header ul li a:active {
	background-color: #490069;
	text-decoration: none;
	color: #D31044;
}
*/
div#header ul li a:hover {
	background-color: #ccaa48;
	border-bottom: 3px solid #D31044;
	padding: 1px 6px 2px 6px;
	text-decoration: none;
	color: #D31044;
}


/* ====== MAIN_CONTENT STYLES ====== */

div#page div#content {
	margin: 0;		/* Forces div to clear main background image */
	padding: 0 0 0 8px;
	width: 550px;
	float: left; /* Helps Sidebar wrap */
}

div#content p {
	color: #000;
	line-height: 13pt;		/* Increases line height.  Should be 3pt's higher than existing text size */
/*	background-color: #fff;			Disabled to fix paragraph background-color overlapping over images.  Should not affect page rendering. This is the change to make the 2007.02 release. */
	margin: 0 0 20px 0;		/* Margin makes space between paragraphs */
	padding: 0;
}

div#content h1, h2, h3, h4, h5, h6 {
	color: #ccaa48;
	background-color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
	width: 480px;
}

div#content h1 {
	font-size: 17pt;
	/* CRITICAL fOR SITE LAYOUT */
	position: relative;	/* Makes Margin work */
	margin-top: -40px;	/* Forces <h1> and its following content to shift up */
}

div#content h2 {
	font-size: 13pt;
}

/* ====== PAGE STYLES ====== */

div#page div#content img {
	background-color: #fff;
	color: #000;
	margin: 0 5px;		/* All images in "page" will have a 5 pixel margin on their left and right sides. */ 
}

div#page div#content img.left_align {
	float: left;
	margin: 0 5px 0 0;		/* Gives space on the RIGHT side of the image */ 
}

div#page div#content img.right_align {
	float: right;
	margin: 0 0 0 5px;		/* Gives space on the LEFT side of the image */ 
}

/* PAGE LINK STYLES */

div#page a:link {
	background-color: transparent;
	color:  #006f8a;		/* Darker Blue */
	text-decoration: none;
}

div#page a:visited {
	background-color: transparent;
	color: #444;
	text-decoration: none;
}
/*
div#page a:active {
	background-color: transparent;
	color: #490069;
	text-decoration: none;
}
*/
div#page a:hover {
	background-color: transparent;
	color: #006f8a;
	text-decoration: underline;
}


/* ====== SIDEBAR STYLES ====== */

div#sidebar {
	float: right;		/* Right aligns the div */
	text-align: center;	/* Fixes bug in MSIE 5.5 */
 	background-color: #cccccc;
	color: #000;
	margin: 20px 2px 0 0;		/* Nudges div to clear main background image */
	padding: 0;
	width: 176px;	/* 176 */
	height: 300px;	/* When short of content, keeps the page pretty. */
	font-size: 8pt;
}

div#sidebar ul {
	list-style-type: none;
	margin: 0 auto 20px auto;
	text-align: center;
	padding: 0;
	width: 150px;
	font-size: 8pt;
}

	div#sidebar ul li {
		padding: 0;
		margin: 0;
	}
	
		div#sidebar ul li a {
			padding: 0;
			margin: 0;
		}

div#sidebar p#date {
	color: #000;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	width: 100px;
	background-color: #cccccc;
}


/* ====== FOOTER STYLES ====== */

div#footer {
	clear: both;		/* Makes Faux Columns work properly */
	background-image:url(http://sophiesrun.com/wp-content/themes/sophiesrun.com2009/graphics/footer.jpg);
	background-color: #fff;
	text-align: center;		/* Center aligns content */
	color: #000;
	width: 750px;
	height: 100px;
	margin: 0;
}