@media all
{
  * { margin:0; padding: 0; }
  option { padding-left: 0.4em; }
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }
  html { height: 100%; }
	html { overflow-y: scroll; overflow-x:hidden; }
  body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 100.01%;
    color: #000000;
    background: #FFFFFF;
    text-align: left;
  }
  fieldset, img { border: 0 solid; }
  ul, ol, dl { margin: 0 0 1em 1em }
  li { font-size:12px;}
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }
  blockquote { margin: 0 0 1em 1.5em; }
	a {text-decoration:none;}
	
	.clearfix:after {
  	content:".";
    display:block;
    height:0;
    clear:both;
  	visibility:hidden;
	}

  .clearfix { display:block; }

  /* ################ BODY ################ */
	
  body { background: #EFEFEF; }
  body { text-align: center; }

  #page { text-align:left; margin: 0 auto; }
  #page { min-width: 960px; max-width: 960px; background-color: #FFFFFF; }
	
	#workaround {
		position:relative;
		height:166px;
		border-bottom:166px;
	}
	
	/* ################ HEADER ################ */
	
	#header {
    width:960px;
    height:92px;
		background:white url(../images/header.png) no-repeat;
		position:fixed;
		top:0px;
		z-index:1100;
	}

	#header-logo {
		background:white url(../images/header-logo.png) no-repeat top left;
		width:480px;
		height:82px;
		position:absolute;
		top:0px;
		left:30px;
		z-index:1500;
	}

	#header-content {
		font-size:18px;
		font-weight:bold;
		text-align:right;
		margin:64px 30px 0px auto;
		z-index:2000;
	}

	/* ################ NAVIGATION ################ */
	
	ul.navigation {
		font-size:12px;
		margin:0px;
		padding-left:26px;
	}
	
	ul.navigation li {
		list-style:none;
		display:inline;
		margin:4px;
		padding:0;
		font-weight: bold;
	}
	
	ul.navigation a, ul.navigation span {
		padding:6px 0px;
		text-decoration: none;
		color: #000000;
		}

	ul.navigation a:hover, ul.navigation span {
		color: #64C7FF;
	}

	/* ################ FOOTER ################ */
	
	#footer {
    width:960px;
    height:42px;
		background:white url(../images/footer.png) no-repeat bottom left;
		position:fixed;
		bottom:0px;
		z-index:1000;
		text-align:center;
	}
	
	#footer p {
		font-size:12px;
		font-weight:bold;
		margin:16px auto 0 auto;
	}
	
	#footer ul {
		text-align:center;
	}


/* ################ CONTENT ################ */

	.content {
		margin-top:92px;
		position:fixed;
		z-index:500;
	}

	.content-top {
    width:960px;
    height:12px;
    font-size:0;
    background:url(../images/content-top.png) no-repeat left top;
	}

	.content-repeat {
    width:900px;
    background:url(../images/content-repeat.png) repeat-y left top;
		padding:0 30px;
	}

	.content-bottom {
    width:960px;
    height:12px;
    font-size:0;
    background:url(../images/content-bottom.png) no-repeat left bottom;
	}
	
	.content-repeat h1 {
		font-size:18px;
		font-weight:bold;
	}
	
	.content-repeat p {
		font-size:12px;
		font-weight:normal;
		line-height:16px;
		padding:6px 0px;
	}
	
	.content-repeat a {
		text-decoration:none;
		font-weight:bold;
		color:red;
	}
	
	.content-repeat a:hover, .content-repeat a:focus {
		color:#64C7FF;
	}

/* ################ TWEET-WRAPPER ################ */
	
	#tweets {
		position:absolute;
		z-index:0;
		top:166px;
		width:100%;
	}
	
  #tweets-top {
    overflow:hidden;
    width:960px;
    height:12px;
    background:url(../images/tweets-top.png) no-repeat top left;
		z-index:100;
		position:fixed;
		left:50%;
		margin-left:-480px;
  }

  #tweets-bottom {
    overflow:hidden;
    width:960px;
    height:12px;
    font-size:0;
    background-image:url(../images/tweets-bottom.png);
		z-index:100;
		position:fixed;
		bottom:42px;
		left:50%;
		margin-left:-480px;
  }

	#tweets-background {
    width:960px;
    height:5000px;
    background-image:url(../images/tweets-background.png);
		z-index:5;
		position:fixed;
		bottom:50px;
		left:50%;
		margin-left:-480px;
  }
	
	#birds {
    overflow:hidden;
    width:270px;
    height:230px;
    font-size:0;
    background-image:url(../images/birds.png);
		background-position:0px top;
		position:fixed;
		bottom:50px;
		z-index:75;
		margin-left:345px;
  }

	#tweets-content {
		margin:0 auto;
		overflow:hidden;
		padding:0px 30px 260px 30px;
		position:absolute;
		top:20px;
		width:900px;
		z-index:10;
	}
	
	#tweets-left {
		width:430px;
		float:left;
	}
	
	#tweets-right {
		width:430px;
		margin-left:470px;
	}

/* ################ TWEET ################ */
	
	.tweet {
		width:430px;
		height:96px;
		padding:12px 0px;
	}
	
	.tweet-top {
		width:430px;
		height:12px;
    background:url(../images/tweet-top.png) no-repeat;		
	}

	.tweet-center {
		width:430px;
		height:48px;
    background:url(../images/tweet-center.png) repeat-y;
	}

	.tweet-action-left {
		width:72px;
		height:36px;
    background:url(../images/tweet-action-left.png) no-repeat;
		float:left;
	}

	.tweet-action-right {
		width:72px;
		height:36px;
    background:url(../images/tweet-action-right.png) no-repeat;
		float:left;
	}

	.tweet-action-2-left {
		width:72px;
		height:36px;
    background:url(../images/tweet-action-2-left.png) no-repeat;
		float:left;
	}

	.tweet-action-2-right {
		width:72px;
		height:36px;
    background:url(../images/tweet-action-2-right.png) no-repeat;
		float:left;
	}

	.tweet-bottom {
		width:358px;
		height:36px;
		margin-left:72px;
    background:url(../images/tweet-bottom.png) no-repeat;		
	}
	
	.tweet-content {
		font-size:14px;
		height:72px;
		width:346px;
		position:relative;
		top:-84px;
		left:72px;
	}
	
	.tweet-content a{
		text-decoration:none;
		color:#000;
		font-variant:small-caps;
		font-weight:bold;
	}
	
	.tweet-avatar {
		height:48px;
		width:48px;
		position:relative;
		top:0px;
		left:12px;
	}
	
	.tweet-avatar img {
		height:48px;
		width:48px;
	}
	
	#tweets-right .tweet-content .deed_link {
		font-variant:normal;
		font-style:italic;
		color:#DA292E;
	}

	#tweets-left .tweet-content .deed_link {
		font-variant:normal;
		font-style:italic;
		color:#64C7FF;
	}

/* ################ USER ################ */
	.neutral_character {}
	.good_character {color:#64C7FF;}
	.bad_character {color:#DA292E;}
	
	
}