/*
	=====================================
	project: Distinctive
	author:  Luka Cvrk (www.solucija.com)
	-------------------------------------
	2009. Solucija
	=====================================
*/

*{margin:0;padding:0}:focus,:active {outline:0}img{border: 0}
body { font: .8em Arial, Tahoma, Verdana; background: #fff url(../images/bg_grey.gif) repeat-x; color: #777; }
a { text-decoration: none; color: #F8A31F; }
h1 { font-size: 1.4em; font-weight: normal; }
	h1 a { color: #fff; font-size: 1.6em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.2em; background: #F8A31F url(../images/yellowbg.png) repeat-x left bottom; padding: 6px 7px; color: #fff; font-weight: normal; margin: 0 0 15px; float: left; }
h3 a { color: #FFF; }
h4 { margin: 0 0 15px; color: #555; font-weight: normal; font-size: 1.6em; font-weight: normal; }
p { clear: left; line-height: 1.64em; margin: 0 0 15px; text-align: justify; }
#postcontent li { clear: left; line-height: 1.64em; margin: 0 0 15px; }
#postcontent ul { margin: 5px 0 5px 20px }
.postsummary li { clear: left; line-height: 1.64em; margin: 0 0 15px; }
.postsummary ul { margin: 5px 0 5px 20px }
.line { clear: both; border-bottom: 1px solid #ddd; margin: 0 0 15px; }
.clear { clear: both; }
#content { width: 970px; margin: 0 auto; }
	#top { color: #ccc; padding: 6px 20px 2px; font-size: 1.0em; text-align: right; }
	#logo { float: left; background: url(../images/yellowbg.png) repeat-x; padding: 100px 25px 15px; margin: -46px 0 20px; }
		#logo h1 { text-shadow: 1px 1px 1px #7E0E0E; }
        #dap { float: left; margin-left: 15px; }
	#menu { float: right; margin: 63px 20px 0; }
		#menu li { display: inline; font-size: 1.3em; }
			#menu li a { float: left; color: #808080; padding: 0 0 5px; margin: 0 0 0 55px; }
			#menu li a:hover, #menu li.current a, #menu li a:focus { color: #000; border-bottom: 1px solid #ddd; }
	#submenu { float: right; margin: 10px 20px 0; }
		#submenu li { display: inline; font-size: 1.0em; }
			#submenu li a { float: left; color: #a8a8a8; padding: 0 0 5px; margin: 0 0 0 20px; }
			#submenu li a:hover, #submenu li.current a, #submenu li a:focus { color: #F8A31F; border-bottom: 1px solid #ddd; }
	#pitch { background: url(../images/pi-app-icon.png) no-repeat right top; padding: 30px 350px 0 0; border-bottom: 1px solid #ddd; height: 150px; margin: 0 0 15px; }
		#pitch h1 { font-size: 2.6em; color: #000; margin: 0 0 20px; }
		#pitch h2 { line-height: 1.5em; }
	.left { float: left; width: 250px; text-align: justify; }	
	.right { float: right; width: 630px; margin: 0 0 20px; text-align: justify; }
		.right h3 { background: #808080; font-size: 1.0em; margin-right: 10px; }
	.third { float: left; width: 296px; margin: 0 40px 20px 0; text-align: justify; }
        .half { float: left; width: 450px; margin: 0 40px 20px 0; text-align: justify; }
		.last { margin-right: 0; }
	#footer { clear: both; font-size: .84em; border-top: 1px solid #ddd; padding: 20px 0 0; }

#vcard { background: url(../images/vcard-small.png) no-repeat right center; padding: 10px 40px 10px 0px; }
#thankyou { min-height: 120px; background: url(../images/pi-app-icon.png) no-repeat left center; padding: 60px 20px 40px 200px; }
.twtr-doc h3 { background: #fff; float: none; }