/*
Theme Name: Untitled
Theme URI: http://jessebrack.com/
Description: A design that continually evolves with me.
Version: 1.0
Author: Jesse Brack
Tags: undecided
*/

/**************************************************
	U N I V E R S A L
**************************************************/

	body {
		color: #444;
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
		font-size: 13px;
		line-height: 21px;
	}
	div#site {
		margin: 0px auto;
		width: 990px;
	}
	a {
		color: #21D6BD;
	}
	a:hover {
		color: #078f7c;
	}
	p {
		margin: 0px auto 21px;
		width: 350px;
	}
	
/**************************************************
	H E A D E R
**************************************************/
	
	div#site > header:first-child {
		background-color: #272A2B;
		margin: 21px 0px 42px 0px;
	}
	header:first-child h1, h1 {
		color: #E80C7A;
		font-family: "etica-display-1", "etica-display-2", 'Trebuchet MS', Helvetica, sans-serif;
		font-size: 72px;
		font-weight: normal;
		line-height: 106px;
		text-align: center;
	}
	header:first-child h2, h2 {
		color: #FF4E21;
		font-family: "anisette-petite-sc-1", "anisette-petite-sc-2", sans-serif;
		font-size: 24px;
		font-weight: normal;
		line-height: 34px;
		margin: -21px 0px 0px;
		padding: 0px 0px 18px 18px;
		position: relative;
		text-align: center;
		text-transform: lowercase;
	}
		header:first-child h2 span {
			color: #eee;
			font-size: 48px;
			position: relative;
			bottom: -8px;
		}

/**************************************************
	M A I N  S E C T I O N
**************************************************/

	section#message p {
		font-size: 18px;
		line-height: 26px;
		margin: 0px auto 42px;
		text-align: center;
		width: 650px;
	}
		section#message p span {
			color: #21D6BD ;
		}
	section#blog,
	section#project {
		float: left;
		padding-bottom: 21px;
		width: 441px;
	}
	section#project {
		margin-left: 108px;
	}
		section#blog header h3,
		section#project header h3 {
			border-top: 1px dotted #272A2B;
			border-bottom: 1px dotted #272A2B;
			color: #E80C7A;
			font-family: "etica-display-1", "etica-display-2", 'Trebuchet MS', Helvetica, sans-serif;
			font-size: 48px;
			font-weight: normal;
			line-height: 72px;
			margin-bottom: 21px;
			text-align: center;
		}
		section#blog article header h4,
		section#project article header h4 {
			color: #FF4E21;
			font-family: "anisette-petite-sc-1", "anisette-petite-sc-2", sans-serif;
			font-size: 24px;
			font-weight: normal;
			line-height: 24px;
			padding-bottom: 15px;
			text-transform: lowercase;
		}
		section#blog article {
			background-color: #ededed;
			overflow: hidden;
			padding: 5px 15px 15px 15px;
		}
			section#blog article aside {
				float: left;
				margin-right: 18px;
				width: 150px;
			}
				section#blog article aside p {
					background-color: #21D6BD;
					color: #fff;
					font-size: 36px;
					font-weight: bold;
					height: 98px;
					letter-spacing: -3px;
					line-height: 28px;
					margin-top: 5px;
					padding-top: 42px;
					text-align: center;
					width: 140px;
					-moz-border-radius: 70px;
					-webkit-border-radius: 70px;
				}
					section#blog article aside p span {
						display: block;
					}
			section#blog article section {
				float: left;
				width: 243px;
			}
				section#blog article section p a {
					background-color: #21D6BD;
					color: #eee;
					display: block;
					font-size: 12px;
					font-weight: bold;
					margin-top: 8px;
					padding: 3px 10px;
					text-align: right;
					text-transform: uppercase;
				}

/* Temporary Styles */

	#site p:last-child {
		background-color: #eee;
		padding: 5px;
	}