/*  
Theme Name: Webmad Base Theme
Theme URI: http://www.webmad.co.nz/
Description: A simple Wordpress theme based on the <a href="http://code.google.com/p/blueprintcss/">Blueprint CSS Framework</a>.
Version: 1.0
Author: SP
Author URI: http://www.webmad.co.nz


*/
body{
	font-family:arial;
}
.container{
	width:960px;
	margin:0px auto;
}
.alignright{
	float:right;
	margin-left:10px;
}
.menu-item{
	list-style-type:none;
	list-style-image:none;
	display:inline-block;
	padding:3px 10px;
}
.menu-item:first-child{
	padding-left:0px;
}

.menu-item:last-child{
	padding-right:0px;
}

.span-9{
	width:720px;
	float:right;
}
.span-3{
	width:240px;
	float:left;
}


#menu-navigation{
	padding:0px;
	margin:10px 0px;
}

#footer{
	text-align:center;
	background:#ed881e;
	clear:both;
	color: #fff;
}

.logo{
	text-indent:-9999;
	background:url('images/logo.png') no-repeat;
	width:200px;
	height:100px;
	display:block;
}
#header h1{
	display:none;
}
ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
li{
	margin:0px;
	padding:0px;
}
.menu-nav-container ul{
	float:right;
}
.menu-nav-container li{
	display:inline-block;	
}
.menu-nav-container li a{
	text-decoration:none;
	font-weight:bold;
	padding:5px 15px;
	color: #ed881e;
	font-size:1.2em;
}
#nav{
	border-bottom: 2px solid #ed881e;
}
.clear{
	clear:both;
}
th{
	text-align:right;
	padding-right:10px;
}
.smaller{
	font-size:0.9em;
	text-align:justify
}
#text-2 img{
	margin-top:10px;
}
#footer a{
	color:#fff;
	margin-left:20px;
	font-size: 0.9em;
}

.addr{
	float:right;
	font-size:0.6em;
}
h2{
	padding-left:25px;
	background:url('images/dots.png') no-repeat 0px 5px;
}

/*Responsive css - added by Alison Outram November 2015 */

@media screen and (max-width: 1000px){
.entry {
	max-width: 600px !important;	
}
.menu-nav-container ul {
    position: absolute;
    right: 10px !important;
    top: 75px;
}
.addr {
	position: absolute;
    right: 10px !important;
    top: 5px;
}
.entry iframe {
	max-width: 80% !important;
}
}
@media (max-width:860px) and (min-width:640px) {
	.entry {
		font-size: 14px !important;
		max-width: 580px !important;
    	margin-left: 20px !important;
	}
	.smaller{
		font-size:14px !important;
	}
	h2 {
    	margin-left: 20px !important;
	}
	.container {
		width: auto !important;
	}
	#text-2 img {
    	display: none !important;
	}
	.alignright {
		display: none !important;
	}
	.span-9 {
		width: auto !important;
		float: left;
	}
}
@media (max-width:639px) and (min-width:480px) {
		.entry {
		font-size: 12px !important;
		max-width: 440px !important;
    	margin-left: 10px !important;
	}
	.smaller{
		font-size:12px !important;
	}
	h2 {
    	margin-left: 10px !important;
	}
	.container {
		width: auto !important;
	}
	#text-2 img {
    	display: none !important;
	}
	.alignright {
		display: none !important;
	}
	.span-9 {
		width: auto !important;
		float: left;
	}
	.addr {
    	display: none !important;
	}
}
@media (max-width:479px) and (min-width:320px) {
		.entry {
		font-size: 12px !important;
		max-width: 300px !important;
    	margin-left: 3px !important;
	}
	.smaller{
		font-size:12px !important;
	}
	h2 {
    	margin-left: 3px !important;
	}
	.container {
		width: auto !important;
	}
	#text-2 img {
    	display: none !important;
	}
	.alignright {
		display: none !important;
	}
	.span-9 {
		width: auto !important;
		float: left;
	}
	.addr {
    	display: none !important;
	}
	.menu-nav-container ul {
    position: absolute;
    left: 5px !important;
    top: 110px !important;
	}
	#post-4 {
		position: relative;
		left: 5px !important;
		top: 15px !important;
	}
	#post-7 {
		position: relative;
		left: 5px !important;
		top: 15px !important;
	}
	#footer {
		position: relative;
		top: 5px;
	}
}
@media (max-width:319px) and (min-width:100px){
			.entry {
		font-size: 12px !important;
		max-width: 300px !important;
    	margin-left: 3px !important;
	}
	.smaller{
		font-size:12px !important;
	}
	h2 {
    	margin-left: 3px !important;
	}
	.container {
		width: auto !important;
	}
	#text-2 img {
    	display: none !important;
	}
	.alignright {
		display: none !important;
	}
	.span-9 {
		width: auto !important;
		float: left;
	}
	.addr {
    	display: none !important;
	}
	.menu-nav-container ul {
    position: absolute;
    left: 5px !important;
    top: 110px !important;
	}
	#post-4 {
		position: relative;
		left: 5px !important;
		top: 15px !important;
	}
	#post-7 {
		position: relative;
		left: 5px !important;
		top: 15px !important;
	}
	#footer {
		position: relative;
		top: 5px;
	}
}