body {
	color: #645951;
	font-size: 100%; /* 16px */
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.5em; /* 24px */
	text-align: left;
}

html>body {
	font-size: 16px;
}

html {
	background: #FDFFE1 url("img/gradient.jpg") repeat-x 0 35em;
}

/*--------------------------------------- DEFAULTS -----*/

em {
	font-style: normal;
	background-color: #FFFFAA;
}

blockquote {
	margin: 0;
	font-style: italic;
}

/*--------------------------------------- TITLES -----*/

h1 {
	color: black;
	font-size: 2em; /* 32px */
	line-height: 1.5em; /* 48px */
	font-weight: normal;
	margin-top: 1em; /* 32px */
	margin-bottom: 0;
}

h2 {
	margin-top: 0;
	font-size: 2em; /* 32px */
	line-height: 1.5em; /* 48px */
	font-weight: normal;
}

h3 {
	color: black;
	font-size: 1.25em; /* 20px */ 
	line-height: 1.2em; /* 24px */
	margin-bottom: 0.8em; /* 16px */
}

h3.top {
	margin-top: 0;
}

/*--------------------------------------- LAYOUT -----*/

#hd {
	text-align: center;
}

#ft {
	margin-bottom: 1.5em;
	text-align: right;
}

/*--------------------------------------- CONTENT -----*/

.action {
	text-align: center;
	margin-bottom: 1em; /* 16px */
	margin-top: 1em; /* 16px */
}

.action a.img img {
	vertical-align: middle;
}

.tiny {
	font-size: 0.875em; /*14px*/
	line-height: 1.5em; /*21px*/
}

.tinier {
	font-size: 0.75em; /*12px*/
	line-height: 2em; /*24px*/
}

.quiet {
	color: #999;
}

.hidden {
	display: none;
}

.amp {
	color: #6F9C0B;
}

h1>.amp {
	line-height: 1em;
	vertical-align: top;
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
}

.tweet {
	background-color: white;
	float: left;
	width: 16%; /* 18.4% */
	padding: 1%;
	margin-right: 2%;
	border: 1px solid #DDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.last {
	margin-right: 0;
}

.main {
	float: left;
}

.sketch {
	border: 1px solid #CCC;
	display: block;
}

.sketch img {
	width: 31em; /* 33.6131em */
	border: 10px solid white;
}
.shadow {
	width: 31em; /* 33.6131em */
	margin-left: 11px;
}

.separator {
	border-top: 1px dotted #CCC;
}

.right {
	float: right;
}

.contact {
	background: #6F9C0B url("img/gradient_green_2.jpg") bottom repeat-x;
	color: white;
	padding: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.contact a {
	color: white;
}

.quote {
	background-color: #645951;
	color: white;
	-moz-border-radius: 5px;
}

.e-mail {
	position: absolute;
	bottom: -10px;
	right: 90px;
}

/*--------------------------------------- LINKS -----*/

a {
	color: #0088CC;
	text-decoration: none;
	border-bottom: 1px solid;
	position: relative;
}

a:hover,
a:hover .label {
	border-bottom: none;
}

a.img {
	border-bottom: none;
}

a.img .label {
	border-bottom: 1px solid;
}

a.img:hover .label {
	border-bottom: none;
}

.tweet a.web,
.tweet a.at,
#ft a {
	color: #999;
}

.tweet a,
#ft a {
	border-bottom: none;
}

.tweet a:hover,
#ft a:hover {
	border-bottom: 1px solid;
}

.hidden {
	display: none;
}

.tiny a {
	color: #6F9C0B;
}

/*--------------------------------------- LIST -----*/

ul {
	margin: 0;
}

ul li {
	list-style-type: none;
	margin-bottom: 1.5em;
}

ul.dotted li {
	background: #FDFFE1 url("img/dots_PNG-8.png") repeat-x;
	margin-bottom: 1em; /* 16px */
}

ul.dotted li .label {
	background-color: #FDFFE1;
	padding-right: 5px;
}

ul.dotted li .stat {
	float: right;
	background-color: #FDFFE1;
	padding-left: 5px;
}

/*--------------------------------------- FIXES -----*/

.clear {
	clear: both;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.clearfix {
	display: block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}