body {
  font-family: Verdana, Arial, sans-serif;
  margin: 0px;
  background: #A7A172 url('../big_bg.jpg') no-repeat top center;  
}

a {
  font-family: Verdana, Arial, sans-serif;
  color: #767249;
  line-height: 155%;
  word-spacing: 0.05ex;
  letter-spacing: 0px;
  padding:0px;   
}

a:link {  color: #767249; border:none;}
a:active {  color: #767249;  border:none;}
a:hover {  color: #505050; border:none;}

img { border:none;}

form {  
  padding:0px;
  margin: 0px;  
}

p {
  font-family: Verdana, Arial, sans-serif;
  margin-top: 2px;
  color: #606060;
  font-size: 0.85em;
  line-height: 155%;
  word-spacing: 0.05ex;
  letter-spacing: 0px;
  padding:0px;
  margin-bottom: 2px;
}

h1 {
  word-spacing: 0.0ex;
  font-family: Arial, sans-serif;
  color: #908B59;
  font-weight: bold;
  font-size: 1.2em;
  letter-spacing: 0px;
}

h2 {
  word-spacing: 0.0ex;
  font-family: Arial, sans-serif;
  color: #908B59;
  font-weight: bold;
  font-size: 1.0em;
  letter-spacing: 0px;
  margin-bottom:10px;
}

h3 {
  word-spacing: 0.0ex;
  font-family: Arial, sans-serif;
  color: #908B59;
  font-weight: bold;
  font-size: 1.0em;
  letter-spacing: 0px;
  margin-top:5px;
  margin-bottom:5px;
}

#side h3 a{
  word-spacing: 0.0ex;
  font-family: Arial, sans-serif;
  color: #908B59;
  font-weight: bold;
  font-size: 1.0em;
  letter-spacing: 0px; 
  line-height: normal;  
}

#side h3 a:hover{ 
  color:#505050;
}

h4 {
  font-family: Verdana, Arial, sans-serif;
  margin-top: 2px;
  word-spacing: 0.05ex;
  letter-spacing: 0px;
  font-size: 0.85em;
  font-weight: bold;
  font-style: italic; 
  color: #908B59;
}

#topcontainer {
  text-align: center;
  display:block;
  margin:0;
  padding:0;
  width: 100%;
  height: 104px;
  background: url('../background.png') repeat-x;
  }

#top {
  display:block;
  position:relative;
  margin:0 auto;
  padding:0;
  width: 1000px;
  height: 104px;
}

#loggo {
  position:absolute;
  top:0px;
  left:10px;
  margin:0;
  padding:0;
}

a.star_sw {
  position:absolute;
  top:10px;
  left:450px;
  width:102px;
  height: 104px;
  background: url('../star_sw.png') no-repeat;
}
a.star_sw:hover {
 background-position: 0px -104px;
}

.login_false {
  position:absolute;
  text-align: left;
  top:14px;
  right:110px;     
}

.login_true {
  position:absolute;
  text-align: left;
  top:37px;
  right:110px; 
  font-size: 11px;
}

.login p {
  color: #FFFFFF;
  font-size: 11px;
  line-height: normal;
}

.login a {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: normal;
  line-height: normal;
  word-spacing: normal;
}

.login a:hover {
  color: #505050;
  word-spacing: normal;
}



#top_menu_container {
  display:block;
  margin:0;
  padding:0;
  width: 100%;
  background-color: #767249;
}

#top_menu {
  display:block;
  position:relative;
  left:0px;
  padding:0px;
  margin:0 auto;
  width: 980px;
  }

#top_menu a {
  font-family: Verdana, Arial, sans-serif;
  line-height: 38px;
  color: #FFFFFF;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 13px;
  word-spacing: normal;
  }

#top_menu a:link {
  color: #FFFFFF;
  word-spacing: normal;
  }

#top_menu a:visited {
  color: #FFFFFF;
  }

#top_menu a:active {
  color: #FFFFFF;
  }

#top_menu a:hover {
  color: #A0A0A0;
  }

#wrapper_in {
  margin:0 auto;
  padding:0px;
  background-color: #FFFFFF;  
}

#wrapper {
  background-image: url('../black_op_bg.png');
  width: 1000px;
  margin:0 auto;
  padding:0px 10px 10px 10px;  
}

#main {
  float:left;
  width:660px;
  margin:0px;
  padding:20px;
  background-color: #FFFFFF; 
}

#side {
  float:right;
  width:260px;
  margin:0px;
  padding:20px 20px 20px 20px;
  background-color: #FFFFFF;
}

#bottom {
  margin:10px;
  clear:both;
  text-align:center;
  padding:10px;
  background-color: #FFFFFF;
  width: 980px;
  margin:0 auto; 
}

#footer {
  clear:both;
  text-align:center;
  padding:5px 10px 5px 10px;
  width: 980px;
  margin:0 auto; 
}
#footer p{
  color: #FFFFFF;
}

div.hidden { 
  height:0px; 
  font-size:0px; 
  line-height:0px; 
  margin:0px; 
  padding:0px; 
  display:none;
} 

/*DL, DT, DD TAGS LIST DATA*/
dl {
  font-size: 13px;
  line-height: normal;
  word-spacing: normal;
  width:400px;
}

dl dt {
	background:#E4E4E4;
	float:left;	
	width:300px;
	padding:3px;
}

dl dd {
    background:#E4E4E4;
    font-weight:bold;
	margin:0 0 4px 309px;
	padding:3px;	
}

/*----------styles for top navbar -----------------*/

#navbar {
  position:absolute;
  top:0px;
  left:570px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-bottomleft:5px;
  -webkit-border-bottom-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -opera-border-radius:5px;
  -khtml-border-radius:5px;
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  background: #A7A172; 
  margin: 0px 1px 0px 1px; 
}
#navbar a:link, #navbar a:visited {
  height: 21px;
  float: left;
  padding: 4px 10px 0px 10px;
  display: block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
#navbar a:hover {
  color: #505050;
  cursor: pointer; /* Remind IE which cursor to use! */
}
	
/*----------styles for side fractals -----------------*/

.side_box {
  display:block;
  border: #D4D4D4 solid 1px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  background: #FAFAFA;
  padding: 4px 8px;
  margin-bottom: 6px; 
}
.side_img{
  display:block;
  float:left;
  margin: 3px 7px 3px 0px;
  border: #D4D4D4 solid 1px;
}

.side_icon{
  vertical-align:middle;
}

div.clearboth { 
  clear:both; 
  height:0px; 
  font-size:0px; 
  line-height:0px; 
  margin:0px; 
  padding:0px; 
} 

.side_box p, .side_box p a, .side_box a.icon{
  font-size: 13px;
  text-align: left;
  font-weight: normal;
  line-height: normal;
  word-spacing: normal;
}

.side_box a.icon {
  background:url('../8-em-right_green.gif') no-repeat left center;
  padding-left:12px; 
}

.side_box a.icon:hover {
  background:url('../8-em-right_brown.gif') no-repeat left center;
}

/*----------styles for fractal gallery -----------------*/	

.pagination { 
  display:block;
  margin: 0px 0px 4px 0px;
  padding:0px 0px 0px 0px;
}

.pagination p{ 
  font-size:12px;
  font-weight: normal;
  line-height: normal;
  word-spacing: normal; 
}

.pagination p.left {
 float:left; 
}
.pagination p.right {
  float:right;
  margin-right:3px;
}

.gallery_box p {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  text-align: left;
  word-spacing: normal;
}

.gallery_box p a{
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  text-align: left;
  word-spacing: normal;
}

.gallery_box_fimg{ 
  float:left;
  margin: 3px 7px 0px 0px;
  border: #D4D4D4 solid 1px;
}

.gallery_box p a.icon {
  background:url('../8-em-right_green.gif') no-repeat left center;
  padding-left:12px;
}

.gallery_box p a.icon:hover {
  background:url('../8-em-right_brown.gif') no-repeat left center;
}

.gallery_box .no_buy_poster_small {
  padding-left:12px;
  background:url('../8-em-cross.png') no-repeat left center;
}


.gallery_box .img_span a{
  text-decoration: none;
  background:none;
  padding:0px;
  margin:0px 0px 3px;
}

.gallery_box .img_span a:hover{
  text-decoration: none; 
}

.gallery_box {
  float:left;
  width:306px;
  border: #D4D4D4 solid 1px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  background: #FAFAFA;
  padding: 8px;
  margin:0px 3px 6px 3px;
}

/*----------styles for reset explorer          -----------------*/
.reset_generator {
  float:right;
}
.reset_generator a{
  margin:0px 2px 2px 0px;   
  padding:0px;
  padding-left:14px;
  background:url('../12-message-warn.gif') no-repeat left center;
}

/*----------styles for save fractal below applet -----------------*/	

.save_form_box {
  text-align:center;
  background: #FAFAFA;
  border: #D4D4D4 solid 1px;
  margin-top: 3px;
  padding:8px;
}

/*----------styles for show_more show_less -----------------*/
.show_class {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  margin:-5px 0px 0px 0px;
  padding:0px;
  word-spacing: normal;
}


/*----------styles for index.php applet boxes -----------------*/	

.index_box {
  font-weight: normal;
  line-height: normal;
  margin:0px;
  padding:0px;
  word-spacing: normal;
}

.index_box p {
  font-size: 12px;
}

.index_box a {
  font-size: 12px; 
}

.index_subbox {
  text-align: center;
  border: #D4D4D4 solid 1px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  float: left;
  background: #FAFAFA;
  padding: 5px 10px;
  margin:4px 8px 4px 0px;
}

/*----------styles for user info -----------------*/	
.user_info {
  border: #D4D4D4 solid 1px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  margin:2px 0px;
  padding:10px;
  background-color: #FAFAFA;	
}

.user_info img{
  margin:18px 15px 6px 6px;
  float:left;
}
/*----------styles for fractal info -----------------*/	
.fractal_info {
  border: #D4D4D4 solid 1px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  margin:2px 0px;
  padding:10px;
  background-color: #FAFAFA;	
}

.fractal_info_applet {
  margin-right:10px;
  float:left;
}

.fractal_info_applet a{
  margin:0px;
  padding:0px;
}
.fractal_info_applet a img{
  margin:0px;
  padding:0px;
  border: #D4D4D4 solid 1px;
}

.fractal_info p a {
  padding-left:16px;
  background:url('../12-em-right_green.gif') no-repeat left center;
  text-decoration: underline;
}
.fractal_info p a:hover{
  background:url('../12-em-right_brown.gif') no-repeat left center;
  text-decoration: underline;
}

.fractal_info .no_buy_poster{
  padding-left:16px;
  background:url('../12-em-cross.png') no-repeat left center;
}

.fractal_info .no_buy_poster a, .fractal_info .no_buy_poster a:hover{
  padding:0;
  background:none;
}

/*----------styles for saved fractals below explorer -----------------*/	
.saved_del {
  margin:0px 0px 4px 0px;
  padding:0px;
  float:right;
}
.saved_del a{
  margin:0px 2px 0px 0px;  
  padding:0px 0px 0px 14px;
  background:url('../12-message-warn.gif') no-repeat left center;
}

.saved_h4{
  float:left;
  margin:4px 0px 0px 0px;
  padding:0px 0px 0px 18px;
  background:url('../16-square-diskette-brown.gif') no-repeat left center;
  line-height:normal;
}

.saved_box {
  background: #FAFAFA;
  border: #D4D4D4 solid 1px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  margin:0px 0px 6px 0px;
  padding:8px;
  clear:both;
}

.saved_applet {
  float:left;
  margin-right:7px;
}

.saved_box p{
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  text-align: left;
  word-spacing: normal;
}

.saved_box p a{
  line-height: normal;
  padding-left:12px;
  background:url('../8-em-right_green.gif') no-repeat left center;
}
.saved_box p a:hover{
  background:url('../8-em-right_brown.gif') no-repeat left center;
}

/*----------styles store menu -----------------*/	
.store_menu {
  background: #FAFAFA;
  border: #D4D4D4 solid 1px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  padding:8px 8px 8px 20px;
}
#side .store_menu p a {
  text-decoration: underline;
  background:url('../8-em-right_green.gif') no-repeat left center;
  padding-left:12px;
  line-height:180%;
}
#side .store_menu p a:hover {
  background:url('../8-em-right_brown.gif') no-repeat left center;
}

/*----------styles for fractal rating -----------------*/	
.rate_heading {
  margin:20px 0px 5px 0px;
  padding:0px 0px 0px 18px;
  background:url('../16-star-hot.gif') no-repeat left center;
}

.rate_box {
  background-color: #FFFFFF;
  border: #D4D4D4 solid 1px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  margin:0px;
  padding:10px;
  text-align:center;
  font-size:0.9em;
}

.my_box { 
  border: #D4D4D4 solid 1px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  margin:0px;
  padding:10px;
  font-size:14px;
  font-family: Verdana, Arial, sans-serif;
  color: #606060;
}

/*----------styles for wallpaper -----------------*/

.wp_box { 
  border: #D4D4D4 solid 1px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  margin:0px;
  padding:10px;
  background: #FAFAFA;
  font-size:12px;
  font-family: Verdana, Arial, sans-serif;
  color: #606060;
}

.wp_box tr.tb{ 
 background: #FFFFFF;
}
.wp_box tr.tb:hover{ 
 background: #FAFAFA;
}

.wallpaper_form li, .wallpaper_form ul{ 
 clear:both;
 list-style:none;
 margin:0; padding:0;
 font-size:12px;
 font-family: Verdana, Arial, sans-serif;
 color: #606060;
}
.wallpaper_form label{ 
 display:block;
 font-weight:bold;
 text-align:right;
 width:230px;
 float:left;
}
.wallpaper_form .small{ 
 color:#666666;
 display:block;
 font-size:11px;
 font-weight:normal;
 text-align:right;
 width:230px;
}

.wallpaper_form input{ 
 float:left;
 font-size:12px;
 padding:4px 2px;
 border:solid 1px #aacfe4;
 width:125px;
 margin:0px 0 10px 10px;
align: left;
}
.wallpaper_form button{ 
 clear:both;
 margin-left:240px;
 width:129px;
 height:31px;
 text-align:center;
 line-height:25px;
 color: #606060;
 font-size:12px;
 font-weight:bold;
}

.wallpaper_heading {
  margin:20px 0px 5px 0px;
  padding:0px 0px 0px 18px;
  background:url('../16-fractal-wallpaper.png') no-repeat left center;
}
.add_wallpaper_heading {
  margin:20px 0px 5px 0px;
  padding:0px 0px 0px 18px;
  background:url('../16-fractal-wallpaper-add.png') no-repeat left center;
}

.float_right {
 float:left;
 margin:5px 10px 0px 0px;
}

/*----------styles for add comment -----------------*/	
.add_comment_heading {
  margin:20px 0px 5px 0px;
  padding:0px 0px 0px 18px;
  background:url('../16-tag-add.gif') no-repeat left center;
}
.add_comment_box {
  background-color: #FFFFFF;
  border: #D4D4D4 solid 1px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  margin:0px;
  padding:10px;
  font-size:14px;
}

/*----------styles for comments -----------------*/	
.comment_heading {
  margin:20px 0px 5px 0px;
  padding:0px 0px 0px 18px;
  background:url('../16-tag-hot.gif') no-repeat left center;
}

.comment_list{
  list-style:none;
  margin:0px;
  padding:0px;	
}

.comment_list li{	
  position:relative;
  border: #D4D4D4 solid 1px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  margin-bottom:10px;
  background: #FAFAFA;	
}
	
.blog-comment-meta{
  margin:0px;
  padding:7px;
  padding-bottom:0px;
  background: url('../comment.gif') no-repeat right top;
  }

.blog-comment-meta p{
  line-height: normal;
  margin:0px 0px 0px 0px;
  padding:0px;
  font-size:11px;
  color: #858585;
}

.blog-comment-meta p b.writer{
   line-height: normal;
   padding-left:13px;
   background:url('../pen.gif') no-repeat left center;
}

.blog-comment p.admin{
  float: right;
  position:relative;
}
	
.blog-comment p{
  padding:6px 10px 10px 10px;
  font-size:12px;
}

.avatar {
  float: left; 
  margin:1px 5px 0px 1px;	
  position:relative;
}

/*----------styles for the mini star rating display---------------*/
  .star-rating_mini1 {
		margin: 3px 0px 0px 0px;                
		padding:0px;
		width: 90px;
		height: 16px;
	    float:left;
		background: url(../star_rating_mini3.gif) top left repeat-x;		
		z-index: 2;
		font-size: 1px;
	}
  .star-rating_mini2 {
                
		background: url(../star_rating_mini3.gif) bottom left  repeat-x;	
		height: 16px;
	    float:left;
		z-index: 1;	
		font-size: 1px;
	}	
	
/*----------------styles for the big star rating display------------*/	

	.star-rating-current-rating-empty{
		list-style:none;
		margin:0 auto;
		padding:0px;
		width: 150px;
		height: 30px;
		position: relative;
		background: url(../star_rating.gif) top left repeat-x;	
		text-align: left;	
	}

		.star-rating-current-rating-full{
		margin:0 auto;
		background: url(../star_rating.gif) left bottom repeat-x;
		position: absolute;
		height: 30px;
		display: block;
		z-index: 1;
	}	


/*----------styles for the star rater-----------------*/	
	.star-rating{
		list-style:none;
		margin: 0 auto;
		padding:0px;
		width: 150px;
		height: 30px;
		position: relative;
		background: url(../star_rating.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:30px;
		height: 30px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		border: #D4D4D4 solid 0px;
	}
	.star-rating li a:hover{
		background: url(../star_rating.gif) left center;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:30px;
	}
	.star-rating a.two-stars{
		left:30px;
	}
	.star-rating a.two-stars:hover{
		width: 60px;
	}
	.star-rating a.three-stars{
		left: 60px;
	}
	.star-rating a.three-stars:hover{
		width: 90px;
	}
	.star-rating a.four-stars{
		left: 90px;
	}	
	.star-rating a.four-stars:hover{
		width: 120px;
	}
	.star-rating a.five-stars{
		left: 120px;
	}
	.star-rating a.five-stars:hover{
		width: 150px;
	}
	.star-rating li.current-rating{
		background: url(../star_rating.gif) left bottom;
		position: relative;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}