/*
Theme Name: ksite
Theme URI: http://wordpress.org/
Description: Simple wordpress theme for FD kinesis website
Version: 1.0
Author: Brian Kempf
Tags: two column template with sticky footer.
*/

	* {margin:0;padding:0;} 
	
	p {padding: 10px 0 10px 0;}
	h1, h2, h4, h7 {padding: 15px 0 15px 0;}
	h1, h2 {font-family: helvetica, arial, sans-serif; font-weight: 200;}
	h1 {color: #f2232b; font-size: 24px;}
	h2 {color: #f2232b; font-size: 18px;}
	.work h2 {font-size: 18px; margin: 10px 15px 15px 0; padding: 0 0 0 25px; background: url(../images/bullet.gif) left top no-repeat; line-height: 20px;}
	h3 {color: #1a1a1a; font-size: 18px; margin: 10px 15px 0 0; padding: 0 0 0 25px; background: url(../images/bullet.gif) left top no-repeat; line-height: 20px; }
	h3 a:link, h3 a:visited {text-decoration: underline;}
	h3 a:hover {text-decoration: none;}
	h4 {color: #000; font-size: 16px; font-weight: normal;}
	h5 {background: url(../images/grayhead.gif) top right no-repeat; width: 115px; height: 29px; padding: 12px; color: #666; font-family: helvetica, arial, sans-serif; font-weight: 700; font-size: 12px;}
	h6 {color: #f2232b; font-size: 16px; font-weight: normal;}
	h7 {color: #9a9a9a; font-size: 24px; font-weight: normal;}
	
	textarea {font-family: arial, sans-serif; font-size: 12px;}
	
	/* must declare 0 margins on everything, also for main layout components use padding, not 
	vertical margins (top and bottom) to add spacing, else those margins get added to total height 
	and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
	
	html, body, .wrap {height: 100%;}
	body > .wrap {height: auto; min-height: 100%;}
	.wrap {background: url(../images/bg.gif) repeat-y center;}
	.main {padding-bottom: 188px;}  /* must be same height as the footer */
	
	/* CLEAR FIX*/
	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
		
	body {margin: 0px; text-align: center; font-family: arial, sans-serif; font-size: 100%; background-color: #000;}
	.main {width: 987px; margin-left: auto; margin-right: auto; }
	.header {width: 987px; height: 130px; background: url(../images/headertop.gif) top center no-repeat #fff; margin: 0 auto; padding-top: 30px;}
	
	
	.leftcol {width: 673px; float: left; font-family: arial, sans-serif; font-size: 12px; color: #000; text-align: left; padding: 10px 30px 30px 45px;}
	.leftcol a:link, .leftcol a:visited {color: #f2232b; text-decoration: none;}
	.leftcol a:hover {text-decoration: underline;}
	.leftcol p {line-height: 22px;}
	.leftcol hr {color: #ccc; height: 1px;}
	
	/* This styles the People Page */
	
	
	.col {width: 139px; float: left; margin-bottom: 50px; margin-right: 10px;}
	.col ul {margin: 5px; padding: 0 0 0 0;}
	.col li {list-style-type: none; margin: 7px 0 7px 0; padding: 0;}
	
	.rightcol {width: 180px; text-align: left; float: right; font-family: arial, sans-serif; font-size: 12px; color: #000; padding: 0 35px 20px 20px; margin-top: 8px;}
	.rightcol a:hover {color: #666; text-decoration: none; border-bottom: 0px dotted #666;}
	.work ul {margin: 0; padding: 0px; width: 200px;}
	.rightcol ul {margin: 5px 0 25px 0;}
	.rightcol li {list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0;}
	.work li {list-style-type: none; margin: 0 0 0 25px; padding: 0 0 5px 0;}
	.work a:link, .work a:visited { text-decoration: underline;}
	.work a:hover {text-decoration: none;}
	.rightcol .searchbar {width: 100px; background: url(../images/search.gif) left top no-repeat; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #000; border-left: 1px solid #000; height: 18px; margin: 0 0 0 25px;}
	.rightcol .search {background: url(../images/gobutton.gif) left top no-repeat; width: 33px; height: 22px; border: 0px;}
	.rightcol a:link, .rightcol a:visited {color: #f2232b;}
	.rightcol a:hover {color: #4c0000;}
	
	.meta a:link, .meta a:visited {color: #f2232b; text-decoration: none;}
	.meta a:hover {color: #4c0000;}
	
	#twitter-2 {font-size: 11px;}
	#twitter-2 li {margin: 0 0 10px 25px;}
	#twitter-2 .time-meta {display: block;}
	#twitter-2 a:link, #twitter-2 a:visited {text-decoration: none;}
	
	.links li {margin: 0 0 5px 25px;}
	.links a:link {text-decoration: underline;}
	.links a:hover {text-decoration: none;}
	
	.footer {position: relative; margin-top: -188px; /* negative value of footer height */ height: 188px; clear:both; font-size: small; background-color: #333333; color: #000; background: url(../images/footerbg.gif) no-repeat center;} 
	.footer a:link,a:visited {color: #fff; text-decoration: none; height: 124px;}
	.footer a:hover {color: #fff; text-decoration: none;}
	.footer table {margin: 0 auto; text-align: left; border-spacing: 20px 0px;}
	a.graybox {display: block; width: 124px; height: 124px; background: transparent url(../images/gbox.gif) no-repeat 0 0; text-align: left; color: #fff; text-decoration: none; padding: 5px; font-weight: bold;}
	a.graybox:hover {background: url(../images/obox.gif); color: #fff;}
	.footer .text {position: relative; right: 0px; top: 90px;}
	.orangebox {display: block; width: 124px; height: 124px; background: transparent url(../images/obox.gif) no-repeat 0 0; text-align: left; color: #fff; text-decoration: none; padding: 5px; font-weight:bold;}
	
	.work {float: left;}
	.landing {float: right; padding-top: 15px; text-align: left; width: 470px;}
	.list ul {margin: 10px 10px 10px 10px;}
	
	.clear {clear:both;}
	.divider {width: 100%; border-bottom: 1px solid #ccc; padding: 5px 0 10px 0; margin: 0 0 25px 0;}
	.divider2 {width: 100%; border-bottom: 1px dashed #ccc; padding: 5px 0 10px 0; margin: 0 0 10px 0;}
	.left {float: left; margin-top: 20px;}
	.right {float: right; margin-top: 20px;}
	.alignright {float: right; margin: 5px;}
	.alignleft {float: left; margin: 5px;}
	
	.clients {background:url(../images/clients.jpg) 0 0; display:block; height:420px; width:671px; }
	.clients:hover { background-position: 0px -420px; border:none; }

	.follow li {margin: 0 0 10px 22px;}