/*
Theme Name: Waste PDSU
Author: Peter Hughes
Author URI: http://eyesparks.com/
*/



/*  CONTENTS  
1 - BASIC PAGE STRUCTURE
2 - TYPOGRAPHY 
3 - HEADER & MAINNAV AREAS
4 - HOMEPAGE SPECIFIC
5 - SECONDARY PAGES
6 - FOOTER SPECIFIC
*/


/* ------------ 1 - BASIC PAGE STRUCTURE --------------*/
/* ----------------------------------------------------*/
html, body 				{margin:0; padding:0; height: 100%;}
html 					{ min-height: 100%; margin-bottom: 1px; }
body					{margin:0; padding:0; background:#EEE url(images/bg.gif) repeat-y center; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:100%; *font-size:85%; /* IE 7 and below */}

#container				{margin:0 auto; width:900px; padding:0 10px; text-align:left; position: relative; min-height: 100%; height: auto !important; height: 100%;}
#container2				{width:820px; padding:40px; text-align:left;}


/* ---------------- 2 - TYPOGRAPHY --------------------*/
/* ----------------------------------------------------*/
h1						{display:none;}
h2						{display:none;}
h3						{font-size:1.3em; font-weight:normal; color:#000; margin:10px 0;}
h4						{font-size:1.1em; font-weight:bold; color:#444; margin:15px 0;}
h5						{font-size:0.9em; font-weight:normal; color:#CA0000; margin:10px 0;}
h5 a					{font-weight:bold; color:#CA0000;}
h6						{font-size:0.9em; font-weight:normal; color:#333; margin:10px 0 0 0;}
p						{font-size:0.9em; line-height:1.4em; color:#000; margin:5px 0 15px 0;}
a						{text-decoration:none; color:#CA0000;}
a:hover					{text-decoration:underline;}
img						{margin:0; padding:0; border:0;}
img	a					{margin:0; padding:0; border:0;}


/* ---------- 3 - HEADER & MAINNAV AREAS --------------*/
/* ----------------------------------------------------*/
#header					{margin:0; padding:0; width:820px; height:100px; clear:both; float:left; text-align:right;}
#logo					{width:184px; height:54px; background:url(images/logo.gif); display:block; float:left;}
.print-hide 			{display:none;}

ul#mainnav				{margin:30px 0 0 0; padding:0; float:right; display:block;}
ul#mainnav	li			{margin:0; padding:0; float:left; display:block;}
ul#mainnav	li			a{float:left; display:block; padding:7px 14px; font-size:0.85em; background:#ECECEC; color:#333; text-decoration:none;}
ul#mainnav	li		a:hover{background:#999; color:#FFFFFF;}
body#home ul#mainnav	li.home 	a{background:#C11728; color:#FFFFFF;}
body#about ul#mainnav	li.about 	a{background:#C11728; color:#FFFFFF;}
body#latest ul#mainnav	li.latest 	a{background:#C11728; color:#FFFFFF;}
body#media ul#mainnav	li.media 	a{background:#C11728; color:#FFFFFF;}
body#newsletter ul#mainnav	li.newsletter 	a{background:#C11728; color:#FFFFFF;}
body#contact ul#mainnav	li.contact 	a{background:#C11728; color:#FFFFFF;}
body#members ul#mainnav	li.members 	a{background:#C11728; color:#FFFFFF;}
.welcomelog				{float:right; clear:both; width:600px;}
.welcomelog				p{font-size:0.8em;}

/* ------------ 4 - HOMEPAGE SPECIFIC -----------------*/
/* ----------------------------------------------------*/
#homecontent			{width:820px; float:left; padding-bottom:250px;}
.homeintro				{border:5px solid #DBDBDB; float:right; width:400px; height:203px; padding:15px;}
.homeintro			p	{font-size:25px; line-height:28px; font-family:Georgia, "Times New Roman", Times, serif; color:#999999; margin:0; padding:0;}
.homeintro			p	a{font-size:18px; line-height:20px; color:#666666; text-decoration:none;}
.homeintro			p	a:hover{text-decoration:underline;}
.borderimg				{border:5px solid #DBDBDB; float:left;}

.newslist				{width:500px; height:30px; float:left; margin:40px 40px 40px 0; padding:0; }
.newslist ul			{width:500px; float:left; list-style:none; display:block; margin:0; padding:0; font-size:0.9em; }
.newslist ul			li{ list-style:none; display:block; float:left; margin:0; padding:10px; border-bottom:1px dashed #FFCCCC;}
.newslist ul			li.top{border-top:1px dashed #FFCCCC;}
.newslist ul li   	  span{float:left; display:block; width:50px; height:50px; background:url(images/newspaper.gif) no-repeat; margin:0 5px 0 0;}
.newslist ul li   	  a{display:block; width:480px; color:#333; text-decoration:none;}
.newslist ul li   	  a:hover{ text-decoration:underline; color:#000;}

.contactdetails			{float:right; width:230px; height:200px; margin:40px 0; padding:0 10px; background:url(images/contactback.gif) no-repeat; display:block;}


/* ------------ 5 - SECONDARY PAGES -------------------*/
/* ----------------------------------------------------*/
.sidebar				{float:left; width:180px; margin:0 0 40px 0; clear:left;}
.sidebar2				{float:left; width:180px; margin:0 0 40px 0; padding-bottom:250px;}
#secondcontent			{float:right; width:580px; padding-bottom:250px;}
.visionhead				{float:left; width:580px; height:35px; margin-bottom:20px; border-bottom:1px dashed #FFCCCC;}
.datefield				{float:right; width:200px; text-align:right;}
.newsletterimg			{float:right; margin:0 0 10px 10px; width:250px;}
.newsletterimg			p{font-size:0.8em; color:#000000; }

ul.sidelist 			{width:180px; float:left; list-style:none; display:block; margin:0; padding:0; font-size:0.9em; border-top:1px dashed #FFCCCC; }
ul.sidelist 			li{ list-style:none; display:block; float:left; margin:0; border-bottom:1px dashed #FFCCCC;}
ul.sidelist  li   	    a{float:left; display:block; width:160px; padding:5px 10px; color:#666; text-decoration:none;}
ul.sidelist  li   	    a:hover{ text-decoration:underline; color:#333; background:#ededed;}
ul.sidelist  li.current_page_item   	    a{color:#000; background:#ededed;}
ul.sidelist  li.current_page_ancestor		a{color:#000;}
ul.Calendar 	li.calendar   		  a{color:#000; background:#ededed;}
ul.Commercial  	li.commercial   	  a{color:#000; background:#ededed;}
ul.Planning  	li.planning   		  a{color:#000; background:#ededed;}
ul.Legislation 	li.legislation  	  a{color:#000; background:#ededed;}
ul.FAQs  		li.faqs   			  a{color:#000; background:#ededed;}

ul.sidelist li ul		li{float:left; list-style:none; margin:0; border-bottom:0px none;  border-top:1px dashed #FFCCCC; background:#fff;}
ul.sidelist li ul li  	a{float:left; padding:5px 10px 5px 30px; width:140px; color:#666; text-decoration:none; background:#fff;}
ul.sidelist li ul li  	a:hover{ text-decoration:underline; color:#333; background:#ededed;}
ul.sidelist li ul li.current_page_item  a{color:#000; background:#ededed; text-decoration:underline;}

ul.memberssublist		{float:left; list-style:circle; margin:0; padding:0 0 0 10px; font-size:0.9em;  clear:left;}
ul.memberssublist li	{margin:15px 0; padding:0; }

.wpcf7-form				{width:250px; float:left;}
.wpcf7-form	textarea	{width:250px; float:left;}
.wpcf7-form p			{text-align:left;}

.print					{ height:18px; padding:12px 0 0 35px; margin:20px 20px 0 0; display:block; float:left; background:url(images/icons/print.gif) no-repeat left; color:#333333; font-size:0.8em; clear:left;}
.email					{ height:18px; padding:12px 0 0 35px; margin:20px 20px 0 0; display:none; float:left; background:url(images/icons/mail.gif) no-repeat left; color:#333333; font-size:0.8em;}
.credits				{display:none;}
.ddfm					{margin:0; padding:0; float:left;}

.post 					{ border-bottom:1px dashed #FFCCCC; margin-bottom:20px; float:left; width:580px; }
.entry-news				{width:510px; float:right;}

.post-date				{float:left; display:block; width:50px; height:50px; background:url(images/newspaper.gif) no-repeat;}

hr 						{border:none; border-top:dashed 1px #FFCCCC; color:#FFFFFF; background-color:#FFFFFF; height:1px;}


/* -----TITLES-----*/
#visionlogo				{width:218px; height:25px; background:url(images/vision_logo.gif); display:block; float:left;}
.your_details			{width:176px; height:18px; background:url(images/titles/your_details.gif); display:block; float:left;}
.title_about_waste_pdsu	{width:232px; height:17px; background:url(images/titles/about_waste_pdsu.gif); display:block; float:left;}
.title_media			{width:80px; height:17px; background:url(images/titles/media.gif); display:block; float:left;}
.title_latest_news		{width:153px; height:17px; background:url(images/titles/latest_news.gif); display:block; float:left;}
.title_contact_us		{width:151px; height:17px; background:url(images/titles/contact_us.gif); display:block; float:left;}
.title_members_area		{width:178px; height:17px; background:url(images/titles/members_area.gif); display:block; float:left;}
.title_newsletter		{width:311px; height:17px; background:url(images/titles/newsletter.gif); display:block; float:left;}
#EC_previousMonthLarge,
#EC_nextMonthLarge	{font-weight:normal; font-size:80%;}
#calendar_wrapLarge	{margin-top:30px;}
#calendar_wrapLarge	span.event-block {margin:5px 0;}
#calendar_wrapLarge	span strong {font-weight:normal; font-size:0.8em;}

/* ------------ 6 - FOOTER SPECIFIC -------------------*/
/* ----------------------------------------------------*/
#footer					{margin:0; padding:0; border-top:5px #DBDBDB solid; width:820px; position:absolute; bottom: 0 !important; bottom: -1px; height:250px; }
.floatanchor			{width:820px; height:1px; clear:both;}
.footcopy				{background:url(images/footlogo.gif) no-repeat left; padding-left:20px; height:16px; clear:both;}

ul.footerlist			{width:100px; float:left; list-style:none; display:block; margin:5px 19px 10px 0; padding:0; font-size:0.9em; }
ul.last					{margin:5px 0 10px 0;}
ul.footerlist			li{ list-style:none;  margin:7px 0;}
ul.footerlist			li.title{font-weight:bold; color:#333; margin-top:0;}
ul.footerlist li   	  a{color:#333; text-decoration:none;}
ul.footerlist li   	  a:hover{ text-decoration:underline; color:#000;}
ul.footerlist li.sign a{color:#CA0000;}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 2px;
	margin: 0 0 5px 12px;
	display: inline;
	}

img.alignleft {
	padding: 2px;
	margin: 0 12px 5px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.wp-caption-text	{font-size:0.8em; text-align:center;}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.entry ul, ul.blogroll {
	margin:0 0 20px 0;
	padding: 0 0 0 30px;
	list-style:circle;
	padding-left: 10px;
	text-indent:0px;
	font-size:0.9em; line-height:1.4em; color:#000;
	
	}

.entry li, ul.blogroll li {
	margin: 7px 0 7px 10px;
	}
ul.blogroll li a {
	clear:right;
	}
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

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

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

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */