/*
Theme Name: Killer
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.5
Author: Joshua Iwata
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

body {
	background: #000 url(images/bg_tile.jpg) 0 -22px;
	font-family: "Helvetica", Arial, Verdana, sans-serif;
}
a {
	color: #0091C4;
	text-decoration: none;
}
h1 {
	font-size: 36px;
	text-transform: uppercase;
	letter-spacing: -3px;
	font-weight: bold;
	color: #999;
	padding: 20px 10px 0;
}
h1 a {
	color: #999;
}
#content h2 {
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: -3px;
	font-weight: bold;
	color: #999;
	padding: 20px 10px 0;
	margin-bottom: -10px;
}
h1 span {
	padding-right: 5px;
	color: #cecece;
	text-align: right;
}
h1 strong {
	color: #888;
}
#content p {
	margin: 20px 12px;
	line-height: 1.4em;
	font-size: 16px;
	color: #333;
}
.postDate {
	text-transform: uppercase;
	font-size: 16px;
	color: #999;
	padding: 0 10px;
}
#content p.postmetadata {
	text-transform: uppercase;
	font-size: 12px;
	color: #ccc;
}
span.hide {
	display: none;
}
.hidden {
	display: none;
}
#wrapper {
	margin:0 auto;
	width:920px;
	padding: 30px 0 0 0;
} 

/****************************************
	Header
****************************************/
#left_fade {
	background: url(images/left_corner.png) no-repeat;
	width: 300px;
	height: 300px;
	position:fixed;
	left: 0;
}
#right_fade {
	background: url(images/right_corner.png) no-repeat;
	width: 300px;
	height: 300px;
	position:fixed;
	right: 0;
}
*html #left_fade {
	display: none;
}
*html #right_fade {
	display: none;
}
*html #fade {
	display: none;
}
#pipe_menu {
	background: #121212;
	height: 30px;
	opacity:.90;
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
	position: fixed;
	z-index: 2000;
	width: 100%;
	font-size: 12px;
	color: #999;
	left:0;
}
#pipe_menu span {
	float:left;
	display: block;
	line-height:  30px;
	padding-left: 20px;	
}
#pipe_menu ul {
	padding-right: 20px;
}
#pipe_menu li {
	display: block;
	float: right;
	margin-left:10px;
	line-height: 35px;
	text-align: center;
	line-height: 30px;
	padding-left: 19px;
}
#pipe_menu li {
	background-position: 0px 7px;
}
#header {
	padding: 40px 0 0;
}
*html #header {
	padding: 20px 0 0;
}
#my_name a{
	background: url(images/joshuaiwata.png) no-repeat;
	width: 275px;
	height: 53px;
	position: absolute;
	top:70px;
	z-index: 2;
	
}
#prim_nav_bg {
	height: 45px;
	padding-right: 8px;
}
#prim_nav_bg li {
	display: block;
	float: right;
	margin-right:4px;
	line-height: 35px;
	text-align: center;
	position: relative;
	opacity:.80;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
	margin-top: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background: #101010;
	z-index: 0;
}
#prim_nav_bg li {
	display: block;
	float: right;
	margin-right:4px;
	line-height: 35px;
	text-align: center;
	position: relative;
	opacity:.80;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
	margin-top: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background: #101010;
	z-index: 0;
}
#prim_nav_bg li a {
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 20px;
	z-index: 1
	position:absolute;
	visibility: hidden;	
}
#prim_nav_links {
	float: right;
	margin-top: -40px;
	padding-right: 8px;
	z-index: 1;
}
#prim_nav_links li {
	display: block;
	float: right;
	margin-right:4px;
	line-height: 35px;
	text-align: center;
	position: relative;
	background: transparent;
	z-index: 1;
}
#prim_nav_links li a {
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	color: #808080;
	padding: 0 20px;
}
#prim_nav_links li a:hover {
	color: #fff;
	position: relative;
	z-index: 1;
}
#prim_nav_links li.active {
	position: relative;
	margin-top: -5px;
}
#prim_nav_links li.active a{
	color: #000;
	cursor: default;
}
#prim_nav_bg li.active {
	margin-top: 0px;
	background: #ccc;
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
	height: 45px;
	line-height: 45px;
	color: #1A1A1A;
	font-weight: bold;
}

/****************************************
	Banner
****************************************/

#content_wrapper {
	background: #ccc;
	padding: 12px 0 12px 12px;
	float: left;
	width: 908px;
	margin-bottom: 6px;
}
#home_banner {
	height: 240px;
	width:896px;
	background: url(images/home_banner.jpg) no-repeat;
	margin-bottom: 12px;
}
#star {
	position: absolute;
	margin-left: 615px;
	margin-top: -45px;
	background: url(images/throwing_star.png) no-repeat;
	height: 304px;
	width: 322px;
}
#big_arrow a{
	width: 608px;
	height: 108px;
	background: url(images/big_arrow.png) no-repeat;
	position: absolute;
	margin-left: 15px;
	margin-top: 108px;
	z-index: 2;
}
#big_arrow a:hover{
	background: url(images/big_arrow.png) no-repeat 0px -109px;
}
#intro_banner {
	height: 112px;
	width:896px;
	background: #222;
	margin-bottom: 12px;
}
#mug_shot {
	background: url(images/mug_shot.png) no-repeat;
	width: 220px;
	height: 156px;
	position: absolute;
	margin-left: 30px;
	margin-top: -45px;
	z-index: 1;
}
#hired_help {
	padding-right: 30px;
	width: 596px;
	float: right;
	color: #999;
	font-size: 18px;
	line-height: 1.2em;
}
#hired_help p {
	padding-top: 15px;
}
#hired_help strong {
	color: #fff;
}
#hits_banner {
	height: 125px;
	width:896px;
	padding-top: 0px;
	background: url(images/hit_banner.jpg) no-repeat;
	margin-bottom: 12px;
	color: #ccc;
}
#hits_banner p {
	padding: 120px 300px 0 20px;
	font-size: 16px !important;
	color: #999;
	font-size: 14px;
	line-height: 1.2em;
}
#pen {
	width:475px;
	height:353px;
	background: url(images/pen.png) no-repeat;
	position: absolute;
	top:70px;
	margin-left: 510px;
	z-index: 0;
}
*html #pen {
	top:70px;
}
#hire_banner {
	height: 125px;
	width:896px;
	padding-top: 0px;
	background: url(images/hire_banner.jpg) no-repeat;
	margin-bottom: 12px;
	color: #ccc;
}
#bullets {
	width:348px;
	height:223px;
	background: url(images/bullets.png) no-repeat;
	position: absolute;
	top:90px;
	margin-left: 570px;
}
*html #bullets {
	top:100px;
}
/****************************************
	Sidebar
****************************************/

#sidebar {
	width:175px;
	float:left;
	margin-left: 12px;
}
.widg {
	width:180px;
	background: #333;
	font-size: 12px;
	color: #999;
	line-height: 1.2em;
	padding: 20px 15px 20px 20px;
	margin-bottom: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.widg a {
	color: #999;
	text-decoration: underline;
}
.widg h2 {
	text-transform: uppercase;
	font-size: 16px;
	color: #DDCB22;
	padding-bottom: 10px;
	font-weight: normal;
	letter-spacing: -1px;
}
.widg h2 span {
	color: #ccc;
}
.widg li {
	line-height: 1.4em;
	text-transform: uppercase;
}
.contact, .skills {
	background: #444;
}
#contact_list li {
	padding-left:22px; 
	text-transform: none;
	line-height: 20px;
	background-position: 0px 2px;
	color: #fff;
}
#contact_list li a {
	color: #fff;
}
.phone {
	background-image: url(images/phone.gif);
	background-repeat: no-repeat;
	background-position-x: 3px !important;
}
.email {
	background: url(images/email.gif) no-repeat;
}
.skype {
	background: url(images/skype.png) no-repeat;
}
.gtalk {
	background: url(images/gtalk.gif) no-repeat;
}
#recent_hit:hover {
	opacity:.90;
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
}

/****************************************
	Content
****************************************/

#content {
	width:668px;
	float:left;
}
.content_box {
	width:644px;
	padding: 12px;
	background: #fff;
	border-bottom: solid 1px #666;
	border-right: solid 1px #666;
	margin-bottom: 12px;
}
#port_collage {
	background: #fff url(images/banner_collage.jpg) no-repeat 12px 12px;
	width:644px;
	height: 297px;
}
#port_collage a {
	display: block;
	width: 180px;
	margin: 124px auto 0;
	padding: 2px 2px 0;
	line-height: 34px;
	background: #c10000;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	z-index: 1000;
	position: relative;
	border-bottom: solid 1px #730000;
	border-right: solid 1px #730000;
	border-left: solid 1px #d64d4d;
	border-top: solid 1px #d64d4d;
	font-weight: bold;
}
#port_collage a:hover {
	background: red;
}
.hit {
	padding-bottom: 12px;
	height: 312px;
	clear:both;
}
.screenshot {
	height: 43px;
	width: 667px;
	padding-top: 278px;
	border-bottom: solid 1px #666;
	border-right: solid 1px #666;	
	float: left;
	margin-bottom: 12px;
	background-color: #fff !important;
	background-position: 12px 12px !important;
}
#content_wrapper .screenshot li a{
	float: right;
	background: #c10000;
	border-right: solid 1px #730000;
	border-left: solid 1px #d64d4d;
	border-top: solid 1px #d64d4d;
	display: block;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	padding: 0 15px;
	margin-right: 24px;
	z-index: 1;
	position: relative;
	font-weight: bold;
}
.screenshot li a:hover {
	background: red !important;
}
#sitecore {
	background: url(images/sitecore.jpg) no-repeat;
}
#answerforce {
	background: url(images/answerforce.jpg) no-repeat;
}
#adaptavant {
	background: url(images/adaptavant.jpg) no-repeat;
}
#nina {
	background: url(images/nina.jpg) no-repeat;
}
#client_access {
	background: url(images/clientaccess.jpg) no-repeat;
}
#ninakids {
	background: url(images/ninakids.jpg) no-repeat;
}
#cornerstone {
	background: url(images/cornerstone.jpg) no-repeat;
}
#tweak {
	background: url(images/tweak.jpg) no-repeat;
}
#blackhole {
	background: url(images/blackhole.jpg) no-repeat;
}
.hit .widg {
	float: right;
	margin-right: 12px;
}
*html .hit .widg {
	margin-right: 6px;
}
.hit .widg h2 {
	color: #DDCB22;
}
.hit p {
	margin-bottom: 15px;
	color: #fff;
	font-size: 12px;
	line-height: 1.2em;
}
.hit li {
	padding-left: 0px !important;
	line-height: 1.4em !important;
	text-transform: uppercase !important;
	font-size: 11px;
}
.copy_content {
	background: #ccc;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 12px 0;
	width:648px;
}


/****************************************
	Footer
****************************************/

#footer {
	height: 50px;
	clear:both;
	color: #fff;
	background: url(images/sponsors.png) no-repeat;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 22px;
	padding-left: 65px;
}
#footer li {
	display: block;
	float: left;
	width:75px;
	margin-right:2px;
	line-height: 35px;
	text-align: center;
}
#fade {
	height: 125px;
	background: url(images/fade.png) repeat-x;
	width: 100%;
	position: fixed;
	bottom:0;
}