/* CSS Document */

body {
  margin: 0px;
  padding: 0px;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  /*font-family: "Teenage angst", "Comic Sans MS", Verdana, Arial;*/
  line-height: 16px;
  color: #000000;
  background: url(../images/bg_paint_new.jpg) fixed;
  background-position: center top; }

a {text-decoration: none; }
	
#layout {
  width: 780px;
  margin: auto;
  margin-top: 20px; }	

#header {}

#rel01 {
  width: 780px;
  height: 55px;
  background: url(../images/bg_rel_page01.gif) no-repeat; }


#navbg {
  height: 40px;
  background: url(../images/nav_bg.gif) no-repeat; }

#nav_spot {
  width: 708px;
  height: 40px;
  margin: auto; }
  
			/* nav */
			.nav01_area {
				width: 708px;
				height: 40px;
				float: left;
				/*margin-left: 22px!important;*/ }

			.nav01_area li {
				display: inline;}

			ul.nav01_main {
				margin: auto;
				width: 708px!important;
				width/**/:/**/711px;
				clear: both;
				height: 40px;
				padding: 0px; }
			
			.nav01_area a { 
				display: block;
				height: 40px;
				font-size: 0px;
				text-indent/**/:/**/-9999px;
				float: left; }

				.nav01_area a:hover, .nav01_area strong a {
					background-position: 0 -40px; }	
				
				.nav01_main01 a {
					background: url(../images/nav_01home.gif) no-repeat;
					width: 106px; }
				
				.nav01_main02 a {
					background: url(../images/nav_02author.gif) no-repeat;
					width: 117px; }
				
				.nav01_main03 a {
					background: url(../images/nav_03photos.gif) no-repeat;
					width: 115px; }
				.nav01_main04 a {
					background: url(../images/nav_04enjoys.gif) no-repeat;
					width: 116px; }
				.nav01_main05 a {
					background: url(../images/nav_05essay.gif) no-repeat;
					width: 111px; }
				.nav01_main06 a {
					background: url(../images/nav_06portfolio.gif) no-repeat;
					width: 143px; }

#bott {
  width: 780px;
  height: 489px;
  background: url(../images/bg_page0222.gif) no-repeat; }

.content {
  width: 780px;
  background: url(../images/bg_page01.gif) repeat-y; }

.page2 {
  width: 780px;
  height: 489px;
  background: url(../images/bg_page0222.gif) no-repeat; }

.mainimg {
  width: 708px;
  height: 395px;
  margin: auto; }

/* --- you can call me --- */
.txt_adeirra_area {
  width: 708px;
  height: 62px;
  margin: auto;
  padding-bottom: 15px!important;
  padding-bottom/**/:/**/0; }
  
  .txt_adeirra {
    width: 602px;
	height: 62px;
	float: right; }

/* --- page 01 --- */
.content_txt {
  width: 710px;
  margin: auto; }

.paging_area {
  font-size: 11px;
  padding-top: 10px;
  padding-bottom: 10px; }
  
  .paging {
    margin-top: 8px;
	line-height: 20px; }
	
	.paging a {
	  color: #CCCCCC;
	  text-decoration: none; }

	.paging a:hover {
	  text-decoration: underline; }


/**/
  
  .pagenumber {
	color: #333333;
	border: 1px solid #666666;
	padding: 3px 8px 4px 8px;
	background-color: #f6f6f6; }

  .pagenumber2 {
	color: #333333;
	border: 1px solid #666666;
	padding: 3px 8px 3px 8px;
	background-color: #ffffff; }
	
	.pagenumber a {
	  color: #999999;
	  border-color: #CCCCCC;
	  text-decoration: none; }
	
	.pagenumber a:hover {
	  color: #FF0000;
	  border-color: #CCCCCC; }

	
/**/

.autho_area {
  width: 522px;
  height: 28px;
  margin: auto; }

.autho_txt {
  width: 522px;
  height: 28px;
  display: block;
  font-size: 0;
  text-indent: -999px;
  background: url(../images/txt_authority.jpg) no-repeat; }
  
/* --- adeirra ---*/

.adeirra {
  margin: 0;
  padding: 0;
  list-style: none; }
 
.ad_doodle {
  width: 550px;
  height: 70px; }

.ad_time {
  width: 300px;
  height: 18px;
  color: #990033;
  font-size: 10px;
  line-height: 18px;
  margin-top: 16px; }

.ad_title {
  margin-top: -1px;
  margin-bottom: -10px;}

  .adh2title {
    padding: 0;
	margin: 0; }

.ad_content {
  font-size: 12px;
  line-height: 16px;
  padding-top: 5px; }

.ad_doo_by {
  width: 225px;
  height: 50px;
  display: block;
  font-size: 0;
  text-indent: -9999px;
  float: right;
  background: url(../images/img_doo_by.jpg) no-repeat; }



/* --- page 02 --- */
.page2_gap {
  width: 720px;
  height: 86px; } 

.content_txt2 {
  width: 720px;
  margin: auto; }

.tool_area {
  height: 46px; }

  .tool_left {
    width: 310px;
	height: 30px;
	float: left; }
  
  .tool_right {
    width: 310px;
	height: 30px;
	float: right; }

  .search, .field, .btn {
    font-size: 11px; }
  
.photo_area, .adv_area {
  height: 134px; }


  .txt_page21, .txt_page22 {
    height: 35px;
	float: right;
	font-size: 0;
	text-indent: -9999px; }
  
  .txt_page21 {
    width: 360px;
    background: url(../images/txt_boygirl_photo.jpg) no-repeat; }
  
  .txt_page22 {
    width: 390px;
	background: url(../images/txt_boygirl_adv.jpg) no-repeat; }

  .thm_page21, .thm_page22 {
    width: 715px;
	height: 90px;
	margin: auto; }

  .thm_img {
    padding: 0 2px 0 2px; }

/*---photos---*/
.photos_wrp {
  width: 696px;
  margin: auto; }

.photos_year {
  margin-bottom: 5px; }

.photos {
  padding: 6px;
  float: left; }

/*---essay---*/
.essay_l {
  width: 350px;
  float: left; }

.essay_r {
  width: 345px;
  float: right; }

/*---bottom---*/
.result {
  margin: 10px;
  padding: 10px;
  font-size: 11px;
  list-style: square;}


/*---bottom---*/
.bott_content {
  width: 720px;
  margin: auto;
  padding-top: 70px; }
  
.bott_area {
  width: 720; }

.clear {
  clear: both; }

hr {
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	text-indent: -9999px; }


/*-- paging --*/
#pagingx {  
padding:5px;  
font-family:Arial, Helvetica, sans-serif;  
font-size:12px;  
color:#000000;  
font-weight:bold;  
}  

#pagingx a{  
padding:4px 7px 4px 7px;  
margin:0px 2px 0px 2px;  
border:1px solid #FF9900;  
background:#FFFFFF;  
color:#FF9900;  
text-decoration:none;  
}  

#pagingx a:hover{  
border:1px solid #FF9900;  
background:#FF9900;  
color:#FFFFFF;  
text-decoration:none;  
}