*{
  margin:0;
  padding:0;
}
body{
  color:#554540;
  line-height:1.5;
  font-size:14px;
  background-image:url('/img/common/bg.jpg');
  background-repeat:repeat-x;
  background-position:top;
}
ul,ol{
  list-style:none;
}

h1{
  font-size:1.3em;
  line-height:1;
}
h2{
  font-size:1.1em;
  line-height:1;
}
h3{
  font-size:1.1em;
  line-height:1;
}
h4{
  font-size:1em;
  line-height:1;
}

th{
  text-align:left;
  font-weight:normal;
}

a img{
  border:0;
}
hr{
  margin-bottom:20px;
}

/* ---------------------------------
   Base functional class
   --------------------------------- */
.zero{
  width:0px;
  height:0px;
  margin-left:-9999px;
}
.clear{
  clear:both;
}

/* ---------------------------------
   Base settings 
   --------------------------------- */
#header,
#navigation,
#contents,
#footer,
#copy-right{
  margin:0 auto;
  width:920px;
  padding:0px 15px;
  background-color:white;
  border-left:1px solid #d8d4c7;
  border-right:1px solid #d8d4c7;
  clear:both;
}
#header{
  width:935px;
  padding:0 0 0 15px;
}
#main{
  float:left;
  width:665px;
}
#sub{
  float:right;
  width:234px;
}
.title{
  clear:left;
  font-size:20px;
  line-height:20px;  
  color:#e76f34;
  height:20px;
  margin-bottom:10px;
}
.title a{
  color:#e76f34;
  text-decoration:none;
}
.title2{
  color:#e76f34;
  font-size:16px;
  line-height:20px;
}

/* ---------------------------------
   header settings 
   --------------------------------- */
#header{
  height:73px;
  background-color:transparent;
  border:none;
}
#header #logo{
  margin-top:10px;
  float:left;
}

#header .user{
  margin-top:20px;
  float:right;
}
#header .user p{
  padding:0 10px;
  float:left;
}

#header .menu{
}
#header .menu ul{
  float:left;
  list-style:none;
}
#header .menu ul li{
  float:left;
}
#header .menu ul li a,
#header .menu p a{
  display:block;
  padding:0 10px;
  /*color:white;*/
}

#header .menu p{
  float:left;
  padding:0 10px;
}
#header .menu form{
  display:inline;
  padding-left:200px;
}

#header .menu #upload{
  float:right;
}

/* ---------------------------------
   account_menu
   --------------------------------- */
#account_menu{
  width:100%;
  height:25px;
  line-height:23px;
  text-align:justify;
}
#account_menu div{
  text-align:left;
  width:950px;
  padding:0px;
  margin:0 auto;
}
*:first-child+html #account_menu div{
  padding-top:2px;
}
#account_menu div a{
  color:white;
}
#account_menu div p,
#account_menu div li{
  float:left;
  padding:0px 20px;
  color:white;
}
#account_menu div ul{
  float:right;
}
#account_menu a{
}

/* ---------------------------------
  navigation
   --------------------------------- */
#navigation{
  height:38px;
}
#navigation ul{
  float:left;
}
#navigation li{
  float:left;
  width:123px;
  height:27px;
  background-image:url('/img/common/gnavi_border.jpg');
  background-position:right;
  background-repeat:no-repeat;
  padding-top:3px;
}

#navigation li a{
  color:white;
}

#navigation form{
  float:left;
  padding-left:30px;
  margin-top:5px;
}
#navigation #query{
  float:left;
  margin-top:5px;
  width:200px;
}

#navigation #upload{
  margin-top:5px;
  float:right;
}

/* ---------------------------------
   before_main
   --------------------------------- */
#before_main{
  padding-top:32px;
  height:40px;
}


/* ---------------------------------
   sub area
   --------------------------------- */
#banner_make_account,
#banner_what_this{ 
  margin-bottom:9px;
}
#ad{
  border:1px #d8d4c7 solid;
  background-color:gray;
  height:200px;  
}
#side_ad{
  margin-top:30px;
}

/* ---------------------------------
   topics
   --------------------------------- */
#topics h3{
  color:#e76f34;
}
#topics ul{
  margin-top:10px;
}
#topics li span{
  display:block;
  width:50px;
  float:left;
}

/* ---------------------------------
   List style
   --------------------------------- */
#near_logs,
#logs_of_member{
  width:100%;
  height:240px;
}

.list{
}
.list li{
  width:215px;
  height:187px;
  float:left;
  overflow:hidden;
  margin-bottom:10px;
  margin-right:10px;
}
.list li.right_column{
  margin-right:0px;
}


.list li ul{
  position:relative;
}
.list li li{
  float:none;
}
.list .thumb{
  width:215px;
  height:152px;
  overflow:hidden;
  border:2px solid #d8d4c7;
}
.list .thumb img{
  border:none;
}
.list .base_info{
  font-size:11px;
  margin:0;
  padding:3px;
  width:140px;
  height:50px;
  position:absolute;
  bottom:2px;
  left:2px;
  overflow:hidden;
  background-color:black;
  filter: alpha(opacity=74);
  -moz-opacity:0.74;
  opacity:0.74;
  color:white;
  line-height:1.5;
}
*:first-child+html .list .base_info{
  bottom:12px;
}

.list .base_info a{
  color:white;
  font-weight:bold;
}
.list .location_info{
  display:none;
}

.list .name{
  width:215px;
  position:absolute;
  top:157px;
  line-height:1;
}

/*
.list .additionalinfo{
  margin:0;
  width:132px;
  height:84px;
  overflow:hidden;
}

.list .tags{
  margin-top:0;
  height:14px;
  overflow:hidden;  
}
.list .tags li{
  line-height:1;
  margin:0 5px;
  height:14px;
  overflow:hidden;  
}
*/

/* ---------------------------------
   small list style
   --------------------------------- */
.list.small li{
  height:168px;
  margin-bottom:0px;
}
.list.small .thumb{
  height:132px;
}
.list.small .base_info{
  height:50px;
}
*:first-child+html .list.small .base_info{
  bottom:2px;
}

.list.small .name{
  width:215px;
  position:absolute;
  top:137px;
  line-height:1;
}


/* ---------------------------------
   info style
   --------------------------------- */
.name{
  margin-bottom:3px;
}
.description{
  line-height:1.2;
  text-align : justify ; text-justify : auto ;
}
.additionalinfo_table{
  border-collapse:collapse;
  line-height:1;
}
.additionalinfo_table th{
  width:20px;
  vertical-align:bottom;
}
.additionalinfo_table td{
}
.additionalinfo_table td,
.additionalinfo_table th{
  margin:0;
  padding:0;
}

/* ---------------------------------
   user photo
   --------------------------------- */
.photo-small{
  width:100px;
  text-align:center;
}
.photo-small img{
  width:96px;
  padding:2px;
}
/* ---------------------------------
   Loginfo
   --------------------------------- */
#loginfo_detail{ 
  font-size:11px;
}
#loginfo_detail{
/*  height:393px;*/
  min-height:426px;
  height: auto !important;
  height: 426px;
  background-color:#eee;
  padding:10px;
  margin-bottom:40px;
}
#loginfo_detail .photo-small{
  float:left;
}
#loginfo_detail .username{
  margin-left:105px;
  width:105px;
}
#loginfo_detail .logger_days{
  margin-left:105px;
  width:105px;
}
#loginfo_detail .loginfo{
  clear:left;
  padding-top:10px;
}
#loginfo_detail .loginfo table th{
  width:90px;
  border-bottom:1px dashed #d8d4c7;
}
#loginfo_detail .loginfo table td{
  border-bottom:1px dashed #d8d4c7;
}
#loginfo_detail .description{
  margin-top:10px;
  line-height:1.5;
}




/* ---------------------------------
   Log style
   --------------------------------- */
#now_loading2{
  width:100%;
  padding-top:200px;
  text-align:center;
}

.log{
  margin-bottom:5px;
}
.log-small .gmap{
  float:left;
  width:470px; /* content-width / (1.618 + 0.618) */
  height:290px; /* content-width / (1.618 + 0.618) / 1.618 */
  border:2px solid #d8d4c7;  
}
.log-large .gmap{
  width:661px; /* content-width - border 4px */
  height:409px; /* content-width / (1.618 + 0.618) / 1.618 */  
  border:2px solid #d8d4c7;
  margin-bottom:10px;
}

.log-small .info{
  margin-left:479px;
}

.log-large .info{
  padding:5px;
  background-color:#eea;
  margin-top:1.1em;
  height:284px; /* content-width / (1.618 + 0.618) / 1.618  - padding + border */ 
}
.log-large .info .photo{
  margin-right:5px;
  margin-bottom:5px;
  height:80px;
  overflow:hidden;
  float:left;
}
.log-large .info .photo img{
  width:80px;
}
.log-large .info .loginfo{
  clear:left;
}
.log-large .info .description{
  margin-top:5px;
  line-height:1.4;
}
.log-large .info .additionalinfo_table{
  margin-top:5px;
}


.log_management{
  width:105%;
}
#add_comment{
  height:50px;
  width:110px;
  margin-right:28px;
  float:left;
  margin-top:-15px;
}
#embed_tag{
  margin-top:5px;
  width:300px;
  float:left;
}
#embed_tag  input{
}
#edit_log{
  margin-top:10px;
}

#delete_log{
  margin-top:10px;
}

.after_log{
  margin-top:15px;
}

/* ---------------------------------
   User info
   --------------------------------- */
#user_data{
  padding-top:10px;
  margin-bottom:20px;
}
#user_data .photo {
  text-align:center;
  width:250px;
  float:left;
}
#user_data .photo img{
  border:2px solid #d8d4c7;
}
#user_data ul{
  margin-left:260px;
  margin-right:10px;
}
#user_data li{
  border-bottom:1px dashed #d8d4c7;
}
#user_data dl dt{
  width:7em;
  float:left;
}
#user_data dl dd{
  margin-left:8em;
}

#user_data .edit_btn{
  margin-top:20px;
  clear:both;
  text-align:right;
}


/* ---------------------------------
   User edit
   --------------------------------- */
#user_edit td{
  border-top:1px dashed #d8d4c7;
  padding-top:5px;
  padding-bottom:5px;
}
#user_edit .label{
  width:230px;
  padding-left:25px;
}
#user_edit .label_desc,
#user_edit .field_desc{
  padding-top:0px;
  border-top:0px;
}
#user_edit #username,
#user_edit #email,
#user_edit #file{ 
  width:300px;
}
#user_edit #comment{
  width:380px;
  height:200px;
}

#user_edit #zip0,
#user_edit #zip1{
  width:5em;
}




/* ---------------------------------
   upload
  --------------------------------- */
#edit_fields,
#upload_fields{
  width:665px;
}
#edit_fields td.label,
#upload_fields td.label{
  width:180px;
}
#edit_fields td,
#upload_fields td{
  border-top:1px dashed #d8d4c7;
  padding-top:5px;
  padding-bottom:5px;  
}

#edit_fields #name,
#edit_fields #description,
#upload_fields #name,
#upload_fields #description{
  width:400px;
}
#edit_fields .tag,
#upload_fields .tag{
  width:150px;
  display:block;
  float:left;
}



/* ---------------------------------
   contents
   --------------------------------- */


/* ---------------------------------
   Top page
   --------------------------------- */
#popular,
#recent{

}
#footer{
  height:22px;
  padding-top:10px;
  padding-bottom:15px;
  background-image:url('/img/common/footer_border.jpg');
  background-repeat:repeat-x;
  background-position:top;  
}

#footer ul{
  text-align:center;
}
#footer li{
  display:inline;
}
#footer .about_us{
  margin-left:0px;
}
#footer .eula{
  margin-left:0px;
}
#footer .privacy{
  margin-left:0px;
}
#footer .faq{
  margin-left:0px;
}
#footer .contact{
  margin-left:0px;
}
#copy-right{
  padding-bottom:15px;
  text-align:center;
  padding-top:15px;
  border-top:1px solid #d8d4c7;
  border-left:none;
  border-right:none;
}

.pages .pager_link,
.pages .pager_curpage{
  display:block;
  float:left;
  border:2px solid #d8d4c7;
  width:18px;
  height:18px;
  text-align:center;
  line-height:18px;
  margin-right:10px;
  font-size:14px;
  text-decoration:none;
}
.pages .pager_dotdot{
  float:left;
  width:100px;
  text-align:center;
}


/* ---------------------------------
   static page
   --------------------------------- */
#privacy span,
#tos span{
  display:block;
  margin-top:20px;
  font-weight:bold;
}
#privacy p,
#tos p{
  margin-left:80px;
  margin-top:10px;
  text-align:justify;
  text-justify:auto;
}

#privacy ol,
#tos ol{
  margin-left:100px;
  margin-top:10px;
  list-style:decimal;
}

#what_is_this ol,
#help ul{ 
  margin-top:10px;
  margin-left:25px;
  margin-right:20px;
  margin-bottom:40px;
}
#what_is_this ol{ 
  list-style:decimal;
}
#what_is_this li{ 
  margin-left:15px;
}

#what_is_this p,
#help p{
  margin-top:10px;
  margin-left:25px;
  margin-right:20px;
  margin-bottom:40px;
}

#help .title2{
  font-size:16px;
  line-height:20px;
  margin-left:25px;
}


#about_us{
  width:100%;
}
#about_us th,
#about_us td{
  border-bottom:1px dashed #d8d4c7;
  padding-top:5px;
  padding-bottom:5px;  
}
#about_us th{
  width:100px;
}


/* ---------------------------------
   ad
   --------------------------------- */
#header .ad{
  float:right;
  margin-top:5px;
}

/* ---------------------------------
   toppage log info
   --------------------------------- */
.top_log_info .name{
  font-size:16px;
}
.top_log_info li{
  float:left;
  padding-right:50px;
}

/* ---------------------------------
   blog-arts_info
   --------------------------------- */
#blogparts_sample div{
  float:left;
  text-align:center;
}
#blogparts_sample div p{
  font-weight:bold;
}

#blogparts_sample div.w120{
  width:160px;
}
#blogparts_sample div.w160{
  width:200px;
}
#blogparts_sample div.w200{
  width:240px;
}
#blogparts_sample iframe{
  border:1px gray solid;
}

/* ---------------------------------
   comment form
   --------------------------------- */
.comments iframe{
  width:100%;
}
#new_comment textarea{
  margin-top:10px;
  width:300px;
  height:3em;
}