* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #59574d;
	background-image: url('../images/bodyBackground.png');
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	text-align: center;
}

a {
	outline: none;
}

div#all {
	background: url('../images/containerGradient.png') repeat-x top;
}

div#container {
	margin: 0 auto 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	width: 910px;
}

div#main {
	float: left;
	width: 630px;
}

div#main h1#logo {
	background: url('../images/logo.png') top left no-repeat;
	width: 610px;
	height: 98px;
}

div#main h1#logo span {
	display: none;
}

div#main p#upArrow {
	background: url('../images/btnUp.png') top left no-repeat;
	width: 610px;
	height: 61px;
}

div#main p#upArrow span {
	display: none;
}

div#main p#downArrow a {
	background: url('../images/btnDown.png') top left no-repeat;
	display: block;
	width: 610px;
	height: 55px;
}

div#main p#downArrow a:hover {
	background: url('../images/btnDownOver.png') top left no-repeat;
}

div#main p#downArrow a span {
	display: none;
}

div#main div#activityListContainer {
	background: url('../images/activityBackground.png') repeat-y;
	padding: 20px 25px 0 5px;
}

div#activityList {
	background: url('../images/activityBackgroundBottom.png') repeat-x bottom #f0f0f0;
	padding: 0 20px 20px 20px;
}

div#activityList p.separator {
	border-top: 1px dashed #000;
}

div#activityList a.activityItem {
	border-bottom: 1px dashed #969696;
	color: #000;
	display: block;
	font-size: 12px;
	line-height: 16px;
	min-height: 50px;
	padding-bottom: 10px;
	padding-left: 70px;
	padding-top: 10px;
	text-decoration: none;
}

div#activityList a.foursquare {
	background: url('../images/badgeFoursquare.png') no-repeat 10px 10px;
}

div#activityList a.neogaf {
	background: url('../images/badgeNeogaf.png') no-repeat 10px 10px;
}

div#activityList a.digg {
	background: url('../images/badgeDigg.png') no-repeat 10px 10px;
}

div#activityList a.twitter {
	background: url('../images/badgeTwitter.png') no-repeat 10px 10px;
}

div#activityList a.youtube {
	background: url('../images/badgeYoutube.png') no-repeat 10px 10px;
}

div#activityList a.xbox {
	background: url('../images/badgeXbox.png') no-repeat 10px 10px;
}

div#activityList a.flickr {
	background: url('../images/badgeFlickr.png') no-repeat 10px 10px;
}

div#activityList a.lastfm {
	background: url('../images/badgeLastfm.png') no-repeat 10px 10px;
}

div#activityList a.vimeo {
	background: url('../images/badgeVimeo.png') no-repeat 10px 10px;
}

div#activityList a.twelveseconds {
	background: url('../images/badge12seconds.png') no-repeat 10px 10px;
}

div#activityList a.actioncorp {
	background: url('../images/badgeActioncorp.png') no-repeat 10px 10px;
}

div#activityList a.activityItem:hover {
	background-color: #ddd;
}

div#activityList a.activityItem span {
	display: block;
}

div#activityList a.activityItem span.itemClicks {
	color: #999;
	float: right;
	padding-top: 40px;
	text-align: center;
	width: 80px;
}

div#activityList a.activityItem span.itemAction {
	color: #8b8b8b;
	font-weight: bold;
}

div#activityList a.activityItem span.itemAction strong {
	color: #000;
}

div#activityList a.activityItem span.recent {
	color: #060;
}

div#activityList a.activityItem span.itemTitle {
	font-weight: bold;
}

div#activityList a.activityItem span.itemDescription {
}

div#activityList a.activityItem img.itemFlickrPhoto {
	border:1px solid #666;
	float: left;
	margin-right:	10px;
	margin-top: 2px;
	width: 45px;
	height: 45px
}

div#activityList a.activityItem img.item12secondsPhoto {
	border:1px solid #666;
	float: left;
	margin-right:	10px;
	margin-top: 2px;
	width: 56px;
	height: 45px
}

div#sidebar {
	float: right;
	position: relative;
	width: 280px;
}

div#sidebar img#avatar {
	border: 0;
	left: 140px;
	position:absolute;
	top: -12px;
	width: 150px;
	height: 300px;
}

div#sidebar h3#aboutBoxHeading {
	background: url('../images/aboutHeading.png') no-repeat bottom;
	margin-top: 105px;
	width: 280px;
	height: 55px;
}

div#sidebar h3#aboutBoxHeading span {
	display: none;
}

div#sidebar div#aboutBox {
	background: url('../images/aboutBackground.png') no-repeat bottom;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 10px;
}

div#sidebar div#aboutBox p {
	line-height: 16px;
	margin: 5px 0;
}

div#sidebar h3#imageBoxHeading {
	background: url('../images/imageBoxHeading.png') no-repeat bottom;
	margin-top: 20px;
	width: 280px;
	height: 55px;
}

div#sidebar h3#imageBoxHeading span {
	display: none;
}

div#sidebar div#imageBox {
	background: url('../images/boxBackground.png') no-repeat bottom;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 15px;
}

div#sidebar div#imageBox img#latestImage {
	border: 1px solid #999;
	max-width: 240px;
	max-height: 400px;
}

div#sidebar h3#commentsBoxHeading {
	background: url('../images/commentsBoxHeading.png') no-repeat bottom;
	margin-top: 20px;
	width: 280px;
	height: 50px;
}

div#sidebar h3#commentsBoxHeading span {
	display: none;
}

div#sidebar div#commentsBox {
	background: url('../images/boxBackground.png') no-repeat bottom;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
}

div#commentsBox p a#commentwall {
	color: #111;
	display: block;
	text-decoration: none;
}

span.commentsCount {
	background-color: #111;
	color: #fff;
	float: right;
	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
	padding: 10px 0;
	text-align: center;
	width: 50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

span.alert {
	background-color: #611;
}

span#commentsInfo {
	display: block;
}

div#sidebar h3#friendsBoxHeading {
	background: url('../images/friendsBoxHeading.png') no-repeat bottom;
	margin-top: 20px;
	width: 280px;
	height: 55px;
}

div#sidebar h3#friendsBoxHeading span {
	display: none;
}

div#sidebar div#friendsBox {
	background: url('../images/boxBackground.png') no-repeat bottom;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
}

div#friendsBox ul li {
	list-style: none;
}

div#friendsBox ul li a {
	background-repeat: no-repeat;
	background-position: 8px 8px;
	color: #000;
	display: block;
	line-height: 16px;
	font-weight: bold;
	padding: 8px 8px 8px 48px;
	text-decoration: none;
}

div#friendsBox ul li a:hover {
	background-color: #ccc;
}

div#friendsBox ul li p.onlineStatus {
	color: #999;
	float: right;
	font-weight: normal;
	padding-top: 17px;
	text-align: right;
	width: 50px;
}

div#friendsBox ul li a span {
	color: #333;
	font-weight: normal;
}

div#friendsBox ul li a#seth {
	background-image: url('http://avatar.xboxlive.com/avatar/Web%20Slinger/avatarpic-s.png');
}

div#friendsBox ul li a#sean {
	background-image: url('http://avatar.xboxlive.com/avatar/Iceage/avatarpic-s.png');
}

div#friendsBox ul li a#craig {
	background-image: url('../images/badgeCraig.png');
}

div#friendsBox ul li a#bill {
	background-image: url('../images/badgeBill.png');
}

div#friendsBox ul li a#thecoopmode {
	background-image: url('../images/badgeTheCoopMode.png');
}

div#footer {
	clear: both;
	color: #919085;
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	text-align: center;
	width: 610px;
}

div#footer a {
	color: #919085;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}