/*
Title:		Global CSS styles for Hailey's Wish
Author:		Brad Van Wick, info@bradvanwick.com
Version:	2007-05-30
*/

body {
	margin: 0;
	padding: 0 10px 0 0;
	background: #5B56A3;
	font: 0.78em/1.5em Verdana, Arial, sans-serif;
	color: #000;
	}

hr {
	display:none;
	}

.feature img {float:right;margin:12px;padding:8px;}

/* ----------headings & taglines---------- */

h1 {
	text-shadow: #476D7C 5px 5px 5px; display:none;
	}

.tagline {
	text-shadow: #476D7C 5px 5px 5px;
	font-size: 1.25em; display:none;
	}

.feature h2, .news h2 {
	font-size: 1.1em;
	margin-bottom: -8px;
	color: #c963b8;
	text-decoration:none;
	}


.feature h2 a, .news h2 a {
	color: #5B56A3;
	text-decoration:none;
	}

h3 {font-size: 1.1em;
	margin-bottom: -8px;
	color: #5B56A3;
	text-decoration:none;}

/* -------------------links--------------- */

p a, li a {
	color: #6447F3;
	}

p a:hover, li a:hover {
	text-decoration: none;
	}

#footer a {
	color: #fff;
	text-decoration: none;
	}

#footer a:hover, .feature h2 a:hover {
	text-decoration: underline;
	}

.white a {
    color: #fff;
    text-decoration:none;
    }

.white a:hover {
    text-decoration: underline;
    }

/* ----------features & items--------------- */

.feature {
	padding: 0 10px;
	margin-right: 5px;
	}

#featureMain {
	min-height: 113px;
	background: url('../images/bg-photo.png') no-repeat #eecee9;
	background-position: 5px 5px;
	margin: 10px 15px 10px 10px;
	padding: 5px 10px;
	border-bottom: 1px solid #7f3aa2;
	}

#featureMain h2 {
	color: #5B56A3;
	padding-left: 96px;
	}

#featureMain p {
	padding-left: 96px;
	}

.sectionHead {
	padding: 0 8px;
	margin: 0;
	background-color: #5B56A3;
	color: #fff;
}

div#content div.sectionHead {
	border-top:1px solid #7e7e7e;
	}

div#left div.sectionHead {
	background: #5B56A3 url('../images/bg-corner.png') no-repeat top right;
	}

.item {
	padding: 0 0 2px 0;
	margin-bottom: 0;
	}

.item input {
	margin:5px;
	}

p.itemText {
	padding: 0 3px 0 8px;
	margin:0;
	}

/* ----------container to center the layout---------- */

#container {
	clear: both;
	min-width: 790px;
background: #fff url('../images/bg-border.png') repeat-y right;
max-width: 1024px;
	padding: 0;
	margin: 0;
	} 

/* ---------- wrap & banner -------------- */

#wrap {
	height:194px;
	background: url('../images/bg-border.png') repeat-y right;
	}

#banner {
	height: 194px;
    background: url('../images/clouds.jpg');
	}

/* ----------outer and inner----------------- */

#outer{
		background: #fff url('../images/bg-border.png') repeat-y right;
	border-left: solid 220px #fff;  /* color of the left column  */
	} 

#inner { margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* -------------- left navigation ------------- */

#left {
	width: 220px; 
	float: left; 
	position: relative; 
	margin-left: -220px; 
	margin-right: 1px;
background: #fff;
	}

#left img {
	border: none;
	}

/* -----------------content--------------------- */

#content {
	position: relative;
	margin: 0 0 0 2px;
	padding-bottom:10px;
	}

/*  ----------------footer---------------------- */ 

#footer {
	font-size: 0.8em;
	clear: both;
	color: #fff;
	background-color: #5B56A3;
	padding: 0px;
	margin: 0px;
	text-align: center;
	} 

/*  ----------------navigation---------------------- */ 

#navigation {
	font:1.2em/1.5em Arial;
	}

#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#navigation a {
	text-shadow: #7f3aa2 3px 3px 3px;
	background:#A763C9 url('../images/bg-nav-a.gif') no-repeat left;
	background-position: 3px 2px;
	color: #fff;
	text-decoration: none;
	padding: 2px 0 2px 33px;
	display: block;
	width: 187px;
	}

#navigation a { border-bottom: 1px dotted #bb88d5; }

#navigation a.top { border-top: 1px dotted #bb88d5;}

#navigation a:hover {
	color: #fff;
	background-color: #7f3aa2;
	}

/*  ----------------news---------------------- */ 

#news a { padding-left: 10px; }

/*  ----------------top---------------------- */ 

#top a {
	display: block;
	position: absolute;
	top: -10000px;
	}

/*  ----------------search---------------------- */ 

#search {
	float:right;
	margin-right: 10px;
	padding-top: 160px;
	background:transparent;
	}

/*  ----------------3 feature columns---------------------- */ 

div.column {
	width:33%;
	float:left;
	height:160px;
	background:#fff;
	}

div#midCol {
	margin:0 -1px;
	border-left:1px solid #7e7e7e;
	}

div#rightCol {
	margin:0 -1px;
	border-left:1px solid #7e7e7e;
	}

div.column:hover {
	background:#F0F4FF;
	}

div#under3col {
	margin-top:15em;
	}

span.highlight {
	background-color:#fae5a6;
	}