/* @group Load Fonts */

@font-face {
	font-family: 'AllerDisplayRegular';
	src: url('../fonts/AllerDisplay.eot');
	src: url('../fonts/AllerDisplay.ttf') format('truetype');
	font-weight: bold;
}

/* @end */

/* @group Resets */

body {
	background: #bbb url(/images/mi-az-a-twitter/texture.png) repeat;
	color: #111;
	margin: 0px;	
}

/* @end */

/* @group Wrapper */

div#wrap {
	font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	background: url(/images/mi-az-a-twitter/bottom-arrow.png) 60px bottom no-repeat;
	margin-top: 40px;
	overflow: hidden;
}

div#wrap a, div#wrap a:visited {
	text-decoration: underline;
	color: #111;
}

div#wrap a:hover {
	color: #fff;
	text-decoration: none;
	background: #75411D;
}

div#wrap a:active {
	color: #ddd;
	background: #222;
}

div#wrap p, div#wrap ul {
	margin-bottom: 16px;
	padding: 10px;
}

div#wrap ul {
	list-style: decimal;
	margin-left: 20px;
}

/* @end */

/* @group Logo and Intro */

div#logo {
	height: 160px;
	background: url(/images/mi-az-a-twitter/logo.png) center no-repeat;
	position: relative;
	-webkit-animation-name: fadeIn, popUp;
	-webkit-animation-duration: 0.7s;
}

div#intro p {
	font-size: 24px;
}

span.intro-text {
	color: #75411D;
}

/* @end */

/* @group Headers */

div#header {
	height: 50px;
	background: url(/images/mi-az-a-twitter/header.png) repeat;
	padding-bottom: 10px;
}

h2.subjects {
	font-family: "AllerDisplayRegular", "dbold", Helvetica, Arial, sans-serif;
	color: #75411D;
	font-size: 40px;
	padding-left: 55px;
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	position: relative;
}

h2#speech {
	background: url(/images/mi-az-a-twitter/header-speech.png) 10px center no-repeat;
}

h2#bubbles {
	background: url(/images/mi-az-a-twitter/header-bubbles.png) 10px center no-repeat;
}

h2#earth {
	background: url(/images/mi-az-a-twitter/header-earth.png) 10px center no-repeat;
}

h2#links {
	background: url(/images/mi-az-a-twitter/header-links.png) 10px center no-repeat;
}

/* @end */

/* @group Columns and Arrows */

div#col1, div#col2, div#col3, div#intro {
	background: url(/images/mi-az-a-twitter/col-bg.png) repeat;
}

.arrow {
	text-align: right;
	padding-top: 0 !important;
	padding-bottom: 10px !important;
	margin: 0 !important;
}

.arrow a {
	text-decoration: none !important;
}

/* @end */