/* view */
	
	/* magazine */
	
	.one .magazine .x, .one .magazine .y {
		background-color: #fff;	
	}
	
	
	.magMedia .page {
		background-color: #fff;	
		padding: 10px;
		display: block;
	}
	
	.magMedia .panel {
		margin: 0;
		
	}
	
	
	.magazine .page {
		margin: 10px;
		display: block;
		padding-bottom: 0;
	}
	
	.magazine .pane {
		padding-top: 10px;
	}
	
	.magazine .synopsis {
		margin: 10px 10px 10px 0;
	}
	
		.synopsis .title {
			margin-bottom: 5px;	
		}
			.synopsis .title a {
				display: inline-block;	
			}
		
		.synopsis .date {
			margin-bottom: 5px;	
			font-size: 0.9em;
		}
		
		.synopsis .commentsicon {
			padding-bottom: 10px;
		}
		
		.synopsis .story {
			background-color: #f9f9f9;
			padding: 10px;
			margin-bottom: 0;
		}
			.synopsis .story p {
				margin-bottom: 0;	
			}
		

	.panel {
		background-color: #fff;
		padding: 0 10px;
		margin-bottom: 10px;
	}
	
		.panel a img {
			display: block;	
		}
	
		.panel .label {
			background-color: #e6f7fd;
			width: 50%;
			padding: 0 5px 5px 5px;
			margin-bottom: 5px;
		}
		.panel .pane {
			display: block;
			margin-bottom: 5px;
			
		}
			.panel .pane .story {
				margin-left: 5px;
				margin-right: 5px;
				display: block;
			}
			
			.panel .pane .synopsis {
				margin-bottom: 0;
				margin-top: 5px;
			}
			
		.panel .action {
			background-color: #e6f7fd;
			padding: 3px 5px 0 5px;
			display: inline-block;			
		}
		
		
		.panel .pane .synopsis .date {
			clear: both;
			float: left;
			margin-right: 10px;
		}
		
		.panel .pane .synopsis .commentsicon {
			float: left;	
		}
		
		.panel .pane .synopsis .action {
			clear: both;
			float: left;
		}
	
	
	.panel {
	}
	
		.panel .heading {
			/*background-color: #e6f7fd;*/
			padding: 0;
			padding-top: 10px;
			margin-bottom: 0;
			
		}
			.panel .heading .title {
				background-color: #f9f9f9;
				padding: 5px;
			}
			
			.panel .heading .modify {
				display: block;
				float: left;
				background-color: #f9f9f9;
				padding: 5px 5px 2px 5px;
			}
			
			
		.panel .meta {
			margin: 5px 0 5px 0;	
			/*background-color: #f9f9f9;*/
			padding: 5px;
		}
			.panel .meta .tag {
				float: left;	
				margin-right: 7px;
			}
			
			.panel .meta .date {
				width: 60px;
			}
			
			
			
			.panel .meta .commentsicon {
				width: 20px;
			}
			
			.panel .meta .author {
				width: 145px;
			}
			
				.panel .meta .author .icon {
					float: left;
					width: 28px;
				}
				
				.panel .meta .author .alias {
					float: right;
					width: 110px;
					line-height: 1.1em;
					font-family: "Courier New", Courier, monospace;
					font-size: 1.10em;
				}
		.panel .story {
			margin-bottom: 5px;
			margin-left: 5px;
		}
		
		.panel .story img {
			display: block;
		}
		
		.panel .tagged {
			padding-bottom: 15px;
			font-size: 1.05em;
			line-height: 1.2em;
			width: 75%;
			display: block;
			background-position: 0 2px;
			margin-top: 10px;
			margin-left: 10px;
			font-style: italic;
		}
		
		.quick {
			background-image: url(/views/undone/images/tri/white-down.gif);
			background-position: 20px 100%;
			background-repeat: no-repeat;
			padding-bottom: 6px;
			margin-bottom: 10px;
		}
			
			 .quick .panel {
				margin-bottom: 0; 
			 }
			 .quick .label {
				margin-bottom: 0;
			 }
			 
			 .quick .list {
				background-image: url(/views/undone/images/tri/blue-down.gif);
				background-position: 10px 0;
				background-repeat: no-repeat;
				padding-top: 13px;
			}
		.quick .titles {
			padding-bottom: 5px;
		}
			.quick .titles .item {
				background-image: url(/views/undone/images/ui/gt.gif);
				background-repeat: no-repeat;
				background-position: 0px 3px;
				margin: 0 0 5px 5px;
				padding: 0 0 3px 10px;
			}
				.quick .titles .item .title {
					display: block;	
					border-bottom: 1px solid #e6f7fd;
					font-size: 1.1em;
					padding-bottom: 8px;
					
				}
			
			.quick .titles .last .title {
				border-bottom: none;
				
			}
			
		.quick .conversation .list .item {
		}
			.quick .conversation .list .item .commentsicon {
				float: left;
				display: block;
				
			}
			
			.quick .conversation .list .item .title {
				float: left;
				width: 80%;
				display: block;
				margin-left: 5px;
				
			}
				.y .quick .conversation .list .item .commentsicon {
					
					background-position: 0 0;
					background-image: none;
					padding: 1px 0 0 0;
					width: 10%;
					
				}
		
		.three .x .panel, .two .x .panel {
			margin-bottom: 0;	
		}
		
		.three .archive .panel {
			margin-bottom: 5px;
		}
		
			.three .archive .last {
				margin-bottom: 0;	
			}
		
		.three .x .panel .meta .date {
			width: 100px;
		}
		
		.three .x .panel .tagged {
			width: 80%;
		}
		
			
			.magazine .y .panel {
				padding: 10px;	
				
			}
				.magazine .y .panel .cover {
					display: block;	
					margin-bottom: 10px;
				}
				.magazine .y .panel .actions .left {
					float: left;
					width: 40%;
				}
				
				.magazine .y .panel .actions .right {
					float: right;
					width: 40%;
					text-align: right;
				}
				
				.magazine .y .panel .actions .point {
					display: block;	
					margin-bottom: 2px;
				}
					.magazine .y .panel .actions .title {
						font-size: 1.1em;
						margin-bottom: 3px;
						display: block;
					}
	
		
	
	.list .item {
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	
		.list .last {
			margin-bottom: 0;
		}
		
	ul.list {
	}
		
		.social {
			padding: 0 0 5px 0;
		}
		.social .item {
			float: left;
			width: 39%;
			margin-bottom: 3px;
			padding-top: 2px;
			background-position: 0 0;
		}
		
		.social .right {
			float: right;
			text-align: right;
			padding-right: 15px;
			padding-left: 0;
			background-position: 100% 0;
		}
		
	.calendar .list {
		padding-bottom: 5px;
	}	
		.calendar .list .item {
			margin: 0;
			padding: 0 0 5px 0;
		}
		
		.calendar .list .item .year {
			display: block;
		}
			.calendar .list .item .months {
				background-color: #f9f9f9;
				padding: 5px 5px 0 5px;
				margin-top: 5px;
				
			}
			.calendar .list .item .months .month  {
				float: left;
				width: 25%;
				margin-bottom: 5px;
			}
	
	.news .list {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
		.news .list .item {
			padding: 0;
			margin: 0 0 5px 0;
		}
		
			.news .list .item .object {
				float: left;
				width: 136px;
				min-height: 133px;
				padding: 0;
				margin: 0;
			}
				.news .list .item .object a {
					display: block;
					width: inherit;
					height: 100%;
					opacity: 0.5;
				}
			
			.news .list .item .details {
				float: right;	
				width: 154px;
				/*background-color: #f9f9f9;*/
			}
			
				.news .list .item .heading {
					margin-bottom: 0;
					padding-top: 0;
				}
					.news .list .item .heading .title {
						padding: 0;
						margin: 0 0 0 5px;
					}
			.news .list .item .meta  {
				margin-top: 0;
				padding: 5px 0 5px 5px;
			}
			
				.news .list .item .details .meta .date {
					float: left;
					width: 60%;
				}
				
				.news .list .item .details .meta .commentsicon {
					float: left;
					width: auto;
					margin: 0;
				}
			
				.news .list .item .details .meta .author {
					width: 134px;
					margin-bottom: 5px;
				}
				
				.news .list .item .details .meta .author .alias  {
					width: 100px;
				}
			
			.news .list .item .tagged, .news .list .item .story {
				clear: both;	
			}
	
	/* five */
	.five .news .list {
		background-color: #fff;	
		padding: 5px 5px 0 5px;
	}
		.five .news .list .item {
			width: 290px;
			float: left;
			padding: 5px;
			clear: left;
			background-color: #f9f9f9;
		}
			.five .news .list .item .object a {
				width: inherit;
				min-height: 133px;
			}
		
		.five .news .list .last {
			
		}
		
		.five .news .list .odd {
			float: right;
			clear: right;
		}
		
	/* six */
	.six .news .list {
		background-color: #fff;	
		padding: 5px 5px 0 5px;
	}
		.six .news .list .item {
			float: left;
			background-color: #f9f9f9;
			margin-right: 8px;
			margin-bottom: 8px;
			width: 293px;
			/*width: 230px;
			height: 108px;
			margin-right: 5px;
			padding: 5px;
			background-color: #f9f9f9;
			/*clip: rect(0, 108px, 108px, 0);
			overflow: hidden;*/
			padding: 5px;
		}
		
		.six .news .list .based {
			float: right;
			margin-right: 0;
		}
			.six .news .list .item .object {
				width: 136px;
				height: 133px;
				/*width: inherit;
				height: inherit;
				/*width: 101px;
				height: 108px;
				width: 108px;
				height: 108px;
				border: 1px solid #0f0;*/
				
			}
				.six .news .list .item .object a {
					/*width: 108px;
					height: 108px;
					border: 1px solid;
					display: inline;*/
					width: inherit;
					height: inherit;
				}
				
			.six .news .list .item .details {
				width: 157px;
			}
	
			
	.comments {}
	
	.comments {
		margin: 0 0 0 10px;
	}
	
		.comments .commentsicon {
			background-color: #fff;
			width: 50%;
			margin-bottom: 5px;
			padding: 10px 30px;
			background-position: 10px 10px;
			font-size: 1.05em;
		}
		
		.comments .list .item {
			background-color:#fff;
			padding: 10px;
			margin-bottom: 5px;
		}
		
			.comments .list .item .left {
				float: left;
				width: 28px;
			}
			
			.comments .list .item .right {
				float: right;
				width: 348px;
				margin-right: 10px;
			}
			
				.comments .list .item .right .modify {
					display: block;	
				}
				.comments .list .item .right .alias {
					display: block;	
					font-size: 1.2em;
					margin-bottom: 5px;
					font-family: "Courier New", Courier, monospace;
					font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
					font-family: "Courier New", Courier, monospace;
					color: #000;
					
				}
				.comments .list .item .right .duration {
					display: block;	
					margin-bottom: 5px;
				}
			
			.comments .list .item .story {
				margin: 5px 0;
				color: #444;
			}
			
		.dialogue .list .topic {
			margin-bottom: 10px;
		}
			.dialogue .list .last {
				margin-bottom: 0;	
			}
			.dialogue .list .topic .label {
				width: auto;


			}
			
			.dialogue .list .topic .label .commentsicon {
				display: inline-block;
				background-position: 0px 0px;
				font-size: 1.2em;
				margin-top: 3px;
			}
		.dialogue .list .topic .comments {
			margin-left: 0;
		}
			.dialogue .list .topic .comments .list .item {
				background-color: #f9f9f9;
			}
			
				.dialogue .list .topic .comments .list .item .right  {
					width: 338px;
				}
			
	.tags {
		padding-bottom: 10px;
		margin: 0 5px;
		/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
		/*font-style: italic;*/
		text-align: center;
	
	}
	.tags .item {
		padding: 0;
		margin: 0;
		width: auto;
		display: inline;
		
	}
	
	.magazine .archive {
		padding: 10px 10px 5px 10px;
		margin-bottom: 0;
	}
		.magazine .archive .list .item {
			background-color: #f9f9f9;
			width: 290px;
			padding: 5px;
			float: left;
		}
			.magazine .archive .list .item .left {
				float: left;
				width: 90px;
			}
				.magazine .archive .list .item .left img {
					display: block;
				}
			
			.magazine .archive .list .item .right {
				float: left;	
				width: 185px;
				margin-left: 5px;
			}
			
		.magazine .archive .list .odd {
			float: right;	
		}
			.magazine .archive .list .item .title {
				margin-bottom: 5px;	
				background-color: #fff;
				padding: 5px;
				width: 100%;
			}
			.magazine .archive .list .item .date, .magazine .archive .list .item .commentsicon {
				margin-bottom: 5px;
				margin-left: 5px;
			}
	/* data */
	
	.data .y {
		
	}
	
		.data .y .list {
			background-color: #fff;
			padding: 10px 10px 5px 10px;
		}
		
			.data .y .list .item {
				background-color: #f9f9f9;
				width: 223px;
				float: left;
				margin-right: 5px;
				height: 240px;
				padding: 5px;
			}
			
			.data .y .list .outer {
				float: right;
				margin-right: 0;
			}
			
				.data .media .heading {
					margin: 0 0 5px 0;
					padding: 0;
					background-color: #fff;
				}
					.data .media .heading .title {
						background-color: transparent;	
					}
				.data .y .list .item .heading .counter {
					float: right;	
					display: block;
					margin: 0 5px;
					
				}
					.data .y .list .item .heading .counter label {
						margin: 0;
						padding: 0;
							
					}
					.data .media .heading .counter label input[type=checkbox] {
						margin: 0;
						padding: 0;
						line-height: 0;
					}
					
				.data .media .heading .modify {
					background-color: #f9f9f9;
					display: block;
					margin-left: 5px;
					float: left;
					margin-top: 2px;
				}
				.data .media .meta {
					padding: 0;
					margin: 5px 0 0 0;
				}
				.data .media .meta .tag {
					float: none;
					width: auto;
					margin-bottom: 1px;
				}
			
			.data .media .object {
				padding: 5px;	
				background-color: #fff;
			}
		
		.three .data .panel {
			background-color: #f9f9f9;	
			padding: 10px;
		}
		
		.three .data .media .meta {
			margin-left: 5px;
		}
			.three .data .media .object {
				padding: 0;
			}
	
	.data .z {
		background-color: #fff;	
	}
	
	/* about */
	.about .panel {
		padding: 10px;	
	}
	
		.about .panel .heading {
			background-color: #f9f9f9;
			margin-bottom: 10px;
			padding: 10px;
			
		}
				.about .panel .heading span {
					padding: 0 5px 0 5px;
					display: block;
				}
		.about .cover {
			disply: block;
			margin-bottom: 5px;
		}
		.about .owner dt {
			margin-bottom: 2px;
			font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
			font-size: 1.45em;
			color: #000;
		}
		.about .owner dd {
		}
	
	.withTraverse {
		margin-bottom: 0;
	}
	.traverse {
			
	}
	
		.traverse .point, .paging .thing {
			background-color: #fff;
			float: right;
			padding: 2px 3px 1px 3px;
		}
		
			.traverse .point a, .paging .thing a {
				display: inline-block;
			}
			
		.traverse .next, .paging .next {
			text-align: right;
			float: left;
		}
	
	
	.date {
		color: #696969;	
		line-height: 1.1em;
		font-size: 0.95em;
	}
	
	
	.warn .message {
		padding: 0 0 10px 0;	
		margin: 0 0 0 0;
	}
		.warn .message .title {
			font-size: 1.3em;	
			margin-bottom: 10px;
		}
		
		.warn .message .story {
			background-color: #f9f9f9;
			padding: 10px 10px 1px 10px;
		}
		
		.warn .tag {
			padding: 0 0 10px 0;
			display: block;
		}
		
		.warn .label {
			color: #f00;	
		}
		
		.quick .panel .warn {
			padding-top: 10px;	
		}
			.quick .panel .warn .message {
				margin-right: 10px;
				padding-bottom: 5px;
			}
			
	/* post media styling */
	.ajaxPostMedia .ajaxGallery {
	}
	
	
	
	/*.ajaxPostMedia .block {
		float: left;
		width: 200px;
	}
		.ajaxPostMedia .ajaxUpload {
			float: right;	
		}*/
	
	.ajaxPostMedia {
		background-color: #fff;	
		padding: 5px;	
	}
		.ajaxPostMedia .block {
			
		}
	.ajaxPostMedia .block .point {
		background-color: #f9f9f9;
		display: block;
		float: left;
		padding: 3px 5px;
	}
		.ajaxPostMedia .ajaxUpload .point {
			/*float: right;	*/
		}
		.ajaxPostMedia .block .point:hover {
			color: #444;
		}
		
	.ajaxPostMedia .block .stub {
		clear: both;
		background-color: #f9f9f9;
		padding: 5px;
		
	}
		.ajaxPostMedia .block .stub .nav {
			padding: 0 5px;
			background-color: #fff;
			padding-top: 5px;
		}
		.ajaxPostMedia .block .stub .nav .mark {
			float: left;
			background-color: #fff;
			padding: 3px 5px;
		}
			.ajaxPostMedia .block .stub .nav .selected {
				background-color: #f0f0f0;	
			}
		
	.ajaxPostMedia .block .stub .list {
		background-color: #fff;	
		padding: 0 5px 5px 5px;
	}
		.ajaxPostMedia .block .stub .list .item {
			background-color: #f0f0f0;
			margin: 0 0 5px 0;
			padding: 5px;
			width:175px;
			float: left;		
			clear: left;
		}
		
			.ajaxPostMedia .block .stub .list .odd {
				float: right;
				clear: right;
			}
			.ajaxPostMedia .block .stub .list .item .showDisplay {
				background-color: #fff;
				padding: 2px 3px;
				display: inline-block;
			}
				.ajaxPostMedia .block .stub .list .item .showDisplay:hover {
					background-color: #f39;
					color: #fff;
				}
			
			.ajaxPostMedia .block .stub .list .item .display, .ajaxPostMedia #ajaxUploadPreview .display {
				background-color: #fff;	
				padding: 5px;
			}
			
			
	.ajaxPostMedia #ajaxUploadPreview {
		background-color: #f0f0f0;	
		margin: 0 5px;
		padding: 5px;
	}