/* +-+-+-+-+-+-+-+ Content +-+-+-+-+-+-+-+ */

.top_title{
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}
.main_container{
	margin: 20px 20px;
}
.qq_image{
	border:1px #D5D5C9 solid;
}
div.content_item{
	background-color:#FFFFCC;
	margin:20px 25px 10px 25px;
	/*background:url(http://bitty.no-ip.info/xxx8.jpg) ; */
	padding:10px 10px;
	/*float:left;*/
	height:120px;
	width:125px;
	border:1px #FFFF33 solid;
	font-size:14px;
}
div.content_item:hover{
	background-color:#FFFF99;
	color:#0000FF;
	border:1px #FFCC00 solid;
}
/* +-+-+-+-+-+-+-+ Content +-+-+-+-+-+-+-+ */


/* +-+-+-+-+-+-+-+ General Styling +-+-+-+-+-+-+-+ */
div.top-text{
padding-left: 3px;
font-size:12px;
}

h4 , h5{ 
margin: 0; padding: 0; list-style: none; border: 0; font-weight: normal; font-size: 1em; 
}

.clean { clear: both; }
.hide, hr, #level-1 h1 { display: none; }

/* +-+-+-+-+-+-+-+ Gallery +-+-+-+-+-+-+-+ */
#gallery {
padding: 10px 0 10px 0;
margin: 0 0 0 2px;
}
	
/* +-+-+-+-+-+-+-+ A Site +-+-+-+-+-+-+-+ */
.asite-mid {
position: relative;
display: block;
margin: 0 0 5px 5px;
float: left;
width: 150px;
border: 1px solid #ccc;
/*background: url(images/line_yellow2.gif) top left repeat-x #FCFFD7;*/
background: url(images/line_yellow2.gif) top left repeat-x #FCFFD7;
}

.asite-head {
/*background: url(images/asite-head5.gif) top left no-repeat;*/
background: top left no-repeat;}
	.asite-base {
	/*background: url(images/asite-base5.gif) bottom left no-repeat;*/
	background: bottom left no-repeat;
	padding: 7px 9px 10px 9px; }
	
	.asite-base p, .asite-base img{
	margin: 0; padding: 0; list-style: none; border: 0; font-weight: normal; font-size: 1em;
	}

	.asite-base .sitename-on, .asite-base .leaveacomment-on {
	display: inline; }
	.asite-base .sitename-off, .asite-base .leaveacomment-off {
	display: none; }

		.asite-base p {
		margin: 0 0 0 0; }
		.asite-base p a img {
		position: relative;
		top: 0px;
		left: 0px;
		filter: alpha(opacity=75);
		opacity: .75;
		border: 2px solid #505050; }
		.asite-base p a:hover img,
		.asite-base:hover p img {
	filter: alpha(opacity=100);
	opacity: 1;
	background-color: none; }
		.asite-base h4 {
		float: left;
		position: absolute;
		margin: 0 0 0 0;}
		.asite-base h4 a:hover {
		background: #FCFFD7; }
		
			.asite-base h5{
		height: 1.6em;
			float: right; }	
			.asite-base h5 img { 
			border: 0; }	
	
/* +-+-+-+-+-+-+-+ AJAX Rating +-+-+-+-+-+-+-+ */

.rating ul, .rating li{
margin: 0; padding: 0; list-style: none; border: 0; font-weight: normal; font-size: 1em;
}

#details a:hover {
background: #FCFFD7; }

.asite-base .rating,	#details .rating {
position: relative;
width: 137px;
height: 20px;
padding: 8px 0 0 0; }

.asite-base .rating p,	#details .rating p {
display: block;
margin: -2px 0 0 6px;
float: left;
font-size: 1.4em;
font-weight: bold;
color: #FFBA01;
font-family: Georgia, Arial, Helvetica, sans-serif; }

* html .asite-base .rating p, * html #details .rating p {
margin: -2px 0 0 1px; }

.asite-base .rating .unit-rating,	#details .rating .unit-rating {
margin: 0 0 0 34px;
position: relative;
height: 17px;
width: 95px;
background: url(images/line_rate.gif) left top;	
display: block; }

* html .asite-base .rating .unit-rating, * html #details .rating .unit-rating {
margin: 0 0 0 29px; }
	.asite-base .rating .unit-rating .current-rating,	#details .rating .unit-rating .current-rating {
	background: url(images/line_rate.gif) left bottom;
	height: 17px; }
	.asite-base .rating .unit-rating li,	#details .rating .unit-rating li {
	float: left; }
		.asite-base .rating .unit-rating li a,	#details .rating .unit-rating li a {
		display: block;
		width: 19px;
		height: 17px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px; }
		.asite-base .rating .unit-rating li a:hover,	#details .rating .unit-rating li a:hover {
		background: url(images/line_rate.gif) left center;
		z-index: 2;
		left: 0px; }
		.asite-base .rating .unit-rating a.r1-unit,	#details .rating .unit-rating a.r1-unit { left: 0px; }
		.asite-base .rating .unit-rating a.r1-unit:hover, #details .rating .unit-rating a.r1-unit:hover {	width:19px; }
		.asite-base .rating .unit-rating a.r2-unit,	#details .rating .unit-rating a.r2-unit { left:19px; }
		.asite-base .rating .unit-rating a.r2-unit:hover,	#details .rating .unit-rating a.r2-unit:hover { width: 38px; }
		.asite-base .rating .unit-rating a.r3-unit,	#details .rating .unit-rating a.r3-unit { left: 38px; }
		.asite-base .rating .unit-rating a.r3-unit:hover,	#details .rating .unit-rating a.r3-unit:hover { width: 57px; }
		.asite-base .rating .unit-rating a.r4-unit,	#details .rating .unit-rating a.r4-unit { left: 57px; }	
		.asite-base .rating .unit-rating a.r4-unit:hover,	#details .rating .unit-rating a.r4-unit:hover { width: 76px; }
		.asite-base .rating .unit-rating a.r5-unit,	#details .rating .unit-rating a.r5-unit { left: 76px; }
		.asite-base .rating .unit-rating a.r5-unit:hover,	#details .rating .unit-rating a.r5-unit:hover { width: 95px; }
		.asite-base .rating .loading, #details .rating .loading {
		height: 20px;
		width: 122px;
		margin: 0 0 0 6px;
		background: url(images/loading2.gif) top left no-repeat; }