/*------------------
Global Stles
-----------------*/
* {
	padding:0;
	margin:0;
	font-size:11px;
	line-height:21px;
}
a img{border:none}
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }

/*-------------------
Layout / Base page styling
---------------------*/
* body{
	background:#272727;
	color:#BFBFBF;
	font-size: 0.916667em;
	font-weight: normal;
	line-height: 1.909091em;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}
input, textarea{font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif}

h1, h2, h3{
	font-weight:normal;
}
h1 {
	color:#fff;
	font-size: 2em;
	line-height: 0.875em;
}
h2, h3{
	font-size: 1.25em;
	line-height: 1.4em;
}


p{
	line-height:1.75em;
}
ul{
	list-style: none;
}
li a{
	text-decoration: none;
}
.inside {
	margin:0pt auto;
	width:80%;
	min-width: 65em;
	max-width: 85em;
}
.tab{
	float: left;
	background: #666;
	margin:2em 0 0 0;
	padding:1em;
	display:none;
}
.tab h3{
	color:#fff;
}
#header{
	background:#000;
}
#topSection{
	background:#000 none repeat scroll 0%;
}

#topSection.two-columns .project {
	display:inline;
	float:left;
	margin:0pt 0pt 0pt 8%;
	width:45%;
}
#middleSection{
	background:#272727;
}
#middleSection.three-columns .column {
	float:left;
	margin:0pt 0pt 0pt 4%;
	width:30%;
}

#topSection.two-columns .first {
	margin:0pt;
}
#middleSection.three-columns .first {
	margin:0pt;
}
#bottemSection {
	background:#000;
}
#bottemSection.three-column .column{
	float:left;
	margin:0pt 0pt 0pt 4%;
	width:25%;
}
#bottemSection.three-column .first{
	margin:0pt;
}
.clear {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px;
}
.projectDetails p{
	float:right;
	margin:0;
}
.project h2 span{
	float:right;
	color:#fff;
}
a{ color: #fff;}
a:link{ color: #fff; }

a:hover { text-decoration: none; }
a:active { color: #fff; }

/*-------------------
header
--------------------*/
#header{
	padding: 2em 0 3em 0;
}
#header p {
	margin: 1em 0;
	font-size: 0.916667em;
	line-height: 2.1em;
}
#header h1{
	padding:0 .5em .25em 0;
	margin:0 .5em 0 0;
	border-right:1px solid #808080;
	float:left;
}
#header a{
	text-decoration: none;
}
#header img{
	border: none;
	float:left;
	margin: -1.5em 2em 0 0;
	/*
position: absolute;
	top: 1em;
	left: 2em;
*/
}

/*-----------------------
Top Section
-----------------------*/
.summary img{
	float: left;
	padding: 0 1em 0 0;
}
.highlight{
	color:#9f0;
}
#topSection{
	padding:0 0 4.166700em 0;
}
#topSection .projectImage{
	height:118px;
	border:5px solid #666;
	overflow: hidden;
	margin:1em 0 1em 0;
}
#topSection .projectImage:hover{
	border-color: #9f0;
}
#topSection .summary{
	color:#fff;
	border-bottom: 1px dotted #fff;
	padding:0 0 1em 0;
	margin:0 0 .5em 0;
	
}
#topSection .project h2{
	color:#fff;
	border-bottom: 1px dotted #fff;
	padding:0 0 .25em 0;
	margin:0 0 .5em 0;
}
#topSection .project{
	color:#fff;
}
#topSection .projectDetails p{
	color:#bfbfbf;
}
#topSection .projectDetails a{
	padding: .10em 0 .25em 2em;
	background: url(images/template/buttonIconOut.gif) left center no-repeat;

}
#topSection .projectDetails a:link{background: url(images/template/buttonIconOut.gif) left center no-repeat;
}
#topSection .projectDetails a:hover{background: url(images/template/buttonIconOver.gif) left center no-repeat;
}
#topSection .projectDetails a:active{background: url(images/template/buttonIconOut.gif) left center no-repeat;
}

/*Additional Information*/

#additionalInfo h2{

}
dl{
	margin: 0 0 4em 0;
	padding: 0;
}
dt{
	float: left;
	padding: 0 .5em 0 0;
	margin: 0;
}
dd{
	margin: 0 0 .5em 0;
	padding: 0 1em .5em 0;
	border-bottom: 1px dotted #fff;
}
#additionalInfo #otherProjects h2{
	border: none;
}
/* Other Projects */
#otherProjects h3{
	border: none;
}
#otherProjects img{
	border:5px solid #666;
	padding:0;
	margin: 5px 0 5px 5px;
}
#otherProjects img:hover{
	border:5px solid #ccc;
}
#otherProjects dd{
	padding: .5em 1em 0 .5em;
	margin:0 0 .75em 0;
	line-height: 1px;
	height:65px;
	background: #272727;
	border: none;
}
#otherProjects dt{
	float: right;
	padding: 0 5px 0 0;
	line-height: 1.50em;
	text-decoration: none;
	
}
#otherProjects dd a{
	line-height: 1.50em;
	text-decoration: none;
	
}


/*---------------------------
Middle Section
----------------------------*/
#middleSection, #bottemSection{
	padding:1.50em 0;
}
#middleSection h2, #bottemSection h2{
	padding:0 0 1em 0;
}
#blogEntries h2, .blogItem{
	border-bottom: 1px dotted #fff;
	margin:0 0 .75em 0;
}
#blogEntries h3 a, .blogItem h3 a{
	text-align: left;
	padding:0 1em 0 0;
	margin:0 0 .25em 0;
	text-decoration: none;
	font-size:inherit;

}
#blogEntries h3 a:hover, .blogItem h3 a:hover{
	color:#9f0;
}
#blogEntries p{
	text-align: left;
}
.blogItem p img{
	display: none;
}
.blogItem{
	padding:0 0 .75em 0;
}
#categories{
	border-bottom: 1px dotted #fff;
}
#categories h2{
	margin:0 0 0 0;
}
#categories ul{
	list-style: none;
}
#categories li{
	border-top: 1px dotted #fff;
	padding:0 0;
}
#categories li p{
	color:#fff;
	background:#555;
	margin:.5em 0;
	padding: 0 0 0 .5em;
}
#categories li .even{
	background:#333;
}
#middleSection h3{
	color:#fff;
}
#middleSection #miniBio, #middleSection #categories{
	width:25%;
}
#middleSection #miniBio p{
	padding:0 0 1.25em 0;
}
#middleSection #blogEntries{
	width:40%;
}
.date{
	color:#fff;
	background:#666;
	float:left;
	padding:0 2em;
	margin:0 0 0 0;
}
.date p{
	padding: 0;
}
#blogEntries img{
	float:left;
	padding: 0;
	margin: 0 2em 0 0;
}
#miniBio strong{
	color:#fff;
}
/*
#categories a:link{background: url(images/template/bullet_out.gif) left center no-repeat;
}
#categories a:hover{background: url(images/template/bullet_over.gif) left center no-repeat;
}
#categories a:active{background: url(images/template/bullet_out.gif) left center no-repeat;
}
*/

/*--------------------------
Bottem Section
---------------------------*/
#bottemSection h2{
	color:#fff;
	border-bottom: 1px dotted #fff;
}
/*
#bottemSection .columns{
	width:25%;
}
*/
#bottemSection li{
	border-bottom: 1px dotted #fff;
	padding:.25em 0;
}
#bottemSection li a{
	padding: 0 0 0 2em;
	background: url(images/template/bullet_out.gif) left center no-repeat;

}
#bottemSection li a:hover{
background: url(images/template/bullet_over.gif) left center no-repeat;
}
/* Contact Box */
#bottemSection.three-column #contact{
	/* display: none; */
	width: 40%;
}
#contact fieldset{
	background:#272727;
	padding:0 1em .5em 1em;
}
#contact label{
	display: block;
	color:#fff;	
	margin:0 0 .5em 0;
}
#contact input{
	height: 2em;
	width:99%;
	color:#fff;
	background:#666;
	border: none;
	padding:.5em 0 0 4px;
	margin:0 0 .5em 0;
}

#contact textarea{
	width:99%;
	height:10em;
	margin:0 0 .5em 0;
	padding:.5em 0 0 4px;
	color:#fff;
	background:#666;
	border: none;
}
#contact-left input,#contact-right input{
	background:#666;
	border:none;
}
#contact fieldset{
	border: none;
}
#contact-left{
	float: left;
	width:48%;
}
#contact-right{
margin:0 2px 0 0;
	float: right;
	width:48%;
}
#contact #submit{
	float: right;
	width: 5em;
	margin:0;
	padding: 0;
}
#contact #submit:hover{
	background:#ccc;
	color: #555;
}
#contact li{
	border:none;
}
.special{
	visibility: hidden;
}
/*------------------------
Footer
-------------------------*/
#footer{
	color:#fff;
	padding: 2em 0;
	background: #000;
}

#footer p{
	line-height:50px;
}