/* @font-face */

@font-face {
	font-family: 'BPreplay';
	font-weight: normal;
	font-style: normal;
	src: url(BPreply.woff) format('woff');
}

@font-face {
	font-family: 'BPreplay';
	font-weight: bold;
	font-style: normal;
	src: url(BPreplyBold.woff) format('woff');
}

@font-face {
	font-family: 'BPreplay';
	font-weight: normal;
	font-style: italic;
	src: url(BPreplyItalic.woff) format('woff');
}

@font-face {
	font-family: 'BPreplay';
	font-weight: bold;
	font-style: italic;
	src: url(BPreplyBoldItalic.woff) format('woff');
}

@font-face {
	font-family: 'NeoRetroDraw';
	font-weight: normal;
	font-style: normal;
	src: url(NeoRetroDraw.woff) format('woff');
}

@font-face {
	font-family: 'Lovely Eunike Hans';
	font-weight: normal;
	font-style: normal;
	src: url(LovelyEunikeHans.woff) format('woff');
}

/* global & overrides */

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
}

a {
	text-decoration: none;
}


/* wrappers */

#wrapper {
	margin: 0;
	padding: 0;
}


/* header */

header {
	margin: 0;
	padding: 50px 15px 30px;
	background-color: #FFF;
	text-align: center;
}

h1 {
	font-family: 'NeoRetroDraw', sans-serif;
	font-size: 50px;
	color: #FE857E;
}

h6 {
	font-family: 'Lovely Eunike Hans', courier, monospace;
	font-size: 20px;
	color: #D3B9A3;
}


/* content */

#content {
	margin: 0;
	padding: 50px;
	background-color: #BCD8BF;
}

.up {
	margin: 50px 0 0;
	padding: 0;
	background: url(../images/up.png) #FFF top repeat;
	width: 100%;
	height: 25px;
}

.down {
	margin: 0 0 50px;
	padding: 0;
	background: url(../images/down.png) #FFF top repeat;
	width: 100%;
	height: 25px;
}

article {
	margin: 0 auto;
	padding: 5px;
	width: 900px;
	color: #FFF;
}

h2 {
	margin: 0;
	padding: 5px;
	border-bottom: #FFF 1px dashed;
	font-family: 'Lovely Eunike Hans', sans-serif;
	font-size: 40px;
}

.entry {
	margin: 0;
	padding: 15px;
	font-family: 'BPreplay', sans-serif;
	font-size: 18px;
	text-align: justify;
	line-height: 1.5;
}

	.entry a {
		margin: 0;
		padding: 0 10px;
		background-color: #FE857E;
		text-shadow: #D3B9A3 -1px 1px 1px;
		color: #FFF;
	}
	
	.entry a:hover {
		background-color: #D3B9A3;
		text-shadow: #FE857E -1px 1px 1px;
		-webkit-transition: background-color 0.5s ease;
		   -moz-transition: background-color 0.5s ease;
		     -o-transition: background-color 0.5s ease;
		        transition: background-color 0.5s ease;
	}

	.entry b, .entry strong {
		font-family: 'BPreplay', sans-serif;
		font-weight: bold;
		text-shadow: #FFF -1px 1px 2px;
		color: #EE9C92;
		letter-spacing: 1px;
	}
	
	.entry em, .entry i {
		font-family: 'BPreplay', sans-serif;
		font-style: italic;
	}

#contact-form {
	margin: 0 auto;
	padding: 0;
	border-spacing: 0px;
}

	#contact-form td {
		padding: 10px;
	}

	#contact-form input, #contact-form textarea {
		padding: 10px;
		background-color: #E3E8CD;
		border: none;
		font-family: 'BPreplay', sans-serif;
		font-size: 20px;
		color: #FE857E;
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		        border-radius: 10px;
	}
	
textarea {
	width: 90%;
	height: 150px;
}

button {
	padding: 5px;
	background-color: #D3B9A3;
	border: none;
	font-family: 'NeoRetroDraw', sans-serif;
	font-size: 50px;
	color: #FFF;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}


/* portfolio */

#portfolio {
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

h3 {
	margin: 0;
	padding: 5px;
	border-bottom: #D3B9A3 1px dotted;
	font-family: georgia, serif;
	font-size: 40px;
	font-variant: small-caps;
	text-align: center;
	color: #D3B9A3;
}

.featured {
	margin: 30px 0 0;
	padding: 0 0 5px;
	text-align: center;
}

#grid {
	margin: 0 auto;
	padding: 0;
}

.block {
	margin: 2px;
	padding: 10px;
	background-color: #E3E8CD;
}

.block:hover {
	background-color: #EE9C92;
	-webkit-transition: background-color 1s ease;
	   -moz-transition: background-color 1s ease;
		 -o-transition: background-color 1s ease;
			transition: background-color 1s ease;
}


/* footer */

footer {
	margin: 0 0 15px;
	padding: 0;
}

.copyright {
	margin: 0;
	padding: 5px;
	font-family: 'Lovely Eunike Hans', sans-serif;
	font-size: 20px;
	text-align: center;
	color: #CCC;
}

	.copyright a {
		color: #D3B9A3;
	}

.links {
	margin: 0;
	padding: 0;
	text-align: center;
}


/* misc */

.clear {
	clear: both;
}

.align-right {
	text-align: right;
}

::selection {
	background-color: #D3B9A3;
	color: #FFF;
}

::-moz-selection {
	background-color: #D3B9A3;
	color: #FFF;
}