/**
  Theme Name: Australian Paper
  Theme URI: http://code.google.com/p/wordpress-naked/
  Version: 1.2
  Author: Siftware
  Author URI: http://www.siftware.co.uk
  Tags: simple, clean, fixed width, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS, blank-slate
  Licence: LGPL
  
  Description: A theme created with developers in mind which should enable rapid WP reskinning. The CSS is minimal but consistent cross-browser, there are a couple of SEO tweaks and the page navigation works sensibly but can modified easily.

  The CSS that follows is the bare minimum of styling for a two column, fixed width and centred layout that should be
  consistent in 'modern browsers'
*/


html {
  overflow-y: scroll;
}


body {
  background: #eaeee3;
  padding: 0px;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
}


p, ul, li, ol, a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #5a5a5a;
	}
	
a {
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}

#canvas {
  width: 997px;
  margin: 0 auto;
}

#header {
  margin: 0 0 10px 0;
  border-bottom: 5px solid #8cc63f;
  padding-bottom: 23px;
}
  /** the heading and tagline are h1 on homepage and h4 on internal */
  #header h1,
  #header h4{
    margin: 0;
    padding: 0;
  }
  
  /** the heading and tagline are h1 on homepage and h4 on internal 
  #header h4 {
    font-size: 30px;
    margin: 0;
    padding: 10px 0 10px 0;
  }*/
    /** the tagline is a span within the h1 or h4 */
    #header h1 span,
    #header h4 span { }

  /**
    Nav and Subnav
    Split these out if you want the two levels to look different
  */
  
  #header h1 a,
  #header h4 a{
	 background:url(images/logo.jpg) no-repeat;
	 width: 362px;
	 height: 138px;
	 display: block;
	 text-indent: -9999px;
	 float:left;
	  }
  
  #nav a{
	 color: #8cc63f;
	 font-weight: bold;
	 font-size: 0.8em;
	 border-right: 2px solid #8cc63f;
	 padding-right: 8px;
  }
    
  #nav,
  #subNav {
    list-style: none;
    padding: 30px 0 30px 30px;
    margin: 0;
	float: right;
  }
  #nav {
    padding-left: 0;
  }
  #subNav {
    margin-top: 10px;
  }
    #nav li,
    #subNav li {
      display: inline;
      padding: 0 10px 0 0;
    }
    #nav li {
      padding-left: 0;
      padding-right: 4px;
    }
    /* Currently selected page nav item (and parent) if applicable */
    .current_page_item a,
    .current_page_parent a {
      text-decoration: none;
    }
      .current_page_item a:hover,
      .current_page_parent a:hover {
        text-decoration: underline;
      }
	  
/**   header elements    */	  
#values {
	background: url(images/values.jpg) no-repeat 18px bottom;
	width: 376px;
	height: 115px;
	clear: left;
	padding-top: 52px;
}

#spotlight {
	background: url(images/spotlight.jpg) no-repeat 18px bottom;
	width: 496px;
	height: 70px;
	clear: left;
	padding-top: 45px;
}

#facts {
	background: url(images/facts.jpg) no-repeat;
	width: 270px;
	height: 32px;
	float: right;
	margin-top: 160px;
}
#values p, #spotlight p, #facts p {
	text-indent: -9999px;
}
h3 {
	/*background: url(images/projects.jpg) no-repeat;
	text-indent: -9999px;
	width: 237px;
	height: 27px;*/
	font-size: 2em;
	color: #8cc63f;
	float: left;
	margin: 0 0 90px 0px;
	font-weight:bold;
}

.postWrapper #socialNetworking ul li a{
	/*float: right;*/
}
	
.postWrapper #socialNetworking {
	margin-left: 0;
}

#socialNetworking {
	margin-left: 842px;
}

#socialNetworking ul{
	list-style-type: none;
}

#socialNetworking ul li a{
	float: right;	
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	/*display: block;*/
	margin-left: 3px;
} 

#socialNetworking ul li#facebook a{
	background: url(images/iconFacebook.jpg) no-repeat;
}

#socialNetworking ul li#twitter a{
	background: url(images/iconTwitter.jpg) no-repeat;
}
	
#socialNetworking ul li#stumble a{
	background: url(images/iconStumble.jpg) no-repeat;
}

#socialNetworking ul li#delicious a{
	background: url(images/iconDelicious.jpg) no-repeat;
}

#socialNetworking ul li#myspace a{
	background: url(images/iconMySpace.jpg) no-repeat;
}

#container {
	clear: both
	}
	  

/**      main content     */

#index #primaryContent {
 margin-top: 70px;
}

#index #secondaryContent {
 margin-top: 50px;
}

#primaryContent {
  width: 666px;
  float: left;
  padding: 0 30px 0 0px;
  margin: 0;
  clear: left;
}

#primaryContent h1 {
    padding: 0;
    margin: 0px 0 0 0;
}

#primaryContent h2 {
	padding: 0px;
    margin: 0 0 0 0;
	border-top: #8cc63f 2px solid;
}
  
#primaryContent small {
	float: right;
	color: #8cc63f;
	font-size: 1em;
	font-weight: bold;
    height: 60px;
	padding-top: 7px;
}
  
#primaryContent h2 a{
	background: #8cc63f;    
	padding: 2px 7px;
	color: #fff;
}


  /* titles are h2 on homepage and h1 for internal */
  
  #primaryContent h1.postTitle {
  	border-top: #8cc63f 2px solid;
  }
  
  #primaryContent h1.postTitle a,
  #primaryContent h2.postTitle a {
	background: #8cc63f;    
	padding: 2px 7px;
	color: #fff;
  }
  
  #primaryContent h1.postTitle a {
    font-size: 0.6em;
	line-height: 1.3em;
  }
  
  #primaryContent h2.postTitle a {
    font-size: 0.8em;
	line-height: 1.3em;
  }

  #primaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }
  
   #primaryContent p {
    font-size: 0.8em;
  }

ol#posts li .post ul li,
ol#posts li .post ol li,
.post ul li,
.post ol li {
    border-bottom:none;
	margin-bottom:8px;
	font-size: 0.8em;
}
  
  ol#posts {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  ol#posts li{
    margin-bottom: 38px;
	
  }

    li.postWrapper,
    div.postWrapper {
	border-bottom: #8cc63f 1px solid;
	}

      .postWrapper img { }

      div.post {
	  
      }

      p.postMeta { 
	  	float: right;
		color: #8cc63f;
		margin: 9px 10px 0 0;
	  }
	  
	  p.postComments { 
	    float: left;
		color: #8cc63f;
		margin-bottom: 5px;
	  }
	  
	  h2#postcomment { 
		color: #8cc63f;
		font-size: 1em;
		border-top: none;
	  }
	  
	  p.postMeta a,
	  p.postComments a{ 
	    color: #8cc63f; 
	  }

  #pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    #pagination li {
      display: inlne;
    }
    #pagination .previous {
      text-align: left;
      float: left;
    }
    #pagination .future {
      text-align: right;
      float: right;
    }

/**       sidebar          */
#secondaryContent {
  width: 300px;
  float: left;
}

  #secondaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
	color: #8cc63f;
  }
   
  #secondaryContent ul li {
    color: #8cc63f;
	font-weight: bold;
	padding: 5px 0; 
	border-top: #8cc63f 2px solid;
  }
  
  #secondaryContent ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  #secondaryContent ul li ul li{
    margin: 0 0 0px 0;
	font-weight: normal;
	font-size: 0.8em;
	border-top: none;
  }

  /**
    Remove bullets from the first level sidebar UL and give each item some bottom margin.
    IE 6 doesn't like the selectors, I can live with that but if you can't then
    you'll need to extend this further.
  */
  #secondaryContent > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    #secondaryContent > ul > li {
     /* margin: 0 0 10px 0;*/
    }

  /** the HTML is a bit dodgy for the tag cloud, need to add some padding
      between the title and the first href */
  .widget_tag_cloud a {
    padding-left: 5px;
  }

#comments {
	color: #8cc63e;
	float: left;
	margin-top: 7px;
}

#comment {
  width: 357px;
}

#submit {
	background: url(images/button.jpg) 0 0;
	color: #FFF;
	font-weight: bold;
	font-size: 0.8em;
	border: none;
	width: 70px;
	height: 18px;
	margin-left: 399px;
	display: block;
	cursor: pointer;
	}
	
#submit:hover {
	background: url(images/button.jpg) 0 -18px;
	color: #FFF;
	font-weight: bold;
	font-size: 0.8em;
	border: none;
	width: 70px;
	height: 18px;
	margin-left: 399px;
	display: block;
	cursor: pointer;
	}

input,
#comment {
	border: 1px solid #8cc63e;
	}

ol#commentlist {
	list-style-type: none;
	margin: 0;
	padding: 11px 0;
	border-top: #8cc63f 1px solid;
}
	
ol#commentlist li{
	background: url(images/replyBody.jpg) repeat-y;
	margin: 10px 5px 0 0;
	padding: 1px 20px 3px 20px;
	width: 437px;
}

ol#commentlist li p,
ol#commentlist li a{
	color: #FFF;
}

.replyBottom {
	background: url(images/replyBottom.jpg);
	width: 467px;
	height: 16px;
	margin: -13px 0 20px 0;
	}

#footer {
  clear: both;
  border-top: 2px solid #8ac73e;
  height: 80px;
}

#footer a{
  font-size: 0.8em;
  color: #8ac73e;
  background: url(images/arrow.gif) no-repeat 0 5px; 
  padding-left: 10px;
}

/** normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

/*-- FORM STYLING --*/

#primaryContent #commentform small {
	float: left;
	color: #8cc63f;
	width: 107px;
	font-size: 1em;
	font-weight: bold;
	height: 20px;
   }
   
   
label {
	float: left;	
	}



/*--CLEARFIX --*/

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}