@CHARSET "UTF-8";

@media screen, projection {

	ul.category li a:hover {
		color: #0069b2;
	}

	div.layout h2 {
		margin-bottom: 15px;
	}

	div.layout div.infobox {
		line-height: 25px;
		text-align: justify;
		font-size: 13px;
		font-size: 1.3rem;
		border-bottom: 2px solid #fff;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

		div.layout div.infobox h4 {
			margin: 15px 0;
		}

	div.author-box {
		background-color: #f4f4f4;
		padding: 12px 8px 24px;
		border: 1px solid #e1e1e1;
		margin-bottom: 38px;
	}

		div.author-box h6 {
			color: #0069b2;
			font-size: 20px;
			font-size: 2.0rem;
			text-transform: uppercase;
			margin-bottom: 16px;
		}

		div.author-box a.author + p:after {
			content: '';
			display: block;
			height: 1;
			clear: left;
			margin-bottom: 10px;
		}

		div.author-box img {
			float: left;
			border-radius: 50%;
			margin-right: 12px;
		}

	ul.social {
		padding: 14px 0;
		border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
		margin: 0 -8px 8px;
	}

		ul.social li {
			min-height: 22px;
			background: url("../gfx3/sprite.png") no-repeat 12px -74px;
			padding: 0 8px 0 44px;
		}

		ul.social li + li {
			margin-top: 8px;
		}

		ul.social li.invite {
			background-position: 12px -107px;
		}

	ul.links {
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 12px;
	}

	ul.links li + li {
		margin-top: 4px;
	}

		ul.links a {
			color: inherit;
		}

		ul.links a:hover {
			color: #0069b2;
		}


	div.banner-box {
		margin-bottom: 64px;
	}

	div.article {
		position: relative;
		font-size: 14px;
		font-size: 1.4rem;
	}

		span#likeit {
			position: absolute;
			top: -18px;
			right: 0;
			display: inline-block;
			width: 48px;
			height: 48px;
			background: url("../gfx3/icon.png") no-repeat 0 -334px;
			cursor: pointer;
		}

		span#likeit.liked,
		span#likeit:hover {
			background-position: 0 -396px;
		}
		
		span#hint {
			position: absolute;
			top: -18px;
			right: 56px;
			padding: 4px 16px;
			border: 1px solid #e1e1e1;
		}

		div.article {
			text-align: justify;
			margin-bottom: 50px;
		}

		div.article h2 {
			color: #515151;
			margin-bottom: 32px;
			margin-top: 24px;
		}

		div.article h2 + p {
			font-weight: 400;
		}

		div.article p + p {
			margin-top: 32px;
		}

		div.article p.subtitle {
			text-transform: uppercase;
			font-weight: 600;
		}

		div.form-box {
			margin-top: 48px;
		}

			div.form-box div {
				text-align: right;
			}

	div.lead {
		font-style: italic;
		margin-bottom: 20px;
	}

	div.submit {
		margin: 10px 0 40px 0;
	}

	div.newArtDescription {
		display: inline-block;
		margin: 20px 0;
	}

	form#formLogEntry div {
		margin: 10px 0;
	}

	form#formLogEntry div.error span table.mceLayout,
	form#formLogEntry div.error input,
	form#formLogEntry div.error textarea {
		border: 1px solid #fd920b;
	}

	form#formLogEntry div.submit {
		text-align: right;
	}

	#sectionName {
		color: #515151;
		margin-bottom: 32px;
		margin-top: 10px;
		font-size: 30px;
		font-size: 3.0rem;
		text-transform: uppercase;
	}

	#terms h3 {
		margin: 15px 0;
	}

	#terms ol {
		list-style: decimal;
		margin-left: 20px;
	}
		#terms ol[type="a"] {
			list-style: lower-latin;
		}

		#terms ol li {
			margin: 10px 0;
		}
}