/* view */
	
	/* post */
	
	/* latest post */
	.latest {
		margin: 10px 5px 10px 0;	
	}
	
		.latest .thumb {
			display: block;
			float: left;
			margin-right: 15px;
		}
			.latest .thumb a, .latest .thumb span {
				padding: 5px;
				display: block;
				background-color: #ebe8f3;
			}
				.latest .thumb a:hover, .latest .thumb span:hover {
					background-color: #7a68ae;	
				}
			
			.latest .thumb a img {
				display: block;
			}
			
		.latest .post {
			float: left;
			width: 400px;
		}
			.alter .post {
				width: 586px;	
			}
				.alter .heading {
					margin-bottom: 0;
					padding-bottom: 0px;
				}
					.alter .latest {
						margin-top: 5px;
					}
					
			.latest .post .title {
				float: left;
				font-size: 1.7em;
				width: 154px;
				margin: 5px 15px 9px 0;
			}
			
			.latest .post .date {
				float: left;
				margin: 5px 0 9px 0;
				width: 110px;
			}
			
			.latest .post .meta {
				float: left;
				margin: 5px 0 9px 0;
			}
				.latest .post .meta .point {
					display: block;	
					margin-bottom: 8px;
				}
					
			.latest .post .story {
				clear: both;
				border-top: 1px dotted #ccc;
				padding-top: 9px;
			}
			
	/* list */
	
	.list {
		margin: 10px 5px 0 0;	
	}
	
		.list .post, .list .mag {
			width: 120px;
			height: 120px;
			border: 5px solid #ebe8f3;
			float: left;
			margin: 0 15px 15px 0;
		}
			.list .last {
				margin-right: 0;
			}
			
			.list .item:hover .overlay {
				display: block;
			}
			
			.list .item .overlay {
				background-color: #fff;
				background-image: url(/views/basic/images/ui/50_blank_white.png);
				padding: 5px;
				height: 110px;
				display: none;
			}
				.list .item .no_background_image {
					display: block;
				}
			
			.list .item .title {
				font-size: 1.35em;	
				border-bottom: 1px dotted #ccc;
				margin-bottom: 5px;
				height: 80px;
				overflow: hidden;
			}
			
			.list .item .meta {
				height:15px;
				margin-top: 10px;
			}
				.list .item .meta .point {
					float: left;
				}
				
				.list .item .meta .right {
					float: right;	
				}
			
	/* mag */
	
	.mag_short {
		
		background-repeat: no-repeat;
		height: 150px;
	}
		.mag_short .b1 {
			background-image: url(/views/basic/images/ui/50_blank_white.png);
			height: 150px;
		}
		.mag_short .b2 {
			height: 150px;
			
		}
		
		.mag_short .panel {
			margin: 10px;
		}
			.mag_short .panel .title {
				margin-bottom: 25px;
				width: 160px;
			}
			
			.mag_short .panel .date {
				font-weight: bold;
			}
			
			.mag_short .panel .meta {
				margin: 9px 0;	
				padding-top: 9px;
				border-top: 1px dotted #ccc;
			}
		.mag_short:hover .b1 {
			background-color: #fff;
			opacity: 0.9;
		}
		
	/* twitter */
		.twitter {
			min-height: 80px;
			margin: 10px;
		}
			.twitter a img {
				display: block;
			}
				/* <a href="http://www.twitter.com/MASSAPPL"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-c.png" alt="Follow MASSAPPL on Twitter"/></a>	*/
				
				.twitter a:hover img {
					
				}
			
		.tweet {
			min-height: 160px;	
			margin: 10px;
		}
			.tweet .quote {
				font-size: 4em;
				font-family: "Times New Roman", Times, serif;
				float: left;
				width: 17px;
			}
			
			.tweet .story {
				padding: 0 0 0 0;
				font-family: "Book Antiqua", "Palatino Linotype",  Palatino, serif;
				float: left;
				width: 188px;
				margin: 5px 0 6px 10px;
			}
			
			.tweet .date {
				clear: both;
				float: none;
				margin-left: 27px;
			}
			
	/* mags */
	
	#page.cover {
		background-repeat: no-repeat;
		background-position: 100% 15px;
	}
	
	/*.mag_page {
		background-repeat: no-repeat;
		background-position: 479px 0;
		background-image: url(/views/basic/images/test/mag_page.jpg);
	}*/
	
	.mags #neck .m1, .mags #neck .m3, .mags #neck .m4, .mags #neck .m5 {
		height: 150px;	
	}
	
	.mags #body .m1, .mags #body .m3, .mags #body .m4, .mags #body .m5 {
		min-height: 319px;	
	}
	
		.m .m1, .m .m3 {
			border-right: 1px dotted #ccc;
		}
		
		.m .m5 {
			border-left: 1px dotted #ccc;
		}
		
	.mags .latest .post .title {
		font-size: 1.9em;
		float: none;
		width: 395px;
		margin-bottom: 0;
	}
		.mags .latest .post .story {
			padding-top: 5px;
		}
		.mags .latest .post .date {
			float: left;
			margin-top: 9px;
			width: 140px;
		}
		
		.mags .latest .post .meta {
			float: left;	
			margin-top: 9px;
			margin-bottom: 0;
		}
			
	/* mag view */
	.mag_view .l3 {
		margin-top: 15px;
	}
		.mag_view .l3 .title {
			font-size: 2em;	
			margin-bottom: 10px;
			margin-left: 48px;
			margin-right: 30px;
		}
		
		.mag_view .l3 .meta {
			border-bottom: 1px dotted #ccc;
			margin: 0 0 15px 0;
			padding: 0 20px 10px 48px;
		}
		
			.mag_view .l3 .meta .point{
				float: right;
				clear: right;
				width: 50%;
				text-align: right;
				margin-bottom: 3px;
			}
			
			.mag_view .l3 .meta .date {
				float: left;
				text-align: left;
			}
			
		.mag_view .l3 .story {
			margin: 0 20px 0 48px;
		}

	
	
	.mag_view .l4 {
		border-bottom: 1px dotted #ccc;
		display: block;
	}
		.mag_view .l4 img {
			display: block;
		}
		.m .contributors {
			margin-bottom: 20px;
		}
		.mag_view .contributors .people {
			margin-bottom: 10px;
		}
		
			.mag_view .contributors .people .role {
				float: left;
				text-align: right;
				width: 140px;
				margin-right: 10px;
			}
			
			.mag_view .contributors .people .name {
				float: right;
				clear: right;
				width: 235px;
				border-left: 1px dotted #ccc;
				
				padding-left: 10px;
				margin-right: 35px;
			}
		
	/* blog */
	
	.blog .b .b1 {
		min-height: 150px;	
	}
		.blog .alter .b1 {
			min-height:inherit;
		}
	
		.blog .love_and_talking .list {
			background-color: #ebe8f3;
			margin: 10px;
			padding: 5px;
		}
	
		.blog .love_and_talking .list .item {
			background-color: #fff;
			padding: 5px;
		}
			.blog .love_and_talking .list .odd {
				background-color: #f3f1f8;
			}
			
		.blog .love_and_talking .list .item .title {
			font-size: 1.25em;
			height: auto;
			padding-bottom: 5px;
			margin-bottom: 5px;
		}
		
		.blog .love_and_talking .list .item .date {
			float: left;
			display: block;
			width: 155px;
		}
		
		.blog .love_and_talking .list .item .icon {
			float: left;
			text-align: right;
			padding-bottom: 6px;
		}
			.blog .love_and_talking .alter .item .title {
				float: left;
				width: 155px;
				border-bottom: none;
				margin-bottom: 0;
			}
			
			.blog .love_and_talking .alter .item .icon {
				float: right;
			}
		
	/* post view */
	
		
		.blog .top .a2 {
			margin-left: 48px;
			margin-bottom: 10px;
		}
		
			.blog .top .title {
				margin-bottom: 5px;
				font-size: 2em;
				margin-top: 5px;
			}
				.blog .top .meta .point {
					float: left;
					margin-right: 5px;
					font-size: 0.95em;
				}
		
		.blog .top .a3 {
			padding-bottom: 12px;	
		}
			.blog .top .date {
				margin-bottom:10px;	
			}
				.blog .top .show_love {
					padding-bottom: 3px;	
				}
		
		
		
		.blog .middle .a3 {
			border-left: none;
		}
			.blog .middle .a1a2 {
				border-right: 1px dotted #ccc;	
			}
		
		.blog .middle .a2 {
			width: 478px;
			border-right: 1px dotted #ccc;
		}
		
		.blog .middle .post_story {
			margin: 10px 10px 10px 48px;
			width: 410px;
		}
		
		/* tags */
		.blog .tagged {
			margin-bottom: 15px;	
		}
			.blog .tagged .icon {
				float: left;
				width: 28px;
				padding-bottom: 6px;
			}
			
			.blog .tagged .tags .modify {
				display: block;
				margin-bottom: 5px;
				padding-top: 4px;
				font-size: 1.4em;
			}
			
			.blog .tagged .tags {
				float: left;
				width: 300px;
			}
				.blog .tagged .tags .tag {
					font-style: italic;
					line-height: 1.2em;
					font-size: 1.3em;
				}
		
		
		
		/* archive */
		
		.archive .list, .archive .heading {
			margin-left: 48px;
			width: 586px;
		}
		
		
		/* calendar */
		
			.calendar {
				background-color: #ebe8f3;
				padding: 5px;
			}
			
			.calendar .current {
				background-color: #fff;
				padding: 5px 5px 0 5px;
			}
				.calendar .current .year {
					font-weight: bold;
					margin-bottom: 5px;
					padding-bottom:8px;
					border-bottom: 1px dotted #ccc;
					font-size: 1.2em;
				}
				.calendar .current .month {
					float: left;
					width: 34px;
					margin-bottom: 5px;
					font-size: 1.1em;
				}
					.calendar .current .last {
						text-align: right;
					}
			
			.calendar .years {
				background-color: #f3f1f8;	
				padding: 5px;
			}
				.calendar .years .year {
					float: left;
					margin-right: 5px;
					width: 30px;
					font-size: 1.1em;
				}
			
		.tags_used {
			border-top: 1px dotted #ccc;
			
		}
			.tags_used .panel {
				margin: 10px;
			}
			
			.tags_used .tag {
				font-weight: lighter;
				font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
			}
		
		
		
		
		
		
		/* comments */
		
			.comments {
				border-top: 1px dotted #ccc;
				padding-top: 10px;
				margin-bottom: 10px;
			}
			.comments .list {
				margin-right: 0;
				margin-top: 0;
			}
				.comments .list .item {
					padding-bottom: 20px;	
				}
					.comments .list .last {
						padding-bottom: 0;	
					}
						.comments .list .last .story {
							border-bottom: 0;
							padding-bottom: 0;
						}
					
			.comments .meta {
				margin-left: 48px;
				margin-right: 8px;
			}
				.comments .meta .icon {
					float: left;
					padding-bottom: 7px;
					padding-top: 2px;
				}
				
				.comments .meta .feed_icon {
					float: right;
					background-position: 105%  -40px;
					padding-left: 0;
					padding-right: 19px;/**/
					line-height: 0.73em;
				}
					.comments .meta .feed_icon:hover {
						background-position: 105% -460px;
					}
			
			.comments .responses .response .person {
				float: left;
				width: 38px;
				background-color: #f2f0f7;
			}
				.comments .responses .response .person a {
					display: block;
					
				}
					.comments .responses .response .person img {
						display: block;	
						padding: 3px;
					}
			
			.comments .responses .response .detail {
				float: right;
				width: 430px;
				margin-top: 1px;
			}
			
				.comments .response .alias {
					font-size: 1.4em;
					margin-bottom: 5px;
				}
				
				.comments .response .time {
					text-transform: uppercase;
					margin-bottom: 5px;
				}
			
				.comments .response .story {
					border-bottom: 1px dotted #ccc;
					margin-right: 20px;
				}
				
		/* respond */
			#respond {
				margin-bottom: 20px;	
			}
		/* traverse */
		
		.traverse {
			border-top: 1px dotted #ccc;
			padding: 10px 10px 10px 48px;
		}
			.manage .traverse, .data .traverse, .data_ajax .traverse {
				padding-left: 0;	
			}
			
			.data_ajax .traverse {
				padding: 5px 0 0 0;
			}
				.data_ajax .traverse .point {
					padding: 3px 0;
				}
		
		.traverse .point {
			float: left;
		}
			.traverse .next {
				float: right;	
			}
		
		/* share */
			.share {
				margin: 10px 5px 5px 5px;
			}
				.share .label {
					display: block;
					background-image: url(/views/basic/images/ui/purple_down_arrow.png);
					background-repeat: no-repeat;
					background-position: 0px -5px;
					border-bottom: 1px dotted #ccc;
					padding: 10px 0 5px 5px;
				}
				
				.share .social {
					padding: 5px;
					background-color: #ebe8f3;
				}
				.share .social li {
					background-color: #fff;	
					padding: 5px 5px 0 5px;
				}
				
				.share .social li.last {
					padding-bottom: 5px;	
				}
					
					
		/* warnings */
		
		.warn {
			margin-bottom: 20px;
		}
		.warn dl {
			background-color: #ffc;
			padding: 20px 20px 5px 20px;
		}
		
			.warn dl dt {
				font-weight: bold;
				font-size: 1.8em;
				margin-bottom: 8px;
			}
			
			.warn span {
				display: block;
				margin: 0 0 10px 28px;
				padding-top: 15px;
				font-size: 1.2em;
				background-image: url(/views/basic/images/ui/yellow_down_arrow.png);
				background-repeat: no-repeat;
				background-position: 5px -2px;
			}
			
		.note dt {
			font-size: 1.4em;
			font-weight: bold;
			margin-bottom: 5px;
		}
		
		.note dd.story {
			font-size: 1.2em;
			margin-bottom: 5px;
		}
			.note dd.story p {
				margin-bottom: 0;	
			}
		
		.note dd.tag {
			font-size: 1.2em;	
			padding-top: 5px;
		}
			
		
		/* size matters */
			
		.blog .warn, .mag_view .warn, #respond {
			margin-left: 46px;
			margin-right: 20px;
		}
		
		
		/* manage */
		.manage .b1b2 {
			background-color: #f0f0f0;	
		}
			.manage .a .a2 {
				border-right: 1px dotted #ccc;
			}
				.manage .a .a3 {
					border-left: none;	
				}
		.manage h3 {
			/*margin: 10px 10px 10px 0;	*/
			margin: 5px 20px 5px 0;
			font-size: 1.6em;
			font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
			font-weight: lighter;
		}
			.manage h4 {
				font-weight: lighter;
				font-size: 1.3em;
			}
		.manage .contributors {
			margin-top: 10px;	
		}
		.manage .contributors .people {
			margin-bottom: 10px;
		}
			.manage .contributors .people .role {
				margin-bottom: 5px;
				float: left;
				width: 120px;
				text-align: right;
			}
			.manage .contributors .people .name {
				clear: right;
				text-align: right;
				margin-left: 50px;
				float: right;
				clear: right;
				width: 250px;
				
			}
			.contributors .people .modify {
				display: inline-block;
				margin-bottom: 5px;
			}
		
		
		
			.profile .log dt {
				margin: 5px 0;
			}
			
				.profile .log .thumb {
					float: left;
					margin-right: 5px;
					padding: 5px;
					background-color: #f4f4f4;
				}
					.profile .log .thumb img {
						display: block;	
					}
				
				.profile .log .detail {
					float: left;
					font-size: 1.1em;
				}
					.profile .log .detail h3 {
						font-size: 1.4em;
						margin-bottom: 3px;
					}
		
		/* author */
		
		.author {
		}
			.author .alias {
				float: left;
				margin-top: 2px;
				font-size: 1.35em;
				width: 75px;
				font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
			}
			
			.author .thumb {
				float: left;
				width: 54px;
				background-color: #F2F0F7;
				margin-right: 5px;
			}
				.author .thumb img {
					display: block;
					
				}
				
				.author .thumb a {
					padding: 3px;
					display: block;
				}
		
		/* data */
		
		.data .list {
			margin-bottom: 20px;
			margin-right: 15px;
		}
			.data .list .item {
				float: left;
				background-color: #f4f4f4;
				margin-bottom: 10px;
				width: 270px;
				padding: 5px;
			}
				.data .list .outer {
					float: right;	
				}
			.data .list .item .object {
				float: left;
				margin-right: 5px;
				width: 75px;
			}
			.data .list .item .detail {
				float: left;
				height: auto;
				width: auto;
				width: 190px;
			}
				.data .list .item .detail h4 {
					font-size: 1.2em;	
					
				}
				.data .list .item .detail .modify li {
					float: left;
					margin-top: 5px;
				}
					.data .list .item .detail .modify li.point {
						float: right;
						margin-top: 0;
					}
				.data .list .item .detail .modify label {
					display: inline-block;	
				}
				
					.data .list .item .detail .modify label input[type=checkbox] {
						margin: 0;
						padding: 0;
					}
				.data .list .item .detail .metas {
					background-color: #fff;
					padding: 5px;
					text-transform: uppercase;
				}
				
	/* admin */
	
	.admin .list {
		margin-bottom: 5px;
		margin-top: 10px;
	}
	
		.admin .list .item {
			background-color: #f4f4f4;
			width: 43%;
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
			padding: 10px;
		}
	
			.admin .list .right {
				float: right;
				margin-right: 0;
			}
			
	.admin .people .item {
		width: 165px;
		clear: right;
		min-height: 120px;
		margin-right: 10px;
	}
		.admin .people .right {
			margin-right: 10px;
		}
			.admin .people .item a.thumb {
				display: block;	
				margin-bottom: 5px;
			}
		.admin .people .item .thumb img {
			display: block;
		}
		.admin .people .item .detail {
			font-size: 1.2em;
			line-height: 1.1em;
		}
			.admin .people .item .detail dd {
				margin-bottom: 3px;	
			}
				.admin .people .item .detail dd.date {
					font-size: 0.9em;	
				}
	.admin .logged {
		margin: 5px 0 5px 65px;	
	}
	.admin .logged .log {
		float: left;
		width: 110px;
		margin-bottom: 10px;
		margin-right: 5px;
	}