/*************************************
 +Containers
 *************************************/
body{
	color:#555;
/*	font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: Arial, "MS Trebuchet", sans-serif;
	background:#fcfcfc url(/images/body_bg_thin.png) repeat-x;
	position:relative;
}

body#homepage{
	background:#fcfcfc url(/images/body_bg.png) repeat-x;
}


p{
	line-height:2em;
	margin:.5em 0;
}
#bd p{
	line-height:1.5em;
}


.clear{clear:both}
#sidebar{
}
#hd{
height:88px;
position:relative;
}
#footer{
	background:#333;
	border-top:1px solid #777;
	color:#888;
	clear:both;
	font-size:0.9em;
	padding:0.5em;
}

pre{background:black; width:100%; overflow:auto}
blockquote{
background:#f2f2f2;
padding:1em;
font-weight:bold;
border:2px dashed #e2e2e2;
}


/*************************************
 +Hn and p
 *************************************/
h1, h2, h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
}

h1{
	font-size:2em;
	line-height:3em;
}
h2{
	font-size:1.75em;
	line-height:2.75em;
	color:black;
	font-weight:normal;
}
h3{
	font-size:1.5em;
	line-height:2.5em;
}
h4{
	font-size:1em;
	color:black;
	line-height:2.5em;
	border-bottom:1px solid #d9d9d9;
	margin-bottom:1em;
}


#hd h1{
	margin-top:20px;
	float:left;
}
#hd h1 a{
	display:block;
	height:52px;
	background:url('/images/logo.png') no-repeat;
	text-indent:-9999px;
	width:260px;
}
#hd h1 a:hover{
	color:#CC0000;
}


/*Nav*/
#hd ul{
	float:right;
	height:30px;
	margin-top:30px;
}
	#hd ul li{ 
		float:left;
		padding:0 0.5em;
		display:block;
		font-size:1.2em;
	}
		#hd ul a{
			font-variant: small-caps;
			padding-left:10px;
			color:#666;
			display:block;
	
		}
			#hd ul a span{
				display:block;
				padding:6px 10px 6px 0px;
			}

		#hd ul a.selected, #hd ul a:hover{
			color:#C1272D;
			background: url('/images/nav_selected_left.png') no-repeat top left;
			position:relative;
			text-decoration:none;
		}
		#hd ul a.selected span, #hd ul a:hover span{
			background: url('/images/nav_selected_right.png') no-repeat  top right;
			display:block;
			text-decoration:none;
		}

/* main section */
body#homepage .main_section{
	height:347px !important;
}
.main_section{
	height:179px;
	position:relative;
	color:white;
}

#sub_section_texture{
	background:url('/images/header_bg_thin.png') no-repeat top center;
	height:180px;
	position:absolute;
	top:89px;
	width:100%;
}

#main_section_texture{
	background:url('/images/header_bg.png') no-repeat top center;
	height:347px;
	position:absolute;
	top:88px;
	left:0px;
	width:100%;
}
	#featured_project{
		background:url('/images/feature_bg.png') no-repeat top center;
		padding-top:30px;
		width:450px;
		float:left;
		text-align:center;
	}
		#featured_project img{

		}
		#featured_project div{
			margin:0px auto;
		}
		
	#intro {
		width:400px;
		float:left;
/*		float:right;*/
		width:510px;
		color:white;
	}
	body#homepage #intro{
		float:right;
	}
		#intro h1{
			margin-top:1em;
			letter-spacing:3px;
		}
		#intro p{
			font-size:1.5em;
			line-height:1.5em;
			color:#e6e6e6;
			margin-bottom:10px;
		}
		#intro a.action{
			display:block;
			width:240px;
			height:88px;
			float:left;
			line-height:88px;
			text-align:center;
			color:#ccc;
			font-size:1.5em;
		}
		
		#intro a.button{
			background:url('/images/red_button.png') no-repeat top center;			
			color:white;
			letter-spacing:3px;
		}
		#intro a.button:hover{
			background:url('/images/red_button_over.png') no-repeat top center;		
			text-decoration:none;
		}
	
		#intro a.trans{
			opacity: 0.6;
			-moz-opacity: 0.6;
			filter:alpha(opacity=60);
		}
		#intro a.trans:hover{
			opacity: 1;
			-moz-opacity: 1;
			filter:alpha(opacity=1);
		}
	
/* +Midsection */
.midsection {
	background:url('/images/main_shadow.png') no-repeat top center;
	padding-top:3em;
}
	.midsection .yui-u{
		margin-bottom:1em;
	}
	.midsection p{
/*		line-height:1.6em !important;*/
		font-size:1.2em;
	}
	
	
/*
	+lower_section
*/
.lower_section{
	background: url('/images/hr_shadow_up.png') no-repeat top center;
	padding-top:20px;
	margin-top:2em;
}


/*
	+Developer Profiles
*/
#profiles{
	
}
	li.developer{
		border-bottom:1px dashed #d0d0d0;
		padding-bottom:1em;
		margin-bottom:1em;
	}
		li.developer p{
			margin-bottom:0;
		}
	
	.dev_badge{
		
	}
		.dev_badge img.dev_profile{
			border: 1px solid #d0d0d0;
			padding:2px;
			width:65px;
			height:65px;
		}
		.dev_badge .dev_profile{
			float:left;
			margin-right:15px;
		}
		.dev_badge .dev_name{
			margin-top:15px;
			padding-right:30px;
			display:block;
			float:left;
			color:#ad1f24;
			font-weight:bold;
		}
		.dev_badge .dev_position{
			margin-bottom:30px;
			display:block;
			float:left;
		}
	.developer .dev_bio{
		clear:both;
		line-height:1.5em;
		font-size:.9em;
	}
	
#latest{
}
	#latest li{
		list-style: disc outside;
		margin-left:1em;
		border-bottom:1px dashed #f5f5f5;
		padding-bottom:0.25em;
		margin-bottom:0.25em;
	}
	#latest li .entrytitle{
		
	}
		#latest li .entrytitle a{
			text-decoration:underline;
		}

#featured_projects{
	
}
	#featured_projects .project{
		margin-bottom:1em;
	}
	.project img{
		width:433px;
		height:100px;
	}


/*
	+Footer
*/
#doc4 #ft{
	background: #fff url('/images/hr_shadow_down.png') no-repeat scroll top center;
	padding-top:2em;
	text-align:center;
	height:4em;
}
	#doc4 #ft ul li{
		display:inline;
		padding:0px .25em 0 .5em;
		border-left:1px solid #ccc;
	}
	#doc4 #ft ul li.first{
		border-left:none;
	}
	#doc4 #ft a{
		color:#666 !important;
	}
	
/*
	+lower footer
*/

#ft2_border{
	background: url('/images/footer_scallop.png') repeat-x scroll top ;
	height:17px;
}
#ft2_wrapper{
	padding-top:17px;
	background: #000 url('/images/footer_bg.png') no-repeat scroll top center;
	height:540px;
	color:#ccc;
}
	#ft2_wrapper .yui-t7{
		width:74.923em;
	}
	
	#ft2_wrapper a {
		color:#ccc !important;
	}

	#ft2_wrapper h4{
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		color:#ccc;
		font-weight:normal;
	}

	#ft2_wrapper ul li{
		float:left;
		width:45%;
		padding:5px;
	}
	#ft2_wrapper ul li a{
		border:3px solid #000;
		background:#3a3a3a;
		line-height:2.5em;
		text-align:center;
		display:block;
	}
	#ft2_wrapper ul li a:hover{
		background:#000;
		border:3px solid #3a3a3a;
		text-decoration:none;
	}

	/*lower contact form*/
	#ft2_wrapper #contact-form label{
		display:block;
		font-size:1em;
	}
	#ft2_wrapper input.text, #ft2_wrapper textarea{
		width:80% !important;
/*		font-size:1em;*/
		
	}

	
/* sidebar */
.yui-b .button{
	display:block;
	height:43px;
	text-align:center;
	font-size:1.2em;
	line-height:43px;
	width:210px;
	margin:auto;
	margin-bottom:1em;
	text-indent:30px;
	color:#fff;
	background: url('/images/button.png') no-repeat ;
}
.yui-b > h2{
	display:block;
	width:215px;
	margin:auto;
	line-height:35px;
	height:35px;
	background: url('/images/sidebar_header.png') no-repeat;
	font-size:1em;
	font-weight:bold;
	text-indent:.5em;
	color:white;
	margin-top:2em;
}

.yui-b .thumb{
	width:210px;
	height:102px;
	margin:0px auto;
	margin-left:15px;
}	

.yui-b .inactive{
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=30);
}
	
.yui-b .quote{
	background: url('/images/quote.png') no-repeat;
	height:92px;
	width:217px;
	margin:0 auto;	
	font-size:0.9em;
	color:#999;
}
	.yui-b .firstquote{
		background: url('/images/firstquote.png') no-repeat;

	}
	.yui-b .lastquote{
		background: url('/images/lastquote.png') no-repeat;
		height:116px;
	}
	.yui-b .quote p{
		line-height:1.25em;
		margin:0 1em .5em 1em;
/*		padding-top:0.5em;*/
	}
	.yui-b .quote span{
		margin:0 1em .5em 1em;
	}
	.yui-b .quote span.author{
		padding-top:0.5em;
		display:block;
		color:#630D0D;
	}

.yui-b .post{
	background: url('/images/post.png') no-repeat;
	height:107px;
	width:223px;
	margin:0 auto;
	font-size:0.9em;
}
	.yui-b .post a{
		display:block;
		margin:0em 1.5em .5em;
		padding-top:2em;
	}
	.yui-b .post .author{
/*		font-weight:bold;*/
		margin:0em 0.3em .5em 1.5em;
		font-variant:small-caps;
	}
	
	
/*
	+Dev Profile
*/
div.dev_profile{
	margin-bottom:2em;
	width:702px;
}
	.dev_profile .badge{
		height:128px;
	}
		.dev_profile .badge img{
			width:128px;
			height:128px;
			float:left;
		}
		.dev_profile .badge canvas{
			width:128px;
			height:128px;
			float:left;
		}
		.dev_profile .badge p{
			float:left;
			margin:2em 0 0 2em;
			line-height:1.25em;
			font-size:1.5em;
		}
		.dev_profile .badge .name{
			font-weight:bold;
			font-size:1.2em;
			letter-spacing:.2em;
			display:block;
		}
		.dev_profile .badge .title{
			display:block;
			color:#aaa;
		}
		.dev_profile .badge a.expand{
			display:block;
			position:absolute;
			top:12px;
			right:45px;
			width:102px;
			height:105px;
			float:right;
			text-indent:-9999px;
			background: url('/images/profile_expand.png') no-repeat;
		}
		.dev_profile .badge a.expanded{
			background: url('/images/profile_collapse.png') no-repeat !important;
		}
		
	.dev_profile .bio{
		padding:1em 1em;
		margin-bottom:4em;
		position:relative;
		z-index:2;
		border:1px solid #ccc;
		border-top:0;
	}
	.dev_profile .bio p{
		margin: 0 0 1em;
	}
	.dev_profile .shade{
		margin-bottom:0px !important;
	}
	.dev_profile .shade > span{
		z-index:0;
	}
	
.port_entry{
	
}	
	.port_entry .info{
		width:220px;
		float:left;
		margin-right:1em;
	}
	.port_entry .info p{
		line-height:;
	}
	.port_entry img{
		width:480px;
		height:250px;
	}
	.port_entry .tags{
		margin-top:1em;
	}
	.port_entry a.sitelink{
		background: url('/images/view_site.png') no-repeat;
		width:155px;
		height:47px;
		display:block;
		line-height:47px;
		text-align:center;
		color:white;
		font-size:1.25em;
		margin-top:1em;
	}


.asset_controls {
	height:2em;
	text-align:right;
	margin-right:1em;
	font-size:1.5em;
	
}
.asset_controls li {
	display:inline;
	line-height:2em;
}

/*
	+SHade
*/
.shade{
	width:702px !important;
	clear:both;
	background: #FFF url('/images/hd_shade.png') repeat-y top right;
	position:relative !important;
	margin-top:7px;
	margin-bottom:18px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	min-height:2em;
}
	.shade > span:first-child{
		position:absolute;
		display:block;
		top:-8px;
		left:0px;
		width:100%;
		height:7px;
		background: url('/images/hd_shade_top.png') no-repeat;
	}
	.shade > span:first-child + span {
		display:block;
		position:absolute;
		bottom:-19px;
		left:0px;
		width:100%;
		height:18px;
		background: url('/images/hd_shade_bottom.png') no-repeat;
	}
	
	.shade.noborder{
		border-top:0px;
		border-bottom:0px;
	}
	.shade.noborder > span:first-child{
		top:-7px;
	}
	.shade.noborder > span:first-child + span {
		bottom:-18px;
	}
	.shade .date{
		position:absolute;
		right:30px;
		top:17px;
		display:block;
		text-align:center;
		line-height:30px;
		width:161px;
		height:30px;
		background: url('/images/hd_shade_date.png') no-repeat center center;
	}
	
	.shade .date .sharelink{
		line-height:37px;
	}

	.shade .share{
		float:right;
	}
	
/*
+tag styles
*/
.tag{
	background: #fff url('/images/tag_button_l.png') no-repeat;
	padding-left:15px;
	display:block;
	float:left;
	margin:0 0.25em 0.25em 0;
	line-height:16px;
}
.tag span{
	padding:8px 15px 7px 0;
	background: #fff url('/images/tag_button_r.png') no-repeat top right;
	display:block;
}

/* Entry */
.entrybody{
/*	font-size:1.2em;*/
	margin-bottom:1em;
}
	.entrybody ul{
		padding-left:2em;
	}
	.entrybody ul li{list-style:disc;}

	.entrybody div.list{
		float:right;
		margin-left:1em;
	}
	.entrybody div.list img.reflected{
		margin-left:0px !important;
	}
	.entrybody img.list, .entrybody div.list img.reflected{
		width:280px;
/*		height:350px;*/
		float:right;
		margin-left:1em;
		margin-bottom:17px;
	}
	
.entrytitle h2{
	font-size:1.5em;
	line-height:1.35em;
	letter-spacing:1px;
	margin-bottom:0.5em;
}
.entrytitle h2 a
{
	color:black;
}
.entrytitle h2 a:hover{
/*	color:#58BBEB;*/
}
.entrytitle h3{
	font-size:1.1em;
	color:#6F6F6F;
	line-height:2em;
}
.entrytitle h3 .tag{
	line-height:20px;
	margin-right:1em;
	color: #c3262f;
}
	.entrytitle h3 .tag	span{
		padding-top:5px;
	}


#sidebar h3{
	color:#555;
	font-size:1.5em;
	margin:1em 0;
}

.entrybody h2, .entrybody h3, .entrybody h4{

}
.entrybody h4{

}
/*************************************
 +homepage intro
 *************************************/


/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:3em;
	font-size:1.1em;
}
	.entry .shade .date{
		top:3px !important;
	}

.entrymeta{
	font-size:0.8em;
}
.postedby{
/*	background:#272727 url(../images/Profile.png) no-repeat;
*/	padding:7px;
	padding-left:30px;
}
.filedto{
	padding:7px;
	padding-left:30px;
}
.commentslink{
/*	background:#272727 url(../images/Comment.png) no-repeat;*/
	padding:7px;
	padding-left:30px;

}

/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar ul li{
	border-bottom:1px dotted #ddd;
	margin-bottom:0.3em;
	padding:0.3em;
}
/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width:35em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	padding:0;
}
.commentlist li{
/*	margin-bottom:0.5em;*/
/*	padding:0.5em 1em;*/
	background:#e6e6e6;
}
	.commentlist div.comment_cite{
		width:175px;
		float:left;
		padding-top:1.5em;
	}
	.commentlist div.comment_body{
		border-left:175px solid white;
		padding:1.5em;
		padding-left:1.5em;
	}
	.alt{
		background:#f2f2f2 !important;
		border-bottom:1px dotted #d1d1d1;
		border-top:1px dotted #d1d1d1;
		
	}
	.commentlist cite{
		display:block;
		background:white;
		font-size:1.5em;

	}

#comment-form label {
	margin-left:2em;
}

h3#comments{
font-size:1.6em;
}

/*************************************
 +Misc
 *************************************/
a{
	text-decoration:none;
	color:#630d0d;
}
a.bright{
	color:#ad1f24;
	font-weight:bold;
}
a:hover{
	color:#3b1215;
	text-decoration:underline;
}




#web_app_dev{
	padding-left:2em;
	background: url('/images/advanced.png') no-repeat 0 17px;
	
}
#social_networking{
	background: url('/images/iChat.png') no-repeat 0 17px;
	padding-left:2em;
}
#online{
	padding-left:2em;
	background: url('/images/globe.png') no-repeat 0 17px;
}
#ecommerce{
	background: url('/images/icon_ecommerce.png') no-repeat 0 17px;
	padding-left:2em;
}


#contact-form{
	
}
#contact-form p{
	margin-bottom:1em;
	line-height:1em;
}
#contact-form label{
	display:block;
	font-size:1.1em;
	font-weight:bold;
}
#contact-form input.text,
#contact-form #contact_subject,
#contact-form textarea{
	width:300px;
	font-size:1.2em;
	width:300px;
	padding:2px;
}
#contact-form #contact_subject,
#contact-form textarea{
	width:600px;
}
#contact-form input.submit{
	
}

ol.code{
padding:0.5em;
padding-left:2em;
background:#e6e6e6;
border:2px solid #ccc;
font-size:0.8em;
}
ol.code li{
padding-left:0.5em;
border-left:1px solid white;
list-style-type: decimal;
background:#f5f5f5;
}