@charset "UTF-8";
/* CSS Document */

body
{
	background: url(indeximg/solidback.png);
	background-position: top left;
	width: 100%;
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-family: Arial, Arial, Helvetica, sans-serif;
}

a:link, a:hover, a:visited, a:active
{
	color: #8a99a1;
	text-decoration: underline;
}


#main-backing
{
	position: fixed;
	background: url(indeximg/left_border2.png);
	width: 648px;
	height: 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#right-border
{
	position: fixed;
	background: url(indeximg/right_border3.png);
	width: 576px;
	height: 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
}

#nametag
{
	position: fixed;
	background: url(indeximg/nametag.png);
	background-repeat: no-repeat;
	width: 183px;
	height: 89px;
	top: 16px;
	left: 30px;
	margin: 0;
	padding: 0;
	text-indent: -1000000px;
}


#layout
{
	position: absolute;
	width: 100%;
	margin: 0;
	padding: 0;
}

#content-hider
{
	position: fixed;
	background: #7c675d url(indeximg/left_border2.png);
	width: 1024px;
	height: 22px;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0;
	padding: 0;
}

#content
{
	position: relative;
	width: 650px;
	height: 100%;
	top: 85px;
	left: 350px;	
	margin: 0 0 200px 0;
	padding: 0;
	overflow: hidden;
}

#footer-container
{
	position: fixed;
	background: url(indeximg/solidback.png);
	width: 100%;
	height: 22px;
	bottom: 0;
	padding: 0;
	background-repeat: no-repeat;
}

#footer
{
	position: relative;
	background: url(indeximg/footer.png);
	width: 670px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	bottom: 0;
	padding: 0px;
	background-repeat: no-repeat;
}

#wingedpixel
{
	background: url(indeximg/favicon.png);
	background-repeat: no-repeat;
	color: white;
	text-indent: -60px;
	font-size: x-small;
	width: 100px;
	height: 16px;
	float: right;
	margin: 0;
	padding: 0;
}

#footer-container a, #footer-container a:hover, #footer-container a:visited
{
	text-decoration: none;
}
/*--------------------------------- top navigation ---------------------------------*/
#topnav
{
	position: fixed;
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 0;	
}

#topnav-container
{
	position: fixed;
	width: 813px;
	height: 23px;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 100;
}

#topnav-container ul
{
	list-style-type: none;
}

#topnav-container li
{
	display: inline;
}
#topnav-nose
{
	position: absolute;
	background: url(indeximg/top_nav.png);
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 185px;
	height: 23px;
	background-position: 0px 0px;
	margin: 0;
	padding: 0;
}
#topnav-twitter a
{
	position: absolute;
	background: url(indeximg/top_nav.png);
	background-repeat: no-repeat;
	top: 0;
	left: 185px;
	overflow: hidden;
	width: 116px;
	height: 23px;
	background-position: -185px -26px;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
}

#topnav-twitter a:hover
{
	background-position: -185px 0px;
}
	
#topnav-myspace a
{
	position: absolute;
	background: url(indeximg/top_nav.png);
	background-repeat: no-repeat;
	top: 0;
	left: 301px;
	overflow: hidden;
	width: 115px;
	height: 23px;
	background-position: -301px -26px;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
}

#topnav-myspace a:hover
{
	background-position: -301px 0px;
}

#topnav-youtube a
{
	position: absolute;
	background: url(indeximg/top_nav.png);
	background-repeat: no-repeat;
	top: 0;
	left: 416px;
	overflow: hidden;
	width: 112px;
	height: 23px;
	background-position: -416px -26px;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
}

#topnav-youtube a:hover
{
	background-position: -416px 0px;
}
#topnav-tail
{
	position: absolute;
	background: url(indeximg/top_nav.png);
	background-repeat: no-repeat;
	top: 0;
	left: 528px;
	overflow: hidden;
	width: 483px;
	height: 23px;
	background-position: -528px -26px;
	margin: 0;
	padding: 0;
	text-align: left;	
}

.tailfont
{
	position: relative;
	top: 5px;
	left: 11px;
	color: #c9cbd0;
	font-size: x-small;
	
}

.tailfont:hover
{
	position: relative;
	top: 5px;
	left: 11px;
	color: #d2dc9d;
	font-size: x-small;
}

.shareing
{
	
	position: relative;
	top: 35px;
	float: right;
	margin: 30px;
	z-index: 50;
	
}

/*--------------------------------- side navigation ---------------------------------*/
#sidenav
{
	position: fixed;
	width: 128px;
	height: 220px;
	top: 130px;
	left: 14px;
	margin: 0;
	padding: 0;
}

#sidenav-home a
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -258px 0px;
	width: 128px;
	height: 9px;
	top: 25px;
	left: 0;
	overflow: hidden;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
}

#sidenav-home a:hover
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -129px 0px;
	width: 128px;
	height: 9px;
	top: 25px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

body#home #sidenav-home
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: 16px 0px;
	width: 128px;
	height: 9px;
	top: 25px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#sidenav-portfolio a
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -258px -25px;
	width: 128px;
	height: 9px;
	top: 50px;
	left: 0;
	overflow: hidden;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
}

#sidenav-portfolio a:hover
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -129px -25px;
	width: 128px;
	height: 9px;
	top: 50px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

body#portfolio #sidenav-portfolio
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: 16px -25px;
	width: 128px;
	height: 9px;
	top: 50px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#sidenav-merch a
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -258px -50px;
	width: 128px;
	height: 9px;
	top: 77px;
	left: 0;
	overflow: hidden;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
}

#sidenav-merch a:hover
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -129px -50px;
	width: 128px;
	height: 9px;
	top: 77px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

body#merch #sidenav-merch
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: 16px -50px;
	width: 128px;
	height: 9px;
	top: 77px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#sidenav-exhib a
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -258px -77px;
	width: 128px;
	height: 9px;
	top: 105px;
	left: 0;
	overflow: hidden;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
}

#sidenav-exhib a:hover
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -129px -77px;
	width: 128px;
	height: 9px;
	top: 105px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

body#exhib #sidenav-exhib
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: 16px -77px;
	width: 128px;
	height: 9px;
	top: 105px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#sidenav-media a
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -258px -105px;
	width: 128px;
	height: 9px;
	top: 132px;
	left: 0;
	overflow: hidden;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
}

#sidenav-media a:hover
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -129px -105px;
	width: 105px;
	height: 9px;
	top: 132px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

body#media #sidenav-media
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: 16px -105px;
	width: 105px;
	height: 9px;
	top: 132px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#sidenav-blog a
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -258px -132px;
	width: 128px;
	height: 9px;
	top: 159px;
	left: 0;
	overflow: hidden;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
}

#sidenav-blog a:hover
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -129px -132px;
	width: 128px;
	height: 9px;
	top: 159px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

body#blog #sidenav-blog
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: 16px -132px;
	width: 128px;
	height: 9px;
	top: 159px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#sidenav-artist a
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -258px -159px;
	width: 128px;
	height: 9px;
	top: 185px;
	left: 0;
	overflow: hidden;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
}

#sidenav-artist a:hover
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -129px -159px;
	width: 128px;
	height: 9px;
	top: 185px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

body#artist #sidenav-artist
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: 16px -159px;
	width: 128px;
	height: 9px;
	top: 185px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#sidenav-contact a
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -258px -185px;
	width: 128px;
	height: 9px;
	top: 210px;
	left: 0;
	overflow: hidden;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
}

#sidenav-contact a:hover
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -129px -185px;
	width: 128px;
	height: 9px;
	top: 210px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

body#contact #sidenav-contact
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: 16px -185px;
	width: 128px;
	height: 9px;
	top: 210px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#sidenav-links a
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -258px -210px;
	width: 128px;
	height: 9px;
	top: 235px;
	left: 0;
	overflow: hidden;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
}

#sidenav-links a:hover
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: -129px -210px;
	width: 128px;
	height: 9px;
	top: 235px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

body#links #sidenav-links
{
	position: absolute;
	background: url(indeximg/main_menu.png);
	background-repeat: no-repeat;
	background-position: 16px -210px;
	width: 128px;
	height: 9px;
	top: 235px;
	left: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}