/*
Theme Name: MENZ.org.nz
Theme URI: http://menz.org.nz/
Version: 2.10
Date: 5th August 2014
Author: John Potter - http://motuweb.co.nz/
*/

body	{
	margin: 0;
	padding: 0;
	color: black;
	background: #00FFFF;
	font-family: 'Lucida Grande', Verdana, Helvitica, sans-serif;
	font-size: 76%;
	}
#wrapper, #wrap {
	z-index: 2;
	float: left;
	width: 67%;
	overflow: hidden; 
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	color: #000;
	background: #CCFFFF;
	margin: 0 2% 0 0;
	}
p, #content li, #content dt {
	line-height: 1.5em;
	margin:	.5em 0;
	}
#content dd {
	line-height: 1.5em;
	}
h1	{
	font-size:	2em;
	}
h2	{
	font-size: 1.75em;
	}
h3	{
	font-size:	1.5em;
	}
h4 {
	font-size:	1.2em;
	}
h5 {
	font-size: 1.1em;
	font-weight: 600;
	margin-top: 1em;
	margin-bottom: 0;
	color: #333333;
	background-color: transparent;
	}	

h1, h2, h3, h4, h6	{
	margin:	1.25em 0 0 0;
	font-family:	Arial, sans-serif;
	}
dt {
	font-weight: bold;
	}
h6	{
	font: 95% "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
	border-bottom: dotted 1px silver;
	font-weight: normal;
	text-align: right;
	}

a	{
	font-weight:	bold;
	}
a:link	{
	color:	#000080;
	background: transparent;
	}
a:visited	{
	color:	#008080;
	background: transparent;
	}
a:active	{
	color:	#c30;
	background: transparent;
	}
a:hover	{
	color:	#c30;
	background: transparent;
	text-decoration:	underline;
	}
ol.roman {list-style-type: lower-roman; 
}
ol ol {list-style-type: lower-alpha;
}
#mast	{
	background: #00FFFF;
	color: #000;
	border-bottom:	2px solid black;
			}
#topnav {
	height: 28px;
	background: #006666;
	color: white;
	border-bottom: 1px solid black;
	}		
#wrapper.cosa {
	color: #000;
	background-color: #CCFFFF;
	}	
#content	{	
	padding-top: 0;
	padding-right:  10%;
	padding-bottom: 100px;
	padding-left: 10%;
	}
#piccontent {
	padding:	0 40px 100px 40px
	}
#piccontent p {
	width: 640px;
	}
#piccontent ul {
	width: 640px;
	}

#menu	{
	padding:	15px 0px 20px 15px;
	color:	black;
	background:#00FFFF;
	margin-right: 10px;

	}
body >#menu{				/* needed for N6 */
	margin-left: 69%;
	width: auto;
}
#bottomnav {
	height: 1.5em;
	margin-top: 60px;
	background: #006666;
	color: white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	}		
div.mainmenu  ul {		/* needed to remove indent on IE5Mac */
		margin-left: 0;
		padding-left: 0;
		}
div.mainmenu ul, div.mainmenu li {
	display: inline;
	list-style: none;
	}

div.mainmenu li a {
	display: block;
	width: 10em;
	padding: .25em .3em;
	text-decoration: none;
	}
a.mainmenu:link {
	color: white;
	background: #006666;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	}
a.mainmenu:visited {
	color: white;
	background: #006666;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	}
a.mainmenu:visited:hover {
	text-decoration: none;
	color: white;
	background: navy;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid silver;
	border-left: 1px solid silver;	}
a.mainmenu:hover {
	text-decoration: none;
	color: white;
	background: navy;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid silver;
	border-left: 1px solid silver;
	}
#horizmenu {
	text-align: center;
	margin-top: 40px;
	}
div#horizmenu span {
	display: none;
	}
#horizmenu ul {
	display: inline;
	margin: 0;
	padding: 0;
	}
#horizmenu li {
	display: inline;
	list-style: none;
	}
#horizmenu li a {
	border: 1px solid black;
	border-left: 0;
	padding: 2px 10px;
	text-decoration: none;
	}
#horizmenu li.first a{
	border-left: 1px solid black;
	}
a.horizmenu:link {
	color: white;
	background: #006666;
	}
a.horizmenu:visited {
	color: silver;
	background: #006666;
	}
a.horizmenu:visited:hover {
	color: silver;
	background: navy;
	}
a.horizmenu:hover {
	color: white;
	background: navy;
	}
.submenu	{
	font-family:	Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	}

.latestnews {
	color: #fff;
	background-color: #006666;
	padding: 10px 10px 20px 10px;
	border: 1px solid #999;
	}
div.latestnews p, div.latestnews li {
	font-size: 1em;
	}
.latestnews a:link {
	color: #fff;
	background-color: #006666;
	}
.latestnews a:visited {
	color: silver;
	background-color: #006666;
	}
.latestnews a:hover {
	color: red;
	background-color: #006666;
	}
div.latestnews h2 {
	margin:0;
	color: #000; 
	background-color: #00FFFF;
	font: 200%  "Freestyle Script","Times New Roman", Times, serif; 
	font-weight: bold; 
	text-align: center;
	}

div.latestnews h3 {
	}

div.bigspace{
	height: 250px;
	}
.spacer {
  clear: both;
  margin: 15px;
   }

.adbox	{
	float: right;
	width: 234px;
	padding: 20px 20px 0 0;
	color: #000;
	background: #00FFFF;
	}

.banner	{
	font: 22px/1.5em Verdana, Arial, Helvetica, sans-serif;
	font-weight:  bold;
	padding: 0 20px 0 30px;
	color: #000080;
	background: #00FFFF;
	}
p.motto		{
	font:	90% Verdana, Arial, Helvetica, sans-serif;
	padding:	0 20px 0 30px;
	color: #000080;
	background:#00FFFF;
	}

.logobox	{
	margin: 20px 0 20px 0;
	}
span.intro {
	margin: 0 0 0 20px;
	font-weight:bold;
	font-size:90%;
	}
h1.small {font-size: 90%;
	color: #000080;
	background:#CCFFFF;
	}
.date	{
	float: right;
	width: auto;
	}
.ralign, .alignright {
	float: right;
	width: auto;
	}
.alignleft {
	float: left;
	width: auto;
	padding-right: 10px;
	}
.wp-caption-text {
	font-weight: bold;
	}
.right {
	text-align: right;
	}
div.cosatop {
	margin-top: 30px;
	color:#000;
	background-color:#800000;
	border: 1px solid #000;
	text-align: right;
	}
img	{
	border:	0;
	}
img.ralign {
	padding: 10px 0 0 10px;
	}
br.clear {clear:both;}

.application {font-size:125%;}


div.note p, div.note li {
	font-weight: normal;
	font-size: 95%;
	line-height: 100%;
	}
#rules {
	height: 200px;
	padding: 0 1em;
	overflow: auto;
	border: 1px solid black;
	}
p.note {
	font-size: 90%;
	color: red;
	}
.important {
	padding: .8em;
	border: 1px solid red;
	}
label.hidden {
	visibility: hidden;
	}
p.next {
	text-align: right;
}

.previous {
	float: left;
	width: 200px;
	margin: 100px 0;
	font-size: 1.2em;
}

.next {
	float: right;
	width: 200px;
	margin: 100px 0;
	font-size: 1.2em;
}

.credit {
	clear: both;
}
#links li li {
	margin: .5em 0;
	list-style: disc;
	}
.ec3_events {
	margin-left:  0;
	padding: 0 1em;
	}
.ec3_events li {
	margin:  0;
	padding: 0;
	list-style: none;
	}
.ec3_events ul {
	margin:  0;
	padding: .5em 1em ;
	}
.ec3_events li li {
	margin: 0;
	padding: 0;
	list-style: disc;
	}
.sidebar-advert {
	margin-top: 20px;
	border: 1px solid;
	padding: 1em;
	background: #ddd;
	font-size: 95%;
	}
.sidebar-advert h4 {
	margin-top: 0;
	}
.sidebar-advert dd {
	margin: .4em .8em;
	}
/*-----------------Word Press styles-----------------*/

code { font-size: 90%;
 }

cite {
	font-size: 90%;
	font-style: normal;
}
blockquote {
	color: #000;
	background: #D9F2F2;
	margin: 0 3%;
	padding: .5em;
}
h2.blog { /* date */
	text-align: right;
	border-bottom: 1px dotted silver;
	font: 95% "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
	margin: 15px 0 2px 0;
	padding-bottom: 2px;
}

h3.blog { 
	border-bottom: dotted 1px #eee;
	font-family: "Times New Roman", Times, serif;
	margin-top: 0;
}

ol#comments li p {
	font-size: 100%;
}

div.storycontent img {
	margin:10px;
}
ul#links {
	margin:0;
	padding:0;
	list-style: none;
	}
/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	background: #006666;
	border-top: solid 2px #000;
	color: #fff;
	font-size: 11px;
	margin: 40px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:visited {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.meta {
	font-size: .9em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #000;
	padding: .2em;
}

textarea#comment {
	width: 100%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}


#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
	background: #ccffff;
	color: #808080;
}

#wp-calendar a:hover {
	background: #ccffff;
	color: red;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #999;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
#blogmenu {
	padding-top: 20px;
	width: auto;
	}
#blogmenu form {
	margin: 0 ;
}
#meta, #other, #archives, #calendar, #categories, #mobile, #recentcomments {
	margin-top: 15px;
	border-top: 1px solid white;
	}
#currently {
	font-weight: normal;
	}
#meta img {margin-bottom: -4px}

#blogmenu input#s {
	width: 80%;
	background: #fff;
	border: 1px solid #999;
	color: #000;
}

#blogmenu ul {
	color: navy;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
}

#blogmenu ul li {
	margin-bottom: 5px;
}

#blogmenu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#blogmenu ul ul li {
	border: 0;
	font-size: .9em; 
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}
#blogmenu ul ul ul.children {
	padding-left: 4px;
	}
/* -------- Navigation --------------- */
#nav {
	margin: 10px 0 0 0;
	padding: 0;
	font-weight: bold;
	max-width: 220px;
	}
#nav ul {
	margin: 0;
	padding: 0;
	}
#nav li {
	list-style: none;
	}
#nav li a {
	display: block;
	height: auto;
	text-decoration: none;
	padding: .4em;
	}
#nav li a:link, #nav li a:visited {
	color: #fff;
	background: #006666;
	border-width: 1px;
	border-style: solid;
	border-color:  silver silver black black;
	}
	
#nav li a:hover {
	color: red;
	background: black;
	border-color:   black black silver silver;
	}
#nav li a:active {
	color: black;
	background: #fff;
	border-color: #fff; 
	}
/* stop hover on current page */
#nav ul li.current_page_item a,
#nav ul li.current_page_item a:link,
#nav ul li.current_page_item a:visited,
#nav ul li.current_page_item a:hover,
#home li#home_page a,
#home li#home_page a:link,
#home li#home_page a:visited,
#home li#home_page a:hover{
	background: #006666;
	color: #fff;
	border-color:  silver silver black black;
	}
/* second level menu items*/
#nav ul ul a {
	padding: .2em;
	text-decoration: underline;
	}
#nav ul li ul {
border: 1px solid #ccc;
background: #00D2D5;
}
#nav ul li ul li a:link,
#nav ul li ul li a:visited,
#nav ul li.current_page_item ul li a,
#nav ul li.current_page_item ul li a:link,
#nav ul li.current_page_item ul li a:visited {
	color: #000;
	background: #00D2D5;
	border-width: 0;
	}
#nav ul li ul li a:hover,
#nav ul li ul li a:visited:hover,
#nav ul li.current_page_item  ul li a:hover {
	background: #00D2D5;
	color: red;
	}
#nav ul li ul li a:active,
#nav ul li ul li a:visited:active {
	color: #800000;
	background:  #000;
	}
/* stop hover on current second-level page */
#nav ul li ul li.current_page_item a:link,
#nav ul li ul li.current_page_item a:visited,
#nav ul li ul li.current_page_item a:visited:hover,
#nav ul li ul li.current_page_item a:hover {
	background: #00D2D5;
	color: #000;
	}
#email-template {
	margin: 10px;
	max-width: 60em;
	}
#wp-admin-bar-clickystats {display: none;}
/* EventCalendar. Copyright (C) 2005 2006, Alex Tingle.  $Revision: 263 $
 * This file is licensed under the GNU GPL. See LICENSE file for details.
 */

/***
 ***  Calendar
 ***/

#wp-calendar table {
 width:100%;
}

#wp-calendar table caption {
  text-align:center;
}

#wp-calendar #prev {
  text-align:left;
}

#wp-calendar #next {
  text-align:right;
}

#wp-calendar .ec3_eventday a {
 color:#a00 !IMPORTANT;
}

#wp-calendar table td,
#wp-calendar table th {
  text-align:center;
}

#wp-calendar table td,
#wp-calendar table td.pad:hover,
#wp-calendar table.nav tr td {
 padding:1px;
 border:none;
}

#wp-calendar table td:hover,
#wp-calendar table td.ec3_today {
 padding:0px;
 border:solid 1px #999;
}

/* The EC graphic. */
.ec3_ec {
 display:block;
 float:right;
 border:none;
 background-repeat:no-repeat;
 background-position:bottom right;
 width:13px;
 height:9px;
}
.ec3_ec span { display:none }


/***
 ***  Popup
 ***/

.ec3_popup {
 margin:0 !IMPORTANT;
 padding:0 !IMPORTANT;
 border:none;
 position:absolute;
 border-collapse:collapse;
 z-index:30000;
}

.ec3_popup td {
 padding:0;
}

.ec3_popup table {
 border:solid #999 1px;        /* popup border */
 background-color:#eeb;        /* popup background colour */
 font-size:x-small;            /* popup font size */
 color:black;
 text-align:left;
}

.ec3_popup table td {
 padding:1.5px 3px 1.5px 3px;
}

#ec3_shadow0 div { width:8px; height:32px; }
#ec3_shadow0 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom right;
 vertical-align:bottom;
}

#ec3_shadow1 {
 margin:0;
 padding:0;
 border:none;
 height:16px;
 background-repeat:repeat-x;
}

#ec3_shadow2 div { width:8px; height:32px; }

#ec3_shadow2 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom left;
 vertical-align:bottom;
}

/***
 ***  Event list
 ***/

.ec3_list {
 margin-left:-12px;
 word-spacing:-1px;
 letter-spacing:-0.2px;
 color:#800;
}

.ec3_list li {
 font-size:1em !IMPORTANT;
}

.ec3_list li:before {
 content:"" !IMPORTANT;
}

/***
 ***  Schedule
 ***/

table.ec3_schedule {
 border-collapse:collapse;
 margin:0.5ex 1ex 0.5ex 0;
 border:solid 2px #800;
 float:left;
}

table.ec3_schedule td {
 padding:0 0.5ex 0 0.5ex;
 color:#800;
}

td.ec3_start { text-align:right; }

td.ec3_to    { text-align:center; }

.ec3_schedule .ec3_past *  { text-decoration:line-through }

/***
 ***  Iconlet
 ***/

div.ec3_iconlet {
 margin:0 1ex 0.2ex 0;
 padding:0.3ex;
 border:solid 2px #800;
 float:left;
 font-size:1em;
 text-align:center;
}

div.ec3_past {
 border-color:gray;
}

div.ec3_iconlet * {
 margin:0;
 padding:0;
 line-height:90%;
}

div.ec3_iconlet table {
 border-collapse:collapse;
}

div.ec3_iconlet td {
 padding-top:0.4ex;
 padding-bottom:0.4ex;
 text-align:center;
 font-weight:bold;
}

div.ec3_iconlet tr.ec3_day td {
 padding-top:0;
 padding-bottom:0;
 font-size:2.5em;
 font-weight:bold;
 width:2.5em;
}

div.ec3_iconlet tr.ec3_time td {
 font-size:0.75em;
 font-weight:normal;
}

div.ec3_iconlet td.ec3_multi_start {
 padding-right:0.2ex;
}
div.ec3_iconlet td.ec3_multi_end {
 border-left:solid 1px #800;
 padding-left:0.2em;
}
div.ec3_past td {
 border-color:gray;
}
.ec3_ec{ background-image:url(http://menz.org.nz/wp-content/plugins/event-calendar/ec.png) !IMPORTANT }
#ec3_shadow0{ background-image:url(http://menz.org.nz/wp-content/plugins/event-calendar/shadow0.png) !IMPORTANT }
#ec3_shadow1{ background-image:url(http://menz.org.nz/wp-content/plugins/event-calendar/shadow1.png) !IMPORTANT }
#ec3_shadow2{ background-image:url(http://menz.org.nz/wp-content/plugins/event-calendar/shadow2.png) !IMPORTANT }
li.ec3_list {color: #fff !IMPORTANT;}
#s2_email {
	border-top: 20px solid #006666;
	}
#s2_email h1 {
	margin-left:30px;
	margin-right: 30px;
	}
#s2_email p{
	margin-left:30px;
	margin-right: 30px;
}
#s2_email img {
	margin-top: 20px;
	margin-right: 30px;
	margin-left:30px;
	}
/* -------- GBCF Contact Form */
/* form/results div */
#gb_form_div { }

/* the form itself */
#gb_form { }

/* form links */
#gb_form_div a { }

/* link states */
#gb_form_div a:hover, #gb_form_div a:focus, #gb_form_div a:active { }

/* all fieldsets */
#gb_form fieldset { border:0 solid;}

/* to redefine outer fieldset */
#gb_form fieldset#formwrap { }

/* form head if needed */
.formhead { }

/* main formhead, of course */
.main_formhead { }

/* form leagend and result dt */
#gb_form legend, #gb_form dt { }

/* define more for form legend */
#gb_form legend { }

/* redefine main legend props */
#gb_form legend#mainlegend { }

/* privacy link, reset link, etc */
#gb_form legend#mainlegend small, #gb_form_div .formhead small { }

/* hello, it's for the form labels */
#gb_form label { }

/* define all inputs, except button */
#gb_form input.short, #gb_form input.med, #gb_form select.med, #gb_form textarea.textbox { }

/* redefine for short input only */
#gb_form input.short { }

/* spec for textarea only */
#gb_form textarea.textbox { }

/* spec for select only */
#gb_form select.med { }

/* spec for checkbox only */
#gb_form input.checkbox { }

/* for checkbox label only */
#gb_form label input.checkbox { }

/* the make button stable in IE6 it must be defined */
* html input.button { }

/* All hover/focus stuff - NOTE: .hover and .focus classes IE JS */
#gb_form input.short:hover, #gb_form input.short:hover, 
#gb_form input.med:hover, #gb_form input.med:focus, 
#gb_form select.med:hover, #gb_form select.med:focus, 
#gb_form textarea.textbox:hover, #gb_form textarea.textbox:focus, 
#gb_form input.short.hover, #gb_form input.short.focus,
#gb_form input.med.hover, #gb_form input.med.focus,  
#gb_form select.med.hover, #gb_form select.med.focus, 
#gb_form textarea.textbox.hover, #gb_form textarea.textbox.focus { }

/* redefine for short input only, if wanted */
#gb_form input.button { }

/* success span, error span, form div dt (redefine) */
span.error, span.success, #gb_form_div dt { }

/* form div dt (redefine more), plus dl */ 
#gb_form_div dt, #gb_form_div dl { }

/* results stuff */
#gb_form_div dt small, span.success, dl#result_dl_blockq dt { } 

/* whyis link */
small.whythis { }

/* the answer */
#gb_form small.whythis a span { }

/* whyis on hover/focus */
#gb_form small.whythis a:hover, #gb_form small.whythis a:focus, #gb_form small.whythis a:active { }

/* the answer on hover/focus */
#gb_form small.whythis a:hover span, #gb_form small.whythis a:focus span, #gb_form small.whythis a:active span { }

/* credit line */
p.creditline small { }

/* for abbr, NOTE: added span .abbr class is for IE, so use for all */
.abbr { }

/* results blackquote */
dl#result_dl_blockq blockquote { }

/* results blackquote p */
dl#result_dl_blockq blockquote p { }

/* results blackquote p cite */
dl#result_dl_blockq blockquote p cite { }

/* results ul li spans (name, email, etc) */
#gb_form_div span.items { }

/* error message links */
#gb_form_div p a { }

/* error message link states */
#gb_form_div p a:hover, #gb_form_div p a:focus, #gb_form_div p a:active { }

@media screen and (max-width: 980px) {
	#wrapper,
	#wrap,
	#menu {
			float: none;
			left: 0;
			width: 100%;
			margin:0;
			padding: 0;
			border: 0;
		}
	#menu {
		margin-left: 5%!important;
		padding-top: 30px;
		}
	#content,
	#sidebar{
		width: 90%;
		margin:0;
		padding: 0 5%;
	}
}