/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	text-align: center;
	font-size: 10.5px;
	font-family: Verdana, arial, sans-serif;
	color: #444;
	background: url(/resource/img/bg_default.jpg) top left repeat-x #000; }	

h1 {
	height: 20px;
	margin-bottom: 10px;
	padding: 0 3px;
	color: #2f2626;
	font-size: 12px;
	font-weight: bold; 
	text-transform: uppercase;
	border-bottom: 1px solid #fff; }
	
	#pageTitle a:link, a:hover, a:visited { color:#2f2626; }
	
h3 {
	height: 20px;
	margin-bottom: 10px;
	padding: 0 3px;
	color: #2f2626;
	font-size: 12px;
	font-weight: bold; 
	text-transform: uppercase;
	border-bottom: 1px solid #fff; }

a:link, a:visited { color: #be2323; }
a:hover { text-decoration: none; }

a img { border: none; }

p { margin-bottom: 12px; }

ul, ol { list-style-position: inside; }


button {
	margin-right: 5px;
	padding: 0 3px 0 0;
	color: #fff;
	text-align: center;
	cursor: pointer;
	text-shadow: 2px 2px 1px #111;
	outline: none;
	background: url(/resource/img/buttonRight.jpg) right no-repeat;
	border: 0; }

button:hover, button:hover span { text-decoration: underline; }

body:first-of-type button { padding: 0 6px 0 0; } /* SAFARI FIX */
	
	button span { 
		position: relative;
		display: block;
		height: 22px;
		padding: 0 0 0 6px;
		font-size: 10px;
		line-height: 22px;
		white-space: nowrap;
		outline: none;
		background: url(/resource/img/button_bg.gif) left no-repeat; }



/************* STRUCTURE STYLES ***/

/*** TOPNAV STYLES ***/
#topNav { 
	width: 828px; 
	margin: 0 auto; 
	padding: 40px 0 30px 0; }

	#topNav ul { list-style-type: none; list-style-position: outside; }
	
		#topNav ul li { float: left; margin: 0 7.5px; height: 24px; }
		
		#topNav ul li.active,
		#topNav ul li.hover, 
		#topNav ul li:hover { background: url(/resource/img/topNav_bg.gif) left no-repeat; }
		
			#topNav ul li a:link, #topNav ul li a:visited {
				float: left;
				position: relative;
				display: block; 
				height: 24px;
				padding: 0 8px;
				white-space: nowrap;
				line-height: 24px;
				font-size: 11px; 
				text-decoration: none; 
				text-transform: uppercase;
				color: #fff;
				text-shadow: 2px 2px 1px #222;
				outline: none; }
			
			#topNav ul li.active a:link,
			#topNav ul li.active a:visited,
			#topNav ul li.hover a:link,
			#topNav ul li.hover a:visited,
			#topNav ul li:hover a:link, 
			#topNav ul li:hover a:visited, 
			#topNav ul li a:hover { 
				color: #960c0e;
				text-shadow: none; 
				background: url(/resource/img/topNavRight.gif) right no-repeat; }	

		
		
/*** FLASHHEADER STYLES ***/
#flashHeader {
	display: block;
	width: 828px; 
	height: 97px; 
	margin: 0 auto; }


/*** STRUCTURE STYLES ***/
#wrapper { 
	width: 810px;
	margin: 0 auto;
	padding: 0 9px 9px 9px; 
	background: url(/resource/img/content_bg.jpg) 9px 0 repeat-y #fff; }
	
	#wrapper.frontpage { background-image: none; }
	
	
	/*** FLASHBANNER STYLES ***/
	#flashBanner {
		display: block;
		width: 810px; 
		height: 306px; }
	
	
	/*** FLASHBANNERSMALL STYLES ***/
	#flashBannerSmall {
		display: block;
		width: 810px; 
		height: 109px; }
		


									
	
	/*** CONTENT STYLES ***/
	#contentWrapper, #frontpageWrapper { 
		float: left; 
		width: 576px;
		min-height: 300px;
		margin-right: 9px;
		border-top: 9px solid #fff; }
		
		#frontpageWrapper { text-align: left; }
			
			#frontpageWrapper a img { margin-bottom: 8px; }
			
			#frontpageWrapper a.small img { margin-right: 5px; }
			
			#frontpageWrapper { border-top: 9px solid #fff; }
			
			#sidebar.home { border-top: 9px solid #fff; }
			


	/*** BLOG CONTENT ***/
		#blogContent { 
			width: 556px; 
			padding: 10px;
			line-height: 13px;
			text-align: justify;
			float: left;
			background: url(/resource/img/contentWrapper_bg.jpg) top left no-repeat; }
			
			#blogNudge {
				margin: 10px;
				float: left; }
			
			#blogTitle {}
				
			#blogContent a:link, #blogContent a:visited { 
				text-decoration: none; 
				color: #be2323;}
				
				#post {
					float: left;
					display: block;
					background: url(/resource/img/blogContentTop.jpg) top left no-repeat; }
					
				#blogPost {
					float: left;
					display: block;
					background: url(/resource/img/blogCommentTop.jpg) top left no-repeat; }
					
				#postmetadata {
					margin: 5px 0 0 0; }
					
				#blogDate {
					margin: 5px 0 5px 0; }	
			
			#pagenation {
				float: left;
				margin: 15px 0 0 0; }
			
		#blogBackground {
			width: 556px;
			margin: 0 0 5px 0;
			float: left;
			background: url(/resource/img/blogContentBottom.jpg) bottom left no-repeat; }
			
		#commentBackground {
			width: 556px;
			margin: 0 0 5px 0;
			float: left;
			background: url(/resource/img/blogCommentBottom.jpg) bottom left no-repeat; }
			
		.blogThumb {
			padding: 0 0 0 5px; }
	
	/*** SIDEBAR STYLES ***/
	#sidebar { 
		float: left; 
		width: 225px;
		text-align: left; 
		border-top: 9px solid #fff; }
		
		#sidebar h3 {
			height: 20px;
			font-size: 12px;
			margin-bottom: 10px;
			padding: 0 3px 0 3px;
			font-weight: normal; 
			text-transform: uppercase; 
			border-bottom: 1px solid #ccc; }
		
		
		/*** SIDEBAR FORM STYLES ***/
		#sidebar form { }
		
			#sidebar form fieldset { border: none; }
			
				#sidebar form fieldset legend {}
			
				#sidebar form fieldset ol { list-style-type: none; list-style-position: inside; }
				
				#sidebar form fieldset ul { list-style-type: none; list-style-position: inside; }
				
					#sidebar form fieldset li { margin-bottom: 10px; }
					
						#sidebar form fieldset li label { display: none; }
						
						#sidebar form fieldset li input { 
							height: 12px;
							padding: 3px;
							font-size: 10px;
							color: #777;
							background: url(/resource/img/input_bg.jpg) top left repeat-x #fff;
							border: 1px solid #a7a7a7; }
						
						#sidebar form fieldset li select {
							width: 60px; 
							height: 18px;
							margin-left: 10px;
							padding: 2px 3px 3px 0;
							font-size: 10px;
							color: #777;
							background: url(/resource/img/input_bg.jpg) top left repeat-x #fff;
							border: 1px solid #a7a7a7; }
						
						body:first-of-type #sidebar form fieldset li select { width: 50px; }
			


					

		/*** NEWSLETTER STYLES ***/
		#sidebar #newsletterWrapper { 
			width: 225px;
			margin-bottom: 20px;
			text-align: left; 
			background: url(/resource/img/newsletterTop_bg.jpg) top left no-repeat; }
		
			#sidebar #newsletter { 
				width: 205px; 
				padding: 10px 10px 0 10px;
				background: url(/resource/img/newsletterBottom_bg.jpg) bottom left no-repeat; }
				
				body:first-of-type #sidebar #newsletter { padding: 10px 10px 4px 10px; } /* SAFARI FIX */
				
				#sidebar #newsletter input { width: 196px; }

		/*** FEATUREDPROJECT STYLES ***/	
		#sidebar #featuredProjectWrapper { 
			width: 225px; 
			margin-bottom: 9px; 
			background: url(/resource/img/featuredProject_bg.jpg) bottom left no-repeat; }
		
			#sidebar #featuredProject { 
				width: 205px; 
				padding: 10px;
				text-align: left;
				background: url(/resource/img/featuredProjectTop.jpg) top left no-repeat; }
				
				#sidebar #featuredProject a.screenshot { 
					float: left; 
					display: block;
					width: 75px;
					margin: 0 9px 9px 0; 
					padding: 1px; 
					border: 1px solid #be2323; }
				
					#sidebar #featuredProject a.screenshot img { margin-bottom: -2px; }
				
				#sidebar #featuredProject h4 { 
					float: left;
					width: 115px;
					margin-top: 5px; 
					font-size: 14px; 
					font-weight: normal;
					text-align: left;
					line-height: 14px; }
				
					#sidebar #featuredProject h4 a:link, 
					#sidebar #featuredProject h4 a:visited { font-size: 9px; }

		/*** SOCIAL MEDIA ***/
		ul#socialMedia { 
			width: 205px;
			min-height: 100px;
			list-style: none; }
			
			ul#socialMedia li { 
				float: left;
				margin: 0 3px 3px 0; }
				
		ol#search li {
			width: 205px; }
			
		#twitter_update_list {
			float: left; }

	/*** COMMENTS ***/
	ul#commentList {
		float: left;
		list-style: none; }




/*** FOOTER STYLES ***/
#footer { 
	width: 798px; 
	height: 100px;
	margin: -10px auto 0 auto;
	padding: 95px 15px 0 15px;
	font-size: 9px;
	line-height: 13px;
	text-align: left;
	color: #fff;
	background: url(/resource/img/footer_bg.gif) top left no-repeat; }
	
	#footer.frontpage { background: url(/resource/img/footerWhite_bg.gif) top left no-repeat; }
	
	#footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
	
	#footer a:hover { text-decoration: underline; }
	
	#footer a#footerLogo { float: left; margin-right: 20px; }
	
	#footer p { float: left; width: 550px; }
	



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

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; } /* IE6 FIX */