/* BEGIN DEMO STYLE */
	*{margin:0;padding:0}
body {
	text-align: center;
	background: #000000;
	}
#bodycontent {
	margin: 0 auto;
	width: 1219px;
	text-align: left;
	background: none;
	
}
#artistlink{
	position: absolute;
	text-align: center;
	top: 200px; 
	left: 20px;
	width: 140px;
	height: 20px;
	background: none;
	border: none;
	font: bold 60% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;
	color: #348;
	z-index: 1000;
}
#gallink {
	position: absolute;
	text-align: left;
	top: 160px; 
	left: 28px;
	width: 140px;
	height: 20px;
	font: bold 60% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;
	color: #348;
	z-index: 1000;
}
#gallink.gallink2 {
	top: 180px;
}
#wrapper {
	top: 20px;
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 20px;
	background-color: #000000;
	text-align: left;
	font:80%/140% 'helvetica neue', sans-serif;
	color:#887;
	clear: both;
	
}
#galtitle {
	position: relative;
	text-align: center; 
	background: none;
	padding-bottom: 10px;
}
#img {text-align: center; margin:0 auto 40px auto;height:auto; max-height: 500px; width:auto;background:#000;}
#thumbs {
	position: relative;
	text-align: left; 
	background: none;
}
#galnav{
	position: relative;
	top: -20px;
	text-align: center;
	background: none;
}
h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
a {color:#348;text-decoration:none;outline:none;z-index:3000;}
a:hover {color:#67a;}


	.caption{padding-top: 10px; font-style:italic;color:#887;}
	.demo {background: #000; position:relative;margin-top:0;}
	.galleria {background: none; list-style:none; width: 702px; height: 60px; margin:0 auto;}
	
	.galleria li {display: inline-block; width:90px;height:90px;border: none; margin: 0 3px; background: #000; }
	.galleria li div {left:240px}
	.galleria li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
	.galleria li .caption{display:block;padding-top:.5em}
	* html .galleria li div span{width:400px} /* MSIE bug */
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
	
/* ----------------------  BUTTON FOR THE YOUMRKT LOGO ------------------------------------- */	
#ymlink {
	top: 3px;
	background: none;
	position: absolute;
	max-width: 119px;
	height: 25px;
	outline: none;
	left: 45px;
	
}

a.button {
	background: transparent url('../../RawFiles/ymabutton.png') no-repeat scroll top right;
    
    display: block;
    float: left;
    font-size: 14px;
	color: #348;
    height: 53px;
    margin-right: 0px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../../RawFiles/ymlbutton.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 19.5px 0 19.5px 15px;
} 
a.button:hover {
    background-position: bottom right;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
	
}

a.button:hover span {
    background-position: bottom left;
    padding: 19.5px 0 19.5px 15px; /* push text down 1px */
	outline: none; /* hide dotted outline in Firefox */
} 
a.button:active {
    background-position: bottom right;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 19.5px 0 19.5px 15px; /* push text down 1px */
	outline: none; /* hide dotted outline in Firefox */
	
}
/* -------- COMMENTS ------------- */
#artcomments {
	position: relative;
	top: 50px;
	left: 245px;
	width: 700px;
	height: auto;
	padding: 20px 20px 20px 20px;
	/* background: #19324B; */
	/* border: 1px #5D8BBA solid; */
}
#commentheader {
	position: relative;
	text-align: center;
	top: -15px;
	left: 275px;
	width: 150px;
	height: 20px;
	background: none;
	
	font:80%/140% 'helvetica neue', sans-serif;
	color:#887;
	
}
#postArtcomment {
	position: relative;
	left: 79px;
	height: 150px;
	width: 542px;
	background: none;
	text-align: left;
	font:80%/140% 'helvetica neue', sans-serif;
	color: #FFFFFF;
	z-index: 2000; /* Necessary for the submit button to work in firefox for some reason (something must be blocking it) */
}

.tb3 {
	border: 2px #19324B solid;
	background: #E8F2FE;
}
.tb3:focus{	border: 2px #5D8BBA solid;}
.sub{
	border: 2px #5D8BBA solid;
	width: 70px;
	height: 22px;
	background: #5D8BBA;
	
}
.sub:focus {background: #F99144; border: 2px #F99144 solid; }
.sub:hover {background: #F99144; border: 2px #F99144 solid; }
#comments {
	position: relative;
	left: 55px;
	width: 540px;
	height: auto;
	background: #19324B;
	margin: 10px;
	padding: 3px 10px 10px 15px;
	
	color: #FFFFFF;
	font-family:"Tohoma";
	font-size: 1em;
	border: 1px #5D8BBA solid;
}
#username {
	color: #F99144;
	float: left;
	font-family: "Georgia";
	height: 17px;
	
}
#datetime {
	position: absolute;
	right: 10px;
	color: #999999;
}
#commtext {
	position: relative;
	top: 4px;
	clear: both;
}
.white {
	color: #FFFFFF;
}
#bottomspacer {
	position: relative;
	left: 200px;
	bottom: 0px;
	width: 800px;
	height: 200px;
	background: none;
}

.replylink
{text-align:right; margin:5px;}

.replylink a {color:#5D8BBA;}

.commentloader
{position:relative; margin-top:-100px; left:0px; text-align:center;}

.replytext
{background-color:#5D8BBA;
margin-left:15px;
margin-top:15px;
padding:5px;
width:95%;
color:#000;}




/*------------NAVIGATION w/in BODY CONTENT-------------*/

#mainnavigation {
	color: #000000;
	position: relative;
	margin-bottom: 1em;
	padding: 1px;
	font-family: "Palatino Linotype";
	font-size: smaller;
	left: 155px;
	top: 10px;
	height: 20px;
	width: 610px;
	min-width: 610px;
}
#mainnavigation ul {
	margin: 0; /*necessary for maintaining all the navs on the same plane*/
	padding: 0; /*also keeps the navs separated*/
	
}
#mainnavigation ul li {
	float: left; /*keeps the navs in horizontal orientation*/
	letter-spacing: 0;
	font-size: smaller;
}
#mainnavigation ul li a {
	text-decoration: none;
	display: block; /*keeps the navs separated*/
	text-align: center;  /*keeps the navs evenly spaced out*/
	outline: none;
	color: #348; /* font color must be set here*/
}
#mainnavigation ul li a:hover {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom: dotted;
	border-bottom: #993333;
	color: #67a;
}
ul { list-style-position: outside; margin-left: 0px; padding-left: 30px; list-style: square; vertical-align: middle; }
li { margin: 0px; padding: 0px; }
ul {margin:0px;padding:0px;}


#nmenu {
	text-align: center;
	color: #348;
	width: 80px;
	height: 20px;
	}
#login {
	position: absolute;
	right: 130px;
	top: 10px;
	height: 17px;
	width: 200px;
	color: #000;
	font-family: "Palatino Linotype";
	font-size: smaller;	
	border: 1px solid #348;
	background: none;
	padding-top: 3px;
}
#login ul {
	margin: 0; /*necessary for maintaining all the navs on the same plane*/
	padding: 0; /*also keeps the navs separated*/	
}
#login ul li {
	float: left; /*keeps the navs in horizontal orientation*/
	letter-spacing: 0;
	font-size: smaller;
}
#login ul li a {
	text-decoration: none;
	display: block; /*keeps the navs separated*/
	text-align: center;  /*keeps the navs evenly spaced out*/
	outline: none;
	color: #348; /* font color must be set here*/
}
#login ul li a:hover {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom: dotted;
	border-bottom: #993333;
	color: #67A;
}
#lmenu {
	text-align: center;
	color: #348;
	width: 120px;
	height: 20px;
}