* {
	padding:0;
	margin:0;
}



h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }

li, dd { margin-left:5%; }

fieldset { padding: .5em; }

select option { padding:0 5px; }


.hide, .print-logo, .close-button{ display:none; }

.left{ float:left; }

.right{ float:right; }

.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }

a img{ border:none; }




body{
	background:url(images/green_background.jpg) #000000 no-repeat left top;
	color: #bfbfbf;
	font-size:11px;
	font-family:"century gothic", Verdana, Arial, sans-serif;
}
/* This class sets the width and position for all rows */
.inside{
	
	min-width:65em;
	max-width:85em;
	margin:0 auto;
}

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

h1{
color:#CCC;
font-size:1.5em;
font-weight:normal;
margin:1.5em 0;
}

h2, h3{
	font-size:1.15em;
	color:#FFF;
	font-weight:normal;
}
h4 {
        font-family:"century gothic", Verdana, Arial, sans-serif;
	font-size:2.35em;
	color:#FFF;
	font-weight:normal;
	margin-bottom: 10px;
}



#primary h2{

	color:#CCC;
}







p{
	line-height:1.75em;
	widows: 4;
}







ul li{

	list-style-type:square;
	margin:0.5em 0 0.5em 2em;
}


blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #CCC;
	color:#CCC;
}

pre{
	/*width:100%;*/
	padding:1em 0;
	overflow:auto;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

table{
	width:100%;
	border-spacing:2px;
	margin:1.5em 0;
}



table th, table td{ padding:0.3em 0.75em }



table th{



	background:#CCC;



	color:#000;



	text-align:left;



}



table td{
	background:#333;
	color:#FFF;
}



table caption{
	text-align:left;
	color:#FFF;
	margin-bottom:-1em;
	margin-top:1em;
}

.rule{
	border-top:1px solid #CCC;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:1.5em 0;
}

.about{
	width: 350px;
	}


.about_index h2{display:none;}
.about h2{display:none;}



/*-----------------------------------------------------------------------------------------------

  Header
-----------------------------------------------------------------------------------------------*/



#header{
padding: 0 10px;
}



#header .inside{
	padding:3em 0;
}


#header h2{
	font-size:2.25em;
	margin:0 0.5em 0 0;
	padding:0 0.5em 0.25em 0;
	border-right:1px solid #808080;
	float:left;
}



#header h2 a{ 
	text-decoration:none; 
}







#header p{
	padding:1em 0;
	margin:0;
	line-height:1em;
}



.header_name{display: none;}

/*-----------------------------------------------------------------------------------------------

  Primary Items

-----------------------------------------------------------------------------------------------*/



#primary{



	padding:1px 0 2em 0;



	color:#d7ddbd;



}








#primary.onecol-stories .primary{




	float:left;



/*	width:50%;*/




}



#primary.onecol-stories .secondary{




	float:right;


/*
	width:40%;*/


/*
	margin:0 0 0 10%;*/



}







#primary.twocol-stories .story{

	float:left;
	/*width:48%;*/
	margin:0 0 0 4%;
	display:inline;
}



* html #primary.twocol-stories .story{



	/*margin-left:2%;*/



}



#primary.twocol-stories .first, * html #primary.twocol-stories .first{



	margin:0 0 0 0;



}







.story h3{



	font-size:1.15em;



	margin:0 0 1.5em 0;



	font-weight:normal;



	color:#CCC;



}



.story h3 a{



	color:#CCC;



	text-decoration:none;



	border-bottom:1px dotted #666;



}







.story .details{



	margin:1em 0;



	text-align:right;



	border-top:1px solid #333;



	padding:0.5em 0;



	font-size:0.95em;



	color:#666;



}



.story .details .read-on{



	/*background:url(images/readon_black.gif) 100% 60% no-repeat;*/



	padding-right:20px;



	display:block;



}



.story .details a{



	color:#666;



	text-decoration:none;



}



.story .details a:hover{ color:#FFF; }







/* Single Post Styles */







#primary .primary{



float:left;
padding: 131px 0 0 ;

width:350px;



}



#primary .secondary{



float:right;

padding: 195px 100px 0 0 ;

width:200px;








	display:inline;



}



* html #primary .secondary{ /*margin-right:3%;*/ }







.secondary .featured p{



	border-bottom:1px solid #333333;



	border-top: 1px solid #333333;



	padding:0.5em 0 0.6em 0;



	line-height:1.5em;



	margin:1em 0 0 0;



}



.secondary .featured dl{



	margin:0 0;



	border-bottom:1px solid #333333;



	padding:0.5em 0 0.6em 0;



}



.secondary dt{



	display:inline;



	margin:0;



	padding:0;



	color:#AAA;



}



.secondary dd{



	display:inline;



	margin:0;



	padding:0;



}



.secondary dd a{ color:#808080; }



.secondary dd a:hover{ color:#FFF; }







.single-post h1, .single-post h2{ margin-top:0; }







/*-----------------------------------------------------------------------------------------------



	Secondary Items



-----------------------------------------------------------------------------------------------*/







#secondary{



	background:#222;



	padding:20px;



	border-top:1px solid #333;



}







.comment-head{



	border:1px solid #333;
background: #222;

width: 600px;
	padding: 10px;
margin: 0 0 0 160px;



}



.comment-head h2{



	font-size:1.5em;



	margin:0;



}



.comment-head a{



	text-decoration:none;



	color:#868686;



}



.comment-head .details{



	font-size:0.95em;



}







ol#comments{



	list-style-type:none;



	margin:2em 0;



}



ol#comments li{



	list-style-type:none;



	margin:2em 0;



}







#comments cite{



	float:left;



	/*width:31%;*/



	font-style:normal;



	text-align:right;



}



* html #comments cite{ /*width:30.6%*/ }



#comments cite span{



	display:block;



}



#comments cite .author{ font-size:1.2em; }



#comments cite .author a{



	text-decoration:none;



}



#comments cite .admin-tools{



	margin:5px 0;



}



#comments cite .admin-tools a{



	float:right;



	margin:0 5px;



	padding:0px 3px 3px;



	background:#666;



	border:1px solid #999;



	text-decoration:none;



}



#primary .secondary .admin-tools{ margin:1em 0; }







#preview{



	margin:1em 0;



	padding:0.5em;



	border:1px solid #333;



}



#preview p{ margin:1em 0 0 0; }



#errors{ color:#FF0000; font-weight:bold; }







#comments .pingback cite .author{



	display:block;



	padding-top:68px;

/*

	background:url(images/trackback_pingback.gif) 100% 0 no-repeat;*/



}







#comments .content{



	float:left;



/*	width:60%;*/



	/*margin-left:1.9%;*/



	border-left:1px solid #868686;


/*
	padding: 0 0 0 2%;*/



}



#comments .content p{



	margin:0 0 1em 0;



}



#comments .content h3{



	margin:0;



	font-size:1em;



}







#comment-form{



/*	margin:5em 0 5em 35.4%;*/

padding: 0 0 0 160px;

	width:36em;



}



input.textfield{



	width: 15em;



	margin:5px 0;



}



textarea.commentbox{



	width:28em;



	height:10em;



	padding:0.25em;



	margin:5px 0;



	font-size:1.25em;



	font-family:Arial, Helvetica, sans-serif;



}



label.text{




	position:relative;



	left:0.5em;






	top:-0.5em;




}



.formactions input.submit{ 











	float:right; 



	margin:-1em 0 0 0;



	padding:0 0.5em;



}



.formactions .spinner{



	float:right;



	margin:-8px -20px 0 0;



}







/*-----------------------------------------------------------------------------------------------



  Ancillary Items



-----------------------------------------------------------------------------------------------*/







#ancillary{



	padding:2em 0 0 0;



}



#ancillary .block{



	float:left;



/*	width: 30%;*/



/*	margin:0 0 0 5%;*/



}



* html #ancillary .block{



	/*margin-left:3.9%;*/



}



#ancillary .twice-length{ /*width:65%;*/ }


/*
#ancillary .thrice-length{ width:100%; }*/



#ancillary .first, * html #ancillary .first{



	clear:both;



	margin:0;



}



#ancillary .block-separator{



	clear:both;



	height:2.5em;



}







#ancillary .block h2, #ancillary .block h3{



	margin:0 0 2em 0;



}







ul.dates, ul.counts, ul.blogroll ul, ul.pages{



	list-style-type:none;



	margin:1.5em 0 2em 0;



	border-top:1px solid #3D3D3D;



}



ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{



	list-style-type:none;



	margin:0;



	padding:0.5em 0;



	border-bottom:1px solid #3D3D3D;



}



ul.dates .date{



	color:#858585;



	padding:0 1.5em 0 0;



}







ul.counts .count{



	float:right;



	color:#858585;



}







ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{



	color:#BFBFBF;



	text-decoration:none;



}



ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ 



	color:#FFF;



}







ul.blogroll{ margin-top:0; }



ul.blogroll li{



	list-style-type:none;



	margin:0;



}







ul.pages ul{



	margin:0;



}



ul.pages ul li{



	border:none;



	margin-left:2em;



	list-style-type:square;



}



/*-----------------------------------------------------------------------------------------------



  Foooter



-----------------------------------------------------------------------------------------------*/







#footer{



	clear:both;



	color:#939393;



	margin:2em 0 3em 0;




}



#footer .inside{



/*	background:url(images/footer_black.gif) 50% 0 repeat-x;*/

	padding:1em 0;
	color:#FFFFFF;
}



#footer p{



	margin:0;



	font-size:0.95em;



}



#footer p.copyright{ float:left; }



#footer p.attributes{ float:right; }



#footer p.attributes a{



	padding:0 0 0 1em;



	text-decoration:none;



	color:#525252;



}



#footer p.attributes a:hover{



	color:#FFF;



}







/*-----------------------------------------------------------------------------------------------



  Search



-----------------------------------------------------------------------------------------------*/







#search{



	float:right;



	width:200px;



	margin:1em 0 0 0;



	-moz-opacity:0.4;



	text-align:right;



}



#search:hover{



	-moz-opacity:1.0;



}



#search .searchimg{



	float:left;



	width:14px;



	height:13px;



	background:url(images/search.gif) 0 0 no-repeat;



	position:relative;



	top:4px;



}



#search input{ 



	width:175px; 



	font-size: 0.85em; 



	background:#CCC;



	margin-top:2px;



}



#search input:focus{



	background:#FFF;



}







#searchform{



	margin:1em 0;



}







#searchform #s{



	background:#222;



	border:none;



	border-bottom:1px solid #333;



	width:30em;



	color:#666666;



	padding:0.25em;



}







#searchform #searchsubmit{



	background:#000;



	color:#666;



	border:none;



	font-size:0.9em;



	text-transform:uppercase;



	letter-spacing:0.25em;



}







/* Legacy Typo CSS */







#search-results{


/*
	width:30%;*/



	background:#333;



	padding:0 0 0 0;



	float: right;



	-moz-opacity:0.9;



	border-top:1em solid #000;



}



#search-results h3{



	font-weight:bold;



	text-align:left;



	margin:0;



	padding:0 0 1em 0;



	background:#000;



	



}



#search-results small{



	display:block;



	text-align:left;



	font-size:0.9em;




	padding:0.5em 1em 0.7em 1em;



	border-top:1px solid #666;





	border-bottom:1px solid #555;



}




#search-results small a{



	color:#CCC;







}



#search-results ul li{



	list-style-type:none;



	padding:0 1em 0.5em 1em;



	margin:0.5em 0;



}



#search-results ul li:hover{



	background:#202020;




}



#search-result ul{ margin:0; }



#search-results ul li a{



	text-decoration:none;



	border-bottom:1px dotted #CCC;



}







#search img.archives-icon{



	margin:0 7px 0 0;



	top:1px;



}

/*index styles*/

.about_index{
	float:left;
	width: 230px;
padding: 132px 0 0 0;
	}
.ie_gallery{
display:none;}	
.fancybox_gallery {
float:right;
padding:90px 0 0 }

/*Fancy flickr Rss Gallery*/



.flickr_gallery {

	margin: 40px auto 5px;

	width: 515px;

}

 
.flicker_thumb_container{

	
	
}
.flickr_thumb {

	background: transparent url(images/polaroid.png) no-repeat bottom right;

	display: inline;

	float: left;
	padding: 10px;

	height: 125px;
	
	margin: 15px 10px;

	text-align: center;

	width: 116px;

	position: relative;

}

.flickr_thumb:hover{

	background: transparent url(images/polaroid_hover.png) no-repeat bottom right;

	/*display: inline;

	float: left;

	height: 125px;

	margin: 15px 10px;

	text-align: center;

	width: 116px;

	position: relative;*/

}

  

.flickr_thumb a {

	display: block;

	height: 100px;

	position: relative;

	width: 100px;

	margin: 8px;

	background-repeat: no-repeat;

	background-position: center center;

}



 

.flickr_thumb span {

	background: transparent url(images/tape.png) no-repeat scroll 50% 0;

	height: 25px;

	left: 20px;

	position: absolute;

	top: -10px;

	width: 77px;

	z-index: 10;

}

 

.clear {

	clear: both;

}

/*Nav Fade */
#nav{
position: relative;
width: 460px;
float: right;
top: 70px;
right: 54px;
background: orange;

	
	
}
.fade  {
	position: absolute;
	right: 0;
	top: 0;
}

.fade div {
	position: absolute;
	top: 0;
	left: 0;
	display: none;

}

.fade blog div {
	top: 0;
	left: 0;

}

.blog {
	top: 0;
	left: 0;

	
}

.fade portfolio div {
	padding-left:100px;

}
.portfolio {
	top: 0;
	left: 100px;

}

.fade resume div {
	padding-left:100px;

}
.resume{
	top: 0;
	left: 290px;

}


/*-----------blog-----------*/

.blog_column{
width: 390px;
float: left;
padding: 158px 0 0 ;
}

.blog_sidebar{
width:250px;
float:right;
padding: 180px 45px 0 0 ;}

.blog_post{
padding:0 0 35px 0;
margin: 0 0 35px 0;
border-bottom: 1px solid #333;
display: inline;
float: left;
clear: left;
}

.blog_post a:hover, .primary a:hover {
border-bottom: 1px solid #555;
color: #e5e5e5;
}

.blog_post h4{
padding:0px;
margin:0px;
}

.blog_post h4 a {
padding:0px;
margin:0px;
}

.blog_post a:hover, .primary a:hover {
padding:0px;
margin:0px;
border-bottom: 1px solid #555;
color: #e5e5e5;
}

.blog_post h5, .primary h5 {
padding:3px 0px 5px 0;
margin:0px;
color: #bfbfbf;
font-size:11px;
font: 11px normal "century gothic", Verdana, Arial, sans-serif;
}
	
	
.blog_post img, .primary img {
max-width:200px!important;
float:left;
max-height:none;
height:auto!important;
padding-right:20px;
}
	/*Recent Posts (sidebar)*/
	
.recent{
padding: 0 0 0 165px;}

.searchbar{
}

div#fancy_title table {
	margin: 0 auto !important;
padding:0 !important;
border-spacing:0px !important;
}
div#fancy_title table td, div#fancy_title table th {
	margin: 0 auto !important;
padding:0 !important;
}

.fancybox { display: none; }

a:focus { -moz-outline-style: none; }/*this avoids having image replacement sections display a dotted outline*/
#dtreea { margin: 0 0 20px 0 !important; }
.featured h2 { margin: 0 0 5px 0 !important; font-size: 16px; }

.portfolio_container {

float: left;
padding: 165px 0 0;
}


.portfolio_block {
	width: 700px;
	clear: left;
	margin:0 0 30px 0;
	float: left;
	border-bottom: 1px solid #333;
	padding: 0 0 30px;
	
}
.portfolio_right{
	float:right;
	width:250px;
}
.portfolio_left{
float: left;
width: 350px;}
.portfolio_right h4{
padding:15px 0 0;
margin:0;}

.news{
padding: 0 0 0 40px;
width: 450px;

}
.news h2{
padding-bottom:25px;
margin:0!important;
	border-bottom:1px solid #333333;}

.news p{
padding-bottom:24px;

	border-bottom:1px solid #333333;}