/*
Theme Name: National Plughole Week
Theme URL: http://www.nationalplugholeweek.com
Description: Provided by Free-Rein
Version: 1.0
Author: Ian Tearle
Author URL: http://www.free-rein.net
*/
#debug-container{
display: none;
}
/*
-------------------------------------------------
Global values
=================================================
*/

html {
  height: 100%;
  overflow-y: scroll;
}
body {
  height: 100%;
  background: #fff url(../images/npw/bg.gif) center top no-repeat;
  color: #444;
  line-height: 1.4;
}
body, input, button, textarea, select {
  font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
  letter-spacing: .05em;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
  letter-spacing: .1em;
}
pre, tt, code, kbd, samp, var {
  font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
}

h1 {font-size: 1.5em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1, h2, h3, h4, h5 {font-weight: normal;}

a:link {
	color: #748c12;
	  outline: none;
}
a:visited {
	color: #7a8450;
}
a:hover {
	color: #42500b;
	text-decoration: none;
}
a:focus {text-decoration: none;}
a:focus,:focus {outline: 1px dotted #000;}
a:active {outline: none;}

body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td {
  margin: 0;
  padding: 0;
}

fieldset, img {
  border: 0;
}

img {vertical-align: bottom;}

ol li {list-style-type: decimal;}
ul li {list-style-type: disc;}
ul ul li {list-style-type: circle;}
ul ul ul li {list-style-type: square;}
ol ol li {list-style-type: lower-alpha;}
ol ol ol li {list-style-type: lower-roman;}

sub {
  vertical-align: sub;
  font-size: smaller;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

legend {
  color: #000;
  padding-bottom: .5em;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  position: absolute;
  left: -999em;
}

th {text-align: center;}
tbody th {text-align: left;}

code {color: #06f;}
code, pre {font-size: small;}

blockquote, q, em, cite, dfn, i, cite, var, address {
  font-style: italic;
}

blockquote p:before, blockquote p:after, q:before, q:after {content: '';}

th, strong, dt, b {
  font-weight: bold;
}

ins {
  text-decoration: none;
  border-bottom: 3px double #333;
}

del {text-decoration: line-through;}

abbr,
acronym {
  border-bottom: 1px dotted #333;
  font-variant: normal;
}

h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl, fieldset, address {padding:0 0;}
h1, h2, h3, h4, h5, h6{
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0;
}

dd p, dd pre, dd ul, dd ol, dd dl, li p, li pre, li ul, li ol, li dl, fieldset p, fieldset ul, fieldset ol {
  padding-right: 0;
  padding-left: 0;
}

dd {
  padding-left: 20px;
  margin-top: .5em;
}

li {margin-left:30px;}

table {
  margin-right: 30px;
  margin-left: 30px;
}

hr {
  margin-right: 30px;
  margin-left: 30px;
  border-style: inset;
  border-width: 1px;
}

h1, h2, h3, h4, h5, h6, p, pre, dt, li, hr, legend, input, button, textarea, select, address, table {margin-top: 1.2em;}
.block{margin: 10px 0 20px 0;}
.halfbox{padding: 0; margin: 0;}
label {padding-top: 1.2em;}

fieldset {line-height: 1;}

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}

input[type="radio"] {vertical-align: text-bottom;}

input {_vertical-align: text-bottom;}

input, button, textarea, select, optgroup, option {
  font-size: .9em;
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.inputButton {
  *overflow: visible;
  _width: 0;
  padding: .2em .4em;
}


.padding2margin {
  margin-right: 30px;
  margin-left: 30px;
  padding-right: 0;
  padding-left: 0;
}

.noMarker li {
  list-style: none;
  margin-left: 0;
}

#mainContainer{
	margin: 0 auto;
	width: 100%;
}
.hide{
display: none;
}
/*
-------------------------------------------------
Header
=================================================
*/
#header{
	margin: 0 auto;
	position: relative;
	width: 960px;
}
	#header #logo-npw {
		background: url(../images/npw/logo-npw.png) no-repeat;
		display: block;
		float: left;
		height: 428px;
		margin: 10px 0 0 0;
		text-indent: -9999em;
		width: 410px;
	}
		#header #logo-npw h1 a{
			display: block;
			height: 428px;
			margin: 0;
			padding: 0;
			text-indent: -9999em;
			width: 410px;
		}
	#header #logo-oxfam {
		background: url(../images/npw/logo-oxfam.png) no-repeat;
		height: 265px;
		float: right;
		margin: 180px 0 0 10px;
		width: 214px;
	}
		#header #logo-oxfam h2 a{
			display: block;
			height: 265px;
			margin: 0;
			padding: 0;
			text-indent: -9999em;
			width: 214px;
		}
/*
-------------------------------------------------
Menu
=================================================
*/
#nav{
	background: url(../images/npw/bg-nav.png) no-repeat;
	position: fixed;
	width: 528px;
	height: 86px;
	top: 0;
	left: 50%;
	margin-left: 50px;
}
	#nav ul{
		margin: 10px 0 0 50px;
	}
	#nav ul li{
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0 20px;
	}
		#nav ul li a{
			color: #006545;
			text-decoration: none;
		}
		
#bfc{
	background: url(../images/npw/bfc.png) no-repeat;
	position: absolute;
	top: 10px;
	right: 0px;
}
	#bfc a{
		display: block;
		height: 110px;
		text-indent: -9999px;
		width: 150px;
	}
	

/*
-------------------------------------------------
Content
=================================================
*/
#content{
	font-size: 14px;
	margin: 0 ;
	width: 100%;
}
	#content h2{
		font-size: 36px;
	}
	#content p{
		line-height: 24px;
	}
	#content div.first{
		background: url(../images/npw/bg-white-green.png)  bottom left repeat-x;
		width: 100%;
	}
		div.pane div.innerpane{
			margin: 0 auto;
			position: relative;
			width: 960px;
		}	
			div.pane div.button{
				position: absolute;
				right: 0px;
				bottom: 50px;
			}
			div.pane div.button p{
				margin: 0;
				padding: 0;
			}
			div.pane div.button a.top{
				color: #748c12;
				margin: 0 10px 0 0;
				text-decoration: none;
			}
	#content div.odd{
		background: #a2be2d url(../images/npw/bg-green-white.png)  bottom left repeat-x;
		color: #fff;
		width: 100%;
	}
	#content div.even{
		background: #fff url(../images/npw/bg-white-green.png)  bottom left repeat-x;
		color: #a2be2d;
		width: 100%;
	}
	#content #home{
		height: 450px;
		padding: 50px 0 0 0;
		width: 960px;
	}
	div.article{
		float: left;
		padding: 50px 0 100px 0;
		width: 460px;
	}
		#content #home h5{
			color: #a3bf31;
			font-size: 34px;
			font-weight: bold;
			letter-spacing: 0px;
			line-height: normal;
			padding: 0;
			text-transform: uppercase;
			width: 540px;
		}
		#content #home h6{
			color: #cccccc;
			font-size: 34px;
			font-weight: bold;
			letter-spacing: 0px;
			line-height: normal;
			margin: 0;
			padding: 0 0 0 0;
			text-transform: uppercase;
			width: 540px;
		}
			#content #home h6 em{
				color: #b5b5b5;
				font-style: normal;
			}
				#content #home h6 sup{
					font-size: 20px;
				}
		#content #home p{
			color: #bcbcbc;
			margin: 0;
			padding: 0;
			width: 540px;
		}
		#content .home-donate{
			background: url(../images/npw/bg-photos.png) no-repeat;
			bottom: 20px;
			padding: 60px 0 0 250px;
			position: absolute;
			height: 108px;
			right: 0;
			width: 125px;
		}
	#content .article-right{
		background-color:#748c12; 
		float: right;
		margin: 100px 0 300px 0;
		padding: 50px 20px;
		width: 260px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
		#content .article-right p{
			color: #fff;
			text-align: center;
			margin: 10px 0 20px 0;
		}
		#content .article-right .image{
			padding:25px 0 25px 0;
		}
/*
-------------------------------------------------
Footer
=================================================
*/
#footer-zag{
	background: url(../images/npw/bg-footer.png) repeat-x;
	height: 9px;
	margin: -9px 0 0 0;
	padding: 0;
	line-height: 0;
	width: 100%;
}
#footer{
	background-color: #000;
	margin: 0;
	padding: 0 0 20px 0;
	color: #fff;
}
	#footer p{
		font-size: 12px;
	}
	#footer .article{
		color: #fff;
	}	
	#footer .article p{
		font-size: 14px;
	}
	#footer .article-right{
		background: none;
		float: right;
		margin: 50px 0 50px 0;
		padding: 0 0;
		width: 500px;
	}
		#footer .article-right .contact-form{
			color: #fff;
			margin: 0 0 330px 20px;
		}
			#footer .article-right .contact-form label,
			#footer .article-right .contact-form p{
				font-size: 14px;
			}
			
			#footer .article-right .contact-form input.halfbox,
			#footer .article-right .contact-form textarea{
				padding: 5px 3px;
				width: 350px;
			}
			#footer .article-right .contact-form input.button{	
				border: none;
				height: 31px;
				float: right;
				width: 125px;
			}
				.radio-label{
					padding: 5px 0 5px 10px;
				}


/*
-------------------------------------------------
Clearfix
=================================================
*/
.clearfix {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}

* html .clearfix {
	height:1%;
}

/*
-------------------------------------------------
Awesome Button
=================================================
*/
input.button, a.awesome, a.awesome:visited {
	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
	background: #222 url(../images/npw/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	text-transform: uppercase;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
input.button:hover, a.awesome:hover							{ background-color: #111; color: #fff; }
input.button:active, a.awesome:active							{ top: 1px; }
a.small.awesome, a.small.awesome:visited 			{ font-size: 11px; padding: ; }
a.awesome, a.awesome:visited,
a.medium.awesome, a.medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
a.large.awesome, a.large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }

a.green.awesome, a.green.awesome:visited		{ background-color: #91bd09; }
a.green.awesome:hover						{ background-color: #749a02; }
a.blue.awesome, a.blue.awesome:visited		{ background-color: #2daebf; }
a.blue.awesome:hover							{ background-color: #007d9a; }
a.red.awesome, a.red.awesome:visited			{ background-color: #e33100; }
a.red.awesome:hover							{ background-color: #872300; }
a.magenta.awesome, a.magenta.awesome:visited		{ background-color: #a9014b; }
a.magenta.awesome:hover							{ background-color: #630030; }
a.orange.awesome, a.orange.awesome:visited		{ background-color: #ff5c00; }
a.orange.awesome:hover							{ background-color: #d45500; }
a.yellow.awesome, a.yellow.awesome:visited		{ background-color: #ffb515; }
a.yellow.awesome:hover							{ background-color: #fc9200; }

/*
-------------------------------------------------
Bottle for Change running water
=================================================
*/
#boc{
	overflow: visible!important;
	position: relative;
	margin: 0 auto;
	top: 15px;
}
#boc-bucket{
	background: url(../images/npw/poorbucket/bucket.png) no-repeat;
	display: block;
	height: 224px;
	position: absolute;
	width: 234px;
}
#boc-water{
	background: url(../images/npw/poorbucket/water.png) repeat-y;
	display: block;
	position: absolute;
	width: 5px;
}
#bottle-for-change{
	background: url(../images/npw/poorbucket/logo.png) no-repeat;
	display: block;
	height: 270px;
	position: absolute;
	width: 141px;
}
	#bottle-for-change a{
		display: block;
		height: 270px;
		text-indent: -9999em;
		width: 141px;
	}