/*
-----------------------------------------------------------
Typekit Main Stylesheet - By Amila Sampath - http://lucksy.com/

Basic styling : initial.css
----------------------------------------------------------- */

body { font-size: 80%; color: #FFF; background: url(../images/body_bk.png) #DC2300 repeat-y top left; font: 100%/150% "skolar-1","skolar-2",Georgia,"Times New Roman",Times,Serif !important; }
a, a:link { color: #FFF; outline: none; }
a:visited { color: #FFF; }
a:hover { color: #FF6; text-decoration: none; }
a img { border: 0; }

div#wrapper { padding: 0 0 0 120px; width: 840px; }
div#content { margin: 20px 0 0 0; width: 100%; float: left; background: url(../images/content_bk.png) repeat-y top left; }
	div#main { margin-right: 60px; width: 530px; float: left;  }
		h1.heading { margin: 0; line-height: 150%; font-size: 45px; }
		h1.heading em { margin: 0; font-size: 60px; color: #FF6; font-style: normal; }
		h1.heading em a { color: #FF6; text-decoration: none; }
		h1.heading em a:visited, h2.heading em a:hover { color: #FF6; text-decoration: none; }
		h1.heading em a:hover { text-decoration: none; border-bottom: 1px solid #FF6; }

		h2.heading { margin-bottom: 0; font-size: 28px; border-bottom: 1px solid #FFF; color: #FFF; }
		
		div#intro { margin-top: 25px; padding: 0 0 11px 0; background: url(../images/intro_bott_bk.png) #E0390A no-repeat bottom left; }
		div#intro p { margin: 0; padding: 11px 15px 0 15px; font-size: 18px; background: url(../images/intro_top_bk.png) #E0390A no-repeat top left; }
		
	div#sub { width: 250px; float: right; }
		div#download { margin-top: 25px; width: 250px; height: 60px; background: url(../images/download_bk.png) #FFFF66 no-repeat top left; }
		div#download p { text-align: center;  color: #F00; font-size: 14px; }
			div#download p a { padding-top: 8px; text-decoration: none; font-size: 20px; color: #F00; vertical-align: middle; }
				div#download p a:hover { border-bottom: 1px solid #F00; }
	
	ul#screenshots { list-style: none; float: left; width: 100%; }
	ul#screenshots li { margin: 0 10px 10px 0; list-style: none; float: left;  }
	ul#screenshots li.alt { margin: 0 0 10px 0; }
	ul#screenshots li a { padding: 1px; border: 1px solid #F8D2CB;  height: 51px; width: 51px; display: block; }
	ul#screenshots li a img { }
	
	ul#contact_me li { list-style: none; margin: 0; }
	
	div#footer { float: left; margin-top: 30px; width: 100%; clear: both; background: url(../images/footer_bk.png) repeat-x top left; font-size: 12px; }