/*  -- AUTHOR: PITCH MEDIA (info@pitchmedia.co.nz) --------------------------------------------  */
/*  -- MEDIUM: SCREEN -------------------------------------------------------------------------  */

/*  -- COLOUR CHART ---------------------------------------------------------------------------

	Link Colour:		#FFF;
	Main Copy Text:		#333;
	Green:			#759b35;
	Orange:			#f28b26;
	Grey:			#2d2626;
	
/*  -- GLOBAL ---------------------------------------------------------------------------------  */

	.award {
		display: block;
		margin-top: -5px;
		margin-bottom: 10px;
		}

	html {
		border-top: 3px solid #000;
		font-family: Helvetica, Arial, sans-serif;
		}
	
	body {
	
		}
	
	a {
		text-decoration: underline;
		color: #6a6a6a;
		}
	
		a:hover {
			text-decoration: none;
			}
	
	p { 
		font-size: 12px; 
		margin-bottom: 8px;
		line-height: 20px;
		}
		
	h2 {
		font-weight: bold;
		color: #000;
		font-size: 20px;
		}
		
		h2.dropheader {
			margin-top: 20px;
			}
	
	h3 {
		font-size: 16px;
		margin-bottom: 4px;
		font-weight: bold;
		text-transform: uppercase;
		}
		
		h3 {
			
			}
	
	input {
		border: 1px solid #c7cdbe;
		background: #FFF;
		font-size: 12px;
		width: 188px;
		padding: 4px 3px;
		margin-bottom: 3px;
		height: 14px;
		}
	
	input.submit {
		width: 30px;
		height: 24px;
		padding: 0;
		}

		input.submit:hover {
			border-color: #000;
			background: #000;
			color: #FFF;
			cursor: pointer;
			}
	
	div#logo {
		width: 920px;
		height: 23px;
		margin: 0px auto;
		margin-top: 22px;
		border-bottom: 2px solid #000;
		}
		
		div#logo h1 a {
			display: block;
			width: 258px;
			height: 23px;
			text-indent: -9999em;
			background: url(_img/logo.jpg) no-repeat;
			}
			
	div#header {
		width: 960px;
		height: 192px;
		margin: 0px auto;
		padding-top: 30px;
		background: url(_img/header-bg.jpg) no-repeat 0 30px;
		}
		
	div#wrapper {
		width: 920px;
		margin: 0px auto 17px;
		margin-top: 25px;
		}
		
/*  -- Email Notice -----------------------------------------------------------------------------  */

	.emailsent {
		background: url(_img/emailmessage_bg.png) repeat-x 0 0;
		}
		
		.emailsent div {
			background: #00CC00;
			}
	
	.emailerror {
		background: url(_img/emailmessage2_bg.png) repeat-x 0 0;
		}
		
		.emailerror div {
			background: #CC0000;
			}

	#emailstatus {
		padding: 3px 0 13px;
		_padding: 3px 0;
		display: block;
		font-weight: bold;
		position: absolute;
		width: 100%;
		height: 20px;
		color: #FFF;
		}
		
		#emailstatus div {
			width: 920px;
			margin: 0 auto;
			overflow: hidden;
			_height: 1%;
			}
			
			#emailstatus span {
				float: left;
				display: inline-block;
				}
				
			.emailsent a {
				float: right;
				display: inline-block;
				height: 20px;
				width: 20px;
				background: url(_img/closeemail_btn.gif) no-repeat 0 0;
				text-indent: -9999px;
				}
				
				.emailsent a:hover {
					background: url(_img/closeemail_btn.gif) no-repeat 0 bottom;
					}
					
			.emailerror a {
				float: right;
				display: inline-block;
				height: 20px;
				width: 20px;
				background: url(_img/closeemail2_btn.gif) no-repeat 0 0;
				text-indent: -9999px;
				}

				.emailerror a:hover {
					background: url(_img/closeemail2_btn.gif) no-repeat 0 bottom;
					}
		
/*  -- Left Column ------------------------------------------------------------------------------  */		
	
		div#left-column {
			width: 613px;
			float: left;
			}
			
			div#left-column ul#navigation {
				text-transform: uppercase;
				font-size: 13px;
				font-weight: bold;
				border-bottom: 1px solid #000;
				padding-bottom: 3px;
				overflow: hidden;
				_height: 1%;
				}
				
				div#left-column ul#navigation li {
					display: inline-block;
					margin: 0 7px 0 0;
					width: auto;
					float: left;
					}
					
					div#left-column ul#navigation li a {
						text-decoration: none;
						color: #000;
						margin: 0 9px 0 0;
						}
						
						div#left-column ul#navigation li a.selected,
						div#left-column ul#navigation li a.selected:hover {
							color: #759b35;
							}
						
						div#left-column ul#navigation li a:hover {
							color: #f28b26;
							}
							
			div#left-column ul#posts {
				
				}
				
				div#left-column ul#posts li {
					padding-top: 16px;
					display: block;
					overflow: hidden;
					_height: 1%;
					border-bottom: 1px solid #000;
					}
					
					div#left-column ul#posts li.featured {
						border-bottom: 2px solid #000;
						}
					
					div#left-column ul#posts a {
						color: #000;
						font-style: italic;
						}
					
					div#left-column ul#posts h2 {
						font-weight: bold;
						color: #000;
						font-size: 20px;
						}
						
						div#left-column ul#posts h2 a {
							color: #000;
							text-decoration: none;
							font-style: normal;
							}
							
							div#left-column ul#posts h2 a:hover {
								color: #f28b26;
								}
					
					div#left-column ul#posts a.leftimg {
						max-height: 200px;
						overflow: hidden;
						display: block;
						width: 244px;
						padding: 0;
						float: left;
						border: 1px solid #999;
						line-height: 0;
						}
						
						div#left-column ul#posts a.leftimg img {
							width: 244px;
							height: auto;
							}
					
					div#left-column ul#posts div.rightcontainer {
						float: right;
						width: 360px;
						}
						
						div#left-column ul#posts div.rightcontainer li {
							display: inline;
							border: 0;
							padding: 0;
							}
							
						div#left-column ul#posts div.rightcontainer p.details {
							display: inline-block;
							margin-bottom: 10px;
							}
							
					div#left-column ul#posts div.rightcontainer ul.post-categories,
					div#left-column ul#posts div.rightcontainer ul.post-categories li,
					div#left-column ul#posts div.rightcontainer ul.post-categories a {
						display: inline;
						font-size: 12px;
						}
						
					div#left-column ul#posts div.rightcontainer .read-more {
						text-transform: uppercase;
						text-decoration: none;
						font-size: 13px;
						}
						
						div#left-column ul#posts div.rightcontainer .read-more:hover {
							color: #f28b26;
							}
								
					div#left-column ul#posts p.controls {
						clear: both;
						display: block;
						border: 0;
						margin: 0;
						text-align: right;
						height: 19px;
						}
						
						div#left-column ul#posts p.controls a {
							font-style: normal;
							text-decoration: none;
							}

							div#left-column ul#posts p.controls a:hover {
								text-decoration: underline;
								}
						
						div#left-column ul#posts p.controls .important {
							font-weight: bold;
							text-transform: uppercase;
							font-size: 14px;
							line-height: 18px;
							margin: 1px 0 0 5px;
							display: inline-block;
							}

						 a.stbutton {
							background: none !important;
							padding: 0 !important;
							font-style: normal !important;
							color: #000 !important;
							}
							
/*  -- COMMENTS ----------------------------------------------------------------------------------  */

	div#left-column h3#comments {
		margin-top: 30px;
		margin-bottom: 10px;
		border-bottom: 1px solid #000;
		}

	div#left-column ol.commentlist {
		
		}
		
		div#left-column ol.commentlist li {
			display: block;
			margin-bottom: 10px;
			}
			
			div#left-column ol.commentlist li div {
				border: 1px solid #e3e6df;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				padding: 10px;
				margin-left: 40px;
				font-size: 12px;
				}
				
				div#left-column ol.commentlist li img {
					display: none;
					}
				
				div#left-column ol.commentlist li div div {
					border: 0;
					margin: 0;
					padding: 0;
					border: 0;
					}
					
				div#left-column ol.commentlist li p {
					color: #333;
					font-style: italic;
					margin-top: 1em;
					margin-bottom: 0;
					clear: both;
					line-height: 18px;
					}
					
				div#left-column ol.commentlist .comment-author {
					color: #759b35;
					float: left;
					text-align: left;
					margin-bottom: 1em;
					}
					
				div#left-column ol.commentlist .comment-meta {
					float: right;
					text-align: right;
					margin-bottom: 1em;
					}
					
	div#left-column #respond {
		
		}
		
		div#left-column #respond h3 {
			margin-top: 30px;
			margin-bottom: 10px;
			border-bottom: 1px solid #000;
			}
			
		div#left-column #respond p {
			color: #a1a995;
			}
			
		div#left-column #respond input {
			border: 1px solid #C7CDBE;
			color: #333;
			}
			
			div#left-column #respond input#submit {
				height: auto;
				width: auto;
				}
				
				div#left-column #respond input#submit:hover {
					border: 1px solid #000;
					cursor: pointer;
					}
			
		div#left-column #respond textarea {
			width: 500px;
			border: 1px solid #C7CDBE;
			color: #333;
			padding: 1px;
			}
			
/*  -- ARTICLE CONTAINER (Single Post) -----------------------------------------------------------  */

	div#article {
		padding-top: 20px;
		}
		
		div#article p a {
			color: #1c71bf;
			font-style: italic;
			}
			
		div#article h2 {
			font-size: 20px;
			font-weight: bold;
			}
			
		div#article ul {
			margin-bottom: 10px;
			}
			
			div#article li {
				font-size: 12px;
				list-style: disc;
				margin-left: 30px;
				}
			
		div#article p {
			width: 460px;
			}
			
			div#article p.details {
				margin-bottom: 20px;
				}
				
				div#article p.details a {
					color: #000;
					}

					div#article p.details a .stbuttontext {
						color: #000;
						}
			
			div#article p.wp-caption-text {
				font-style: italic;
				font-size: 11px;
				}
			
		div#article img {
			border: 1px solid #c7cdbe;
			max-width: 611px;
			}
			
		div#article .controls {
			text-align: right;
			border-bottom: 1px solid #666;
			margin-top: 10px;
			}
			
/*  -- Search Results ----------------------------------------------------------------------------  */

	ul#searchresults {
		border-top: 2px solid #000;
		margin-top: 16px;
		font-weight: normal;
		}
		
		ul#searchresults a {
			font-style: italic;
			color: #000;
			}
		
		ul#searchresults li {
			padding: 12px 0 10px;
			border-bottom: 2px solid #000;
			}
			
		ul#searchresults li h3 {
			color: #666;
			font-style: italic;
			text-transform: none;
			font-size: 18px;
			font-weight: normal;
			}
			
			ul#searchresults li h3 a {
				text-decoration: none;
				font-style: normal;
				font-weight: bold;
				}
		
				ul#searchresults li h3 a:hover {
					color: #f28b26;
					}
					
			ul#searchresults li .read-more {
				text-transform: uppercase;
				text-decoration: none;
				font-size: 13px;
				}
				
				ul#searchresults li .read-more:hover {
					color: #f28b26;
					}
					
	div#left-column p.failedsearch {
		margin-top: 15px;
		font-weight: normal;
		font-size: 16px;
		}

/*  -- Right Column ------------------------------------------------------------------------------  */		

		div#right-column {
			width: 230px;
			float: right;
			}
			
			div#right-column form {
				margin-bottom: 16px;
				}
			
			div#right-column ul {
				margin-bottom: 16px;
				}
				
				div#right-column ul.categories ul {
					font-size: 12px;
					color: #6a6a6a;
					margin: 0;
					padding: 0 0 0 18px;
					border-left: 5px solid #759b35;
					color: #759b35;
					}
			
			div#right-column ul li {
				padding: 0px;
				}
			
				div#right-column ul li a {
					color: #333;
					font-size: 12px;
					text-decoration: none;
					}
					
				div#right-column ul.categories li h4.selected a {
					border-left-color: #759b35;
					color: #759b35;
					}
					
					div#right-column ul.categories ul li {
						display: block;
						color: #000;
						font-style: italic;
						font-weight: normal;
						padding-bottom: 5px;
						}
						
						div#right-column ul.categories ul li a {
							display: inline;
							color: #000;
							text-transform: none;
							}
							
							div#right-column ul ul li a:hover {
								color: #f28b26;
								}
					
			div#right-column .links h2 {
				font-size: 16px;
				margin-bottom: 4px;
				}
				
			div#right-column h4 a {
				display: block;
				padding: 9px 9px 6px;
			/*	border-left: 5px solid #b9c0ae;
				border-top: 1px solid #b9c0ae; */
				border-left: 5px solid #2d2626;
				border-top: 1px solid #b9c0ae;
				}
				
				div#right-column h4 a:hover {
					border-left-color: #f28b26;
					color: #f28b26;
					}
						
			div#right-column .categories {
				text-transform: uppercase;
				font-weight: bold;
				border-bottom: 1px solid #b9c0ae;
				}
											
			div#right-column .recent {
				border-bottom: 1px solid #b9c0ae;
				text-transform: none;
				font-size: 12px;
				font-style: italic;
				}
				
				div#right-column .recent li {
					border: 0;
					}
					
					div#right-column .recent li a {
						color: #000;
						display: block;
						padding: 9px 9px;
						border-top: 1px solid #b9c0ae;
						border-left: 5px solid #2d2626;
						}
					
						div#right-column .recent li span {
							color: #686868;
							font-size: 11px;
							}
							
						div#right-column .recent li a:hover {
							border-left-color: #f28b26;
							color: #f28b26;
							}
							
			div#right-column .links {
				text-transform: uppercase;
				border-bottom: 1px solid #b9c0ae;
				}

				div#right-column .links li {
				}

					div#right-column .links li a {
						border-left: 5px solid #2d2626;
						border-top: 1px solid #b9c0ae;
						border-bottom: 0;
						display: block;
						padding: 9px;
						}
						
						div#right-column .links li a:hover {
							border-left-color: #f28b26;
							color: #f28b26;
							}
						
					div#right-column .links li ul {
						margin: 0;
						}
						
			div#right-column .connect {
				text-transform: uppercase;
				border-bottom: 1px solid #b9c0ae;
				}
				
				div#right-column .connect li {
				
				}
				
					div#right-column .connect li a {
						border-top: 1px solid #b9c0ae;
						border-left: 5px solid #2d2626;
						border-bottom: 0;
						display: block;
						padding: 9px 9px 9px 32px;
						}
						
						div#right-column .connect li a.twitter {
							background: url(_img/connect_twitter.gif) 9px center no-repeat;
							}
							
						div#right-column .connect li a.facebook {
							background: url(_img/connect_facebook.gif) 9px center no-repeat;
							}
							
						div#right-column .connect li a.home {
							background: url(_img/connect_home.gif) 9px center no-repeat;
							}
						
						div#right-column .connect li a:hover {
							border-left-color: #f28b26;
							color: #f28b26;
							}
							
/*  -- Pagination --------------------------------------------------------------------------------  */

	.wp-pagenavi {
		font-size: 12px;
		margin: 14px 0 0;
		padding: 0 !important;
		font-weight: bold;
		}
		
		.wp-pagenavi span {
			margin-right: 3px;
			display: inline-block;
			border: 1px solid #999;
			padding: 1px 2px;
			color: #555;
			}
			
			.wp-pagenavi span:hover {
				cursor: default;
				}
				
			.wp-pagenavi span.current {
				color: #FFF;
				background: #333;
				border-color: #333;
				}
			
		.wp-pagenavi a {
			margin-right: 3px;
			display: inline-block;
			border: 1px solid #666;
			text-decoration: none;
			padding: 1px 2px;
			color: #333;
			}
			
			.wp-pagenavi a:hover {
				color: #FFF;
				background: #000;
				border: 1px solid #000;
				}
				
/*  -- IWYMOI FORM ----------------------------------------------------------------------------  */




/*  -- Foot Gallery ------------------------------------------------------------------------------  */

	#footgallery {
		overflow: hidden;
		_height: 1%;
		width: 931px;
		clear: both;
		padding-top: 12px;
		}
		
		#footgallery a {
			float: left;
			width: auto;
			display: inline-block;
			margin-right: 11px;
			}
			
			ul#footgallery a {
				border: 3px solid #c7cdbe;
				display: block;
				line-height: 0;
				height: 98px;
				overflow: hidden;
				width: 138px;
				text-align: center;
				}
				
				ul#footgallery a img {
					border: 0;
					width: 138px;
					min-height: 98px;
					}

/*  -- Footer ------------------------------------------------------------------------------  */

	div#footer {
		background: #000;
		border-top: 2px solid #2d2626;
		padding: 20px 0 11px;
		overflow: hidden;
		_height: 1%;
		color: #FFF;
		clear: left;
		}
		
		div#footer h3 {
			color: #759b35;
			border-bottom: 1px solid #FFF;
			}
			
		div#footer h4 {
			text-transform: uppercase;
			font-size: 11px;
			font-weight: bold;
			}
			
			div#footer h4 a {
				color: #FFF;
				text-decoration: none;
				}
				
				div#footer h4 a:hover, div#footer h4 a.selected {
					text-decoration: underline;
					}
		
		div#footer div#footer_inner {
			margin: 0 auto;
			width: 920px;
			background: #000 url(_img/logo_mdsfooter.gif) no-repeat 502px 0;
			}
			
		div#footer div#footer_left {
			width: 460px;
			float: left;
			}
			
		div#footer div#footer_right {
			width: 310px;
			float: right;
			}
			
			div#footer div#footer_right ul {
				width: 153px;
				float: left;
				}
			
		div#footer p {
			clear: both;
			color: #6a6a6a;
			font-size: 12px;
			padding: 15px 0 0;
			}
			
			div#footer p a {
				text-decoration: underline;
				font-style: italic;
				color: #6a6a6a;
				}	
			
		div#footer ul {
			overflow: hidden;
			_height: 1%;
			}
			
			div#footer ul li {
				width: 153px;
				display: block;
				float: left;
				color: #999;
				}
				
				div#footer ul li a {
					color: #FFF;
					text-decoration: none;
					}
					
					div#footer ul li a:hover {
						text-decoration: underline;
						}
			
				div#footer ul ul {
					padding: 0 0 9px;
					}
			
					div#footer ul ul li {
						line-height: 16px;
						font-style: italic;
						font-size: 11px;
						text-indent: 8px;
						margin-top: 5px;
						}
				
						div#footer ul ul li span {
							color: #6a6a6a;
							}
							
							
			strong { font-weight: bold !important; }
			em { font-style: italic !important;}