/* YUI-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 {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* STRUCTURE ################# */

body {
	background: url("/images/bg.png") top center no-repeat;
}

#container {
	background: #1B1B1B;
	margin: 0 auto;
	padding-top: 85px;
	width: 600px;
}

.module {
	clear: both;
	color: #FFF;
	font-family: Palatino, Calisto, "Times New Roman", serif;
	line-height: 1.5em;
	padding: 25px;
	
}

/* TYPOGRAPHY ################# */

body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}


a, a:link, a:visited, a:active {
	/* border-bottom: 1px solid #0CF; */
	color: #0CF;
	text-decoration: underline;
}

h1 {
	margin: 0;
}

h1 .bart {
	display: block;
	/* font-family: "League Gothic", Helvetica, Arial, sans-serif */
	font-size: 64px;
	margin: 0;
	/* letter-spacing: .1em; */
	text-transform: uppercase;
}

h1 em {
	color: #C7C7C7;
	display: block;
	font-family: Palatino, Calisto, "Times New Roman", serif;
	letter-spacing: .1em;
}


.module {
	border-top: 1px solid #333;
}

.module:first-child {
	border-top: none;
}

#module-intro {
	background: #FFF;
	color: #000;
}

#module-about {}

#position {
	float: left;
	font-size: 18px;
	width: 380px;
}

#social-links {
	float: right;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 150px;
}

#module-twitter {}

.tweet {
	clear: both;
	display: none;
	padding-bottom: 40px;
}

.tweet:first-child {
	display: block;
}

.tweet-content {
	background: #333;
	padding: 15px 20px;
}

.tweet-postedon {
	background: url("/images/tweet_arrow.png") 13px 0px no-repeat;
	color: #777;
	float: left;
	font-size: 14px;
	font-style: italic;
	padding-left: 38px;
}

.twitter-showmore {
	float: right;
	font-size: 14px;
	font-style: italic;
}

.twitter-showmore span.less {
	display: none;
}

#module-twitter.expanded .twitter-showmore span.less {
	display: inline;
}

#module-twitter.expanded .twitter-showmore span.more {
	display: none;
}


.tweet-postedon a,
.tweet-postedon a:link,
.tweet-postedon a:visited {
	color: #666;
}

.twitter-showmore a,
.twitter-showmore a:link,
.twitter-showmore a:visited {
	color: #777;
}

.twitter-showmore a:hover,
.tweet-postedon a:hover {
	color: #FFF;
}



/* ### LOVE/HATE ######### */

.module-lovehate {
	height: 20px;
	position: relative;
	overflow: hidden;
	text-transform: uppercase;
}

.module-lovehate .item {
	font-size: 36px;
}

.module-lovehate .item li {
	padding-bottom: 30px;
}

.lovehate-subject, .lovehate-verb, .lovehate-object {
	position: absolute;
	top: 20px;
}

.lovehate-subject {
}

.lovehate-verb {
	left: 40px;
}

.lovehate-object {
	left: 96px;
}

#module-love .lovehate-verb {
	color: #0CF;
}

#module-hate .lovehate-verb {
	color: #C30;
}

.module-lovehate .item a {
	color: #FFF;
	border-bottom: 2px solid #0CF;
}

#module-hate .item a {
	color: #FFF;
	border-bottom: 2px solid #C30;
}