/*-------------------
CSS DOCUMENT
______________________________________________________
    __ __ _ __     ______              ____      __  
   / //_/(_) /_   / ____/___  _  __   /  _/___  / /__
  / ,<  / / __/  / /_  / __ \| |/_/   / // __ \/ //_/
 / /| |/ / /_   / __/ / /_/ />  <   _/ // / / / ,<   
/_/ |_/_/\__/  /_/    \____/_/|_|  /___/_/ /_/_/|_|  
______________________________________________________
                    
AUTHOR: Kit MacAllister
COPYRIGHT: Kit MacAllister 2009
COMPANY: Kit Fox Ink
MADEWITH: Coda
-------------------*/

/* GLOBAL VALUES */
*{
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	line-height:1.5em;
	color:#000000;
	border-collapse:collapse;
	border:0px;
	}
h1{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#999999;
	}
h3{
	font-size:36px;
	line-height:1em;
	text-indent:-.5em;
	color:#663366;
	}
h4{
	font-size:22px;
	color:#663366;
	}
h5{
	font-size:28px;
	color:#663366;
	}
blockquote
	{
	border-left:solid 2px #CCCCCC;
	padding-left:10px;
	}
hr{
	color:white;
	border-top:1px solid #f9f9f9;
	}
a:focus{
	outline:0;
	}
a.dark{
	color:#FFFFFF;
	font-style:italic;
	}
a.dark:visited{
	color:#ffffff;
	}
a.dark:hover{
	color:#dddddd;
	}
a.dark:active{
	color:#dddddd;
	}
	
/* PAGE STRUCTURE */

#header{
	width:960px;
	height:100px;
	margin:0 auto;
	clear:both;
	}
#header	img{
	float:left;
	}
#logo{
	width:720px;
	height:100px;
	float:left;
	background:url("../images/logo.png") no-repeat;
	display:block;
	text-indent:-200000px;
	overflow:hidden;
	}
#search-form{
	background:url("../images/search_bar.png") no-repeat;
	height:64px;
	width:222px;
	border:none;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:18pt;
	color:#999999;
	padding:5px 0 0 10px;
	margin-top:30px;
	float:right;
	}
#search-form input.submit{
	float:right;
	width:35px;
	height:30px;
	background:none;
	margin-top:-5px;
	margin-right:10px;
	}
#googleSearch{
	background:none;
	border:none;
	height:20px;
	}
#wrap{
	margin-left:10px;
	padding-left:40px;
	padding-right:40px;
	background:url("../images/content_bg.png") repeat-y;
	}
#blogger-content{
	width:620px;
	float:left;
	clear:left;
	margin-left:10px;
	padding-left:40px;
	padding-right:40px;
	background:url("../images/blog_bg.png") repeat-y;
	}
.post{
	/* This changes the the blogger post background etc.*/
	}
.post-body img{
	padding:10px;
	}
.blogger-labels{
	border-top:1px dashed #999999;
	margin-top: 1em;
	}
h1.blogtitle{
	font-size:28px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	margin-left:.2em;
	line-height:.8em;
	text-transform:capitalize;
	}
#blogger-content hr{
	border-top: solid 1px #CCCCCC;
	}
#blogger-content h3{
	background-color:#FFFFFF;
	background:url("../images/blog_post_bg.png") no-repeat center bottom;
	margin-bottom:20px;
	}
#blogger-sidebar{
	width:180px;
	clear:right;
	padding-left:20px;
	padding-right:20px;
	margin-right:20px;
	float:right;
	background:url("../images/sidebar_bg.png") repeat-y;
	}
#blogger-sidebar li{
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	margin-bottom:.2em;
	padding-bottom:.2em;
	border-bottom:3px dashed #f9f9f9;
	}
#blogger-sidebar li a{
	font-weight:normal;
	color:black;
	font-size:85%;
	}
#blogger-sidebar li a:hover{
	font-weight:normal;
	color:#7fba00;
	font-size:85%;
	}
#blogger-sidebar h2{
	margin-top:20px;
	color:#999999;
	text-transform: uppercase;
	font-family:helvetica, arial, sans-serif;
	}
#blogger-sidebar h2:first-child{
	margin-top:0px;
	}
#cse-search-results{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	}

#navbar{
	width:100%;
	clear:both;
	height:31px;
	background:url("../images/navigation_bg.png") repeat-x;
	}
#navigation{
	width:960px;
	margin:0 auto;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:20px;
	color:#999999;
	}
	
.kwicks {
	list-style-type: none;
	list-style-position:outside;
	position: relative;
	margin: 0;
	padding: 0;
	 }
.kwicks li{
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	float: left;
	width: 100px;
	height: 32px;
	margin-right: 0px;
	background-image:url("../images/quick_sprite.png");
	background-repeat:no-repeat;
	}
.kwicks li:last-child{
	border-right:solid 1px #CCCCCC;
	}
.kwicks a{
	display:block;
	height:32px;
	text-indent:-9999px;
	outline:none;
	}
#kwicks1{
	background-position:0px 0px;
	}
#kwicks2{
	background-position:-150px 0px;
	}
#kwicks3{
	background-position:-300px 0px;
	}
#kwicks4{
	background-position:-450px 0px;
	}
#kwicks5{
	background-position:-600px 0px;
	}
#kwicks6{
	background-position:-750px 0px;
	}
#kwicks7{
	background-position:-900px 0px;
	}
#kwicks1.active, #kwicks1:hover{
	background-position: 0px bottom;
	}
#kwicks2.active, #kwicks2:hover{
	background-position: -150px bottom;
	}
#kwicks3.active, #kwicks3:hover{
	background-position: -300px bottom;
	}
#kwicks4.active, #kwicks4:hover{
	background-position: -450px bottom;
	}
#kwicks5.active, #kwicks5:hover{
	background-position: -600px bottom;
	}
#kwicks6.active, #kwicks6:hover{
	background-position: -750px bottom;
	}
#kwicks7.active, #kwicks7:hover{
	background-position: -900px bottom;
	}

#colors_bg{
	background:url("../images/colors_bg.png");
	}
#colors{
	width:100%;
	height:20px;
	background:url("../images/colors.png") center top no-repeat;
	}
	
#halftone_bg{
	background:url("../images/halftone_bg.png");
	width:100%;
	}
#halftone{
	background:url("../images/halftone.png") top center repeat-x;
	width:100%;
	}
	
#content_top{
	background:url("../images/content_top.png") top left no-repeat;
	margin-left:10px;
	width:945px;
	height:23px;
	}
#portfolio_top{
	background:url("../images/portfolio_top.png") top left no-repeat;
	margin-left:10px;
	width:945px;
	height:23px;
	}
#images img{
	float:left;
	}
#content{
	margin:0 auto;
	width:960px;
	}
#content_bottom{
	background:url("../images/content_bottom.png") top left no-repeat;
	margin-left:10px;
	width:945px;
	height:26px;
	}
#blog_top{
	background:url("../images/blog_top.png") top left no-repeat;
	margin-left:10px;
	width:700px;
	height:26px;
	float:left;
	clear:left;
	}
#sidebar_top{
	background:url("../images/sidebar_top.png") top left no-repeat;
	margin-right:20px;
	width:220px;
	height:26px;
	float:right;
	clear:right;
	}
#blog_bottom{
	background:url("../images/blog_bottom.png") top left no-repeat;
	width:700px;
	height:26px;
	margin-left:10px;
	float:left;
	clear:left;
	}
#sidebar_bottom{
	background:url("../images/sidebar_bottom.png") top left no-repeat;
	width:220px;
	height:26px;
	margin-right:20px;
	float:right;
	clear:right;
	}
#blog_spacer{
	width:100%;
	clear:both;
	}
	
#home{
	height:370px;
	}
#home-left{
	float:left;
	background:url("../images/home_left.png") left top no-repeat;
	padding:10px;
	width:290px;
	height:350px;
	clear:left;
	}
#portfolio{
	list-style: none;
	margin-top:30px;
	margin-left:10px;
	height:300px;
	width:273px;
	overflow:hidden;
	
	}
#home-right{
	float:left;
	background:url("../images/home_right.png") left top no-repeat;
	width:610px;
	height:340px;
	clear:right;
	padding:30px 20px 0px 20px;
	}
#home-right p{
	margin-left:10px;
	margin-top:16px;
	}
#modules{
	height:234px;
	}
	
#module_a_left{
	float:left;
	background:url("../images/module_a_left.png") left top no-repeat;
	width:184px;
	height:234px;
	clear:left;
	}
#module_a_right{
	float:left;
	background:url("../images/module_a_right.png") left top no-repeat;
	width:296px;
	height:214px;
	padding-top:20px;
	}
#module_a_right p{
	padding:10px;
	padding-right:30px;
	}
#module_b_left{
	float:left;
	background:url("../images/module_b_left.png") left top no-repeat;
	width:220px;
	height:234px;
	padding-top:20px;
	padding-left:30px;
	}
#module_b_right{
	float:left;
	background:url("../images/module_b_right.png") left top no-repeat;
	width:210px;
	height:214px;
	clear:right;
	padding:10px;
	}
.social_media_links{
	margin-top:5px;
	display:block;
	width:100px;
	height:100px;
	text-indent:-2000px;
	float:left;
	}
#module_b_left p{
	padding:10px;
	}
#pre_footer{
	width:100%;
	clear:both;
	height:18px;
	background:url("../images/footer_top_gradient.png") repeat-x;
	}
#footer{
	width:100%;
	background:url("../images/footer_bg.png") bottom center repeat-x;
	background-color:#999999;
	border-bottom:1px solid #888888;
	padding-bottom:10px;
	}
#footer_content{
	margin:0 auto;
	width:960px;
	padding:10px;
	}
#footer_content img{
	margin-left:9px;
	margin-right:10px;
	}
	
#blog_container{
	float:left;
	text-align:right;
	width:460px;
	margin-top:-10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	}
#blog_container a{
	color:#FFFFFF;
	}
#blog_container a:hover{
	color:#dddddd;
	}
#blog{
	text-align:left;
	width:460px;
	}
#blog img{
	display:none;
	}
#comments-block{
	background:white;
	}
dl div:first-child{
	background: #999999;
	}
dl div:last-child{
	background: #AAAAAA;
	}
#sub-blog-post{
	padding:.5em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #888888;
	margin-top:.5em;
	border:1px solid #909090;
	-moz-box-shadow: 0 0 1em #909090;
	-webkit-box-shadow: 0 0 1em #909090;
	box-shadow: 0 0 1em #909090;
	}
#sub-blog-post h1 a, #sub-blog-post h1{
	font-family:"Trebuchet MS", verdana, sans-serif;
	text-transform:uppercase;
	font-size:1.4em;
	line-height:1em;
	text-align:left;
	margin-bottom:-18px;
	}
#sub-blog-post h1 a:hover{
	color:#dddddd;
	}
span.date{
	color:#333333;
	text-transform:uppercase;
	font-weight:bold;
	text-align:right;
	}
	
#tweet_container{
	background:none;
	float:left;
	clear:right;
	text-align:right;
	width:460px;
	margin-top:-10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	}
#tweet_container a{
	color:#FFFFFF;
	}
#tweet_container a:hover{
	color:#dddddd;
	}
#tweet{
	background:none;
	text-align:left;
	width:460px;
	}
.tweet_list>li{
	margin-top:.5em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #909090;
	-moz-box-shadow: 0 0 1em #909090;
	-webkit-box-shadow: 0 0 1em #909090;
	box-shadow: 0 0 1em #909090;
	}

#bottom{
	width:940px;
	border-top:1px solid #FFFFFF;
	margin-left:10px;
	clear:both;
	}
.small{
	font-size:70%;
	}
/* CONTACT FORM STUFF */
p#success{
	width:280px;
	padding: 3px 10px;
	background: #92FFA5;
	border: 2px solid #009218;
	color: #009218;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	}
p#bademail, p#badserver{
	width:280px;
	padding: 3px 10px;
	background: #FFA3A1;
	border: 2px solid #D00D00;
	color: #D00D00;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	}
input.contact{
	width:300px;
	border:1px solid #CCCCCC;
	color:#000000;
	}
input.send{
	border:1px solid #CCCCCC;
	color:#000000;
	}
textarea.contact{
	width:300px;
	color:#000000;
	border:1px solid #CCCCCC;
	}
/* Additional Text Styles */
a{
	color:#7fba00;
	font-weight:bold;
	text-decoration:none;
	}
a:hover{
	color:#663399;
	}
a:visited{
	color:#663399;
	}
.post-body{
	padding-bottom:1em;
	}
.post-footer{
	text-align:right;
	}
#comments{
	margin-top:1em;
	}
.post-body h1{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:3.2em;
	font-weight:normal;
	line-height:.68em;
	text-align:right;
	text-transform:lowercase;
	padding:30px 0 24px 0;
	border-bottom: 1px solid #4D4D4D;
	margin:0 .2em 12px .2em;
	}
.post-body h2{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	line-height:.3em;
	text-align:right;
	text-transform:lowercase;
	padding:.5em 0 24px 0;
	border-bottom: 1px solid #4D4D4D;
	margin:0 .2em 12px .2em;
	}
big {
	color:#000000 !important;
	float:left;
	font-size:5em;
	font-style:normal;
	font-weight:normal;
	line-height:1em;
	margin-right:10px;
	text-decoration:none;
	text-transform:uppercase;
	vertical-align:top;
	}
blockquote{
	padding:.2em .5em .4em .5em;
	margin:0 0 0 3.5em;
	line-height:1.4em;
	text-align:justify;
	border-left:3px solid #4D4D4D;
	}
pre{
	background:#f9f9f9;
	padding:.5em;
	margin:10px;
	border:1px solid #dddddd;
	font-family:"Courier New", monospace;
	overflow-x:auto;
	}
div.line{
	line-height:1.4em;
	}
#navbar-iframe{
	height: 0 !important;
	display: none !important;
	}