@charset "UTF-8";
/* CSS Document */


/*  ------------------------------------- RESET */

	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
		margin: 0;
		padding: 0;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-size: 100%;
		font-weight: normal;
	}
	
	ol, ul {
		list-style: none;
	}
	
	address, caption, cite, code, dfn, em, strong, th, var {
	font-style: italic;
	font-weight: normal;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	fieldset, img {
		border: 0;
	}
	
	caption, th {
		text-align: left;
	}
	
	q:before, q:after {
		content: '';
	}
	
	a {
		outline: none;
	}


/*  ------------------------------------- WRAPPER AND BODY */
	
	html, body {
		height: 100%;
	}
	
	body {
		background: #dad7d2 url(../images/body_horizontal_bg.png) repeat-y center;	
		font-family: Myriad Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
	}
	
	#wrapper {
		width: 900px;
		min-height: 100%;
		margin: 0 auto;
		position: relative;
		background: url(../images/wrapper_horizontal_bg.png) repeat-y;
	}

	.liquid {
		font-size: 1px;
		line-height: 0px;
		clear: both;
	}
	

/* ------------------------------------- STRUCTURE */
		
/* HEADER STYLES */

	#header {
		width: 900px;
		height: 110px;
		background: url(../images/header.jpg) no-repeat;
	}
	
	#header #homelink {
		position: absolute;
		width: 350px;
		height: 90px;
		right: 53px;
		display: block;
	}
	
#navigation {
	position: absolute;
	left: 50px;
	width: 446px;
	margin: 0;
}

#navigation a {
	padding: 20px 15px 0 15px;
	font-size: 80%;
	line-height: 80%;
	text-decoration: none;
	text-align: center;
}

#navigation li{
	display: inline-block;	
}

#navigation li a {
	height: 29px;
	display: block;
}

#navigation a:link,
#navigation a:visited {
	color: #EBEAE3;
}

a#web_nav:hover,
a#web_nav:active {
	background-color: #fcfd00;
	color: #111;
}

a#art_nav:hover,
a#art_nav:active {
	background-color: #00fefb;
	color: #111;
}	
a#about_nav:hover,
a#about_nav:active {
	background-color: #04fe00;
	color: #111;
}	
a#blog_nav:hover,
a#blog_nav:active {
	background-color: #f500fe;
	color: #111;
}	
a#contact_nav:hover,
a#contact_nav:active {
	background-color: #fe0100;
	color: #111;
}	
/* MAIN CONTENT AREA STYLES */
	
	#content{
		width: 800px;
		margin: 25px 50px 0 50px;
		position: relative;
	}
	
	#box {	
		width: 795px;
		background: #EEE url(../images/box_bottom_bg.png) bottom repeat-x;
		padding-bottom: 40px;
		border-radius-topleft: 25px;	
		-moz-border-radius-topleft: 25px;
		-webkit-border-top-left-radius: 25px;
		border-right: 1px solid #DEDEDE;
		border-bottom: 35px solid #CCC;
	}
	
	#col_a {
		width: 420px;
		float: left;
		display: inline;
	}
	
	#col_b {
		width: 330px;
		float: right;
		display: inline;
	}
	
	#col_a .infobox {
		float: left;
		display: inline;
		margin: 0;
		width: 300px;
		margin-left: 50px;
	}
	
	#col_b .infobox {
		float: right;
		display: inline;
		width: 225px;
	}
	
	#col_b p{
		padding: 0 3px;	
	}
	
	#singlecol {
		padding: 35px 0 0 50px;
	}
	
	.infobox {
		background: #fcfcfa;
		padding: 25px 35px;
		margin: 24px 30px 0 0;
		border: solid 1px #999999;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
		position: relative;
		
	}

	.top_infobox {
		margin-top: 30px;	
	}
	
	
	#col_a .top_infobox {
		margin-top: 63px;	
	}
	
	.last_infobox {
		margin-bottom: 0;
	}
	
	.title {
		font-style: italic;
	}


/* -------------------------------------  TEXT STYLES */

	p {
		margin: 10px 0;
		font-size: 85%;
		line-height: 130%;	
	}
	
	.tools {
		font-size: 75%;
	}
	
	.description {
		margin-top: 5px;
		font-size: 80%;
		line-height: 120%;
	}
	
	.bulleted {
		list-style: disc;
		list-style-image: url(../images/typed_dot.jpg);
		list-style-position: outside;
		padding-left: 12px;
	}
	
	.bulleted li{
		margin-left: 5px;
	}

/* HEAD TAGS */

	h1 {
		font-size: 150%;
		color: #999999;
		padding: 5px 10px;
		background: #fcfcfa;
		border: 3px solid #DDD;
		display: block;
		position: absolute;
		top: -15px;
		left: 48px;
		font-family: "Gill Sans", Myriad Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	}

	h2 {
		font-size: 110%;
	}
		
	h3 {
		font-size: 80%;
		color: #999;
	}
	
	h3 a {
		margin-top: 5px;
	}
	
	h4 {
		font-size: 70%;
		font-style: italic;
	}
	
	h5 {
		font-size: 60%;
	}
	
	h2, h3, h4, h5 {
		line-height: 120%;	
	}
	
	h3, h4, h5, .tools {
		display: block;
	}

/* LINK STYLES */

	a:link, a:visited {
		text-decoration: none;
	}
	
	a:hover, a:active {
		text-decoration: underline;
	}
	
	a:link, 
	a:visited {
		color: #55738a;
	}
	
	a:hover, 
	a:active {
		color: #333;
	}

/* FOOTER STYLES */

	#footer{
		width: 900px;
		height: 300px;
		margin: -300px auto 0 auto;
		position: relative;
		background: url(../images/footer.jpg) bottom center no-repeat #000;
	}
	
	#copyright {
		position: absolute;
		bottom: 50px;
		right: 100px;
		text-align: right;
		font-size: 80%;
		color: #7F7F7F;
		text-transform: lowercase;
	}

	#clearfooter{
		clear: both;
		margin: 0 auto;
		width: 900px;
		height: 345px;
	}

/*  ------------------------------------- PAGE SPECIFIC STYLES */

/* HOME */

	.home #header {
		height: 59px;
		background: url(../images/header_home.jpg) no-repeat;
	}
	
	.home #content {
		margin: 0 auto;
		position: relative;
		width: 900px;
	}

	#main {
		float: right;
		margin: 20px 90px 0 0;
		display: inline;
	}
	
	#main_nav {
		background: url(../images/postit.jpg) no-repeat;
		position: absolute;
		top: 350px;
		left: 60px;
		width: 165px;
		height: 165px;
		font-size: 95%;
		line-height: 130%;
	}
	
	#main_nav ul {
		margin: 30px 0 0 45px;	
	}
	
	#main_nav a {
		text-decoration: none;	
	}

/* WEB */

	#countdownbox {
		background: #FCFCFA url(../images/countdown_bg.jpg) no-repeat;	
		min-height: 200px;
	}
	
	#davidbrusiebox {
		background: #43607f url(../images/davidbrusie_bg.jpg) no-repeat;	
		min-height: 200px;
	}
	
	#nataliecrnosijabox {
		background: #FCFCFA url(../images/nataliecrnosija_bg.jpg) no-repeat;	
		min-height: 180px;
	}
	
	#blogwillhuntingbox {
		background: #edece6 url(../images/blogwillhunting_bg.jpg) no-repeat;
		min-height: 200px;
	}
	
	#daysbox {
		background: #FCFCFA url(../images/1382days_bg.jpg) no-repeat;	
		min-height: 180px;
	}
	
	#pizzajoebox {
		background: #FCFCFA url(../images/pizzajoe_bg.jpg) no-repeat;
		min-height: 180px;
	}
	
	.text {
		width: 300px;
		float: right;
	}
	
	.textbox {
		background: #FCFCFA;
		float: right;
		padding: 30px;
		width: 240px;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
	}
	
/* ART */

	.art_title {
		font-style: normal;
	}
	
	.art .emerging {
		background: url(../images/emerging_main.jpg) no-repeat center #FCFCFA;
		height: 525px;
		width: 350px;
		float: left;
		display: inline;
		margin: 65px 0 0 50px;
		border: solid 10px #FFF;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	}
	
	.art .sometimes {
		background: url(../images/main_sometimes.jpg) no-repeat center #FCFCFA;
		height: 250px;
		width: 372px;
		float: left;
		display: inline;
		margin: 40px 0 40px 50px;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	}
		
	.art .description {
		text-align: right;
	}
	
	.art .infobox h2,
	.art .infobox h3,
	.art .infobox p {
		text-align: right;	
	}
	
/* TEST */

	.test #wrapper {
		width: 900px;
	}
.about #wrapper #content #box #col_a .infobox p {
	font-style: normal;
}