@CHARSET "UTF-8";
/********************************************
MAIN .CSS file for sexualaddict.co.uk
Created May 19 2008
Reproduction of this file is not permitted
-------------------------------------------
Modifications:
 - None
*********************************************/

/* MASS RESET FOR CONSISTENT DISPLAY 
/* -----------------------------------
/* Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1 */

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* ----------------------------------------------- */
/* This is the main styling for sexualaddict.co.uk */
/* ----------------------------------------------- */
body
{
	color: #111;
	background: FFF;
	margin:0px;
	padding:0px;
	font-size: 62.5%;
	text-align: center;
	font-family: "lucida grande", verdana, sans-serif;
	background: #6598ca;
}
/* 
<!-- background: #b4cfe5 url(./../assets/bg_page.png) repeat-x top; -->
*/
h1, h2, h3{
	font-family: georgia, times, "times new roman", serif;
	letter-spacing: -0.05em;
	font-weight: normal;
}
h1 {font-size: 1.8em; margin: 1em 0em 0.8em 0;}
h2 {font-size: 1.4em; margin: 1em 0em 0.4em 0;}
blockquote{ margin: .3em 0 1em 0;font-style: italic;}
p {margin: .3em 0 1em 0;}
em {font-weight: bold;}
ul {margin: 0em 0em 1em 0em;}
a:link {text-decoration: none; color: #2064af;}
a:visited {text-decoration: none; color: #2064af;}
a:active {background: #e7edfb; text-decoration: none; color: #2064af;}
a:hover {background: #e7edfb; color: #2064af;}

#wrapper
{
	text-align:left;
	width:57em;
	/*margin:0 auto 0 auto; */
	padding-top: 20px;
	background:#f1f8ff url(./../assets/shadow_side.gif) repeat-y left;
}
/* Wrapper to allow the second shadow on the right */
#wrapper2
{
	font-size: 1.4em;
	width: 58em;
	margin: 0 auto 0 auto;
	background:#6699cc url(./../assets/shadow_side_right.gif) repeat-y right;
}
#header
{
	height: 125px;
	background: #fdfff5 url(./../assets/top_shadow.png) repeat-x bottom;
	text-align: center;
	margin: 0px 0px 0px 15px;
}
#header h1{
	margin: 0px;
	padding: 0px;
}
#header h1 img{
	margin: 5px 10px 10px 10px;
}
#main_nav {
	/* setting display:inline fixes a strange ie margin bug - via: http://www.positioniseverything.net/explorer/floatIndent.html */
    display: inline;
	float: left;
}
#main_nav ul{
	margin: 3em 1.5em 1em 2.5em;
	text-align: right;
	width: 12em;
	/* float: left; */
}

#main_nav ul li {
	display: inline;
	list-style:none;
	font-size: 1em;
	line-height: 1.2em;
	padding: 0px;
	margin: 0px;
}
#main_nav ul li a {
	padding: 5px;
	/* background: #e7edfb; */
	background: #cedff2;
	border: #fff solid 1px;
}
#main_nav ul li a.selected{background: #9cc0eb;}
#main_nav ul li a:link {text-decoration: none; display: block; color: #000;}
#main_nav ul li a:visited {text-decoration: none; display: block; color: #000;}
#main_nav ul li a:active {background: #e7edfb; text-decoration: none; display: block; color: #000;}
#main_nav ul li a:hover {background: #8EAFD6; display: block; color: #000;}

dl#main_nav_contact {
	margin: 0em 1.5em 1em 2.5em;
	text-align: right;
	width: 12em;
	border: 1px solid #ffcc33;
	border: 1px solid #8EAFD6;
	background: #fdfff5;
	background: #FFF;
	text-align: center;
}
dt {font-size: 0.8em; text-transform: uppercase; font-weight: bold; margin-top: 1em;}

#content_wrapper
{
	/* setting display:inline fixes a strange ie margin bug - via: http://www.positioniseverything.net/explorer/floatIndent.html */
    display: inline;
	width:38em;
	float:right;
	margin: 0em 2em 0 0;
	line-height: 1.4;
}
#content_wrapper li
{
	margin: 1em 0em 1em 3em;
}
#content_inner
{
	padding:1em 1em 0em 1em;
}
img.clipart{
	float: right;
	width: 25%;
}
img.location {
	padding: 0px 10px 10px 10px;
	float: left;
}
#footer
{
	padding: 3em;
	text-align: center;
	font-size: 0.8em;
	clear:both;
}
.urgent{
	color: #FF0000;
	font-size: 1em;
}

.off {
	position: absolute;
	left: -3000em;
	top: -3000em;
}
form {font-size: .8em;}
form .lbl{margin-top: 10px;}

.ipt input {
	border: 1px solid #82a5d2;
	padding: 0.2em;
}

textarea {
	border: 1px solid #82a5d2;
}

.ipt {
	margin-bottom: 0.75em;
}

/* READINGS */
#readings { font-size: 0.8em; }
#readings strong { font-weight: bold; }
#readings em { font-weight: normal; font-style: italic; }