/*
Theme Name: Zach Ingram	
Theme URI: http://zachi.teamtreetops.com/
Version: 1.0
Author: Zach Ingram
Author URI: http://www.teamtreetops.com
*/

                         /* random elements */ 
* html a:hover{
   visibility: visible;
}
body{
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #717171;
	padding:0;
	margin:0;
	background-color: #D8D8D8;
}
h1{ 
        margin-top: 0;
        margin-bottom:10px;
}
h2{ 
	font-family:Arial, Helvetica, Sans-serif;
        margin-top: 0;
        margin-bottom:10px;
}
h3{ 
        margin-top: 0;
        margin-bottom:10px;
}
div#knockout{
	position: absolute;
	visibility: hidden;
}
a:link{
	color:#91b902;
	text-decoration:none;
}
a:visited{
	color:#91b902;
	text-decoration:none;
}
a:hover{
	color:#717171;
	text-decoration:none;
}
a:active{
	color:#91b902;
	text-decoration:none;
}
.center {
	font-family: Verdana, sans-serif;
	font-size: 60px;
	text-align: center;
}
a:link img{
	border-bottom-width:2px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-color:#8f8f8f;
}
a:visited img{
	border-bottom-width:2px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-color:#8f8f8f;
}
a:hover img{
	border-bottom-width:2px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-color:#91b902;
}
a:active img{
	border-bottom:2px;
	border-top:0;
	border-left:0;
	border-right:0;
	border-color:#8f8f8f;
}
											    	/* Quotes */
div.quote {
      padding: 0px 30px 0px 30px;
}
       
div.quote span.quote {
		font: bold 27px Helvetica, Arial, sans;
      line-height: 27px;
      color: #444;
}

div.quote span.quote a {
      color: #444;
}

div.quote span.quote big.quote {
      font: Bold 60px Georgia, serif;
      line-height: 1px;
      vertical-align: -23px;
      opacity: 0.4;
      -moz-opacity: 0.4;
      filter: alpha(opacity=40);
}

div.quote span.quote big.quote a {
      text-decoration: none;
}
       
div.quote div.source {
      font-size: 16px;
      color: #666;
}

div.quote div.source a {
     color: #666;
}

                                   /* main area */
div#box {
	height: auto;
	width: 411px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	padding:0px;
   position: absolute;
   top: 77px;
   left: 27%;
}
.nav{
	height:auto;
	width:100%;
	padding-top:10px;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	border-bottom-width:0px;
 	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	z-index:100;
}
.dworks{
	border:0;
	height:18px;
	width:62px;
}
.works{
	border:0;
	height:100%;
	width:100%;
}
.logs{
	background-image: url(images/logs.png);
	border:0;
   height:18px;
   width:45px;
}
.cv{
	background-image: url(http://www.zachi.teamtreetops.com/wp/wp-content/themes/zachi/images/cv.png);
	border:0;
   height:18px;
   width:100%;
}
a.header{
	background-image: url(images/header.png);
	text-decoration: none;
   display: block;
	height: 38px;
	width: 305px;
	z-index: 3;
	float:right;
	margin-right:15px;
	margin-top:1px;
}
a:hover.header{
   background-position: 0 -40px
}
#headerbox{
   float:right;
	height: 38px;
	width: 305px;
	z-index: 3;
	border:0px;
	margin-right:15px;
	margin-top:1px;
}
div.leftimg{
	height:39px;
	width:11px;
	background-image: url(images/left2.png);
	z-index:100;
	position:absolute;
	top:39px;
}
div#bottom{
	height:11px;
	width:411px;
	background-image: url(images/bottom.png);
	z-index:200;
	clear:both;
}
div.top{
	padding:0;
	margin:0;
	height:auto;
	width:auto;
	z-index:3;
}
div#content{
	height: auto;
	float:right;
	width: 411px;
	text-align: left;
	padding:0;
	margin-bottom:77px;
	background-image: url(images/contenttile.png);
	background-repeat:repeat-y;
	z-index:1;
}
div#news{
	padding-left:26px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:0;
}
div#news h2 a:link {
	color: #e6e6e6;
        text-transform: uppercase;
	text-decoration: none;
}
div#news h2 a:visited{
	color: #e6e6e6;
        text-transform: uppercase;
        text-decoration: none;
}
div#news h2 a:hover{
	color: #91b902;
        text-transform: uppercase;
	text-decoration: none;
}
div#news h2 a:active{
	color: #e6e6e6;
   text-transform: uppercase;
	text-decoration: none;
}
div#post{
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
	overflow: visible;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.time{
	position: relative;
	color: #e6e6e6;
	text-align:right;
	width:100%;
	height:auto;
	padding-bottom:0;
	padding-top:20px;
	padding-left:0;
	padding-right:0;
	border-style:solid;
	border-bottom-width:1px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-color:#e6e6e6;
}
.post{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	position: relative;
	top: 0px;
}
                           /* down below */

.alignright {
	border-style:solid;
	border-bottom-width:0px;
	border-top-width:1px;
	border-left-width:0px;
	border-right-width:0px;
	border-color:#e6e6e6;
	width:100%;
	text-align:right;
	height:auto;
	}
                              /* /down below */
                              /* comments */

input, textarea { 
        width: 100%; 
        background: #ededed;
        color: #717171; 
        border:0; 
}

input[type=submit] { 
        width: 100%; 
}

.comment { 
        width: 100%; 
        border-bottom: 1px solid #717171; 
}

.author { background: #91b902; padding: 5px; width: 100%; }
.author img { border: 0px solid #BBBBBB; }
.comment_text { }
.comment_meta { width: 100%; border-top: 0px solid #CCCCCC; }
.author .comment_meta { border-top: 0px solid #BBBBBB; }

                                   /* ie sucks */
div#ie{
	width:100%;
	height:auto;
}