/************************************************************************
Site: and.co.uk
Author: Ville Vartiainen
Agency: AN Creative Communications

Index:
01. Main layout
02. Typography
03. Twitter 

************************************************************************/

body {
	background: #000;
	color: #fff;
	font:normal 62.5% Arial, Helvetica, sans-serif;
}

#wrapper {
	margin:5em auto 0;
	width: 960px;
}

#logo {
	margin-left: 40px;
}

.container {
	width: 960px;
	overflow: hidden;
}

.col_one {
	float: left;
	width: 400px;
}

.col_two {
	float: left;
	width: 560px;
}

#footer {
	border-top: 1px solid #6a6c78;
	font-size: 1.2em;
	margin: 60px 0;
	padding-top: 40px;
}

/************************************************************************
01. Typography
************************************************************************/
h1 {
	display: inline;
	font-size: 2.9em;
}

h2 {
	font-size: 4.8em;
	margin: 30px 0;
}

h3 {
	display: inline;
	font-size: 30px;
	padding-left: 22px;
}

h4 {
	color: #f2ba0e;
	font:bold 1.4em Arial, Helvetica, sans-serif;	
}

p, li {
	font-size: 1.2em;
	margin-bottom: 1.5em;
}

a {
	color: #fff;
}

a:hover {
	color: #d4565b;
}

.intro p{
	font-size: 1.8em;
	margin-bottom: 27px;
}


.and_green {
	color: #bfd432;
	font:bold 30px Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
	* margin-left: 3px;
	display: inline-block;
}

.and_yellow {
	color: #f2ba0f;
	font:bold 3em Arial, Helvetica, sans-serif;
	* margin-left: 3px;	
	padding-bottom: 4px;
	display: inline-block;	
}

.and_blue {
	color: #01b8ca;
	font:bold 3em Arial, Helvetica, sans-serif;
	* margin-left: 3px;	
	padding-bottom: 4px;
	display: inline-block;
}

.and_grey {
	color: #676d76;
	font:bold 3em Arial, Helvetica, sans-serif;
	* margin-left: 3px;	
	padding-bottom: 4px;
	display: inline-block;
}

.and_red {
	color: #ed5b5a;
	font:bold 3em Arial, Helvetica, sans-serif;
	* margin-left: 3px;	
	padding-bottom: 4px;
	display: inline-block;
}

.green {
	background: url(../images/and_green.gif) 0 4px no-repeat;
}

.blue {
	background: url(../images/and_blue.gif) 0 4px no-repeat;
}

.plain_title {
	margin-bottom: 20px;
}

/************************************************************************
03. Twitter
************************************************************************/

#twitter {
	width: 360px;
}

#twitter li {
	border-bottom: 1px solid #6a6c78;
	font-size: 1.2em;
	overflow: hidden;
	padding: 10px 0 13px 0;
	width: 360px;	
}

#twitter li img {
	float: left;
	margin-right: 15px;
}

#twitter li span {
	float: left;
	width: 295px;
}

#twitter li strong {
	display: block;
}

#twitter li a {
	font-size: 1.0em;
}

#twitter li .tw{
	color: #d4565b;
	display: block;
	font-size: 10px;
}