/* css by kenny */

/* base rules */

/*--- CLEARFIX ---*/
.group:after { content: "."; display: block; height: 0;clear: both; visibility: hidden; }

html
{
	overflow: -moz-scrollbars-vertical;
}

body
{
	background: #222222 url(/img/body.gif);	
	line-height: 18px;	
	margin: 20px 0 0 0;
}

body, input, select, textarea  
{
	font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 13px;
}

input, select, textarea
{
	border: 1px solid #95a754;
	background: transparent url(/img/input.gif) no-repeat scroll -1px -1px;
	padding: 3px;
}

.button { background: #e2f2a8; border: 1px solid #ccc; padding: 3px 10px; cursor: pointer; }

a
{
	text-decoration: none;
}

a img { border: 0; }

a:hover
{
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 { margin: 0; color: #333; }

h1
{
	font-size: 15px;
	font-weight: bold;	
	margin: 0.5em 0;
}

h2 
{
	font-size:110%;
	margin-bottom:0.75em;
}

h4 
{
	color: #444;
	font-size: 100%;
	font-weight: bold;
}

p 
{
	margin: 0 0 0.5em 0;
}

sup
{
	font-size: 80%;
}

pre 
{
    background: #fbfbfb; 
    font-family: Consolas, "Lucida Console", "Courier New";
    overflow: auto;
    padding: 5px;
    font-size: 11px;
    line-height: 10px;
}

.count { color: #777; font-size: 80%; }

td, th { margin: 0; padding: 0; }


	#tabs a  
	{
		background-color: #444444;
		color: #cccccc;	
		display: block; 
		float: left; 
		padding: 5px 10px;  
		margin: 0 2px; 
		text-decoration: none;
		
		text-shadow: #000 1px 1px 1px;
		
		-webkit-transition: background 0.3s ease;
        -moz-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
        transition: background 0.3s ease;
        
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
		 
	}

		#tabs a:hover,
		#tabs a:focus
		{
			background: #555555;
			color: #fff;			
		}

		#tabs a.current:hover
		{
			background: #a8c63e;
			color: #fff;			
		}
		
		#tabs a.current
		{
			background-color: #a8c63e;
			color: #fff;
		}

#name
{
	color: #fff;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	text-shadow: #000 0 0 5px;
}

#intro
{
	border-top: 4px solid #a8c63e;
	background-color: #444444;
	color: #dddddd;
	padding: 10px;	
	
	text-shadow: #000 1px 1px 1px;
}

#body
{
	background: #fff url(/img/bg_body.gif) repeat-y;
}

	#content  
	{
		color: #333;
		padding: 10px 20px 10px 10px; 
	}

	#content .external 
	{
		background:#E2F2A8 none repeat scroll 0 0;
		color: #555;
		margin-bottom:10px;
		padding:10px;
		
		border: 1px solid #cee289;
		
		-webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
		
	}
	
		#content .external h3 
		{
			color: #555;
			font-size: 120%;
			font-weight: bold;
			margin-bottom: 10px;
		}	
		
		#content .external ul 
		{			
			margin: 0 0 0 1.5em;
			padding: 0;
		}	
		
		#content .external a 
		{			
			color: #555;
		}				

	#content .smalltext
	{
		font-size: 80%;
		padding: 20px;
		background-color: #efefef;
	}

	#content a
	{
		color: #5d6837;			
	}

	#content a:hover
	{
		color: #727d4b;
		text-decoration: underline;
	}

	#content .post
	{		
		margin-bottom: 25px;
	}

	#content .posted
	{
		background: transparent url(/img/posted.gif) no-repeat;
		background-position: left center;
		color: #444444;
		float: left;
		padding-left: 15px;
	}

	#content .filed
	{
		float: left;
		padding: 0 10px;
	}


	#content .commentslink
	{
		background: transparent url(/img/comment.gif) no-repeat;
		background-position: left center;
		padding-left: 15px;clear:right;				
	}

	#content #comments
	{
		clear: both;
		margin: 1em 0;
		width: 530px; 
		float: left;
	}
	
	#content .commentsoff
	{
		color: #999999;
	}
	
	#content .comment 
	{
		margin-top: 2em;
		float: left;
		width: 530px;		
	}
	
		#content .comment .comment-by
		{
			background: transparent url(/img/comment_by.gif) no-repeat;
			background-position: 30px center;
			font-weight: bold;
			padding-left: 75px;
			line-height: 34px;
			float: left;
			position: relative;
			top: 1px;
		}

		#content .comment .comment-body
		{
		    
			background-color: #e9edd9;
			font-size: 90%;
			padding: 15px;
			float: left;
			width: 530px;		
			
			border: 1px solid #cee289;
			
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
				
		}

		#content .comment.me .comment-by
		{
			background: transparent url(/img/comment_by_me.gif) no-repeat;
			background-position: 30px center;
		}
		
		#content .comment.me .comment-body 
		{
		    background-color: #e2f2a8;
		    border: 1px solid #cee289;
		}
		
		#content .comment .gravatar { float:left; margin: 0 10px 0 0 }
		
		#content .addcomment
		{
		}

			#content .addcomment .text
			{
				font-family: arial;
				width: 250px;
			}


	#sidebar  
	{
		color: #333333;
		padding: 10px 10px 10px 0 
	}
	
		#sidebar a
		{
			color: White;
			
		}			
		
		#sidebar h1
		{
			color: #333;
		}
		
		#sidebar #search input
		{
			font-size: 1em;
			background-color: #fefefe;
			border: 0;
			padding: 2px;
			width: 128px;
			
		    -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;			
		}
		
		#me
		{
			display: block;
			margin-bottom: 10px;
		}

		#caselist
		{
			list-style-type: none;
			margin: 0;
			padding: 0;	
		}

		#calendar
		{
			clear: both;
			margin-bottom: 10px;
		}
		
		#calendar div,
		#calendar a,
		#calendar b
		{
			display: block;
			float: left;
			width: 25px;
			text-align: center;
		}

		#calendar .current
		{
			background-color: #95a754;
			
			/*border: 1px solid #8e9e56;*/
			-webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            color: #fff;

		}

	
	#tags .m2 { font-size: 80%; }
	#tags .m1 { font-size: 90%; }
	#tags .p1 { font-size: 110%; }
	#tags .p2 { font-size: 120%; }
	
	#tags a.current { text-decoration: underline }

	#lastfm, #profiles { text-align: center; }
	#lastfm img { margin: 5px; }
	#profiles img { margin: 10px; }
   
		#body #gallery .photo
		{
			text-align: center;
			float: left;
			margin: 9px;
		}   

		#body #portfolio a
		{			
			border: 1px solid #fff;
			float: left;
			height: 91px;
			overflow: hidden;
			padding: 4px;
			margin: 5px;
		}
		
		#body #portfolio a:hover { border: 1px solid #a8c63e; background: #a8c63e }

		#body #portfolio .screenshot
		{
			text-align: center;			
		}   


		#body #skype
		{
			float: right;
		}
		
		#body .contactform .text
		{
			font-family: arial;
			font-size: 90%;
			width: 250px;
		}
		
		#body .contactform textarea { height: 100px; }
		
		.delicious-banner.sidebar-title
		{
			display: none;
		}

	.highlight
	{
		background-color: #e2f2a8;
	}



#copyright
{
	font: x-small/1.5 arial, sans-serif;
	text-align: right;
	color: #555555;
	margin: 5px 0;
}

	#copyright a
	{
		color: #777777;
	}

.error ul { margin: 0 0 0 20px; }

textarea { height: 150px; }

/* xsltsearch custom */

#searchpoweredby { float: right; font-size: 80%; color: #bbb; }
#searchpoweredby a { color: #bbb; line-height: 2.5em;  }

#xsltsearch_summary  
{
		background:#E2F2A8 none repeat scroll 0 0;
		color: #555;
		margin-bottom:10px;
		padding:10px;
	
	}
.xsltsearch_description strong { background: #e2f2a8; font-weight: normal; padding: 0 1px; }
#xsltsearch_stats { color: #bbb; font-size: 80%; margin: 5px 0; }

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */