/*
Theme Name: HaLD
Description: Theme for HaLD - Hearing and Learning Dissabilities
Author: Joke de WINTER 
Author URI: http://www.jokedewinter.co.uk
Version: 20090710
*/

/* ----- RESET STUFF ----- */
html, body, div, h1, h2, h3, h4, h5, h6, p, a, font, img, ul, li {	margin: 0; padding: 0; border: 0; outline: 0;
	font-size: 100%; vertical-align: baseline; background: transparent; font-weight:normal; }
h1			{	position:absolute; top:-100px; }
#nav_access	{	position:absolute; top:-70px; }

/* ----- GENERAL ELEMENTS OF THE PAGE ----- */
body		{	text-align:center; font-size:62.5%; font-family:Tahoma, Helvetica, Arial, sans-serif; color:#333; background:#FFF; position:relative;}

#wrapper	{	width:780px; margin:0 auto; text-align:left; padding:0 10px; }
#header		{	width:100%; height:80px; padding:20px 0;  }
#navigation	{	width:500px; float:right; padding:57px 10px 0 0; }

#quickLink	{	width:780px; clear:both; background:#EEE; border-top:1px solid #CCC; border-bottom:1px solid #CCC; overflow:auto; padding: 0 0 20px 0; }
#assessment, #resources, #discussion	{	float:left; width:240px; padding:15px 0 0 15px; }

#main		{	width:100%; margin:30px 0; letter-spacing:1px; overflow:hidden; }
#content	{	width:490px; float:left; text-align:left; border-right:1px solid #CCC; padding:0 20px 0 0;}
#sidebar	{	width:260px; float:right; text-align:left;  }

#footer		{	width:100%; border-top:1px solid #ccc; text-align:center; padding:10px 0 30px 0;  }
#footerNav	{	width:490px; float:left; }
#footerCredit	{	width:260px; float:right; }

/* ----- GENERAL TEXT STUFF ----- */
h2			{	font-size:2.4em; margin-bottom:20px; letter-spacing:0.1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; }
h2 small	{	font-size:60%; font-weight:normal; color:#999; }
h3			{	font-size:2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:0.1em; /*height:3.5em;*/   }
h3 a		{	color:#333; text-decoration:none; }
h4			{	font-size:1.6em; font-weight:bold; }
h4 a		{	font-size:1.6em; color:#999; padding:0 0 20px 0; text-decoration:none; }
p			{	font-size:1.4em; line-height:1.5em; font-style:normal; font-weight:normal;  }

a:hover		{	text-decoration:underline; }

#assessment h3, #resources h3, #discussion h3, #sidebar h3	{	height:3.5em; }
#content h3, #content p, .post h3, .post p	{	margin:0 0 20px 0; }
#footerCredit p	{	font-size:1.2em; color:#999; text-align:right; }
#footerCredit p a	{	color:#999; text-decoration:none; }

.page		{	text-transform:uppercase; }
.error		{	color:#F00; }

/* ----- IMAGES ----- */
#header a img	{	float:left; }
#content img	{	float:left; padding:10px 10px 5px 0; }

/* ----- MAIN NAVIGATION ----- */
#navigation ul		{	margin:0; padding:0; list-style-type:none; float:right;   }
#navigation ul li	{ 	display:block; float:left; text-align:left;   }
#navigation ul li a	{	color:#999; text-decoration:none; display:block; text-align:left; font-size:1.6em; padding:0 0.9em;
						line-height:2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:0.1em;
						text-transform:uppercase; font-weight:bold; }
#navigation li a:hover {	color:#FFF; background:#006599; }
.pagenav			{	display:none; }
.current_page_item	{	color:#FFF; background:#006599; }


/* ----- QUICKLINK and SIDE BAR NAVIGATION ----- */
#assessment ul, #resources ul, #discussion ul, #sidebar ul	{	margin:0; padding:0; list-style:none; }
#assessment ul li, #resources ul li, #discussion ul li, #sidebar ul li	{	border-bottom:1px solid #333;  }
#assessment ul a, #resources ul a, #discussion ul a, #sidebar ul a	
		{	display:block; width:240px; min-height:30px; line-height:30px; color:#333; text-decoration:none; font-size:1.4em; }
#sidebar ul li, #sidebar ul a	{	width:250px;   }
#assessment ul a:hover, #resources ul a:hover, #discussion ul a:hover, #sidebar ul a:hover	{	color:#FFF; background:#006699; }
#sidebar li.current a, #sidebar ul li.current_page_item 	{	color:#333; background:#CCC; }

.join-hald li	{	background:#F93; width:250px; }

/* ----- SITE MAP NAVIGATION ----- */
ul.siteNav			{	margin:0; padding:0 0 20px 0; list-style:none; }
ul.siteNav a		{	display:block; text-decoration:none; font-size:1.4em; color:#333; }
ul.siteNav a:hover	{	text-decoration:underline; }

/* ----- FOOTER NAVIGATION ----- */
#footerNav ul		{	margin:0; padding:0; list-style-type:none; text-align:center; }
#footerNav ul li	{ 	display:block; float:left;   }
#footerNav ul li a	{	color:#999; text-decoration:none; display:block; font-size:1.2em; line-height:1.2em; padding:0 5px; border-right:1px solid #999; }
#footerNav li a:hover {	color:#FFF; background:#006599; }
#footerNav ul li.current_page_item	{	color:#999; background:none; }

/* ----- POST CONTENT ----- */
.post				{	clear:left; border-bottom:1px solid #999; padding:0 0 20px 0; margin: 0 0 20px 0;  }
.postmetadata		{	clear:left; font-size:1.2em; color:#999; font-weight:normal; padding:0 0 20px 0; }
.postmetadata a		{	color:#999; text-decoration:underline; }
.postaftermetadata	{	clear:left; font-size:1.2em; color:#999; font-weight:normal; padding:20px 0 0  0; }
.postaftermetadata a	{	color:#999; text-decoration:underline; }
.post ul		{	padding:0 0 10px 10px; margin:0 0 10px 10px; }
.post li		{	font-size:1.4em; line-height:1.5em; }

.post ul li ul li	{	font-size:99%; }
.post ol li ul li	{	font-size:99%; }
.post ol li p		{	font-size:99%; }

/* ----- COMMENTS ----- */
.postLogin			{	background-color:#F90; padding:20px;  }
.postLogin p a		{	color:#666; text-decoration:none; border:1px solid #666; padding: 2px;   }
.postLogin p a:hover	{	text-decoration:none; background-color:#999; color:#CCC; }

#respond h3			{	padding:10px 0 0 0; font-size:2em; font-weight:bold; clear:left; }
#comments h3 		{	padding:0 0 10px 0; }
.commentlist 		{	list-style-type:none; margin:0; padding:0; }
.commentlist li		{	padding:15px 20px 10px 20px; border-top:1px solid #999; margin:10px 0 10px 0; list-style-type:none; overflow: hidden;}
/* To fix an IE6 thing */
html > body .commentlist li	 {	border:1px solid #999;  }

.commentlist cite	{	font-weight:bold; font-style:normal;	font-size:1.4em;  }
.commentlist li p		{	padding:10px 0 0 0;  font-style:normal; font-weight:normal; font-size:1.4em; margin:0 0 20px 0;  }
.commentlist li p a	{	line-height:60px; padding:20px 0 1px 1px; }
.commentlist li p a img	{	float:left; padding:10px 10px 10px 0; width:70px; }
.commentmetadata a	{	font-weight:normal; color:#999; text-decoration:none; }

#commentform input 	{	width: 200px; padding: 5px; margin: 5px 5px 1px 0; }
#commentform 		{	margin: 5px 10px 0 0; }
#commentform textarea 	{	width: 100%; padding: 2px; 	}
#respond:after 		{	content: ".";  display: block;  height: 0;  clear: both; visibility: hidden; }
#commentform #submit 	{	margin: 0 0 5px auto; float: right; width: 150px;}
.children			{ padding: 0; }
#commentform p 		{ 	margin: 5px 0; 	}
.nocomments			{ 	text-align: center; 	margin: 0; 	padding: 0; 	}
li.comment	{	clear:left; }
li.comment-author-hald			{	background:#EEE;  !important; } 

/* ----- LIST OF MEMBERS ---- */
.next-member	{	clear:right; border-top:1px solid #999; overflow:hidden; }
.this-member	{	clear:right; }
.name			{	float:left; width:160px; }
.details		{	float:right; width:320px;  }

/* ----- PLUGIN RELATED STUFF ----- */
.credits		{	display:none; }

/* ----- WISHLIST MEMBER PLUG IN ----- */
.title					{	font-size:2.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:20px 0 20px 0; }
#wlmember_loginwidget	{	background:#EEE; border-top:1px solid #CCC; border-bottom:1px solid #CCC;  padding:10px; margin:0 0 30px 0;  }
#wlmember_loginwidget, #wlmember_loginwidget a	{	color:#999; letter-spacing:0.2em;  }
#wlmember_loginwidget p	{	padding:0 0 10px 0; color:#333; letter-spacing:normal; }

.thankYou p		{	color:#f26b1c; padding:30px 0; }


/* ----- MEMBERSHIP FORMS ----- */
#member-form			{	width:400px; border:1px solid #999; overflow:hidden; padding:10px 10px 0 10px; }
#member-form p label	{	float:left; width:200px; line-height:1.5em; }
#member-form p.submit	{	float:right; }