/*
Theme Name: ZigZag
Description: WCEET Theme based on A Premium WordPress Theme, from <a href="http://wpthemeshop.com" title="WordPress Theme Shop" target="_blank">WP ThemeShop</a>  (customised by Rob Anderson, <a href="http://www.iota.co.nz" title="iota" target="_blank">www.iota.co.nz</a>).
Version: 1.2
Author: WP ThemeShop)
Author URI: http://wpthemeshop.com
*/

hr {
  display: none;
}

img, fieldset {
  border: none;
}

a:link, a:visited {
  color: #090;
  text-decoration: none;
}

a:hover, a:active {
  color: #090;
  text-decoration: underline;
}

ol 
{
    margin:1em 3em;
    padding:0;
}
ul {
  list-style: none;
  margin: 1em 5px;
  padding: 0;
}

ul li 
{                                                                        
  list-style: none;
  padding-left: 14px;
  margin-bottom: 0.5em;  
  line-height:1.6em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight:normal;
}

h1 {
/*    margin-top: 1em;*/
}

h2, h3
{
	font-size: 1.5em;
	margin: 5px 0 0;	
	line-height:1.4em;
	color:#444;	
}

h4
{
    font-size: 1.5em;
    margin: 1.5em 0 0 0;    
    line-height:1.4em;
    color:#444;    
}

p img {
	padding: 0;
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:#ccd 1px solid;
}
img.right {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	float: right;
	border:#ccd 1px solid;
}
img.left {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	float: left;
	border:#ccd 1px solid;
}

a img
{
    border: none;
}

/* Main Sections */ 

body 
{
  margin: 0;
  padding: 0;
  font-family: Verdana, Tahoma, Arial, Serif;
  font-size: small;
  text-align: center;
  color: #444;
  background: #434b64;
  font-size:0.77em;
}
#wrap 
{
  width: 900px;
  margin: 0 auto;
  text-align: left;
  background:#fff url(images/wrap.jpg) repeat-y right;
  } 
  
#content 
{
  float: left;
  width: 600px;
  margin: 0;
  padding: 0 10px;
  line-height: 1.5em;
  margin-left: 5px; /* to avoid the BMH */ 
}

/* End of Main Sections */

/* Menu Attributes*/
#menu 
{
	margin:0 auto;
	width:900px;
	background: #46b82d;
    height: 25px;
}

#menu ul 
{
	margin: 0;
	list-style:none;
    height: 25px;	
}

#menu ul li 
{
	margin:0;
    height: 25px;   
}

#menu a {
    display: inline-block;
    width: auto;
    height: 25px;
    text-decoration: none;
    margin-left: -14px;  
}

#menu li {
    float: left;
    text-align: center;
/*    border-right: 1px solid #92cb7a;      */
}


#menu ul li a:link,
#menu ul li a:visited, 
#menu ul li a:hover,
#menu ul li a:active
{
    padding: 2px 15px; 
	color:#fff;
}

#menu ul li a:hover,
#menu ul li a:active,
#menu ul li.current_page_item a 
{ 
    padding: 2px 15px; 
    background:#92cb7a;
    color:#444;   
}

/* Side Menu */

/* Header Attributes */

#header {
  margin: 0 auto;
  padding: 10px;
  height: 170px;
  background: #14214e url(images/header.jpg) no-repeat center top;
  }  

/* End of Header */

/* Content */
.alignleft 
{
	float:left;
}
.alignright 
{
	float:right;
}
h2.pagetitle
{
	padding-left:15px;
}
.feed 
{
	background: url(images/feed.png) no-repeat left center;
	padding-left:17px;
}

.trackback 
{
	background:url(images/trackback.png) no-repeat left center;
	padding-left:17px;
    padding-right:5px; 
}

/* Intro */
#intro 
{
/*	border-bottom: 1px solid #ddd;*/
	margin: 20px 0;
}
#intro p 
{
	margin:10px;
}
/*Categorized List of Posts*/
#more 
{
	clear:both;
	position:relative;
}
.box1 
{
	float:left;
	width:265px;
	padding:10px;
	margin:0;	
}
.box2 
{
	float:right;
	width:265px;
	padding:10px;
	margin:0;	
}
h2.home-intro
{
	margin:0;
	padding:5px 10px;
	background:#ddd;
}
h2.home-intro a 
{
	border:0;
}
h2.home-intro em 
{
	float:right;
	font-style:normal;
	font-size:0.7em;
	font-weight:normal;
}
/* Post */
.post 
{
	clear:both;
	margin: 0 0 1.5em 0;
	padding: 0 0 0 14px;
	border-bottom: 1px solid #ddd;
}

.postauthor 
{
	background:url(images/author.gif) no-repeat left top;
	padding-left:10px;		
}
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active
{
	border:0;
}

h3 a:hover,
h3 a:active
{
    border-bottom:#090 1px dotted;
}

.post ul li
{
	background: url(images/bullet.gif) no-repeat 0 6px;
}

.post ol li
{
	list-style: decimal;
    margin:5px 0;
	padding:0;
	line-height:1.6em;
    background: none;
}

.post ul li.page_item
{
    background: url(images/arrow.gif) no-repeat 0 6px;
}

.date-header 
{
  margin-top: 4px;
  padding-left: 22px;
  font-size: 90%;
  background: url(images/date.gif) no-repeat 0px 3px;  
  color:#666;
}
.postmetadata 
{
	clear:both;
    font-size:0.9em;
    color:#999;
}
/* End of Post*/

/* Sidebar */
#sidebar {
  margin: 0;
  padding: 10px 0 0;
  font-size: 0.9em;
  line-height: 1.4em;
  color:#666;  
  width:260px;
  float:right;  
  background:transparent;
}
#sidebar ul {
  margin: 0;
  padding: 1em;
}
#sidebar li li {
  list-style-image: url(images/arrow.gif);
  margin:6px 1em;  
  padding:0;
}
#sidebar ul ul ul 
{
	margin:5px 0;
	padding:0;
}  
#sidebar li.special 
{
	background:#fff;
	border:#ccd 2px solid;
	padding:10px;
}	
/* End of Sidebar */


/* Comments */
#page .commentlist li 
{
	list-style:none;
}
#comments 
{
	margin:0;
	padding-top: 10px;
	line-height: 1.5em;
}
#commentform, #contactform 
{
	margin:10px;
	padding:10px;
	background:#f0f0f0;
	border-top:#ccc 1px dotted;
	border-bottom:#ccc 1px dotted;
}
#respond, #commentshead 
{
	margin:10px;
}	
.comment-body 
{
  padding:0 0 0.5em 0;
  margin:0 10px;    
}
#comments ul 
{
  margin: 0 10px;
  border-top:#ddd 1px solid;
  font-size:90%;  
}
#comments li 
{
  background: none;
  margin:2em 0;
  padding:0;
  border: #ddd 1px solid;	
}
.nocomments {
	text-align: left;
	margin: 0;
	padding: 0;
	font-size:0.9em;
	color:#999;
}
.commentfeedinfo
{
    color:#999;
    padding:5px 14px;
    font-size:0.9em;
}
.commentmetadata 
{
	background-color:#f0f0f0;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	text-align:right;
}
.commentmetadata .commentauthor 
{
	float:left;
	font-weight:bold;
	font-size:1.2em;
}
#comments li.alt .commentmetadata 
{
	background-color: #ddd;
}
#comments li.authorcomment .commentmetadata 
{
	background-color: #456;
	color:#fff;	
}
#comments li.authorcomment .commentmetadata a 
{
	color:#fff;	
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

input.textbox, textarea 
{
	font:1em Verdana, Arial, Serif;
	line-height:1.6em;
	border:#ccd 1px solid;
	padding:5px;
    color: #444;
}
textarea 
{
	width:80%;
}
input.textbox:focus, textarea:focus 
{
	border:#bbb 1px solid;
}

/* End of Comments */

/* Footer */
#footer {
  background:#14214e;   
  border-top:#cce 1px solid;  
  font-size:90%;
}
#footer p {
  margin: 0;
  padding: 10px; 
  line-height:1.8em;  
}
#footer .links 
{
	float: right;
	width: 300px;	
	text-align: right;	
}
#footer .legal {
	float: left;
	width:550px;		
}
#footer * 
{
	color:#ccc;
} 
#footer a 
{
	border-bottom: 1px dotted;
}
#footer a:hover 
{
	border-bottom: #669 1px dotted;
}
.clear {
  clear: both;
  height: 0;
 }
/* End of footer */

/* Misc */

blockquote {
  margin: 0 0 0 30px;
  padding: 10px 0 0 20px;
  line-height: 1.5em;
  color: #666;
  background: url(images/quotes.gif) no-repeat top left;
  }
  
blockquote p {
  margin-top: 0;
  }

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}
hr {
	display: none;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}
/* Stick the footer to be at the bottom of the page, even when the page content is less*/
html
{
height: 100%;
}

body
{
    height: 100%;
/*    margin-top: 20px;*/
}

#wrap
{
position: relative;
min-height: 100%;
}

* html #wrap
{
height: 100%;
}

#footer
{
position: relative;
margin: 0 auto;
width:900px;
text-align:left;
/*border-bottom: 20px solid #434b64;*/
}
/*Take care of images wider than the container div*/
#content, #sidebar, #footer
{
	overflow:hidden;
}

#searchform 
{
    padding-bottom: 5px;   
}

/* Contact Form */

.required 
{
    color: red;
}

.no-bottom 
{
    border: none;
}

/* Breadcrumbs */

.breadcrumb
{
    font-size: 90%;
    padding-bottom: 1em;
}

/* Misc classes */

.top 
{
    vertical-align: top;
}

.middle 
{
    vertical-align: middle;
}

.formcomment
{
    font-size: 90%;
    color: #666;
    font-style: italic;
}

div.ngg-widget {
    margin: -10px 0px 15px 22px;
}