/**
 * colors used:
 *
 * #ec598d		pink
 * #52a3e0		blue
 * #333			black
 * #888			grey
 */

/* Some common styles */
html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, li,
form, table, td, tr, img, p {
	margin:0; padding:0; border:0; font-weight:normal; }
	
body {
	background:white; font:70%/1.7em Tahoma, Verdana, Helvetica, Arial, sans-serif;
	text-align:center; color:#333; }
	
pre, code {
	font-size:1.1em; font-family:monospace; }
	
:root pre, :root code { /* only for mozilla & safari */
	font-size:1.35em;  }
	
html:not(:nth-child(1)) pre, html:not(:nth-child(1)) code { /* revert to 1.1 in konqeurorkonqueror */
	font-size:1.1em; }

h1,
#section_nav,
#sidebar dt {
	font-family:Anivers, Tahoma, Verdana, Helvetica, Arial, sans-serif; }
	

input, textarea {
	margin:0; padding:0; font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size:1em; }
	
input.text {
	border:1px solid #ccc; padding:1px 2px; }
	
input.text:focus {
	border-color:#52a3e0; }
	
textarea {
	border:1px solid #ccc; padding:1px 2px; }
	
textarea:focus {
	border-color:#52a3e0; }
	
input.submit {
	border:1px solid #52a3e0; background:#eff5fa; padding:1px 2px; cursor:pointer; }
	
input.submit:hover {
	background:#e2ecf6; }
	
a {
	color:#333; text-decoration:underline; }
	
a:hover {
	text-decoration:none; }
	
/* Stick the footer to the bottom of the window */
html {
	height:100%; }
	
	html > body {
		height:auto; min-height:100%; position:relative; }
	
	* html body {
		height:100%; position:relative; }
		
#foot {
	voice-family: "\"}\""; voice-family: inherit; position:absolute; bottom:0; left:0; width:100%; }
	
/* Main placement */
#container {
	border-top:2px solid #333; }
	
#head,
#content {
	width:68em; text-align:left; margin:0 auto; min-width:705px; padding:0 1em 0 4em;
	voice-family: "\"}\""; voice-family: inherit; width:63em; }

#end {
	clear:both; height:35px; }

#foot {
	height:11px; background:#eee; }

/* The header */
#head {
	padding-top:50px; }

	h1 {
		font-size:4.0179em; float:left; }
		
		h1 a {
			float:left; display:inline; text-decoration:none; }
		
		h1 a.name {
			color:#333; margin-right:13px; }
			
		h1 a.section {
			color:#ec598d; }
			
			h1 img {
				float:left; }
	
	#section_nav {
		color:#888; float:right; padding-top:14px; position:relative; }
		
		#section_nav span {
			display:block; }
		
		#section_nav a {
			color:#888; float:left; display:inline; text-decoration:none; }
		
		#section_nav a:hover {
			color:#ec598d; }
		
			#section_nav img {
				float:left; font-size:2.1428em; display:inline; }
				
			#section_nav img.dash {
				left:-13px; top:14px; position:absolute; }
				
			#section_nav img.comma {
				margin-right:7px; }
				
/* Main content */
#content {
	clear:both; padding-top:44px; }
	
	h2 {
		font-weight:normal; font-size:1.7em; letter-spacing:0.03em; margin-top:3em;
		margin-bottom:0.5em; font-family:'Trebuchet MS', Tahoma, Verdana, Helvetica, Arial, sans-serif; }
	
	.p404 h2 {
		margin-top:0; }
	
		h2, h2 a {
			color:#ec598d; }
			
		h2 span {
			font-size:1em; color:#aaa; }
			
			h2 span a {
				color:#aaa; }
				
				
	h3 {
		font-weight:normal; font-size:1.3em; margin-bottom:0.4em; margin-top:2.5em; clear:both; }
	
#main {
	float:left; }
	
/* sidebar */
#sidebar {
	float:right; }

#sidebar,
#sidebar dt,
#sidebar dd {
	margin:0; padding:0; border:0; }
	
	#sidebar dt {
		font-size:2.1428em; padding-left:19px; margin-left:-19px;
		background:url(/img/titles/sidebar/star.gif) no-repeat top left; }
		
		#sidebar dt img {
			display:block; }
			
	#sidebar dd {
		padding:0.8em 0 3.5em 0; }
		
		#sidebar ul {
			list-style-type:none; }
			
	#sidebar .flickr a {
		float:left; border:1px solid #888; display:inline; margin:0 0.6em 0.6em 0; }
		
	#sidebar .flickr a:hover {
		border-color:#ec598d; }
		
		#sidebar .flickr img {
			display:block; }
			
	#sidebar .flickr div {
		clear:left; }
		
		#sidebar .flickr div a {
			border:0; float:none; margin:0; }
			
	#sidebar a:hover {
		color:#ec598d; }
	
	#portfolio #sidebar dt a {
		margin-bottom:1.3em; display:block; height:25px; }
	
	#portfolio #sidebar dd {
		padding-bottom:2em; width:165px; }
		
		#sidebar dd.cloud a {
			line-height:1.1em; padding:0 0.15em; }
		
		#portfolio #sidebar dd a {
			float:left; border:1px solid #aaa; display:inline; margin:0 3px 3px 0;
			width:50px; height:50px; text-decoration:none; overflow:hidden; }
		
		#portfolio #sidebar dd a:hover {
			border-color:#ec598d; }
		
		#portfolio #sidebar dd a.sel_img {
			overflow:hidden; text-align:center; line-height:50px; color:white; font-size:2em;
			font-family:'Trebuchet MS', Tahoma, Verdana, Helvetica, Arial, sans-serif;
			background:#333; border-color:#333; }
			
		#portfolio #sidebar dd a.sel_img:hover {
			border-color:#333; }
			
			#portfolio #sidebar dd a img {
				display:block; }
				
			#portfolio #sidebar dd.flickr a img {
				margin:-12px 0 0 -12px; }
				
		#portfolio #sidebar dd div {
			height:0; overflow:hidden; clear:left; }
	
	#sidebar .submit {
		color:white; background:#ec598d; border-color:#ec598d; }
	
/* portfolio */
#portfolio #section_nav {
	width:12.9464em; min-width:145px; }
	
	#portfolio #section_nav span {
		width:145px; }
	
#portfolio #sidebar {
	width:12.9464em; min-width:145px; }
	
#portfolio #main {
	width:508px; }

	#portfolio #main .image {
		width:506px; display:block; text-align:center; padding:43px 0;
		border:1px solid #ddd; height:300px; }
		
	#portfolio #main .intro {
		height:386px; padding:0; }
		
	#portfolio #main .flickr {
		height:auto; padding:3px 0; min-height:375px; }

	#portfolio #main p {
		margin:6px 0; text-align:center; font-size:1.1607em; padding:2px 10px;
		color:#888; }
		
		#portfolio #main p a {
			color:#888; }
			
		#portfolio #main p a:hover {
			color:#ec598d; }
	
/* blog */
#blog #section_nav {
	width:16.6964em; min-width:188px; }
	
	#blog #section_nav span {
		width:188px; }
		
#blog #sidebar {
	width:16.7857em; min-width:188px; }
	
#blog #main {
	width:38.75em; min-width:434px; }
	
	* html #blog #main { /* lovely IE */
		padding-left:4em; margin-left:-4em; display:inline; padding-right:1em; }
	
	.post {
		margin-bottom:4.5em; }
	
	.date {
		float:left; text-align:center; line-height:1em; margin-left:-3.7em;
		display:inline; font-family:'Trebuchet MS', Tahoma, Verdana, Helvetica, Arial, sans-serif;
		background:#FBE5B0; -moz-border-radius:4px; padding:0.3em 0.5em;
		-webkit-border-radius:4px; }
		
		.date span {
			display:block; }
		
		.date .day {
			font-size:1.4em; line-height:1.2em; color:#555; font-weight:bold; }
			
		.date .month {
			font-size:0.9em; color:#555; text-transform:uppercase; }
			
		.date .year {
			font-size:0.9em; margin-top:0.5em; color:#999; margin-bottom:-1.5em; line-height:1em; }
		
	.post h2 {
		margin-top:0; }
		
	.tags {
		display:block; font-size:0.95em; color:#777; margin-top:-0.75em; margin-bottom:0.7em; }
	
		.tags a {
			color:#777; }
			
		.tags a:hover {
			color:#52a3e0; }
		
	p {
		margin-bottom:1em; }
		
		.entry p a:visited {
			color:#777; }
			
	.entry ul, .entry ol {
		margin-bottom:1em; margin-top:-0.5em; }

	dd {
		margin-bottom:0.5em; }

	.archives li {
		color:#777; }
	
	.comments {}
	
		.comments a {
			background:url(/img/comments.gif) no-repeat center left;
			color:#52a3e0; padding:0.5em 0 0.5em 22px; }
		
	.post a img {
		border:1px solid #52a3e0; float:left; margin:0 1em 0.4em 0; }
			
	.navigation {
		margin:3em 2em 0 2em; padding:1em 0; font-size:1.2em; text-align:center;
		font-family:'Trebuchet MS', Tahoma, Verdana, Helvetica, Arial, sans-serif; border-top:3px solid #eee;
		border-bottom:1px solid #ddd; }
		
		.navigation span.disabled {
			color:#888; padding:0 0.3em; border:1px solid white; }
		
		.navigation span {
			cursor:default; }
		
		.navigation a {
			color:#52a3e0; padding:0 0.3em; }
		
		#content .navigation span.delimeter {
			color:#888; }
			
		.navigation .helper {
			color:#ccc; padding-left:0.8em; font-size:0.85em; cursor:help; }
			
		.navigation .helper:hover {
			color:#777; }
			
	.archive_navigation {
		margin:0 -1em 4em -1em; padding:0.4em 1em; border-bottom:3px solid #eee; }
		
		.archive_navigation h3 {
			font-size:1.1em; font-weight:normal; margin:0; margin-left:-1px; clear:none; }
			
		.archive_navigation .back {
			float:right; font-size:0.95em; }
			
		.archive_navigation span {
			color:#888; }
			
		.archive_navigation a {
			color:#52a3e0; }
			
	.commentlist {
		list-style-position:outside; }
		
		.commentlist li {
			color:#999; }
			
			.commentlist li * {
				color:#333; }
				
			.commentlist cite {
				color:#52a3e0; font-style:normal; font-size:1.1em; }
				
			.commentlist cite a {
				color:#52a3e0; }
				
			.commentlist .comment_date {
				color:#777; font-size:0.95em; }
			
			.commentlist p.awaiting {
				font-weight:bold; }
				
	#commentform {}
		
		#commentform label {
			color:#777; font-size:0.95em; }
			
		#commentform textarea {
			width:35em; height:16em; background:white; position:relative; z-index:3;
			max-width:35em; }
			
		#commentform .submit {
			padding:2px 4px; }
			
/* about me */
#about_me #section_nav {
	width:11.9643em; min-width:134px; }
	
	#about_me #section_nav span {
		width:134px; }
		
#about_me #main {
	font-size:1.1607em; line-height:1.8em; }
	
	#about_me #main dt {
		padding:0; margin:0; width:319px; float:left; clear:left;
		text-align:right; color:#888; }
		
	#about_me #main dd {
		margin:0 0 0 332px; padding:0 0 4em 0; }
		
		#about_me #main a:hover {
			color:#52a3e0; }