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

	/*CSS Reset*/

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

	/* @font-face definitions */

	@font-face {
	font-family: 'KulminoituvaRegular';
	src: url('../fonts/kulminoituva.eot');
	src: local('Kulminoituva Regular'), local('Kulminoituva'), url('../fonts/kulminoituva.woff') format('woff'), url('../fonts/kulminoituva.ttf') format('truetype'), url('../fonts/kulminoituva.svg#Kulminoituva') format('svg');
}

	@font-face {
	font-family: 'NotethisRegular';
	src: url('../fonts/Note_this.eot');
	src: local('Note this Regular'), local('Notethis'), url('../fonts/Note_this.woff') format('woff'), url('../fonts/Note_this.ttf') format('truetype'), url('../fonts/Note_this.svg#Notethis') format('svg');
}

	/* General styling */

	body {
#		background:#202020;
		font-family: NotethisRegular, Verdana, Arial, sans-serif;
		color:#ffffff;
	}

#	h1 span, h2, h3, h4, h5, h6 {
#		font-family: KulminoituvaRegular, "Arial Black", Gadget, sans-serif;
#		font-size:1.5em;
#	}
#	h3 span {
#		font-family: KulminoituvaRegular, "Arial Black", Gadget, sans-serif;
#		font-size:1.1em;
#	}


	#wrapper {
		width:100%;
		margin:0 auto;
		text-align:center;
		padding-top:50px;
		color: white;
	}

	/* Index Card Styling */

	ul#index_cards {
		margin-top:50px;
		text-align:center;
	}

		ul#index_cards li {
#			background:url(../img/cards/card_bg.jpg) repeat;
			background:url(../img/cards/blackboard.jpg);
			height:450px;
			width:30%;
			display:block;
			float:left;
			border:1px solid #666;
			padding:25px 10px;
			position:relative;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-box-shadow: 2px 2px 10px #000;
			-webkit-box-shadow: 2px 2px 10px #000;
			-moz-transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;
		}



	#do_1 {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		z-index:2;
		left:70px;
		top:10px;
	}

	#do_2 {
		background-color:#69732B;
		background-size: cover;
		z-index:3;
	}

	#do_3 {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		z-index:2;
		right:70px;
		top:10px;
	}

	/* Hover States */

	ul#index_cards li:hover {
		z-index:4;
	}

	#do_1:hover {
		-moz-transform: scale(1.1) rotate(-8deg);
   	 	-webkit-transform: scale(1.1) rotate(-8deg);
	}

	#do_2:hover {
		-moz-transform: scale(1.1) rotate(2deg);
   	 	-webkit-transform: scale(1.1) rotate(2deg);
	}

	#do_3:hover {
		-moz-transform: scale(1.1) rotate(12deg);
   	 	-webkit-transform: scale(1.1) rotate(12deg);
	}

	/* Content Styling */

			ul#index_cards li img {
				margin-top:7px;
#				background:#eee;
#				-moz-border-radius: 5px;
#				-webkit-border-radius: 5px;
#				-moz-box-shadow: 0px 0px 5px #aaa;
#				-webkit-box-shadow: 0px 0px 5px #aaa;
			}

			ul#index_cards li p {
				margin-top:4px;
				text-align:left;
				line-height:28px;
#				font-family: NotethisRegular, Verdana, Arial, sans-serif;
			}