/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: style.css
* Version: 1.0.0 (2009-08-24) YYYY-MM-DD
* Author: Shaking Paper
* Description: Stylesheet for The Print Directory.

*/

/* Eric Meyer CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: 500;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ul, ol, li {
	list-style:none;
}

/* End CSS Resset */

/* Begin Stylesheet */

body {
	font-size: 13px;
	margin: 30px 0 0 20px;
	padding: 0;
}

#wrapper {
	height:auto;
	margin-bottom: 30px;
	min-height:800px !important;
	overflow: hidden;
	width: 900px;
}

	#header {
		height: 90px;
		margin-bottom: 30px;
		width: 100%;
	}
	
		#banner_header {
			height: 90px;
			width: 728px;
		}
	
	#container { 
		padding-right: 38px;
		width:690px;
	}
	
		.width_280 {
			width: 280px;
		}
		
		.width_360 {
			width: 360px;
		}
	
	#col_1 {
		margin: 0 40px 0 10px;
		width: 120px;
		_margin-left:0; /* IE positioning hack */
		_padding: 0 0 0 10px; /* IE positioning hack */
	}
	
		/* col_1 elements */
	
		#keyword_search {
			padding: 0 0 10px;
		}
		
		#capability_search {
			padding: 0 0 20px;
		}
		
		#keyword, .newsletter_input {
			padding: 2px 4px;
			width: 110px;
		}
	
		#col_1 select {
			width: 120px;
		}
		
		.search_submit, .form_submit, .newsletter_submit {
			background-color: #FFF;
			cursor: pointer;
			padding: 1px 2px;
			width: 47px;
		}
		
		/* navigation link pixy rollover */
	
		ul#navigation {
			background: url(images/navigation_bg.png) no-repeat top right;
			height: 174px;
			padding-top: 12px;
			width: 120px;
		}
		
		ul#navigation li {
			/margin-bottom:-3px; /* IE positioning hack */
		}
		
		a#nav_submit, a#nav_request, a#nav_commentary, a#nav_contact, a#nav_about {
			background-position: 0 0;
			display:block;
			height: 30px;
			width: 120px;
		}
		
		a#nav_submit {
			background-image: url('images/nav_submit_hover.png');
		}
		
		a#nav_request {
			background-image: url('images/nav_request_hover.png');
		}
		
		a#nav_commentary {
			background-image: url('images/nav_commentary_hover.png');
		}
		
		a#nav_contact {
			background-image: url('images/nav_contact_hover.png');
		}
		
		a#nav_about {
			background-image: url('images/nav_about_hover.png');
		}
		
		a#nav_submit:hover, a#nav_request:hover, a#nav_commentary:hover, a#nav_contact:hover, a#nav_about:hover {
		    background-position: 0 -30px;
		}
		
		/* banner ad */
			
		#banner_col_1 {
			height: 240px;
			margin-top: 10px;
			width: 120px;
		}
		
	/* col_2 elements */
	
	#col_2 {
		margin-right: 40px;
		_margin: 0 30px 0 0; /* IE positioning hack */
	}
	
	/* col_3 elements */
	
	#col_3 {
		margin-right: 10px;
	}
	
		/* banner ad */
	
		#banner_col_3 {
			height: 250px;
			margin-top: 10px;
			width: 250px;
		}
	
	/* navigation link rollover */
	
	ul#navigation {
		background: url(images/navigation_bg.png) no-repeat top right;
		height: 174px;
		padding-top: 12px;
		width: 120px;
	}
	
	ul#navigation li {
		/margin-bottom:-3px; /* IE positioning hack */
	}
	
	a#nav_submit, a#nav_request, a#nav_commentary, a#nav_contact, a#nav_about {
		background-position: 0 0;
		display:block;
		height: 30px;
		width: 120px;
	}
	
	a#nav_submit {
		background-image: url('images/nav_submit_hover.png');
	}
	
	a#nav_request {
		background-image: url('images/nav_request_hover.png');
	}
	
	a#nav_commentary {
		background-image: url('images/nav_commentary_hover.png');
	}
	
	a#nav_contact {
		background-image: url('images/nav_contact_hover.png');
	}
	
	a#nav_about {
		background-image: url('images/nav_about_hover.png');
	}
	
	a#nav_submit:hover, a#nav_request:hover, a#nav_commentary:hover, a#nav_contact:hover, a#nav_about:hover {
	    background-position: 0 -30px;
	}
	
	/* Contact Forms */
	
	input.half {
		margin: none;
		width: 134px;
	}
	
	p.submit {
		width: 100%;
	}
	
	.form {
		border: 1px solid #4d4d4d;
		font-family: Arial, Helvetica, sans-serif;
		margin-top: 3px;
		padding: 2px 5px;
		width:300px;
	}
	
	.req {
		padding-right: 49px;
	} 
	
	.wp-pagenavi {
		margin-bottom: 20px;
	}
			
#footer {
	height: 20px;
	padding: 10px 0;
	width: 842px;
	border-top: 1px solid #000;
	margin-left: 10px;
}

/*
	#footer span.right {
		padding-right: 60px;
	}
*/

/* Links */

	a, .post_meta a, .commentary a.more-link, .listing a, .top_3 a, .post_meta a:hover, a.more-link:hover, #col_3 ul li a:hover, .top_3 a:hover, a.all_listings:hover {
		text-decoration: none;
	}

	a:hover, .commentary a, a.content {
		text-decoration: underline;
	}

/* Colours */

	.commentary a:hover, .search_submit, .form_submit, a.content:hover {
		color: #000;
	}
	
	input#keyword, .newsletter_input, #footer  {
		color: #999;
	}

	.post_meta a, .commentary a.more-link, .listing a, .top_3 a, .wp-pagenavi, #col_3 ul li a, .top_3, .post_meta, a.all_listings {
		color: #404040;
	}
	
	#footer a {
		color: #4B4B4B;
	}

	h2, h2 a, .blue, .commentary a, a.content {
		color: #177096;
	}
	
	.red {
		color: #FF0000;
	}

	.post_meta a:hover, a.more-link:hover, #col_3 ul li a:hover, .top_3 a:hover, a.all_listings:hover  {
		background-color: #ABE8F7;
	}

	.search_submit, .form_submit {
		background-color: #FFF;
	}
	
/* Text */

	.wp-pagenavi, #col_3 ul li a, .top_3, .post_meta, .info, #keyword_search p, #capability_search p, #newsletter p {
		font-size: 11px;
	}
	
	.post_meta a, .commentary a.more-link, .listing a, .top_3 a, #footer, a.all_listings {
		font-size: 11px;
		font-style: italic;
	}
	
	.form, a.content {
		font-size: 13px;
		font-style: normal;
	}

	h2, h2 a {
		font-size: 15px;
	}
	
	.commentary p {
		line-height: 18px;
	}	

/* Borders */

	#col_1 input, .form_submit {
		border: #000 1px solid;
	}
	
	.post {
		border-bottom: 1px solid #000;
	}	

/* Sitewide padding/margins/positioning */
	
	h2, .date, #col_1 select, #col_1 input, #keyword_search p, #capability_search p, #newsletter p {
		margin-bottom: 10px;
	}
	
	.listing p {
		padding-bottom: 14px;
	}
	
	.listing, .commentary p {
		padding-bottom: 20px;
	}
	
	p.keywords {
		margin: 0;
		padding-bottom: -14px;
	}
	
	.more {
		margin-bottom: -13px;
	}
	
	#col_2 ul {
		margin: 0 0 12px 12px;
	}
	
		#col_2 li {
			list-style: disc;
		}

	.bottom_20, #col_3 ul {
		margin-bottom: 20px;
	}

	.left, #col_1, #col_2 { /* applies left float to any element with this class */
		float:left;
	}
	
	.right, #container, #col_3 { /* applies right float to any element with this class */
		float:right;
	}
	
		.aligncenter,
		div.aligncenter { /* positioning for images in WYSIWYG editor */
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		.alignleft { /* positioning for images in WYSIWYG editor */
			float: left;
			padding: 5px;
		}
		
		.alignright { /* positioning for images in WYSIWYG editor */
			float: right;
			padding: 5px;
		}

	a .alt /* hides text for pixy rollover links */, .keywords, .single .top_3, .listing a.more-link { 
		display: none; 
	}
		
/* End Stylesheet */