/* 
Theme Name: Clark
Theme URI: http://firedesign.co.nz
Description: Clark Ellice's custom theme.
Author: Tommy @ Fire Design
Author URI: http://firedesign.co.nz

*/


/* ARCHITECTURE */
column
body {	
        background: #fff url('images/stripes.gif') repeat-x;
	margin: -27px 0 0 0;
	}


#header {
	margin: -12px 0 -525px 0;
        height: 705px;
        width: 1027px;
        background: transparent url('images/shadow_r.png') right top no-repeat;
        }

#header h1, .description {
        visibility:hidden;
        }


#headerimg 	{
        background: transparent url('images/header.png') no-repeat;
        width: 100%;
        height: 181px;
	}

#page {     
        background: transparent url('images/shadow_l.png') left repeat-y; 
	margin: 20px auto 0 auto;
	padding-left: 100px;
	width: 1027px;
	}

#content {
        background-color: #fff;
        width: 927px;
        padding-top:1px;
	}

.thread-alt {
	background-color: #f8f8f8;
} 

.thread-even {
	background-color: white;
        }

.depth-1 {
        border: 1px solid #ddd;
        }

.even, .alt {
	border-left: 1px solid #ddd;
        }      

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

#menu {
      display:block;
       margin-top:-25px;
       padding-right:120px;
       height: 20px;
       float:right;
       margin-bottom:0px;
       z-index:1;
       }

#menu ul{
       margin:0px;
       overflow: auto;
       list-style:none;
       }

#menu ul li{
       float:left;
       border-left: 1px solid #000;
       }

#menu ul li a {
       display: block;
       padding: 0px 15px;
       }

#menu ul li:first-child {
       border-left:none
       }

.column {
        width: 572px;
        padding-left:57px;
        padding-right:50px;
        float:left;
        background: #fff url('images/ripcolumn.gif') no-repeat right top;
	}

.post {
         width:572px;
	margin: 0 0 10px 0;
	text-align: left;
	}

.post p {
         width: 510px;
         }


.postmetadata {
	clear: both;
        }

.clear {
	clear: both;
        }

#footer {
        background: #fff url('images/footer_s.gif') no-repeat left top;	
	padding: 10px 0 20px 130px;
	margin: 0 30px 0 -100px;
	clear: both;
        min-height:100px;
	}

.login {
       float: left;
       width:40%;
       margin-left:43px;
       }

.fire {
      float: right;
      text-align:right;
      width:40%;
      }

#footer {
     font-size: .7em;
     }

#footer hr {
     margin-top: 40px;
     }

.read {
       margin-top: -2.7em;
       display: block;
       float: right;
       background: #fff;
       z-index: 100;
       }


/* end ARCHITECTURE */





/* TYPOGRAPHY */


body {
        color: #333;
	text-align: center;
        }

#page{
       font: 0.9em  Helvetica, Arial, sans-serif;
       text-align: left;
       font-weight: 200;
       line-height: 1.7em;
       word-spacing: 0.02em;
       }


h1 {
        letter-spacing: 0em;
        word-spacing: 0em;
        font: 2.1em  Helvetica, Arial, sans-serif;
        font-weight: 500;
        text-transform:uppercase;
	}

h2 {
       display:block;
       width:100%;
       font-weight: 500;
       font: 1.5em  Helvetica, Arial, sans-serif; 
       word-spacing: 0.01em;
       }

a h2 {
      color:#333;
      }

a:hover h2 {
      color:#f1781f;
      }

h4 {
    margin-top: 15px;
    margin-bottom: 10px;
    }

.column a {
       color:#f1781f;
       }

.column a:visited {
       color:#f1781f;
       }

.column a:hover {
       color: #333;
       }

#rss-3 {
  list-style:none;
}

.status_press{
  margin-bottom:0;
} 

.status-time {
font-size:0.5em;
margin-top:0;
}

.widgettitle {
display:none;
margin-top:2em;
}

ul #sidebar{
background:none;
}

#sidebar a:hover {
        color: #fff;
        }


#pushover h2 {
        font-size: 1.4em;
        margin-bottom:0.4em;
        font-weight: 300;
	}

.entry h1 {
       font-weight: 400;
       text-transform:none;
       }


.entry p, .entry .mceTemp{
margin-bottom:1em;
       }

.entry {
width:560px;
margin-bottom:2em;
}

#menu {
      font: 0.9em  Helvetica, Arial, sans-serif;
      }
      
#menu ul li {
       color: #000;
       text-transform:uppercase;
       }

.commentlist p {
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	}

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

a:active {
       text-decoration: none;
       border: none;
       }

a:hover {
	color:#f1781f;
	}

em {
    color:#444;
   }

strong {
        font-weight: 600;
        }

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}


/* end typography */









/* Begin Images */

.gallery {
         margin: 10px 0;
	 }
			
.gallery .gallery-item {
	float: left;
        display: inline;
	margin: 10px 0;
	width: 185px;			
        }
			
.gallery img {
	border: 2px solid #cfcfcf;
	}
			
.gallery .gallery-caption {
	margin-left: 0;
	}

.gallery-icon{
        margin-bottom:-10px;
        }

.gallery-item {
        height:150px;
        width:150px;
        }

.attachment-thumbnail {
        height:150px;
        width:150px;       
        }

p img {
	padding: 0;
	max-width: 568px;
	}
.entry .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
        max-width: 568px;
	}

.entry .alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline-block;
        max-width: 568px;
	}


.entry .alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline-block;
        max-width: 568px;
float:none;
	}

.alignright {
        margin: 5px 0px 10px 15px;
	float: right;
	}

.alignleft {
	float: left;
        margin: 5px 0px 10px 0px;
	}


/* End Images */









/* Begin Form Elements */

#respond {
        margin-top:60px; 
        }

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}



.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

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

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

/* End Form Elements */









/* Begin Comments*/

#comments {
        margin-top:30px;
        }

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
         }

.commentlist p {
	margin: 10px 5px 10px 0;
        }

.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */










/* Sidebar */

#pushover{
        float:left;
        font-size: 0.9em;
        line-height:1.3em;
       width: 215px;
       }

#sidebarwrap{
        padding-bottom: 110px;
        background: #b4b4b4 url('images/siderip.gif') no-repeat bottom;
        }

#connect{
      margin-top:10px;
      width:225px;
       }


#advert a {display:block;height:50px;}


#sidebar
        {
        clear:both;
        background: #b4b4b4 url('images/sidebartop.gif') no-repeat top;
	padding: 20px 25px 0 25px;
	width: 165px;
        min-height:400px;
	}

#sidebar form {
	margin: 0;
	}

#sidebar ul {
       list-style:none;
       padding: 0px;
       margin: 0px;
       }


#sidebar ul li {
       margin-bottom: 0.5em;
       }

.slideshow {
       margin-top: 0px;
       display:block;
       height:140px;
       }

.slideshow a img {
       width:165px
       }

.social {
       display:block;
       float:left;
       margin-right: 9px;
       margin-bottom: 16px;
       }

.social span{
       margin-left:-65px;
       visibility:hidden;       
       }

.social:hover span{
       margin-left:-65px;
       visibility:visible; 
       }


/* End Sidebar */












/* Begin Various Tags & Classes */

:focus {
        -moz-outline-style: none;
        }

a       {
        outline: none;
        }

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: -5px 30px 0 0px;
	border-top: 1px solid #ddd;
	}

blockquote ol{
        margin-left:-20px;
        }

blockquote ol li {
        margin-bottom: 1em;
        }

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
     }

hr {
        margin:-5px 0 15px 0;
        float:left;    
        border: none;     
        border-top: 1px solid #ddd;
        width: 100%;       
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	}

/* End Various Tags & Classes*/








/* Captions */

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
        }

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
        max-width:568px;
	border-radius: 3px;
        display:block;
        }


.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
        max-width:564px;
        }

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 5px 4px;
	margin: 0;
        width: 100%;
       clear:both;
        }

object {
       width: 560px;
       }


/* End captions */