﻿/* Basic Styles */
body 
{
	background: #333 url(images/topbg.png) repeat-x left top;
	border:0; 
	margin:0; 
	padding:0; 
    font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color:#7f000b; _text-align:center;
}

a {color:#5999d6; text-decoration:none;}
a:hover {color:#ff2740;}
p {border:0; margin:15px 0; padding:0;}
div {display:block; border:0; margin:0; padding:0;}


h1, h2, h3, h4, h5 
{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border:0; 
	font-weight:bold;
 }

blockquote, q {
	quotes: none;
}

blockquote
{

	background:#dde1fd ;
	font-family: Verdana,Helvetica, Sans-Serif;
	font-style:italic;	
	color: #6d899e;
	padding:2px;
	border: solid 1px #c3bcea;
	display:inline-block;
    font-size: 1.2em;    
    margin:3px auto 5px auto;
    position:static;
	min-width:50%;
	display:block;
}

cite
{
	font-family: Verdana,Helvetica, Sans-Serif;
	font-style:italic;	
	color: #6d899e;
	line-height:19px;
	font-size: 17px;  
	font-weight:bold; 
	vertical-align:top;
    padding:0 40px 0 0;
    margin:5px auto 0 auto;
    background:url(Images/says.png) no-repeat right bottom;

} 
#BaseImages
{
	overflow:scroll;
}
#Comment
{
}
#ArtistComment
{
	padding:5px;
}
#Interact
{
	padding:5px;
}
.marginleft
{
	margin-left:5px;
}
.padleft
{
	padding-left:5px;
}
.marginright
{
	margin-right:5px;
}
.padright
{
	padding-right:5px;
}
ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

.fineprint
{
	font-size:xx-small;
}

#Container
{
		
}

#Header
{
	height:60px;
	z-index:5;
}
#LoginBar
{
	top:60px;
	width:225px;
	zoom: 1; 
	float:right;
	padding:10px;
	margin:0;
	background: #aaa url(images/img01.jpg) repeat-x left top;
	z-index:2;
	border:2px solid #222;
}

#Content
{
	line-height: 1.5em;
	margin:0px 260px 20px 20px;
	padding:10px;
	background:#ededed;
}
.Column1
{
	
	display:inline-block;
	float:left;
	width:50%;
	padding: 0;
	margin:0;
}
.fullwidth
{
	width:100%;
	display:block;
}
.Column2
{
	display:inline-block;
	width:50%;
	float:left;
}
.Column2:after
{
	clear:both;
}
.Column2 .contentbox
{

	margin: 0px 0px 5px 5px;
	clear:both;
}

.Stuff
{
	min-width:755px;
	display:block;
	width:100%;
	padding:0;
	margin:0;
	height:100%;
	clear:both;
}
.CommandBarBottom
{
	opacity:0.95;
	filter:alpha(opacity=95);
	zoom: 1;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	z-index:99;
	background:#fde5eb;
		
}
.CommandBarTop
{
	opacity:0.95;
	filter:alpha(opacity=95);
	zoom: 1;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	background:#fde5eb;
		
}
h1.HeaderCommandBar
{
	padding: 0 5px;
	opacity:0.9;
	filter:alpha(opacity=90);
	zoom: 1; 
	margin:0;
	
	background:#fc9ab2 url(Images/headerbgnotice.png) repeat-x 0 0;
	height:37px;
	line-height:37px;
}
.info
{
	font-size:larger;
}
.commentContainer0
{
	background-color:#eee;
	margin:5px 0;
	padding:5px;
	border-bottom: dashed 1px #ccc;
	overflow:hidden;
}
.commentContainer1
{
	background-color:#fde5eb;
	margin:5px 0;
	padding:5px;
	border-bottom: dashed 1px #ccc;
	overflow:hidden;
}
.commentText
{
	float:left;
}
.commentAvatar
{
	text-align:center;
	width:70; 
	height:70; 	
	margin-right:5px;
	float:left;
}
.commentDate
{
	float:right;
	font-style:italic;
	
}
.commentAvatar img
{
	padding:3px;
	border: solid 1px #ccc;
	background-color:#fff;
}
.hidden
{
	display:none;
}
.outer-contentbox
{
	background:#fff;
	margin:5px;
	padding:5px;
	border: solid 1px #ccc;
}
.profilelink
{
	display:block;
}
.rateText
{
	line-height:26px;
	font-size:10px;
	margin-left:4px;
}
.contentbox
{
	border:solid 1px #c0c0c0;
	padding: 0 5px 5px 5px;
	margin: 0 0  5px 0 ;
	overflow:hidden;
}
.contentbox :after
{
	clear:both;
}
.contentbox h2
{
	background:#DDE2E6 none repeat scroll 0% 50%;
	margin:5px 0;
	color:#4A7195;
	padding:5px;
	text-transform:uppercase;
	display:block;
	letter-spacing:.1em;
	line-height:normal;
	font-size:1.6em;
	font-weight:bolder;
	height:1.3em;
}

.contentbox h3
{
	font-size:1.2em;
	padding:5px 0 0 5px;
	text-transform:uppercase;
	letter-spacing:.1em;
	display:block;
	font-weight:bold;
	color: #5a5a5a;
	margin:0px -5px 10px -5px;

}
.title
{
	font-size:larger;
	color:#5999d6;
}
.artist 
{
	font-weight:bold;
	color:#d658a2;
}
.artist a:hover
{
	color:#e1a1bd;
}
 h1.BlockHeader
{
	height:55px;
	padding:0 10px;
	display:block;
	line-height:55px;
	font-weight:bold;
	color: #5a5a5a;
	margin:0px -5px 10px -5px;
	background: #c0c0c0 url(images/headerbg.png) repeat-x left top;
}


#Menu
{
	
	vertical-align:bottom;	
}
#Menu A
{
	margin: 0 3px;
	padding:5px ;
	border:1px solid #092a65;
	color: white;	
	float: left;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align:justify;
	text-decoration: none;
	background-color:#5e82b6;
}

#Menu A:hover 
{
	background-color:#83a7d9;	
}

#Menu A:visited
{
}
#Menu UL
{	
	list-style-type: none;
}
#Menu LI
{
	display:inline;
}

#Menu A.current
{
	color: #333;	
	background-color:#fff;
	border-bottom:0;
}
#Menu A.current:hover 
{
	color: #333;	
	background-color:#ccc;
}


 input[type="text"]
 {

}

.goodBase
{
	background: #C6DEFF;
	padding:5px;
	color: #514149;
	border: solid 1px #2ae;
	overflow:hidden;
}
.attributeBox
{
	padding:5px;
	color: #514149;
	background-color:#e0cad6;
	border: solid 1px #84087c;
	overflow:hidden;
}
.attributeBoxMinor
{
	padding:5px;
	color: #514149;
	background-color:#fffad6;
	border: solid 1px #84087c;
	overflow:hidden;
}
.attributeBoxSelected
{
	padding:5px;
	background-color:#000;
}
.attributeBoxHead 
{	
	background: #fff url('Images/boxheader.png') ; 	
	color: #85516f;
	border: solid 1px #b0849e;
	font-size:larger;
	font-weight:bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display:block;
}
.attributeBoxHead A
{	
	background-image: url('Images/expand.jpg') no-repeat ; 	
	padding-left:15px;
	color: #85516f;
}
.attributeBoxHead A:hover 
{	
	color: #fff;
}
.previewArea
{
	padding: 1px 2px; 
	background: #f95ba9 none repeat scroll 0% 0%; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial; 
	text-align: center;
	float:right;
}
.buttonsPanel
{
	border: dashed 1px #bebebe;
	float:right;
}


.accolade
{
	text-align:center;
	margin: 5px;
	padding: 5px;
}

.baseRecord
{
	text-align:center;
	width:150px;	height:150px;
	margin:0 5px 0 0 ;
	padding: 0 5px;
}
.high{	
	height:200px;
}
.baseRecord a, .baseRecordHigh a
{	
	text-align:center;
}
img.accolade, img.baseRecord,.baseRecord img
{	
	padding:3px;
	border: solid 1px #ccc;
	background-color:#5999D6;
	background-image: url(Images/shade.png); 
}

.pager
{
	position:relative;
	text-align:center;
	display:block;
	padding:3px;
	background:#DDE2E6 ;	
	color:#4A7195;
	line-height:normal;

	font-weight:bolder;
	height:1.3em;
}
.pager .labelText
{
	display:inline;
	font-weight:bold;	
}
.pagerSide
{
	width:20%;
}
.pagerMid
{
	width:60%;
}
img.accolade:hover,img.baseRecord:hover,.baseRecord img:hover { background-color: #ff2740; color:#fff;}
.accolade img:active,img.baseRecord a:active,.baseRecord img:active { background-color: #444; color:#fff;}

.baseRecordSmall
{
	margin:4px;
	width:150px;
	height:100px;
	vertical-align:middle;
}
.baseRecordSmall img
{
	margin:5px;
	float:left;
	padding:3px;
	border: solid 1px #ccc;
	background-color:#fff;
}



.baseRecordSmall p
{
	margin:5px 0;
	vertical-align:middle;
}

a.faveBtnLogin
{	background:#fff url(Images/fave3.png) no-repeat;
	white-space: nowrap;
	width: 129px;
	height: 37px;
	display:block;
	float:right;
}
a.faveBtnOn 
{
	background:#fff url(Images/fave2.png) no-repeat;
	white-space: nowrap;
	width: 129px;
	height: 37px;
	display:block;
	float:right;
	background-position: -130px 0;

}
a.faveBtnOn:hover 
{
	background-position: 0px 0px;
}
a.faveBtnOff 
{
	background:#fff url(Images/fave.png) no-repeat;
	white-space: nowrap;
	width: 129px;
	height: 37px;
	display:block;
	float:right;
	background-position: -130px 0;

}
a.faveBtnOff:hover 
{
	background-position: 0px 0px;
}

#Problems
{
	padding:5px;
	color: #514149;
	background-color:#e0cad6;
	border: solid 4px #84087c;
	overflow:hidden;
}
#SearchPanel
{
	padding-bottom:15px;
}
  
.siteRecordTrue
{
    background-color:#e0cad6;
    border: solid 4px #84087c;
}
.siteRecordFalse
{
        	
}
.siteThumb
{
	border:solid 1px #ccc; padding:2px;height:108px;overflow:hidden;
}