/*-----------------------------------------------------------------------------
Screen Style Sheet

website:   http://www.soulmates.uk.com
-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/* Import any External Styles */
/*---------------------------------------------------------------------------*/

@import url('reset.css');
@import url('fonts.css');


/*---------------------------------------------------------------------------*/
/* Setup & Further Resets */
/*---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	margin: 0.8em 0 0.4em 0;
}

img
{
	display: block;
}

/* Removes fieldset borders. even on Opera 7 */
fieldset { border: 0 solid transparent; }

td
{
	text-align: left;
	font-weight: normal;
}

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style: normal;
	font-weight: normal;
}

caption,th { text-align: left; }


/*---------------------------------------------------------------------------*/
/* General classes */
/*---------------------------------------------------------------------------*/

.clear
{
	clear: both;
	height: 0px !important;
	font-size: 0px !important;
	overflow: hidden;
}

.right { float: right; }
.left { float: left; }
.input
{
	border: 1px #CCC solid;
	padding: 2px;
}
.white { background-color: #FFF; }
.black { background-color: #000; }
.bold { font-weight: bold; }
.hide { display: none; }
.clearleft { clear: left; }
.clearright { clear: right; }

/*---------------------------------------------------------------------------*/
/* Typography */
/*---------------------------------------------------------------------------*/

body
{
	font-family: Georgia, "Times New Roman", serif;
	color: #4a65be;
	text-align: center;
	margin: 10px 0 20px 0;
	background-color: #edf4ff;
}


/* Font sizes - use percentages

9px  = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%

*/

/*---------------------------------------------------------------------------*/
/* Headings */
/*---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
	color: #381c78;
	font-style: italic;
	font-weight: bold;
}

h1 { font-size: 182%; } /* 24px */
h2 { font-size: 167%; } /* 22px */
h3 { font-size: 153.9%; } /* 20px */
h4 { font-size: 138.5%; } /* 18px */
h5 { font-size: 123.1%; } /* 16px */
h6 { font-size: 108%; } /* 14px */


/*---------------------------------------------------------------------------*/
/* Links */
/*---------------------------------------------------------------------------*/

a:link, a:visited, a:active
{
	color: #885e0d;
	text-decoration: none;
}

a:hover { text-decoration: underline; }


/*---------------------------------------------------------------------------*/
/* Structure */
/*---------------------------------------------------------------------------*/

#wrapper
{
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#page
{
	width: 898px;
	background-color: #FFF;
	border-top: 1px #BDD6ED solid;
	border-right: 1px #BDD6ED solid;
	border-left: 1px #BDD6ED solid;
}

#footer
{
	width: 900px;
	clear: both;
	text-align: center;
}
    

/*---------------------------------------------------------------------------*/
/* Footer */
/*---------------------------------------------------------------------------*/

#footer-image
{
	width: 900px;
	height: 41px;
	background-image: url(../images/elements/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 5px;
}

#footer h5
{
	color: #7b8ece;
}

#footer p
{
	margin: 0.5em 0;
	color: #8999ce;
}

#footer a
{
	color: #8999ce;
}

#footer p.copyright
{
	margin: 1em 0;
	color: #afa084;
}

#footer p.copyright a
{
	color: #afa084;
}