@charset "utf-8";
/* CSS Document */
html
{
	height:100%;/*stop page bounce in fire fox for pages longer than browser window*/
}
#scroll-wrapper{

	min-width:100%;
	min-height: 102%;
	background: #111111;
	margin-bottom: 1px;
}

#container{
	position: relative;
	width: 1024px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #8B9176;
	overflow: hidden;
	margin:auto;
} 

a{
	text-decoration: none;
}
a:link {
	color: #bbbbbb;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #000000;
}
a:active {
	color: #AAAAAA;
}
body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	color: #000000;
	background-color: #111111;
	height: 100%;
	min-width: 100%
}


img {
	outline: none;
	outline-style: none;
	outline-color: #8B9176;
	border: none;
	border-color:8B9176;
}


#top{
	height:5px;
	background-color: #111111;

}
#header {
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #1D1F19;
}
#maincontent {
	clear: both;
	margin: 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0px;
	display: block;
	overflow: hidden;
	background: url(../images/fauxcolumns/fauxcolumn.jpg) top left repeat-y;
}
#leftcol{
	width: 514px;
	position: relative;
	float: left;
	overflow: hidden;
	
}
#navigation{
	width: 165px;
	float: left;
	overflow:hidden;
}
#content{
	width:325px;
	float: left;
	margin: 10px;
	overflow: auto;
}


#PhotoBar{
	float: left;
}

#rightcol{
	width: 510px;
	float:left;
	overflow:hidden;
}
#rightcolcontent
{
	clear: both;

}
#artist_portrait{
	float: left;
}
#sidebar2{
	float: right;
}


#mainContent h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer{
	clear:both;
	width: 100%;
	height: 24px;
	background: url(../images/fauxcolumns/footerfaux.jpg) top left repeat-x;
}
#footercontent{
	margin-left: 10px;
	margin-right: 10px;
	float: right;
	line-height:24px;
	vertical-align: middle;
	font-size: 10px;
	color:#333333;
	text-decoration: none;	
}

#footercontent a{
	text-decoration: none;
}
#footercontent a:link {
	color: #bbbbbb;
}
#footercontent a:visited {
	color: #666666;
}
#footercontent a:hover {
	color: #000000;
}
#footercontent a:active {
	color: #AAAAAA;
}
#content a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


#content a{
	text-decoration: none;
}
#content a:link {
	color: #000000;
}
#content a:visited {
	color: #111111;
}
#content a:hover {
	color: #333333;
}
#content a:active {
	color: #AAAAAA;
}

#content .category{
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
}
#script
{
	background: #FFFFFF;

}