/* GLOBAL NORMALIZING STYLES
-------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	background:transparent;
}

/* CSS Document */

/* html {height: 100%;} */

body {
	background:#fff url(images/background-tile-dirty.gif);
	background-repeat: repeat;
	color:#464646;
	font-family:Arial;
	font-size:12px;
	line-height:130%;
	margin:0 0 0 0px;
	top:0px;
	left:0px;
	height:100%;
	padding:0 0 0 0;
	position:relative;	
}

h1 {font-family:"Arial Narrow"; font-weight:bold; font-size:25px;	margin-bottom:10px; line-height:100%; text-transform: uppercase; letter-spacing: -1px; color:#000000;} 
h2 {font-family:"Arial Narrow"; font-weight:bold;font-size:20px;	margin-bottom:10px; margin-top:15px; text-transform: uppercase; letter-spacing: -1px; color:#000000;} 
h3 {font-family:"Arial Narrow"; font-size:10px; font-weight:bold; margin-bottom:5px; text-transform: uppercase; color:#000000; letter-spacing: -0.5px; } 
h4 {font-family:"Arial Narrow"; font-weight:bold; font-size:30px;	margin-bottom:10px; line-height:100%; text-transform: uppercase; letter-spacing: -1px; color:#000000;} 
h5 {font-family:"Arial Narrow"; font-weight:bold; font-size:40px;	margin-bottom:10px; line-height:100%; text-transform: uppercase; letter-spacing: -1px; color:#000000; text-shadow: 4px 3px 0px rgba(30, 28, 28, 0.2);} 

.wf-active h1  {font-family: "league-gothic-1", "league-gothic-2", Arial; font-weight:normal; font-size:30px; margin-bottom:5px; letter-spacing: 0px; text-transform: uppercase; line-height:90%; color:#000000;} 

.wf-active h2  {font-family: "league-gothic-1", "league-gothic-2", Arial; font-weight:normal; font-size:28px; margin-top:20px; margin-bottom:5px; letter-spacing: 0px; text-transform: uppercase; color:#000000;} 

.wf-active h3  {font-family: "league-gothic-1", "league-gothic-2", Arial; font-weight:normal; font-size:18px; margin-bottom:5px; letter-spacing: 0px; text-transform: uppercase; color:#000000;} 

.wf-active h4  {font-family: "league-gothic-1", "league-gothic-2", Arial; font-weight:normal; font-size:35px; margin-bottom:0px; letter-spacing: 0px; text-transform: uppercase; color:#000000;} 

.wf-active h5  {font-family: "league-gothic-1", "league-gothic-2", Arial; font-weight:normal; font-size:50px; margin-bottom:0px; letter-spacing: 0px; text-transform: uppercase; color:#000000; text-shadow: 4px 3px 0px rgba(30, 28, 28, 0.2);} 

img {border: 0px;}
/* img.pngfix {behavior: url(iepngfix.htc); } */

a {color: #808080; text-decoration: none; 
transition: color 0.25s ease-out; -moz-transition: color 0.25s ease-out; -webkit-transition: color 0.25s ease-out; -o-transition: color 0.25s ease-out;
}
a:hover {color: #fd0001; text-decoration: none; font-weight:bold;}


p {margin-bottom:15px;}
p img.left {}
p img.right {}
strong {font-weight:bold; color:#000;}
em, dfn {font-style:italic;}



.left {float:left;}
.right {float:right;}
.center {text-align:center;}

/* Standard Practice */

.divider-smalldot{
	height:25px;
	margin-bottom:5px;
	background:url(images/divider-dotted.gif);
	background-repeat: no-repeat;
}

.divider-bigdot{
	height:15px;
	margin-bottom:5px;
	background:url(images/divider-bigdot.gif);
	background-repeat: repeat-x;
	border:0px solid #ff0000;
}



#body {
	position: relative; 
	height: 100%; 
	border:0px solid #ff0000; 
	margin:0;
	background-repeat: repeat;
	overflow:auto;
	}
* html #body {height: 100%;}


/* HOME */

#container-main {	
	padding:0px;	
	height:100%;
	width:100%;
	float:left;
	overflow:auto;
	position:relative;
	border:0px solid #ff0000;
}

#column1 {
	width:210px;
	padding:20px;
	float:left;
	overflow:auto;
	position:fixed;
	border:0px solid #ff0000;
}

#logo {
	margin-bottom:15px;
	border:0px solid #ff0000;
}

#introtext {
	margin-bottom:15px;
}

#column2{
	width:230px;
	height:100%;
	padding:0px;
	color:#acacac;
	line-height:140%;
	/* background-color:#262626; */
	float:left;
	position:fixed;
	top:0;
	left:250px;
	border:0px solid #ff0000;
}

#column2-content{
	margin:20px;
}

#news{
	margin-top:43px;
	line-height: 1.5em;
}

#news span{
	font-size:11px;
}

#news a:hover{
	font-weight:normal;
}

#column3{		
	background:url(images/bg-contentarea-strip.gif);
	background-repeat: repeat-y;
	float:left;
	margin-left:250px;
	border:0px solid #ff0000;
}

#column3-content{
	margin:0px 20px 20px 270px;
	border:0px solid #ff0000;
}

#column3-content ::selection {
        background: #fd4919; /* Safari */
		color:#fff;
}

#column3-content ::-moz-selection {
        background: #fd4919; /* Firefox */
		color:#fff;
}

#column3-content img{
	display:block;	
}

#section-about{	
	margin-bottom:50px;
}

#section-about-content {
	width:480px;
}

#section-about ul{
	list-style-type: none;	
	margin-bottom:20px;
}

#section-about ul li{
	width:320px;
	height:13px;
	background-image: url(images/list-alink.gif);
	background-repeat: no-repeat;
	margin-bottom:2px;
	padding:0px 0px 1px 15px;		
}

#section-about ul li a{
	background-image: url(images/bg-tile.gif);
	padding-right:5px;
}

#section-about ul li a:hover{

}

#section-about ul li:hover{
	background-image: url(images/list-alink.gif);
	background-repeat: no-repeat;
	background-position:0 -13px;
}


#section-showcase{

}

#section-showcase-content{

}

#section-showcase .bg{

}


/*  Width of Gallery */
#section-showcase ul{
	list-style-type: none;	
	border:0px solid #ff0000;
	overflow:auto;
}

#section-showcase ul li{
	width:240px;
	height:200px;
	float:left;
	margin:4px 15px 15px 0;
	background-image: url(images/gallery-thumbnail-bg.gif);
	background-repeat: no-repeat;
}

#section-showcase ul li:hover{
	width:240px;
	height:200px;
	background-image: url(images/gallery-thumbnail-bg.gif);
	background-repeat: no-repeat;
	background-position:0 -200px;
}


/* Works */

#showcase-container {
	width:800px;
	/*  margin:0px auto; */
	margin-left:-50px;
	padding:0 50px;
	border:0px solid #ff0000;
}

#showcase-header-container {
	width:700px;
	margin-left:50px;
	border-top:10px solid #000000;	
}

#showcase-header{
	width:700px;
	margin:30px 0 0px 0;
	padding:5px 0 5px 0;
	overflow:auto;
	border-top:1px dashed #898989;
	border-bottom:1px dashed #898989;
}

#showcase-image-container{
	width:756px;
	height:556px;
	margin:0px auto; 
	padding-top:28px;
	background: url(images/showcase-shadow.png);
	background-repeat: no-repeat;	
}

#showcase-copy{
	width:480px;
	float:left;
	margin:0px 0 30px 0;
	padding:10px 20px 0 0px;
}



#showcase-info{
	width:160px;
	padding:10px 20px 0 20px;
	float:left;
}


#showcase-description-container {
	width:700px;
	margin-left:50px;	
	overflow:auto;
	line-height:140%;	
	padding:10px 0 10px 0;
	border-top:1px dashed #898989;
	border-bottom:10px solid #000000;	
	background: url(images/showcase-info-bg.gif);
	background-repeat: repeat-y;	
	background-position: 100%;
}

#showcase-tail {
	width:700px;
	height:600px;
	background-color:#000000;
	margin:0px auto;
}

.showcase-viewweb {width:46px;height:46px; margin:2px 0 0 5px;position:relative;float:left;text-indent:-9999px;}
.showcase-viewweb a{transition: all 0.20s ease-out; -moz-transition: all 0.20s ease-out; -webkit-transition: all 0.20s ease-out; -o-transition: all 0.20s ease-out;
display:block; background:url(images/showcase-viewweb.gif) no-repeat; width:46px; height:46px; cursor:pointer;}
.showcase-viewweb a:hover{background-position:0 -46px;}

.showcase-viewvideo {width:46px;height:46px; margin:2px 0 0 5px;position:relative;float:left;text-indent:-9999px;}
.showcase-viewvideo a{transition: all 0.20s ease-out; -moz-transition: all 0.20s ease-out; -webkit-transition: all 0.20s ease-out; -o-transition: all 0.20s ease-out;
display:block;background:url(images/showcase-viewvideo.gif) no-repeat; width:46px; height:46px; cursor:pointer;}
.showcase-viewvideo a:hover{background-position:0 -46px;}

.showcase-viewarticle {width:46px;height:46px; margin:2px 0 0 5px;position:relative;float:left;text-indent:-9999px;}
.showcase-viewarticle a{transition: all 0.20s ease-out; -moz-transition: all 0.20s ease-out; -webkit-transition: all 0.20s ease-out; -o-transition: all 0.20s ease-out;
display:block;background:url(images/showcase-viewarticle.gif) no-repeat; width:46px; height:46px; cursor:pointer;}
.showcase-viewarticle a:hover{background-position:0 -46px;}

.showcase-viewapp {width:46px;height:46px; margin:2px 0 0 5px;position:relative;float:left;text-indent:-9999px;}
.showcase-viewapp a{transition: all 0.20s ease-out; -moz-transition: all 0.20s ease-out; -webkit-transition: all 0.20s ease-out; -o-transition: all 0.20s ease-out;
display:block;background:url(images/showcase-viewapp.gif) no-repeat; width:46px; height:46px; cursor:pointer;}
.showcase-viewapp a:hover{background-position:0 -46px;}

#section-contact{
	margin-top:50px;
}

#section-contact-elsewhere ul{
	list-style-type: none;	
	margin:15px 0 15px 0;
}

#section-contact-elsewhere ul li{
	margin-bottom:10px;
	width:300px;
	
}

#section-contact-elsewhere  #linkedin a { 
transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out;
display:block;height:16px; background: transparent url(images/icon-linkedin.jpg) no-repeat 0px center; padding-left:25px;
}
#section-contact-elsewhere  #flickr a { 
transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out;
display:block;height:16px; background: transparent url(images/icon-flickr.jpg) no-repeat 0px center; padding-left:25px;
}
#section-contact-elsewhere  #posterous a { 
transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out;
display:block;height:16px; background: transparent url(images/icon-posterous.jpg) no-repeat 0px center; padding-left:25px;
}
#section-contact-elsewhere  #deviantart a { 
transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out;
display:block;height:16px; background: transparent url(images/icon-deviantart.jpg) no-repeat 0px center; padding-left:25px;
}
#section-contact-elsewhere  #linkedin a:hover, #section-contact-elsewhere  #linkedin a:focus {background-position:3px center;color: #fd0001;}
#section-contact-elsewhere  #flickr a:hover, #section-contact-elsewhere  #flickr a:focus {background-position:3px center;color: #fd0001;}
#section-contact-elsewhere  #posterous a:hover, #section-contact-elsewhere  #posterous a:focus {background-position:3px center;color: #fd0001;}
#section-contact-elsewhere  #deviantart a:hover, #section-contact-elsewhere  #deviantart a:focus {background-position:3px center;color: #fd0001;}


/* Menu */
#menu {
	width:210px;
	margin-bottom:5px;
	overflow:auto;
	float:left;
	border:0px solid #ff0000;
}

.menu-about {width:210px;height:35px;margin-bottom:5px; position:relative;float:left;text-indent:-9999px;}
.menu-about a{display:block;background:url(images/menu-about.gif) no-repeat; width:210px; height:35px; cursor:pointer;}
.menu-about a:hover{background-position:0 -35px;}
.menu-about-onpage{width:210px; height:35px; margin-bottom:5px; position:relative;float:left;text-indent:-9999px;display:block;background:url(images/menu-about.gif) no-repeat; background-position:0 -70px; cursor:pointer; }

.menu-showcase {width:210px;height:35px;margin-bottom:5px; position:relative;float:left;text-indent:-9999px;}
.menu-showcase a{display:block;background:url(images/menu-showcase.gif) no-repeat; width:210px; height:35px; cursor:pointer;}
.menu-showcase a:hover{background-position:0 -35px;}
.menu-showcase-onpage{width:210px; height:35px;margin-bottom:5px;  position:relative;float:left;text-indent:-9999px;display:block;background:url(images/menu-showcase.gif) no-repeat; background-position:0 -70px; cursor:pointer; }

.menu-journal {width:210px;height:35px;margin-bottom:5px; position:relative;float:left;text-indent:-9999px;}
.menu-journal a{display:block;background:url(images/menu-journal.gif) no-repeat; width:210px; height:35px; cursor:pointer;}
.menu-journal a:hover{background-position:0 -35px;}
.menu-journal-onpage{width:210px; height:35px;margin-bottom:5px;  position:relative;float:left;text-indent:-9999px;display:block;background:url(images/menu-journal.gif) no-repeat; background-position:0 -70px; cursor:pointer; }

.menu-getintouch {width:210px;height:35px;margin-bottom:5px; position:relative;float:left;text-indent:-9999px;}
.menu-getintouch a{display:block;background:url(images/menu-getintouch.gif) no-repeat; width:210px; height:35px; cursor:pointer;}
.menu-getintouch a:hover{background-position:0 -35px;}
.menu-getintouch-onpage{width:210px; height:35px;margin-bottom:5px;  position:relative;float:left;text-indent:-9999px;display:block;background:url(images/menu-getintouch.gif) no-repeat; background-position:0 -70px; cursor:pointer; }
/* Menu */

#engineShareList li {
	border-bottom: 1px dotted #c1c1c1;
	padding: 7px 0
}

#engineShareList li p{
	margin-bottom: 5px;
}

#engineShareList li a {
	color:#acacac;
}

#engineShareList li a:hover {	
	font-weight:normal;
	color:#fd0001;
}

#engineShareList {	
	margin-top:10px 
}

#interesthings img {	
	display:none; 
}

/* delicious */
/*
.delicious-posts a {	
	color:#acacac;
}

.delicious-posts a:hover {	
	font-weight:normal;
	color:#fd0001;
}
 
.delicious-posts ul, .delicious-banner {
	margin: 0;
	padding: 0}
 
.delicious-posts li {
	margin: 0;
	padding: 7px 0
}
 
.delicious-post {
	border-bottom: 1px dotted #c1c1c1;
}
 
.delicious-odd {
	
}
 
.delicious-even {
	
}
 
.delicious-posts {
	margin-top:10px;
	font-size: 10pt;
	line-height: 1.3em;
}
 
.delicious-extended {
color:#666666;
	font-size: 10pt;
	line-height: 1.5em;
}
*/
/* delicious */

/* Contact Form */
.ss-q-title {
	font-weight:bold;
	margin-left:5px;
}	

.ss-q-short {
	background: #EEE;
	background: #EEE;
	border: 1px solid white;
	padding:5px;
}

.ss-q-long {
	background: #EEE;
	background: #EEE;
	border: 1px solid white;
	padding:5px;
}

#contactform input[type="text"] {
	width:275px;
}

input.submitbutton { 
	transition: all 0.25s linear; 
	-moz-transition: all 0.25s linear; 
	-webkit-transition: all 0.25s linear; 
	-o-transition: all 0.25s linear; 
	display: inline-block;
	background: #231F20;
	color: white;
	text-transform: uppercase;
	font-size: 11px;
	font-weight:bold;
	outline: none; 
	border: none; 
	padding: 5px 15px 5px 15px;
}
    
input.submitbutton:hover { cursor: pointer; }

.submitbutton:hover, .submitbutton:focus { background: #fd0001; }
/* Contact Form */	


/* Twitter Stream */
#tweet {
	margin-top:15px;
}

#tweet ul {
	list-style-type: none;	
}

#tweet a {

}

#tweet a:hover {

}
/* Twitter Stream */


/* Pong*/
#special-container {
	width:480px;
	height:420px;
	margin-top:-385px;

transition: margin-top 0.50s ease-out; -moz-transition: margin-top 0.50s ease-out; -webkit-transition: margin-top 0.50s ease-out; -o-transition: margin-top 0.50s ease-out;
}

#special-container:hover {
margin-top:0px;
}


#pong {
	background-image: url(images/special-pongbg.gif);
	background-repeat: no-repeat;
	border:5px solid #000;
	margin:20px 0 50px 0;
	-moz-box-shadow:  10px 10px 0px rgba(30, 28, 28, 0.2);
  -webkit-box-shadow:  10px 10px 0px rgba(30, 28, 28, 0.2);
  box-shadow:  10px 10px 0px rgba(30, 28, 28, 0.2);
}

/* Pong*/
#quotes {
	width:480px;
	margin-top:50px;
	padding:5px;
	color:#fff;
	transition: background 0.50s ease-out; -moz-transition: background 0.50s ease-out; -webkit-transition: background 0.50s ease-out; -o-transition: background 0.50s ease-out;
}

#quotes:hover {
	 background: #fd4919; /* Firefox */
	 color:#fff;
}

#footer{
	height:10px;
	margin:15px 15px 0 0;
	padding: 0 0 5px 15px;
	float:left;
	font-size:11px;
	background-image: url(images/symbol-copyright.gif);
	background-repeat: no-repeat;
	background-position: left center;
}