/* main css tyle file */
	
	body {
		background-color: #f2fbfe;
		color: #362f2d;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .70em;
	}
	
	a {
		color: #f39;
		text-decoration: none;
	}
	
	a:hover {
		background-color: #f39;
		color: #fff;
	}
	
/* overall */

/* icon */
	
	.commentsicon {
		background-image: url(/views/undone/images/icons/comments_gray.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		padding-left: 20px;
		padding-bottom: 4px;
		color: #898989;
	}
	
	.tagsicon {
		background-image: url(/views/undone/images/icons/tags_gray.png);
		background-repeat: no-repeat;
		padding-left: 15px;
		
	}
	
	
	/* social icons */
		.social .item {
			background-repeat: no-repeat;
			padding-left: 15px;	
			background-position: 0 50%;			
		}
		
		.social .twitter {
			background-image:url(/views/undone/images/icons/social/twitter.gif);
		}
		.social .stumbleupon {
			background-image:url(/views/undone/images/icons/social/stumbleupon.gif);
		}
		.social .facebook {
			background-image:url(/views/undone/images/icons/social/facebook.gif);
		}
		.social .muti {
			background-image:url(/views/undone/images/icons/social/muti.gif);
		}
		.social .technorati {
			background-image:url(/views/undone/images/icons/social/technorati.gif);
		}
		.social .digg {
			background-image:url(/views/undone/images/icons/social/digg.gif);
		}
		.social .delicious {
			background-image:url(/views/undone/images/icons/social/delicious.gif);
		}
	
	
	/* story */
	h1 { font-size: 1.8em; }
	h2 { font-size: 1.6em; }
	h3 { font-size: 1.5em; }
	h4 { font-size: 1.3em; }
	
	h1, h2, h3, h4, h5 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: -0.03em;
		/*font-weight: lighter;*/
		
	}
	
	.story {
		/*line-height: 1.25em;
		font-size: 1.1em;*/
		line-height: 1.3em;
		font-size: 1.1em;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-family: Verdana, Geneva, sans-serif;
		font-family: Arial, Helvetica, sans-serif;
		color: #666;
	}
		.story p {
			margin: 0 0 .9em 0;
		}
		
		.story blockquote {
			border-left:1px dotted;
			margin: 1em;
			padding: 0 1em 0 1em;
		}
		
		.story ol {
			margin: 1em;
			padding: 0 1em 0 1.5em;
			list-style-type: decimal;
		}
		
		.story ul {
			margin: 1em;
			padding: 0 1em 0 1em;
			list-style-type: square;
		}
		
		.story ol li, .story ul li {
			margin-bottom: .5em;
		}
		
		.story img {
			max-width: 400px;
			margin-bottom: 5px;
			display: block;
		}
	
	#page {
		background-color: #e6f7fd;
		background-image: url(/views/undone/images/ui/body-bg-2.gif);
		background-position: 10px 10px;
		/*background-repeat: repeat-y;*/
	}
	
	.mono {
		font-family: "Courier New", Courier, monospace;	
		font-size: .9em;
	}
	/*header */
		.identity a img, .persona .icon a img {
			display: block;
		}
		/* navigation */
		.navigation {
			background-image: url(/views/undone/images/ui/nav_bg.jpg);
			background-repeat: no-repeat;
				
		}
		
		.navigation .section {
			text-align: right;	
		}
			.navigation a, .persona a {
				display: inline-block;
				line-height: 0.9em;
			}
		
		
		#header .advert_ {
			background-image: url(/views/undone/images/ui/nav_bg.jpg);
			background-repeat: no-repeat;	
		}
			.advert_ .wide {
				background-color: #fff;	
			}
			
			.z .advert_, .y .advert_ {
				background-image: url(/views/undone/images/tri/white-down.gif);
				background-position: 20px 100%;
				background-repeat: no-repeat;
				padding-bottom: 6px;
				margin-bottom: 10px;
			}
			.advert_ .long {
				
				background-color: #fff;	
			}

			.advert_ .wide, .advert_ .long, .z .advert_, .y .advert_ {
				background-color: transparent;
				background-image: none;
			}
		/* persona */
		
		.persona .icon {
			/*background-color: #534741;	*/
		}
		
		.persona .icon a {
			display: block;
			padding: 0px 0px 2px 0;
		}
		
/* general */

	/* section title */
	
		dl.sectionTitle {
			font-family: "Courier New", Courier, monospace;	
			color: #898989;
			font-size: 1.2em;
			margin-bottom: 10px;
		}
			dl.sectionTitle dt {
				display: block;
				float: left;
				color: #f39;
				width: 10px;
			}
	
			dl.sectionTitle dd {
				display: block;	
				float: left;
				background-color: #fff799;
			}
			
	/* label */
	
		dl.label {
			font-family: "Courier New", Courier, monospace;	
			font-size: 0.9em;
		}
			dl.label dt {
				display: block;
			}
			
			dl.label dd {
				display: block;	
			}
			
		dl.sectionTitle a, dl.label a {
			display: inline-block;	
		}
		
	#footer .copy {
		margin-top: 16px;	
	}
	
/* safari hacks*/

	@media screen and (-webkit-min-device-pixel-ratio:0) {	
		.mono, dl.label, dl.label {
			font-size: 1.154em;	
		}
		dl.sectionTitle {
			font-size: 	1.48em;
		}
		
		#body .panel .label {
			width: 60%;
		}
		
		#body .panel .meta .author .alias {
			font-size: 1.354em;
		}
		
		#body .date {
			color: #696969;	
			line-height: 1.1em;
			font-size: 1.154em;
		}
		
		
	}