/* @group reset */
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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%;}
q:before,q:after{content:'';}

/* @end */

/* @group default */

body {
	font: 12px/20px "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: #333;
	position: relative;
	background-color: #C0F8F8;
	background-image: url('../images/main-background.png');
    background-repeat: repeat-x;
    background-position: top;
	background-attachment:fixed;

	
}



/* @end */

/* @group layout */

#wrapper {
	width: 850px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position:relative;

}


#header {

	background-image: url('../images/pipe-top.png');
    background-repeat: no-repeat;
    background-position: top;
	height:400px;
	left:auto;
	position:fixed;
	top:-255px;
	width:400px;
	z-index:50;
	
}

#details {
	margin-left:465px;
	position:fixed;
	top:165px;
	width:250px;
	z-index:1;
	background-color: transparent;
	
}


#slogan,
#about,
#elsewhere {
	
	margin-bottom:10px;
}


#elsewhere ul li {display:inline;
	
}


#elsewhere ul li a {text-decoration:none; text-indent:-2000px;	
}

#portrait {
	height:100px;
	left:295px;
	position:absolute;
	top:10px;
	width:100px;
	background-image: url('../images/me.png');
    background-repeat: no-repeat;
    background-position: top;
z-index:5;
}

#extras {
	height:100px;
	left:295px;
	position:absolute;
	top:-130px;
	width:100px;
	background-image: url('../images/cloud.png');
    background-repeat: no-repeat;
    background-position: top;
z-index:5;
}

#stream-navigation {
	position:absolute;
	top:2px;
	width:250px;
	z-index:1;
	
	left:312px;
	}
	

#stream-navigation li.active {
	font-weight:bold;
}	



#extras h2 {text-indent:-9999px;}


#extras:hover {

	background-image: url('../images/cloud-wink.png');
}



#content {
	margin-left:30px;
	padding-top:139px;
	width:340px;
	}


#skip {
	display: none;
}

/* @group footer */

#footer {
	background-image: url('../images/pipe-bottom.png');
    background-repeat: no-repeat;
    background-position: bottom;
	
	height:317px;
	width:400px;
	margin-bottom:0;
	z-index:10;
}

#footer a {
	color: #999;
	font-weight: normal;
}

#footer a:active {
	color: #666;
}


/* @end */

#floor {
background-image: url('../images/floor.png');
background-repeat: repeat-x;
background-position: bottom;
height:57px;
width:100%;
position:relative;
z-index:11;
}



/* @group header */



/* @end */





/* Activity List                                                                 
---------------------------------------------------------------------------------------- */
ul#activity li {background-color:#FFF; margin:20px 0; padding:16px;overflow:hidden; background-position:96% 87%;
background-repeat:no-repeat; background-size:30px;}


/*Bookmarks*/

ul#activity li.bookmark {
background-image:url('../images/icons/star.png');
}



/*Video*/

ul#activity li.video {
background-image:url('../images/icons/mushroom-green.png');}


/*Twitter*/

ul#activity li.twitter {

background-image:url('../images/icons/mushroom-green.png');}


/*Applications*/

ul#activity li.application {
background-image:url('../images/icons/mushroom-green.png');}

/*Pictures*/

ul#activity li.picture {
background-image:url('../images/icons/mushroom-green.png');}