/*============================================================================
Little Red Preschool Screen Stylesheet

version:	1.0
date:		today
author:		Ian Obermiller
email:		ian320@gmail.com
website		domain.com
colors:		#fcfcfc off-white
=============================================================================*/
/*=============================================================================
==	Standard
=============================================================================*/
/*--------------------------------------------------------
--	Standard - Neutralize/Fix styling
--------------------------------------------------------*/
/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset
{
	margin: 0;
	padding: 0;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}
form label
{
	cursor: pointer;
}
fieldset
{
	border: none;
}
input, select, textarea
{
	font-size: 100%;
	font-family: inherit;
}

/*--------------------------------------------------------
--	Standard - Floating and Clearing
--------------------------------------------------------*/
.clear {clear:both;}
	br.clear {line-height:1px;height:0;}
.right {float:right;}
.left {float:left;}

/*=============================================================================
==	Fonts
=============================================================================*/
h1, h2, h3, h4, h5, h6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*=============================================================================
==	Body & Container
=============================================================================*/
body, html
{
	
}
body
{
	background:#fff;
	color:#333;
}
#container
{
	background:#fff ;
	margin: 0 auto;
	text-align:center;
	width:750px;
}

/*=============================================================================
==	Header
=============================================================================*/
#header
{
	background:url('../img/line_horiz_top.png') bottom no-repeat;
	padding:10px 0 15px 0;
	text-align:left;
}
	#header h1
	{
		background:url('../img/header.png') no-repeat;
		height:92px;
		margin:0;
		text-indent:-20000px;
	}
		#header h1 a
		{
			display:block;
			height:92px;
		}

/*=============================================================================
==	Navigation
=============================================================================*/
#nav
{
	background:url('../img/line_horiz_bottom.png') bottom no-repeat;
	text-align:left;
}
#nav-wrap
{
	background:url('../img/line_vert.png') left repeat-y;
}
#nav ul
{
	background:url('../img/line_vert.png') right repeat-y;
	height:28px;
	margin:0;
	padding-left:5px;
}
	#nav ul li
	{
		background:url('../img/nav_separator.png') right no-repeat;
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding-right:17px;
	}
		#nav ul li a
		{
			color:#333;
			display:block;
			font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
			font-size:14px;
			height:23px;
			line-height:23px;
			margin:0;
			padding:0 5px 0 5px;
			text-decoration:none;
		}
			#nav ul li.current a
			{
				font-weight:bold;
				color:black;
			}
			#nav ul li a:hover
			{
				color:black;
			}
	#nav ul li.menu-special
	{
		background:none;
		float:right;
		padding-right:5px;
	}
		#nav ul li.menu-special a
		{
			color:#666;
		}
	
/*=============================================================================
==	Content
=============================================================================*/
#content
{
	padding: 5px 5px 5px 5px;
	position:relative;
	text-align:left;
}
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6
	{
		color:#333;
		margin:0 0 18px 0;
		line-height:18px;
	}
	#content h1
	{
		font-size: 24px; 
		line-height: 36px;
	}
	#content h2
	{
		font-size: 18px; 
	}
		#content h2 a
		{
			color:#333;
			text-decoration:none;
		}
	#content h3
	{ 
		font-size: 12px; 
	}

/*=============================================================================
==	Footer
=============================================================================*/
#footer
{
	clear:both;
	margin:0 auto;
	text-align:center;
}

/*=============================================================================
==	Reorder page
=============================================================================*/
ul.sortable { 
	border:solid 1px #666;
	list-style-type: none;
	margin:10px;
	padding: 5px 0 0 0; 
	width:200px;
}
.sortable li { 
	background:#ddd;
	cursor:pointer;
	font-size: 1.2em; 
	height: 1.5em; 
	margin: 0 5px 5px 5px; 
	padding: 5px 20px; 
}
.sortable li.highlight { 
	background: #fff;
	border:none;
	height: 1.5em; 
	line-height: 1.2em;
}