/*
Theme Name: Logogog
Theme URI: http://www.logogog.co.nz
Version: 1.0
Author: Kara Peters, digital breeze design
Author URI: http://www.digitalbreeze.co.nz
Interface Design Copyright: 2007 Logogog (Pty) Ltd, South Africa
*/

body{	
	margin:0;
	padding:0;
	background:#E6F5F9 url(images/background_main.gif) 0 0 repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	/* WinIE hehaviour call - IE does not support :hover on elements other than 
  	links, this fixes that - see: www.xs4all.nl/~peterned/csshover.html */
  	behavior: url(/csshover.htc)
	}

#pagewrap{
	width:995px;
	}
	
#menupicture{
	padding:0;
	margin:0;
	float:left;
	background:url(images/image.gif);
	width:227px;
	height:545px;
}

#logo img{
  padding:15px 0 0 15px;
  width:194px;
  height:78px;
  border:none;
}

#menuwrap {
  width:168px;
  float:left;
  color:#FFF;
}

#menuwrap ul, li.pagenav {
   list-style:none;
}

#menuwrap a {
  color:#FFF;
  text-decoration:none;
  font-weight:normal;
}

#menuwrap a:hover {
  color:#39ACD8;
  text-decoration:none;
}

#menu {
  background: url(images/menu.gif);
  background-repeat:no-repeat;
  width:168px;
  margin:26px 0 0 0;
}

/* For Wordpress upgrade - make sure to copy over wp-includes/post-template.php with previous version, so top menu works better */


#menu ul.level1 {
  padding:33px 0 0 0;
  text-align:right;
}

/*ie hacks */
*html #menu ul.level1 {
  margin:0 20px 0 0;
}
*:first-child+html #menu ul.level1 {
  margin:0 20px 0 0;
}

#menu ul.level1 li {
  text-align:right;
  padding:0 11px 16px 0;
  width:157px;
  font-weight:normal;
}

#menu ul.level1 li a {
  background:url(images/bulletPoint.gif) right 6px no-repeat;
  padding-right:14px;
}

#menu ul.level1 li a:hover {
  background:url(images/bulletPointBlue.gif) right 6px no-repeat;
}

/* ie hacks */
*html #menu ul.level1 li {
  background-position:110px 7px; 
}
*:first-child+html #menu ul.level1 li {
  background-position:110px 7px; 
}

#menu ul.level1 ul {
  display:none;
  filter:alpha(opacity=78);
  -moz-opacity:.78;
  opacity:.78;
  background: transparent url(images/level2_bg.gif) 0 0 no-repeat;
  border:0; 
  position:absolute;
  left:396px;
  width:142px;
  margin:-20px 0 0 -1px;
  padding:2px 0 2px 0; 
  border-bottom: 1px solid #fff;
}

/* ie hacks */
*html #menu ul.level1 ul {
  margin-top:-4px;
}
*:first-child+html #menu ul.level1 ul {
  margin-top:-4px;
}

#menu ul.level1 ul li {
 list-style:none;
 float:left;
 border:0;
 margin:0;
 height:15px;
 padding:3px 3px 3px 11px;
 width:128px;
 font-size:11px;
 text-align:left;
}

#menu ul.level1 li:hover ul {
 display:block;
}

#menu ul.level1 ul li a {
 text-decoration:none;
 height:15px;
 min-height: 15px;
 padding: 0;
 margin: 0;
 color: #fff;
 white-space: nowrap;
 background:none;
}

#menu ul.level1 ul li a:hover {
  background: none;
  color:#39ACD8;
}

hr.white {
  width:144px;
  border:0;
  border-bottom:1px dotted #CCCCCC;
  height:1px;
}

#blog{
  font-size:11px;
  margin: 20px 0 10px 0;
  text-align: right;
  padding: 0 0 10px 16px;
  width:140px;
  line-height:18px;
}

#blog img{
  height: 30px;
  width: 140px;
  border: 0;
  margin: 0;
}

.categories h1, #archives h1, #meta h1 {
  font-size: 12px;
  letter-spacing: 0.05em;
  margin-bottom: 0;
}

/* ie hacks */
*html #archives h1, *html #meta h1 {
    margin-top: 4px;
}
*:first-child+html #archives h1, *:first-child+html #meta h1 {
    margin-top: 4px;
}
*html #blog img{
  margin-bottom: -10px;
}
*:first-child+html #blog img{
  margin-bottom: -10px;
}

#footer{
  float:right;
  width: 140px;
  padding:20px 10px 0 0;
  color:#666666;
  font-size:9px;
  text-align:right;
}

#footer a{
color:#666666;
}

#content{
  float:left;
  width:538px;
  margin: 8px 0 0 42px;
  text-align: left;
}

/*ie hacks */
*:first-child+html #content {
  margin: 20px 0 0 42px;
}
*html #content {
  margin: 20px 0 0 22px;
}

#logo_print {
  display: none;
}

#content img.header {
  padding: 0 0 20px 0;
  border: 0;
  width: 538px;
  margin: 0;
}

#content #heading_blog {
  background: url(images/heading_blog.gif) 0 0  no-repeat;
  width: 538px;
  height: 36px;
  padding:0;
  margin: 15px 0 20px 0;
}

/* ie hacks */
*html #content #heading_blog {
  margin-top: 3px;
}
*:first-child+html #content #heading_blog {
  margin-top: 0;
}

h3{
  font-size:14px;
  font-weight:bold;
  padding:20px 0 0 0;
  margin:0;
}

strong{
  font-size:14px;
  margin:0;
}

a{
  text-decoration:none;
  color:#0094C9;
  font-weight:bold;
}

a:hover{
  color:#000000;
  text-decoration: underline;
}

a:visited{
  color:#0094C9;
}

h2 {
font-size:15px;
color: #000000;
}

hr {
  border:0;
  border-bottom:1px dotted #000000;
  height:1px;
}

small {
 font-size: 11px;
}

#content img {
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 2px solid #000000;
  border-right: 1px solid #000000;
  margin: 0 10px 10px 0;
  padding: 0;
  float: left;
}

.right {
 text-align: right;
}

textarea {
  width: 400px;
}

h1 {
   font-size: 16px;
}

.login_link a {
  background: url(images/pencil.gif) top left no-repeat;
  padding: 0 0 4px 21px;
  text-decoration: underline;
}

.navigation {
 width: 100%;
 font-size: 11px;
 text-align:right;
 margin: -10px 0;
}

input#submit {
  border: 1px solid #7F9DB9;
  background-color: #000;
  color: #fff;
}

input#submit:hover {
  color:#0094C9;
  cursor: pointer;
}