/*  
Theme Name: Are You Sorted
Theme URI: http://www.areyousorted.co.uk
Description: Theme for Are You Sorted 
Version: 1.0
Author: Europa Studio
Author URI:  http://www.europastudio.co.uk

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.5  License
http://creativecommons.org/licenses/by-nc-sa/2.5/
*/

* {
  margin: 0;
  padding: 0;
  border: 0;
}



/*-------body stuff------*/
body {
	margin: 0;
	padding: 0;
	font-family: Georgia,'Times New Roman',Times,'Bookman Old Style','Hoefler Text',Serif;
	font-size: 73%;	
	line-height: 1.8em;
	color: #434343;
	min-width:780px;
	text-align:center;
	background: #fff url(images/header.gif) repeat-x 50% 0;}

#page {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 780px;
	padding: 4em 0;
}
#logo {
background: url(images/sorted_logo.gif) no-repeat 0 0;
height:190px;
}
#logo a,
#logo p {
	height:190px;	
	display:block;
	text-indent:-999em;
	overflow:hidden;
	text-decoration:none;
	margin: 0 0 2em 0;
	width: 100%;
}

#main{
	float:left;
	width:570px;
	background: #EDD8B4 url(images/home_bgleft.gif) no-repeat 0 bottom;
	padding: 0;
	margin-left: 18px;}

/*----page banners-----*/
.lookhere {
	height: 200px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.lookhere .sexualhealth { background-image: url(images/banner_sexualhealth.jpg); }
.lookhere .drugs_alcohol_smoking { background-image: url(images/banner_drugs_alcohol_smoking.jpg); }
.lookhere .emotionalwellbeing { background-image: url(images/banner_emotionalwellbeing.jpg); }
.lookhere .healthyeating_exercise { background-image: url(images/banner_healthyeating_exercise.jpg); }
.lookhere .generalhealth { background-image: url(images/banner_generalhealth.jpg); }
.lookhere .livingwithit { background-image: url(images/banner_livingwithit.jpg); }
.lookhere .contactus { background-image: url(images/banner_contactus.jpg); }
.lookhere .generalbanner { background-image: url(images/banner_contactus.jpg); }
.lookhere .training { background-image: url(images/banner_training.jpg); }

/*----footer-----*/
#footer{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	height:79px;
	color: #434343;
	line-height: 1.4em;
	font-size: 1.1em;
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;}
#footer p{
	font-variant: small-caps;
	padding: 35px 0 0 0;
	margin: 0px;
}

#page hr {	
	display:none;
}

/*----opener----*/

#opener {
margin: -35px 0 0 0;
position:relative;
height:226px;
}
#opener p {
margin: 35px 0 0 0;
text-align:center;
font-size:1.2em;
font-variant: small-caps;
}
#opener div {
position: absolute;
z-index: 1;
}
.invalid_data_warning {
background: #FFFFBA;
}

/*----panorama----*/
.panorama h1 {
	display: block;
	background:#fff url(images/panorama.gif) no-repeat 0 0;
	height: 120px;
	text-indent: -3000px;
	overflow: hidden;
	margin: -40px 0 0 0;
}

/*----general----*/
h2 {font: 1.6em Georgia, "Times New Roman", serif; letter-spacing: 1px;
	color: #00329b;
}
.news{
	color: #464646;
	margin: 0em 0 0.5em 10px;
	text-align: left;
	font-size: 1em;
	font-variant: small-caps;}
h3 {
	font: 1.4em Georgia, "Times New Roman", serif; letter-spacing: 0.8px;
	padding:6px 0 15px 0;
	color: #434343;
}
h4 {
	font: 1.4em Georgia, "Times New Roman", serif; letter-spacing: 0.8px;
	padding:6px 0 6px 0;
	color: #8C0175;
}
h4 .archivetitle{
	padding-left: 10px;
}

a {color: #8C0175;
}
a:hover {
color: #EE018D;
text-decoration:underline;}

h2 a{
	color: #00329b;
	text-decoration: none;}
	
blockquote {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.55em;
	margin: 0.6em 0;
}

blockquote p {
	background: #b41939 url(images/under-bq-texture.gif);
	display: inline;
	padding: 4px;
	line-height: 150%;
	color: #fff;
	margin: 0;
}


/*--------images-----------*/

#content img {padding: 2px;
border: none;
margin: 5px;}

a img {border: 1px #d3dcc7 solid;}

a:hover img {border: 1px #1f6f78 solid;}

#sidebar-1 a img {border: 0px;}
#sidebar-1 img{
	border:0px;
	padding: 0em;
	margin: 0em;
	margin-bottom:2px;
}
	
#sidebar-1 a:hover img {border: 0px;}

#links{
	margin-top: 20px;
	text-align: center;
	margin-bottom: 20px;
}

a#pcc {
    display: block;
    width: 190px;
    height: 70px;
    background-image: url(images/pcc_logo.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#pcc:hover {
    background-position: 0 -70px;
}
a#pct {
    display: block;
    width: 190px;
    height: 50px;
    background-image: url(images/pct_logo.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#pct:hover {
    background-position: 0 -50px;
}
a#hids {
    display: block;
    width: 190px;
    height: 70px;
    background-image: url(images/hids_logo.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#hids:hover {
    background-position: 0 -70px;
}
a#yau {
    display: block;
    width: 190px;
    height: 90px;
    background-image: url(images/yau_logo.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#yau:hover {
    background-position: 0 -90px;
}
a#motiv8 {
    display: block;
    width: 190px;
    height: 90px;
    background-image: url(images/motiv8_logo.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#motiv8:hover {
    background-position: 0 -90px;
}
a .alt { display: none; }

#address{
  margin-top:20px;
  margin-bottom:20px;
  text-align: right;
}

/* ----- homepage boxes ------- */


/* ----- forms ------- */

input, textarea {background: #f8f8f8;
border:1px solid #999;
border-color:#999 #eef #eef #999;
padding:1px;
color: #444;
font: 1.2em Georgia, "Times New Roman", serif; letter-spacing: 0.8px;}

input#searchsubmit{display:none;}

input:focus, textarea:focus {background: #ffffff;}

input:hover, textarea:hover {background:#ffffff;
cursor:text;}

input#submit {border: 1px #0f0000 outset;
background-color: #e9e9e9;}

input#submit:hover {cursor: pointer;
background-color: #fafafa;}

input#s {
	width: 90%;
	font-size: 1.4em;
	}

#search_frm{

	margin-top:30px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0.8em;
	margin-bottom: 5px;
	text-align: right;}


#commentform input {width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;}

#commentform textarea {width: 97%;
padding: 2px;}

#commentform #submit {margin: 0;
float: right;
margin-right: 10px;
margin-top: 10px;}


/*-------layout----*/
#sidebar-1 {
	float:left;
	width: 190px;
	display:inline;
	text-align: right;
}
#content {
	float:left;
	width: 335px;
	display:inline;
	margin-bottom: 2em;
	margin-left: 15px;}
#content2 {
	float:left;
	width: 570px;
	display:inline;
	margin-bottom: 2em;
	margin-left: 0px;}
	
#sidebar-2{
	background: #EDD8B4 url(images/home_bgright.gif) no-repeat bottom right;
	float: right;
	width: 200px;
	display:inline;
	text-align: left;
	margin-left: 15px;
	padding-bottom: 20px;}

/* Layout Styles */

.alignright {
	float: right;
	padding: 0px;
	margin: 0px 0px 20px 20px;
	display: inline; 
}
.alignleft {
	float: left;
	padding: 0px;
	margin: 0px 20px 20px 0px;
	display: inline; 
}
img {
	border: 1px #F8F2DA solid;
}
.entrytext img {
	border: 1px #F8F2DA solid;
	float: right;
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline; 
}
/*---sidebar---*/
#sidebar-2 h3{
	text-align: center;
	background-image: url(images/sbheader.png);
	font-weight: bold;}
#sidebar-2 div{
	margin-bottom: 10px;}
#sidebar-2 ul {
	list-style-type: none;}	
#sidebar-2 ul ul {
	list-style-type: none;
	display: inline;}	

#navbar {
	list-style-type: none;
	padding-right: 5px;}
#navbar a{
	display: block;
	line-height: 20px;
	text-decoration: none;
	color: #003333;
	font-size: 1.2em;
	padding-bottom: 5px;
	text-align: right;}
	
#navbar li{
	display:block;}
#navbar ul a{
	}


#navbar a:hover{
	background: url(images/pagemkr.png) no-repeat bottom right;
	color: #00329B;}

.current_page_item a{
	background: url(images/pagemkron.png) no-repeat bottom right;}

#navbarchild{
	text-align: right;
	margin-top: 1em;}	
#navbarchild h3{
	background-color: #e3edf9;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	font-variant: small-caps;}
#navbarchild li{
	display: list-item;
	list-style-type: none;}
#navbarchild a{
	height:20px;
	line-height: 20px;
	text-decoration: none;
	color: #0066ff;
	font-size: 1em;
	padding-bottom: 5px;
	text-align: right;}
#navbarchild a:hover{
color: #EE018D;
text-decoration: underline;}
/*----post nav-----*/
.navigation{height:3em;padding:10px;}
.alignright {float: right;}
.navigation a {
	background-color: #7AC142;
	padding: 0 5px 0 5px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;}
.navigation a:hover {
	background-color: #cacaca;
	text-decoration: none;}
.alignleft {float: left;}
.clear{clear:both;}

/*---welcome---*/
.welcome{
	margin-bottom: 1em;}
.welcome h2{
	font-size: 2em;}
.readmore a{
	display:block;
	padding-right: 18px;
	height:18px;
	line-height:18px;
	text-align: right;
	background: url(images/more.png) no-repeat center right;
	border-bottom: 1px #e9e9e9 solid;}


/*---posts-----*/
.post{
	padding: 5px 10px 0px 10px;
}	
.post .dte{
	text-transform: uppercase;
	font-variant: small-caps;
	display: block;
}
.post .author{
	font-style: italic;
	color: #868686;
	text-transform: none;
	font-variant: normal;}

.post ul{
	padding-bottom: 1.2em;}
.post li{
	margin-left: 3em;
	list-style-type: square;}

.post p{
	margin-bottom: 1em;
}

.postmetadata{
	line-height: 1.4em;
	font-size: 11px;
	color: #434343;
}

/*maps*/
.locationinfo {
		width: 180px;
		line-height: 1.3em;
		text-align: left;
		display: block;
		font-size: 10px;
		}
.locationinfo a {
		color: blue;
}

#map{
	color: black;
}

/*---feeds---*/
.feeds{
	margin-top:10px;
margin-right: 5px;}
.feeds ul{padding:0px;
margin:0px;
}
.feeds li{padding:0px;
margin:0px;}
.feeds li a{
	padding-right:20px;
	background: url(images/feedicon16px.png) no-repeat right center;}
	
/*---archives---*/
.archivemonth{
	float:left;
	width:45%}

.archivesubject{
	float:right;
	width:45%;}
.archive ul{line-height:1.2em;
	margin: 0;
	padding: 0;
	list-style-type: none;
font-size: 1em;}

.archive li {
	margin:0;
	border-bottom: 1px solid #ddd;
list-style-type: none;}
					
.archive li a {

	padding: 0px;
	background: #ffffff;
	color: #808080;
	text-decoration: none;
}

.children li{

	margin:0;
	padding:0;
	border: none;
	padding-left: 1em;}
.children li a {
	padding-left:0px;
	}					
.archive li a:hover {
	background: #edf4fa;
	color: #003333;
}


/*---comments----*/
#comments{margin-top:1em;}
#respond{margin-top:1em;}
.commentlist li{
	padding:5px;
	margin:2px;
	list-style-type: none;
	border: 1px #003333 solid;
	background-color: #f2f7e3;}
.commentmetadata{
	font-size: 0.8em;}
cite {
	display: block;
	text-align: right;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	line-height:1.2em;
	text-align: left;
	font-weight: bold;
	color: #b41939;
}
.commentlist p{
font-style: italic;}

.googleads{
	margin-top:10px;
margin-left: 5px;}
.googleadshor{
margin-bottom:20px;
margin-top:20px;
padding:5px;}

.imagefloat
{
float: left;
padding: 3px;
}

		#content ul.cosmos {
			margin: 2em 0;
			list-style: none;
			font-size: 140%;
text-align: center;}
			
		#content li.cosmos {
			display: inline;
			padding: 0;
			margin: 4px;
			line-height: 2em;
			}
		#content li.cosmos a{
			text-decoration: none;
		color: #99cc33;
}
		#content li.cosmos a:hover{
			text-decoration: none;
		color: #003333;}
		#content li.keyword1 { font-size: 0.7em; }
		#content li.keyword2 { font-size: 0.9em; }
		#content li.keyword3 { font-size: 1.0em; }
		#content li.keyword4 { font-size: 1.1em; }
		#content li.keyword5 { font-size: 1.2em; }
		#content li.keyword6 { font-size: 1.3em; }
		#content li.keyword7 { font-size: 1.4em; }
		#content li.keyword8 { font-size: 1.5em; }
		#content li.keyword9 { font-size: 1.6em; }
		#content li.keyword10 { font-size: 1.7em; }
		#content li.keyword11 { font-size: 1.8em; }
		#content li.keyword12 { font-size: 1.9em; }
		#content li.keyword13 { font-size: 2.0em; }
		#content li.keyword14 { font-size: 2.1em; }
		#content li.keyword15 { font-size: 2.2em; }
		
small{
	font-size: 0.9em;
	color: #EC008C;
	font-weight:bold;
}

#events{
	background-color: #f3f3f3;
	padding: 1em;
	font-size: 1.2em;}
#events li{
	list-style-type: none;
	line-height:30px;
	border-bottom: 2px #d7d7d7 dotted;}
#events a{
	
	background-color: #ffffff;
	margin-left: 1em;
	}
	
#events br{
	display: none;}