/*
Theme Name: Upside Studio
Theme URI: http://upsidestudio.com/
Description: Mine.
Version: 1.0
Author: David Link
Author URI: http://upsidestudio.com/
Tags: Mine, Mine, Mine, Mine, Mine, Mine, Mine, & Mind.

*/


/*Page/Header  */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Georgia, Garamond, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	background: #fff url('images/bg.jpg') no-repeat;
	color: #333;
	padding-top: 20px;
	margin: 0;
}
#logo {
	width: 465px;
	height: 41px;
}
#logo a {
	width: 465px;
	height: 41px;
	float: left;
	background: url('images/logo.png') no-repeat;
	text-indent: -99999px;
}
#header {
	margin-left: 75px;
	position: relative;
}
#header .description {
	text-indent: -99999px;
}
#header #large_icons {
	position: absolute;
	top: 0;
	left: 780px;
}
	#header #large_icons span {
		display: none;
	}
	#header #large_icons a {
		float: left;
		display: block;
		text-indent: -99999px;
		height: 41px;
	}
		#header #large_icons a.rss {
			background: url('images/rss_large_bg.jpg');
			width: 41px;
		}
			#header #large_icons a.rss:hover {
				background-position: bottom center;
			}
		#header #large_icons a.twitter {
			margin-left: 10px;
			background: url('images/twitter_large_bg.jpg');
			width: 60px;
		}
			#header #large_icons a.twitter:hover {
				background-position: bottom center;
			}
#welcome {
	background: url('images/blacktrans.png');
	padding: 20px 0 20px 75px;
	color: #333;
	font-size: 16px;
}
#welcome p {
	width: 890px;
	line-height: 26px;
	margin: 0;
	padding: 0;
}
#welcome a {
	text-decoration: none;
	color: #333;
	border-bottom: 1px dotted #333;
}
	#welcome a:hover, #welcome a:active {
		border-bottom: 1px solid #333;
	}
#page {
	margin-left: 75px;
	width: 890px;
}
#content {
	clear:both;
	margin-top: 40px;
}
a img {
	border: none;
}

/*Post Header  */
#postheader {
	color: #3f7aa9 !important;
	border-bottom: 1px solid #3f7aa9;
}
	#postheader a, #postfooter a {
		color: #3f7aa9 !important;
		text-decoration: none;
	}
		#postheader a:hover, #postheader a:active, #postfooter a:hover, #postfooter a:active {
			color: #174a72 !important;
		}
	
	#postheader .date {
		float: left;
		background: url('images/doublevert.gif') repeat-y top right;
		padding-right: 20px;
	}
	#postheader .date .monthday {
		float: left;
		text-align: center;
		margin-right: 10px;
	}
		#postheader .date .month, #postheader .date .day {
			display: block;
		}
		#postheader .date .month {
			font-size: 12px;
			text-transform: uppercase;
		}
		#postheader .date .day {
			margin-top: -7px;
			font-size: 22px;
		}
	#postheader .year {
		display: inline;
		position: relative;
		top: 10px;
		padding-left: 10px;
		border-left: 1px solid #3f7aa9;
	}
	
	#postheader .categories {
		position: relative;
		top: -5px;
		float: left;
		margin-left: 20px;
		font-style: italic;
		font-size: 14px;
		text-transform: lowercase;
	}
		#postheader .categories span {
			margin-left: 5px;
		}
	
	#postheader .postnav {
		float: right;
		margin-top: 10px;
	}
	
	
	#postheader .year, #postheader .categories span, #postheader .postnav, #postfooter .comments span, #postfooter .tags span, #postfooter .postnav, #footerleft #about a.more, #postfooter .trackback, #postfooter .twitterthis {
		font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		font-style: normal;
	}
	.newerpost {
		margin-left: 15px;
	}
	
/*Article  */	
.article {
	
}
	.article h2 {
		margin: 0 0 30px 0;
		padding: 0;
		border-bottom: 1px solid #aec0ce;
	}
		.article h2:hover {
			border-bottom: 1px solid #3f7aa9;
		}
	.article h2 a {
		color: #252525;
		font-size: 48px;
		font-weight: normal;
		text-decoration: none;
		width: 100%;
		display: block;
		padding: 4px 0;
		border: none !important;
	}
		.article h2 a:hover, .article h2 a:active {
			color: #444444;
		}
	
	.article h4, .article h5 {
		color: #444;
		font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 0px;
	}
	.article h4.first {
		margin-top: 0;
	}
	.article h5 {
		font-size: 14px;
		color: #3F7AA9;
		margin-bottom: 5px;
	}
	.article a {
		color: #df5518;
		text-decoration: none;
		border-bottom: 1px dotted #df5518;
	}
		.article a:hover, .article a:active {
			border-bottom: 1px solid #df5518;
		}
	.article .main {
		float: left;
		color: #262626;
		font-size: 14px;
		width: 550px;
	}
		.article .main.wide {
			width: 750px;
		}
		.article .superwide {
			width: 875px !important;
		}
		.article .main p {
			line-height: 22px;
		}
		.article .main ul, .article .main ol {
			background: #F5F5F5;
			border: 1px solid #E2E2E2;
			line-height: 22px;
			padding: 10px 10px 10px 40px;
		}
		.article .main blockquote {
			color: #262626;
			background: #f3ebd6 url('images/blockquote.jpg') no-repeat top left;
			margin-left: 0;
			margin-right: 0;
			padding: 4px 20px 4px 36px;
			font-size: 24px;
			font-style: italic;
		}
			.article .main blockquote p {
				margin: 10px 0;
			}
	.article .secondary {
		margin-left: 50px;
		width: 290px;
		float: left;
	}
		.secondary a {
			text-decoration: underline;
			border: none !important;
		}
		.secondary a:hover, .secondary a:active {
			text-decoration: none;
		}
		.article .secondary p {
			font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
			font-size: 11px;
			margin: 15px 0;
		}
		.article .secondary .caption {
			margin-top: 5px;
			display: block;
			font-size: 11px;
			color: #6f553b;
			font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
		}
		
		.article code {
			background: #d1e2e8;
			font-size: 12px;
		}
		.article pre {
			background: #d1e2e8;
			display: block;
			padding: 15px 10px;
			border: 1px solid #a9c8d3;
			line-height: 20px;
			overflow: auto;
		}
		.article a.download {
			background: #DF5518;
			color: #fff;
			padding: 5px;
		}
.pagelinks a {
	margin-right: 10px;
}

/*Post Footer   */		
#postfooter {
	margin-top: 50px;
	color: #3f7aa9 !important;
	border-top: 1px solid #3f7aa9;
	padding-top: 10px;
	margin-bottom: 45px;
}	
.singlepost #postfooter {
	padding-bottom: 10px;
	border-bottom: 1px solid #3f7aa9;
}
.singlepost .newerpost {
	margin-right: 15px;
}
	#postfooter .comments {
		float: left;
		display: block;
		margin-right: 20px;
		font-size: 14px;
		font-style: italic;
		position: relative;
		top: -5px;
	}
		#postfooter .comments span {
			font-size: 24px;
			font-style: normal;
			position: relative;
			top: 4px;
			margin-right: 3px;
		}
	#postfooter .trackback, #postfooter .twitterthis {
		float: left;
		margin-top: 6px;
	}
	#postfooter .trackback {
		margin-right: 10px;
	}
	#postfooter .twitterthis {
		margin-right: 20px;
	}
	#postfooter .tags {
		float: left;
		background: url('images/doublevert.gif') repeat-y top left;
		padding: 6px 0px 6px 20px;
		font-style: italic;
		font-size: 14px;
		text-transform: lowercase;
		margin: 0;
	}

	#postfooter .postnav {
		float: right;
		margin-top: 7px;
	}
	
	
	
/*Page Footer  */
#footer {
	color: #fff;
	padding: 22px 0;
	background: #444 url('images/footerbg.png') repeat-x top left;
}
	#footer h3 {
		color: #fff;
		font-weight: normal;
		font-size: 21px;
		margin: 0 0 13px 0;
	}
	#footerleft {
		float: left;
		width: 430px;
		margin-left: 75px;
	}
		#footerleft #about {
			padding-bottom: 20px;
			border-bottom: 1px solid #fff;
			margin-bottom: 1px;
		}
			#footerleft #about img {
				float: left;
				background: url('images/profilebg.png') no-repeat;
				padding: 9px 10px;
			}
			#footerleft #about #abouttext {
				float: left;
				width: 250px;
				margin-left: 15px;
				font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
				font-size: 11px;
			}
				#footerleft #about #abouttext #footerlogo {
					display: block;
					float: left;
					background: url('images/footerlogo.png') no-repeat;
					width: 116px;
					height: 22px;
					text-indent: -99999px;
					margin-top: -2px;
					margin-right: 5px;
				}
				#footerleft #about #abouttext p {
					margin: 10px 0;
					line-height: 20px;
				}
				#footerleft #about #abouttext #aboutme {
					display: block;
					clear: both;
				}
				#footerleft #about a {
					color: #fff;
					text-decoration: none;
					border-bottom: 1px dotted #fff;
				}
					#footerleft #about a:hover, #footerleft #about a:active {
						border-bottom: 1px solid #fff;
					}
				#footerleft #about a.more {
					color: #7cd3fe;
					border-bottom: none;
				}
					#footerleft #about a.more:hover, #footerleft #about a.more:active {
						color: #559fc3;
					}
	#footerleft #searchbox {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 20px 0 22px;
		margin-bottom: 1px;
	}
		#footerleft #searchbox #s {
			border: none;
			padding: 9px;
			font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
			font-size: 11px;
			color: #2c2c2c;
			width: 319px;
		}
		#footerleft #searchbox #searchsubmit {
			font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
			color: #fff;
			background: #df5518;
			font-size: 10px;
			padding: 8px;
			border: none;
			position: relative;
			top: -1px;
			text-transform: uppercase;
			font-weight: bold;
			margin-left: 10px;
			width: 80px;
		}
	
	#footerleft #filecabinet {
		padding: 20px 0;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		margin-bottom: 1px;
	}
		#footerleft #filecabinet ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			#footerleft #filecabinet li {
				margin: 0;
				padding: 0;
			}
			#footerleft #filecabinet a {
				font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
				font-size: 12px;
				text-decoration: none;
				color: #fff;
				display: block;
				width: 100%;
				padding: 10px 0;
				border-bottom: 1px dotted #fff;
			}
				#footerleft #filecabinet a:hover, #footerleft #filecabinet a:active {
					border-bottom: 1px solid #fff;
				}
	
	#footerleft #siteinfo {
		padding: 20px 0;
		border-top: 1px solid #fff;
	}
		#footerleft #siteinfo img {
			float: left;
		}
		#footerleft #siteinfo p {
			font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
			font-size: 11px;
			margin: 8px 0 0 10px;
			float: left;
		}
			#footerleft #siteinfo p a {
				color: #fff;
				border-bottom: 1px dotted #ccc;
				text-decoration: none;
			}
				#footerleft #siteinfo p a:hover, #footerleft #siteinfo p a:active {
					border-bottom: 1px solid #ccc;
				}
			
		#footerleft #siteinfo .copyright, #footerleft #siteinfo .validation {
			clear: both;
			margin-top: 10px;
		}
	
	
#footerright {
	float: left;
	width: 420px;
	margin-left: 40px;
}
	#footerright #mini {
		padding-bottom: 20px;
		border-bottom: 1px solid #fff;
		margin-bottom: 1px;
	}
		#footerright #mini ul {
			list-style: none;
			margin: 0;
			padding: 0;
			font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
			font-size: 11px;
		}
			#footerright #mini li {
				margin: 0;
				padding: 10px 0;
				border-bottom: 1px dotted #fff;
			}
			#footerright #mini a {
				color: #ccc;
				text-decoration: underline;
				padding: 0 2px;
			}
				#footerright #mini a:hover, #footerright #mini a:active {
					text-decoration: none;
					
				}
			#footerright #mini p {
				display: inline;
			}
				#footerright #mini p a {
					color: #7cd3fe;
					text-decoration: none;
					padding: 0;
				}
					#footerright #mini p a:hover, #footerright #mini p a:active {
						border-bottom: 1px solid #7cd3fe;
					}
			
	#footerright #syndication {
		padding: 20px 0;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		margin-bottom: 1px;
	}
		#footerright #syndication ul {
			list-style: none;
			margin: 0;
			padding: 0;
			font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
			font-size: 12px;
		}
			#footerright #syndication li {
				margin: 0;
				padding: 0;
				border-bottom: 1px dotted #fff;
			}
				#footerright #syndication li.rss a {
					background: url('images/rss.png') no-repeat center left;
				}
				#footerright #syndication li.twitter a {
					background: url('images/twitter.png') no-repeat center left;
				}
				#footerright #syndication li.flickr {
					padding: 0;
					border-bottom: 1px dotted #fff;
				}
					#footerright #syndication li.hover {
						border-bottom: 1px solid #fff !important;
					}
					#footerright #syndication li.flickr p {
						background: url('images/downarrow.gif') no-repeat center right;
						margin: 0;
						padding: 10px 0;
					}
					#footerright #syndication li.flickr span {
						background: url('images/flickr.jpg') no-repeat center left;
						padding-left: 18px;
						display: block;
						
					}
					#footerright #syndication li.flickr div a.photos {
						float: left;
						padding: 0;
						border: none;
						margin: 4px;
						width: auto;
					}
					#footerright #syndication li.flickr div a.link {
						padding: 0;
						display: block;
						float: left;
						border: none;
						font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
						font-size: 10px;
						text-transform: uppercase;
						font-weight: bold;
						font-style: normal;
						color: #7CD3FE;
						margin: 10px 0;
					}
						#footerright #syndication li.flickr div a.link:hover, #footerright #syndication li.flickr div a.link:active {
							color: #559FC3;
						}
				#footerright #syndication li.lastfm a {
					background: url('images/lastfm.jpg') no-repeat center left;
				}
				#footerright #syndication li.technorati a {
					background: url('images/technorati.png') no-repeat center left;
				}
				
				#footerright #syndication a {
					
					color: #fff;
					width: 402px;
					display: block;
					padding: 10px 0 10px 18px;
					text-decoration: none;
				}
					
				
				#footerright #syndication .photostream {
					padding: 10px 0;
				}
				#footerright #syndication .photostream .photos {
					display: inline;
					border: none;
					width: auto;
					padding: 0;
				}
	

	#footerright #whoiread {
		padding-top: 20px;
		border-top: 1px solid #fff;
	}
	#footerright #whoiread h5 {
		font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
		font-style: normal;
		margin: 0;
		padding: 10px 15px 10px 0;
		border-bottom: 1px dotted #fff;
		background: url('images/downarrow.gif') no-repeat center right;
	}
		#footerright #whoiread h5.hover {
			border-bottom: 1px solid #fff;
			background-color: #494949;
		}
	#footerright #whoiread ul {
		list-style: none;
		margin: 0;
		padding: 0;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
		font-size: 12px;
	}
		#footerright #whoiread li {
			margin: 0;
			padding: 0;
			
		}	
			#footer li.hover {
				background: #494949;
			}
			#footerright #whoiread a {
				border-bottom: 1px dotted #fff;
				color: #fff;
				width: 395px;
				display: block;
				padding: 10px 0 10px 25px;
				text-decoration: none;
			}
				#footerright #whoiread a:hover, #footerright #whoiread a:active {
					border-bottom: 1px solid #fff;
					background-color: #555;
				}

	/*Who I Read Avatars-----------------------*/
	
	#footerright #whoiread .aaronirizarry a {
		background: url('images/aaronirizarry.jpg') no-repeat center left;
	}
	#footerright #whoiread .alistapart a {
		background: url('images/alistapart.jpg') no-repeat center left;
	}
	#footerright #whoiread .abduzeedo a {
		background: url('images/abduzeedo.jpg') no-repeat center left;
	}
	#footerright #whoiread .amazingcoder a {
		background: url('images/amazingcoder.jpg') no-repeat center left;
	}
	#footerright #whoiread .andysowards a {
		background: url('images/andysowards.jpg') no-repeat center left;
	}
	#footerright #whoiread .bittbox a {
		background: url('images/bittbox.jpg') no-repeat center left;
	}
	#footerright #whoiread .bpeasedesign a {
		background: url('images/bpeasedesign.jpg') no-repeat center left;
	}
	#footerright #whoiread .colorburned a {
		background: url('images/colorburned.jpg') no-repeat center left;
	}
	#footerright #whoiread .csstricks a {
		background: url('images/csstricks.jpg') no-repeat center left;
	}
	#footerright #whoiread .fudgegraphics a {
		background: url('images/fudgegraphics.jpg') no-repeat center left;
	}
	#footerright #whoiread .fuelyourcreativity a {
		background: url('images/fuelyourcreativity.jpg') no-repeat center left;
	}
	#footerright #whoiread .imjustcreative a {
		background: url('images/imjustcreative.jpg') no-repeat center left;
	}
	#footerright #whoiread .jeffreyzeldman a {
		background: url('images/jeffreyzeldman.jpg') no-repeat center left;
	}
	#footerright #whoiread .justcreativedesign a {
		background: url('images/justcreativedesign.jpg') no-repeat center left;
	}
	#footerright #whoiread .mayhemstudios a {
		background: url('images/mayhemstudios.jpg') no-repeat center left;
	}
	#footerright #whoiread .nettuts a {
		background: url('images/nettuts.jpg') no-repeat center left;
	}
	#footerright #whoiread .psdtuts a {
		background: url('images/psdtuts.jpg') no-repeat center left;
	}
	#footerright #whoiread .sharebrain a {
		background: url('images/sharebrain.jpg') no-repeat center left;
	}
	#footerright #whoiread .smashingapps a {
		background: url('images/smashingapps.jpg') no-repeat center left;
	}
	#footerright #whoiread .smashingmagazine a {
		background: url('images/smashingmagazine.jpg') no-repeat center left;
	}
	#footerright #whoiread .sofaemployed a {
		background: url('images/sofaemployed.jpg') no-repeat center left;
	}
	#footerright #whoiread .spoongraphics a {
		background: url('images/spoongraphics.jpg') no-repeat center left;
	}
	#footerright #whoiread .thedesigncubicle a {
		background: url('images/behoff.jpg') no-repeat center left;
	}
	#footerright #whoiread .thinkdesign a {
		background: url('images/thinkdesign.jpg') no-repeat center left;
	}
	#footerright #whoiread .tutorial9 a {
		background: url('images/tutorial9.jpg') no-repeat center left;
	}
	#footerright #whoiread .vectortuts a {
		background: url('images/vectortuts.jpg') no-repeat center left;
	}
	#footerright #whoiread .wakeuplater a {
		background: url('images/wakeuplater.jpg') no-repeat center left;
	}
	#footerright #whoiread .webdesignledger a {
		background: url('images/webdesignledger.jpg') no-repeat center left;
	}
	#footerright #whoiread .wellmedicated a {
		background: url('images/wellmedicated.jpg') no-repeat center left;
	}

/*Comments     */

#commentsarea {
	background: #fff;
	padding: 25px 0 65px 75px;
	margin-top: 30px;
}

#commentsection {
	margin-left: 75px;
	width: 550px;
	padding-top: 25px;
}
#commentsection h3 {
	font-size: 24px;
	font-weight: normal;
	margin-top: 0;
}
ol.commentlist {
	list-style: none;
	padding: 0;
	margin: 0;
}
ol.commentlist li.comment {
	border-bottom: 1px dotted #999;
	padding: 15px 0;
}

ol.commentlist img.avatar {
	background: url('images/gravatarbg.jpg') no-repeat center center;
	padding: 7px;
}
ol.commentlist h6 {
	margin: 0;
	display: inline;
	position: relative;
	top: -20px;
	font-size: 16px;
}
	
	ol.commentlist h6 small {
		font-weight: normal;
		font-size: 9px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
	}
		ol.commentlist h6 small a {
			color: #3F7AA9;
			text-decoration: none;
		}
			ol.commentlist h6 small a:hover, ol.commentlist h6 small a:active {
				color: #174A72;
			}
ol.commentlist .edit_link {
	position: relative;
	top: -20px;
	margin-left: 10px;
}
ol.commentlist h6 cite {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
	color: #777;
	font-weight: bold;
	font-style: normal;
	margin-left: 2px;
}
	ol.commentlist h6 cite a {
		color: #777;
		text-decoration: none;
		border-bottom: 1px dotted #777;
	}
		ol.commentlist h6 cite a:hover, ol.commentlist h6 cite a:active {
			color: #333;
			border-bottom: 1px solid #333;
		}
	ol.commentlist .authcomment h6 cite a {
		color: #DF5518;
		border-bottom: 1px dotted #DF5518;
	}
		ol.commentlist .authcomment h6 cite a:hover, ol.commentlist .authcomment h6 cite:active {
			color: #a25533;
			border-bottom: 1px solid #a25533;
		}
		
ol.commentlist .commenttext {
	font-size: 11px;
	margin-left: 50px;
	line-height: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
}
	ol.commentlist .commenttext a {
		color: #3F7AA9 !important;
		text-decoration: none !important;
		border-bottom: 1px dotted #3F7AA9;
	}
		ol.commentlist .commenttext a:hover, ol.commentlist .commenttext a:active {
			color: #174A72 !important;
			border-bottom: 1px solid #174A72;
		}
	.commenttext ol, .commenttext ul, .commenttext blockquote {
		padding: 6px;
		list-style-position: inside;
		background: #d1e2e8;
	}
ol.commentlist .moderation {
	background: #ffd378;
	font-size: 11px;
	padding: 5px;
	margin-bottom: 0;
}
ol.commentlist .says {
	display: none;
}
div#leavereply {
	margin-top: 25px;
	background: #f5f5f5 url('images/leavereplybg.jpg') repeat-x top left;
	padding: 25px 0 25px 75px;
}
div#leavereply h3 {
	color: #333;
	font-size: 18px;
	font-weight: normal;
	margin-top: 0;
}
div#leavereply label {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #3f7aa9;
}
	div#leavereply label span {
		text-transform: lowercase;
		font-weight: normal;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
	}
div#leavereply p input.inputbox {
	margin-bottom: 8px;
	background: #fff;
	display: block;
	width: 300px;
	border: 1px solid #ccc;
	border-color: #aaa #ddd #ddd #aaa;
	padding: 5px;
	margin-top: 3px;
	font-weight: bold;
	color: #333;
}
form#commentform p.field {
	margin: 8px 0 0 0;
	width: 310px;
	padding-bottom: 5px;
	border-bottom: 1px solid #aaa;
}
div#leavereply p input.hiddeninput {
	border: none;
	background: none;
}
/*div#leavereply p input#submit {
	margin-top: -5px;
	float: left;
	border: none;
	width: 38px;
	height: 82px;
	margin-left: 5px;
	color: #fff;
	background: #3f7aa9;
	padding: 0;
}*/
div#leavereply p input#submit {
	margin-top: 5px;
	display: block;
	background: #DF5518 none repeat scroll 0 0;
	color: #FFFFFF;
	font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-left: 0px;
	padding: 8px;
	text-transform: uppercase;
	border: none;
}
#commenttextarea {
	display: block;
	background: #fff;
	margin-top: -5px;
	border: 1px solid #ccc;
	border-color: #aaa #ddd #ddd #aaa;
	width: 530px;
	max-width: 530px;
	height: 62px;
	padding: 10px;
}


/*Pages       */
h2.pagetitle {
	margin: 0;
	border-bottom: 1px solid #aec0ce;
	color: #252525;
	font-size: 36px;
	font-weight: normal;
	padding: 4px 0;
}
.archivepost {
	margin-bottom: 15px;
	padding-top: 15px;
	border-top: 1px solid #999;
}
.archivepost.first {
	border: none !important;
}
.archivepost h3 {
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
	margin: 0 0 5px 0;
}
	.archivepost h3 a {
		color: #252525;
		text-decoration: none;
		border-bottom: 1px dotted #252525;
	}
		.archivepost h3 a:hover, .archivepost h3 a:active {
			color: #444;
			border-bottom: 1px solid #444;
		}
		
.archivepost small.date {
	font-size: 11px;
	color: #777;
}
.archivepost p.postmetadata {
	font-size: 11px;
	font-style: italic;
}
	.archivepost p.postmetadata a {
		font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		font-weight: bold;
		font-style: normal;
		text-decoration: none;
		color: #3f7aa9 !important;
	}
		.archivepost p.postmetadata a:hover, .archivepost p.postmetadata a:active {
			color: #174a72 !important;
		}
/*Search       */
.searchpage {
	margin-bottom: 45px;
}
.searchpage p {
	color: #262626;
	font-size: 14px;
	line-height: 22px;
}
.searchpage .navigation a {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #3f7aa9 !important;
}
	.searchpage .navigation a:hover, .searchpage .navigation a:active {
		color: #174a72 !important;
	}
.searchpage .top {
	margin: 5px 0 30px;
}
.searchpage .bottom {
	padding-top: 4px;
	border-top: 1px solid #aec0ce;
	margin: 45px 0 0 0;
}
.searchpage #searchform_two {
	margin: 20px 0 30px;
}
.searchpage #searchform_two #s_two {
	padding: 9px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
	font-size: 11px;
	color: #2c2c2c;
	width: 319px;
	border: 1px solid #ccc;
	border-color: #aaa #ddd #ddd #aaa;
}
.searchpage #searchform_two #searchsubmit_two {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
	color: #fff;
	background: #df5518;
	font-size: 10px;
	padding: 8px;
	border: none;
	position: relative;
	top: -1px;
	text-transform: uppercase;
	font-weight: bold;
	margin-left: 10px;
	width: 80px;
}
.searchpage ul.recentposts {
	list-style: none;
	font-size: 14px;
	margin-left: 0;
	padding-left: 0;
}
.searchpage ul.recentposts li {
	
}
.searchpage ul.recentposts li a {
	color: #df5518;
	text-decoration: none;
	border-bottom: 1px dotted #df5518;
}
	.searchpage ul.recentposts li a:hover, .searchpage ul.recentposts li a:active {
		border-bottom: 1px solid #df5518;
	}

/*Archive       */

.archivepage .navigation a {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #3f7aa9 !important;
}
	.archivepage .navigation a:hover, .archivepage .navigation a:active {
		color: #174a72 !important;
	}
	
.archivepage .top {
	margin: 5px 0 30px;
}
.archivepage .bottom {
	padding-top: 4px;
	border-top: 1px solid #aec0ce;;
	margin: 45px 0;
}


/*About      */

.aboutpage .article {
	margin-bottom: 45px;
	padding-bottom: 30px;
	border-bottom: 1px solid #aec0ce;
}
.aboutpage .article h2 {
	color: #252525;
	font-size: 48px;
	font-weight: normal;
	text-decoration: none;
	width: 100%;
	display: block;
	padding: 4px 0;
	margin-bottom: 0;
}
	.aboutpage .article h2:hover {
		border-bottom: 1px solid #aec0ce;
	}
.aboutpage .secondary {
	margin-top: 25px;
}
.secondary h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #444 !important;
	margin: 20px 0 5px 0;
}
.aboutpage .secondary ul {
	list-style: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
	font-size: 11px;
	margin-top: 0;
	line-height: 18px;
}
.aboutpage .secondary ul a {
	color: #3f7aa9;
	border: none !important;
	text-decoration: none;
}
	.aboutpage .secondary ul a:hover, .aboutpage .secondary ul a:active {
		color: #174a72;
	}

/*Contact      */

.contactpage .article {
	margin-bottom: 45px;
	padding-bottom: 30px;
	border-bottom: 1px solid #aec0ce;
}
.contactpage .article h2 {
	color: #252525;
	font-size: 48px;
	font-weight: normal;
	text-decoration: none;
	width: 100%;
	display: block;
	padding: 4px 0;
	margin-bottom: 0;
}
	.contactpage .article h2:hover {
		border-bottom: 1px solid #aec0ce;
	}
.contactpage .secondary {
	margin-top: 25px;
}
.contactpage .secondary h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #444 !important;
	margin: 20px 0 5px 0;
}
.contactpage .secondary ul {
	list-style: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Georgia, Arial, sans-serif;
	font-size: 11px;
	margin-top: 0;
	line-height: 18px;
}
.contactpage .secondary ul a {
	color: #3f7aa9;
	border: none !important;
	text-decoration: none;
}
	.contactpage .secondary ul a:hover, .contactpage .secondary ul a:active {
		color: #174a72;
	}
.contactpage fieldset {
	border: none;
}
	.contactpage fieldset input, .contactpage fieldset textarea {
		width: 450px;
		max-width: 450px;
		display: block;
		margin-bottom: 8px;
		background: #fff;
		border: 1px solid #ccc;
		border-color: #aaa #ddd #ddd #aaa;
		padding: 5px;
		margin-top: 3px;
		font-weight: bold;
		color: #333;
	}
	.contactpage fieldset textarea {
		font-weight: normal;
	}
	.contactpage fieldset input.formButton {
		background: #DF5518;
		border: none;
		color: #FFFFFF;
		font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,sans-serif;
		font-size: 10px;
		font-weight: bold;
		margin-left: 0px;
		padding: 8px;
		text-transform: uppercase;
		width: 80px;
		cursor: pointer;
	}
	.contactpage fieldset dt {
		margin-bottom: 5px;
	}
	.contactpage fieldset dd {
		margin-bottom: 15px;
		margin-left: 0;
	}

/*Global*/
.clear {
	clear: both;
}
.alignleft {
	float: left;
	margin: 0 30px 30px 0;
}
.alightright {
	float: right;
	margin-left: 0 0 30px 30px;
}
.rightalign {
	text-align: right;
}
.leftalign {
	text-align: left;
}
.centeralign {
	text-align: center;
}
.hidden {
	display: none;
}
.strike {
	text-decoration: line-through;
}
.spacedout {
	margin: 15px 0;
}
.separated {
	padding-bottom: 15px;
	border-bottom: 1px solid #AEC0CE;
}
a img {
	border: none !important;
}
table {
	margin: 15px 0;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
}
th, td {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.error, .notice {
	padding: 10px;
	background: #F3DC9F;
}
	.error p, .notice p {
		margin: 0;
		padding: 0;
	}
.error {
	background: #da7b7b;
}
.hexgallery {
	margin: 40px 0 0 0;
	padding: 0;
}
.hexgallery li {
	margin: 0px 2px 2px 0px;
	float: left;
	list-style: none;
}
.hexgallerybox, .hexgalleryboxlight {
	display: block;
	font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,sans-serif;
	font-weight: bold;
	width: 105px;
	padding: 20px 0;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	border: none !important;
}
.hexgalleryboxlight {
	color: #444 !important;
}