@charset "utf-8";
/* CSS Document */
body {
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
}



#mainContent {
	padding:5px;
	height:auto;
	width:750px;
	background:#0d091a;
	color:fff;
	margin:5px;
}

#mainContent a{
	color:#ebcd92;
}

#mainContent button {
}
#mainContent h3 {
	font-size:13px;
	text-align:left;
	padding:0;
	margin:0;
	color:#ebcd92;
	display:inherit;
}
#mainContent h2 {
	font-size:20px;
	font-weight:normal;
	border-bottom:1px solid #C39B50;
	padding-bottom:5px;
	color:#ebcd92;
	margin:0;
}
/* Separate the styles */
	.parent {
	overflow:auto;
}
#mainContent .left {
	float:left;
}
#mainContent .right {
	float:right;
}
#mainContent .nofloat {
	float:none;
}
#mainContent .clear {
	clear:both;
}
#mainContent .comment {
	padding:3px;
	margin:2px;
	background:#transparent;
	border:1px solid #3D3C45;
}
#mainContent .avatar {
	padding-left:2px;
}
#mainContent .comment .comment_text {
	font-size:11px;
	padding-bottom:1px;
	line-height:12px;
}
#mainContent .comment .comment_user {
	font-size:9px;
	text-align:right;
	color:#000;
}
#mainContent .comment_holder {
	margin-left:45px;
	border:1px solid #ebcd92;
	height:50px;
	padding-left:5px;
	color:#fff;
}
#mainContent .middle {
	margin:0 0 5px 0;
}
#mainContent .bottom {
	clear:both;
 //background:#0D0D0D;
	text-align:left;
}
#mainContent .container_bottom {
	margin:0px 0 5px 0;
	padding-top:2px!important;
	border-top:1px solid #C39B50;
	border-bottom:1px solid #C39B50;
}
#mainContent .navigation {
	margin-top:30px;
	position:relative;
}
#carousel_holder img {
	border:1px solid black;
}
/* The hint to Hide and Show */
.commentbox {
	width:390px;
	height:auto;
	margin:5px;
	float:left;
	vertical-align:middle;
	
}
.commentpicb {
	float:left;
	vertical-align:middle;
	width:50px;
}
.commentpicb img {
	border:none;
}

#comment_div_holder {
height:355px;
padding:0;
margin:0;
overflow:hidden;
overflow-y: scroll;
}


.commentbubble {
	color:white;
	position:relative;
	width: 310px;
	min-height:28px;
	text-align:left;
	margin-top:0px;

	border: 1px solid #ebcd92;
	padding: 10px 12px;
	 right: -33px;
	/* 
	    right: -250px;
		
		 padding: 10px 12px;
	


	to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box #FFFBD4*/
 background: #000 no-repeat -10px 5px;
	font-size:11px;
}
/* The pointer image is hadded by using another span */
.commentbubble .hint-pointer {
	position: absolute;
	left: -10px;
	top: 10px;
	width: 10px;
	height: 19px;
	font:bold 11px #fff;
	background: url(../images/commonbar/commentpoint.gif) left top no-repeat;
}
.commentbubble .top {
	font-size:11px;
	font-weight:bold;
}
.commentbubble .bottom {
	font-size: 10px;
	font-style: italic;
	color: #ebcd92;
}