/* 
Theme Name: KA Steroid
Theme URL: http://www.kirkegaard.com/
Description: KA New Look
Author: Davin Huston
Author URI: 
Version: Lost Count

*/

body{
  margin:0;
  background-repeat:repeat-x;
  background-color: #333;
  color: #eee;
  overflow-x: hidden;
  overflow-y: scroll;
  text-shadow: 2px 2px 2px #000;
}


img {
border: none;
-moz-box-shadow: 3px 3px 3px #000;
-webkit-box-shadow: 3px 3px 3px #000;
box-shadow: 3px 3px 3px #000;
}

a {
	text-decoration: none;
	color: #eee;
}

a:link, a:visited, a:active {
	color: #eee;
}

a:hover {
	color: #D02433;
}

ul {
	list-style: none;
}

div#floatMenuWrapper { 
position: absolute;
top:0;
right: 0;
  width: 250px;
}

div#floatMenu {
  width: 250px;
margin-top: 1em;
position: absolute;
top:0;
right: 1em;
}

div#floatMenu.fixed {
  position: fixed;
  width: 250px;
  top: 0;
}



div#floatMenu img {
	padding-bottom: 10px;
	float:right;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;	
}

.menu {
	list-style: none;
	text-align: right;
}

.menu li {
	font-size: 1em;
	line-height: 1.75;
}

.sub-menu {
	font-size: 0.85em;
	display: none;
	padding-right: 1em;
	list-style: none;
}

.sub-menu {
	line-height: 1.75;
}

div#floatMenu h5{
	text-align: right;
	color: #eee;
	clear:both;
}
div#peoplefloatMenuWrapper { 
position: absolute;
top:0;
left: 0;
  width: 100px;
  z-index: 2;
}

div#socialicons {
	margin: 1em;
}

div#socialicons img {
	padding:.2em;
}

div#peoplefloatMenu {
width: 100px;
margin-top: 1em;
position: absolute;
top:0;
left: 1em;
z-index: 2;
}

div#peoplefloatMenu.fixed {
  position: fixed;
  width: 100px;
  top: 0;
  z-index: 2;
}
ul#peoplefilter {
	list-style: none;


}
ul#peoplefilter li {
	margin-right:20px;
	margin-bottom: 1em;
	margin:1em .5em 0em .5em; 
	line-height: 1.25;
}

ul#peoplelist {
	list-style: none;
}

ul#peoplelist li {
	float: left;
}


ul#projectfilter {
	list-style: none;
	padding-bottom: 10px;
}
ul#projectfilter li {
float: left;
margin-right:20px;
}

ul#projectlist {
	list-style: none;
}

ul#projectlist li {
	float: left;
}

.boxgrid{ 
	width: 250px; 
	height: 250px; 
	margin:1em .5em 0em .5em; 
	float: left;
	background:#161613; 
	border: solid 2px #444; 
	overflow: hidden; 
	position: relative; 
	color: #eee;
	-moz-box-shadow: 3px 3px 3px #000;
	-webkit-box-shadow: 3px 3px 3px #000;
	box-shadow: 3px 3px 3px #000;
}

.boxgrid img{ 
	position: absolute; 
	left: -25px;
	top:-25px;
	border: 0; 
}

.boxgrid .projpageimg{ 
	position: absolute; 
	left: -87px;
	top:-87px;
	border: 0; 
}
						
.boxgrid p{ 
	margin: 1em;
	padding: 0 0; 
}
				
.boxcaption{ 
	float: left; 
	position: absolute; 
	padding: 10px;
	color: #ddd;
	bottom: 0;
	background-color: #111;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	width: 230px;
}

.ie .boxcaption {
	background-color: #111;
	opacity: 1;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 500;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	width: 100%;
}


.peopleboxgrid { 
	width: 150px; 
	height: 150px; 
	margin:1em .5em 0em .5em; 
	float:left; 
	background:#161613; 
	border: solid 2px #444; 
	overflow: hidden; 
	position: relative; 
	color: #eee;
	-moz-box-shadow: 3px 3px 3px #000;
	-webkit-box-shadow: 3px 3px 3px #000;
	box-shadow: 3px 3px 3px #000;
}

.ie peopleboxgrid {
	position: static;
}
.peopleboxgrid img{ 
	width: 150px;
	height: 150px;
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 

}

.peopleboxgrid h6{ 
	padding: 0 10px; 
}							
.peopleboxgrid p{ 
	margin: 1em;
	padding: 0 10px; 
}
				
.peopleboxcaption{ 
	float: left; 
	position: absolute; 
	padding: 5px;
	color: #ddd;
	bottom: 0;
}
                         
.ie .peopleboxcaption {
	background-color: #111;
	opacity: 1;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 500;
    font-size: .8em;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	width: 100%;
}


.captionfull .peopleboxcaption {
	top: 260;
	left: 0;
}
.caption .peopleboxcaption {
	top: 220;
	left: 0;
}

.projboxgrid { 
	width: 200px; 
	height: 200px; 
	margin:1em .5em 0em .5em; 
	float:left; 
	background:#161613; 
	border: solid 2px #444; 
	overflow: hidden; 
	position: relative; 
	color: #eee;
	-moz-box-shadow: 3px 3px 3px #000;
	-webkit-box-shadow: 3px 3px 3px #000;
	box-shadow: 3px 3px 3px #000;
}

.projboxgrid img{ 
	position: absolute; 
	left: -25px;
	top: -25px;
	border: 0; 
}

.projboxgrid h6{ 
	font-size: 0.8em;
	padding: 0 10px; 
}							
.projboxgrid p{ 
	font-size: 0.7em;
	margin: 1em;
	padding: 0 10px; 
}
				
.projboxcaption{ 
	float: left; 
	position: absolute; 

	padding: 5px;
	color: #ddd;
	bottom: 0;
	float: left; 
	position: absolute; 
	padding: 10px;
	color: #ddd;
	bottom: 0;
	background-color: #111;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	width: 180px;
}
                        
.ie .projboxcaption {
	background-color: #111;
	opacity: 1;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 500;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	width: 100%;
}


.projstaticgrid { 
	width: 200px; 
	height: 250px; 
	margin:1em .5em 0em .5em; 
	float:left; 
	background:#161613; 
	border: solid 2px #444; 
	overflow: hidden; 
	position: relative; 
	color: #eee;
	-moz-box-shadow: 3px 3px 3px #000;
	-webkit-box-shadow: 3px 3px 3px #000;
	box-shadow: 3px 3px 3px #000;
}



#contact-wrapper {
	width:430px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}

img.leedlogo{
	width: 75px;
	height: 75px;
		-moz-box-shadow: none;
-webkit-box-shadow: none;;
box-shadow: none;}

}