/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

*					{ margin: 0; padding: 0; }
body				{ font: 14px Georgia, serif; background:url(../images/redstage_white.png) #c7361c no-repeat 20px 10px; }

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}


#page-wrap		    { width:369px; margin: 25px auto 0 auto; padding-bottom:220px; position:relative; }

h1, h4              { font-weight: normal; }
h1                  { font-size: 30px; margin: 0 0 25px 0; }
h4                  { font-size: 20px; }

p                   { margin: 0 0 25px; }

img { border: none; }

div#loadArea { width:369px; }

div#bottomGray { background:#666; border-top:20px solid white; width:100%; height:200px;z-index:1;position:absolute; bottom:0; }
div.clearFix { clear:both; }
div.chunk { width:369px; margin-bottom:25px; position:relative; z-index:999; }
div.chunk h4 { width:369px; background:white; word-wrap: break-word; }
div.chunk h4 span { display:block;margin:0 6px;font-size:.75em;word-wrap: break-word;color:#333; }
div.chunk h4 span a { color:#333; }
div.tweetTop { background:url(../images/bubble/tweet_bubble_top.gif) no-repeat top center; width:100%; height:6px; }
div.chunk div.tweetBottom { background:url(../images/bubble/tweet_bubble_bottom.gif) no-repeat top center; width:100%; height:17px; }
div.altChunk div.tweetBottom { background:url(../images/bubble/tweet_bubble_bottom_alt.gif) no-repeat top center; width:100%; height:17px; }
div.profileInfo { margin:5px 0 10px 0; width:100%; clear:both; color:white; overflow: hidden; position: relative; height:48px; }
div.chunk div.profileInfo { text-align:left; }
div.altChunk div.profileInfo { text-align:right; }
div.profileInfo div.text { margin-top:7px; }
img.profileImg { width:48px; height:48px; }
div.chunk img.profileImg { float:left; margin:0 5px 0 10px;}
div.altChunk img.profileImg { float:right; margin:0 10px 0 5px;}

a.authorName { color:white; }