@import 'lib/layout.css'; 
@import 'lib/reset.css';
@import 'lib/utilities.css'; 

/*==================================================
	L A Y O U T 
	Basic page layout
==================================================*/

body { background: #000 url(../images/bg.jpg) no-repeat center top; font: 10px/160% Arial, Helvetica, sans-serif; text-align: center; color: #fff; height:100%; overflow: hidden;}
	#container {position:absolute; height:100%; width:960px; left: 50%; margin-left: -480px;}
		#pinup {position:absolute; height:804px;  width:960px; background: url(../images/pinup.png) no-repeat 50% 0;}
		#header {position:absolute; height:100%; width:320px; min-height:600px;}
			#title-block {position:absolute; width:320px; height:300px; bottom:300px; text-align:left;}
		#contents {position:absolute; height:100%; width:640px; right:0; text-align:left; overflow: hidden;}

/*==================================================
	C O M M O N
==================================================*/

a {color:#ef4072; text-decoration:none;}
a:hover {text-decoration:underline;}


/*==================================================
	H E A D E R
==================================================*/

#title-block h1 {margin:60px 0 0 20px;}
#title-block h1 a {display:block; text-indent:-999em; background: url(../images/logo.png) no-repeat 0 0; height:141px;}
#title-block p.description {font-size:1.2em; line-height: 1.5em; color:#9f9f9f; text-align: left; margin-top:20px; margin-right:80px; margin-left:40px;}
#title-block p.description strong {color:#dfdfdf; display:block; margin-bottom:5px;}
#title-block p.description span.source {display:block; font-style: italic; margin-top:5px; text-align: right;}


/*==================================================
	T W E E T S
==================================================*/

div#AllTweetsContainer {margin-top:-20px;}
div#contents div.tweet-item {margin-bottom: 20px;}

div#contents div.tweet-item span.tweet-info {display:inline; float:left; width:160px; text-align:right;}
div#contents div.tweet-item div.tweet-body {display:inline; float:right; width:480px;}

div#contents div.tweet-item span.tweet-info a.user-page {display:block; margin:0 10px; font-size:1.4em; font-weight: bold; line-height: 1.5em;}
div#contents div.tweet-item span.tweet-info span.tweet-elapsed {display:block; font-size:1.2em; margin:0 10px; color:#000; background: url(../images/time.png) no-repeat 0 50% ; float:right;; padding-left:10px; }

div#contents div.tweet-item div.tweet-body span.bubble-head {display:block; height:20px; background: url(../images/bubble-bg-t.png) no-repeat 30px 0;}
div#contents div.tweet-item div.tweet-body span.bubble-bot {display:block; height:20px; background: url(../images/bubble-bg-b.png) no-repeat 30px 0;}
div#contents div.tweet-item div.tweet-body p { margin:0 10px; background: url(../images/bubble-bg.png) no-repeat 0 0;}
div#contents div.tweet-item div.tweet-body p span { display:block; padding:0 20px 0 40px; font-size:1.4em; line-height: 1.5em; }


/*==================================================
	F O O T E R
==================================================*/

div#footer {position:absolute; bottom:0; right:0; color:#666; font-size:1.2em; line-height: 1.5em; text-align:right; /* background: url(../images/alpha3.png) repeat-x 0 0 ; width:100%; padding-top:30px; */}
div#footer p {padding:10px;}
div#footer p span.spacer {padding:0 5px; font-size: 10px; vertical-align: top; color:#333;}
div#footer a {color:#ccc;}