@charset "utf-8";
/* CSS Document | tgunasekara.com v2 | Thilina Gunasekara */

body { font-family:Georgia, "Times New Roman", Times, serif; font-size:62.5%; margin:0; padding:0; }

h1 { position:absolute; margin:0; padding:0; top:-50px; font-size:1px; }

header { position:fixed; top:0; width:100%; height:115px; background:#fff; z-index:99; }

	#header_c { display:block; padding:20px 0 0; height:75px; width:620px; margin:auto; }
	
		#logo { font-size:5em; float:left; }
			
			#logo a { text-decoration:none; color:#000; }
			
		nav { float:right; }
		
			nav ul { margin:0; padding:15px 0 0; list-style:none; float:right; }
		
			nav ul li { margin:0; padding:0; float:left; }
			
				nav ul li a { display:block; color:#b52121; font-size:2em; padding:6px 10px; margin:0 5px; text-align:center; text-decoration:none; outline:none; }
				
					nav ul li#about-link a:hover, nav ul li#about-link a.active { }
					
					nav ul li#work-link a:hover, nav ul li#work-link a.active { }

					nav ul li#lab-link a:hover, nav ul li#lab-link a.active { }
					
					nav ul li#contact-link a:hover, nav ul li#contact-link a.active { }

#wrapper { margin:0 auto; width:620px; padding:0 10px 50px; } 

.section { display:block; width:620px; clear:both; padding:115px 0 300px; float:left; }

	.section h2 { font-size:2.5em; margin:0; padding:0 0 10px 0; }

/* #about */

	#about .content { display:block; background:#f5f5f5; color:#222; padding:10px 15px 15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:2.2em; }
	
		#about .content span, #about .content abbr { color:#b52121; cursor:help; border:none; }
		
			#about .content span:hover, #about .content abbr:hover { border-bottom:1px dotted; }
		
			#about .content h2 { display:none; }
			
	#social-links { margin:0; padding:40px 0 0; list-style:none; float:left; }
	
		#social-links li { float:left; margin:0 10px 0 0; padding:0; }
		
			#social-links li a { display:block; outline:none; width:32px; height:32px; text-decoration:none; text-indent:-999em; background:url(../img/sprite.png) no-repeat; }
			
			#social-links li a.blogger { background-position:0 0; }
			
				#social-links li a.blogger:hover { background-position:0 -32px; }
				
			#social-links li a.twitter { background-position:-32px 0; }
			
				#social-links li a.twitter:hover { background-position:-32px -32px; }
			
			#social-links li a.google { background-position:-64px 0; }
			
				#social-links li a.google:hover { background-position:-64px -32px; }
				
			#social-links li a.facebook { background-position:-96px 0; }
			
				#social-links li a.facebook:hover { background-position:-96px -32px; }
				
/* #work */
	
	#slider{ margin:0; padding:0; list-style:none; float:left; }
	
		#slider li { margin:0 20px 20px 0; padding:0; width:300px; height:194px; float:left; }
		
			#slider li .item { border:3px solid #666; position:relative; }
		
				#slider li .item-description { position:absolute; bottom:0; left:0; background:#000; color:#fff; padding:10px; width:274px; }
				
					#slider li .item-description a { color:#fff; }

/* #lab */

	#projects {}

		#projects dt { float:left; clear:both; padding:10px 10px 10px 0; }

		#projects dt a { color:#c00; }

		#projects dd { color:#666; margin:0; padding:10px; }

	
/* #contact */
	
	#contact .content form { margin:0; padding:0; }
	
		#contact .content form fieldset { margin:0; padding:0; border:0; float:left; width:310px; }
			
			#contact .content form fieldset .row { position:relative; padding:0 0 10px; }

			#contact .content form fieldset label { display:block; font-size:20px; position:absolute; top:2px; left:5px; color:#ccc; }

			#contact .content form fieldset.leftcol input { width:290px; padding:5px; }
			
			#contact .content form fieldset.leftcol textarea { width:298px; height:90px; padding:5px; }
			
			#contact .content form #submit { width:70px; height:30px; padding:0; margin:-5px 0 0; outline:none; }
			
		#contact_message { padding:3px 5px; }
					
	#alert { color:#c00; padding:0 0 10px; }
	
		#alert ul { margin:0; padding:0; list-style:none; }
		
			#alert ul li { }
			
		#alert .successmsg { color:#080; }
						
footer { clear:both; display:block; position:fixed; width:100%; z-index:99; height:50px; bottom:0; background:#fff; }

	#footer_c { margin:auto; width:640px; border-top:1px solid #eee; color:#ccc; padding:10px 0; height:30px; font-size:11px; text-align:center; }
	
	footer a { text-decoration:none; color:#ccc; }
	
		footer a:hover { text-decoration:underline; }
		
.fix { clear:both; }

.alpha { margin-right:0!important; }
		
/* if js is enabled */