@charset "UTF-8";
/* CSS Document */

#blogSectionLeft{
  float:left;
  width:210px;
  overflow:hidden;
  background-color:#d1ffb4;
  height:auto!important;
 
}

#blogSectionMid{
  float:left;
  width:530px;
  overflow:hidden;
  
  height:auto!important;
 
}
#blogSectionRight{
  float:left;
  width:210px;
  overflow:hidden;
  background-color:#333333;
  height:auto!important;
 
}

#blog_menu{
  float:left;
  padding: 5px 0 0 5px;
  width:945px;
  height:35px;
  /*background-color:#a8e782;*/
  background-image:url('../images/menu_bg.jpg');
 
}
#blog_menu a{
padding: 0 5px 0 5px;
   font-size:14px;
   text-decoration:none;
}
#blog_menu a:hover{
   color:#990000;
   text-decoration:none;
}

#profileBox{
  float:left;
  width:200px;
  margin: 0 0 10px 5px; 
  padding: 0 0 0 15px;
  /*border-style:solid;
  background-color:#efeaca;*/
}
#profileBox h1{
  padding:0 0 0 0px;
  font-size:18px;
  font-weight:bold;
}
#profileBox #profileImg{
  
  padding:5px 0 10px 0;

}
#profileBox #profileImg img{
  width:80px;
  border-style:solid;
  
}

#nextTripBox{
 float:left;
  width:100%;
 padding-bottom:20px;

}
#nextTripBox h1{
  padding:5px 0 5px 10px;
  font-size:18px;
  font-weight:bold;
  background-color: #444444;
}
#nextTripBox .tool{
  float:right;
  padding:5px;
  background-color: #444444;

}


#hotelItems{
  float:left;
  width:170px;
  height:150px;
  /*border-style:solid;
  border-width:thin;*/
  background-color:#333333; padding:0 0 10px 5px;
  height:auto!important;
}

#hotelItems h1{
  font-size:18px;
}


#friendBox{
  float:left;
  width:200px;
  margin: 0 0 20px 5px; 
  /*border-style:solid;
  border-width:thin;
  background-color:#eaf52e;*/
  /*overflow-x:hidden;
  overflow-y:scroll;*/
}
#friendBox h1{
 color:#45881b;
}


.user_face{
   float:left;
   width:60px;
  margin: 2px;
  color:#ffffff;
  border-style:solid;
  border-color:#444444;
  background-color:#444444;
  overflow:hidden;
}
.user_face img{
width:60px;
}
.user_face:hover{

  border-style:solid;
  border-color:#000000;
  background-color:#000000;
}


.user_face_mini{
   float:left;
   width:50px;
  margin: 2px;
  color:#ffffff;
  border-style:solid;
  border-color:#444444;
  background-color:#444444;
}
.user_face_mini img{
   width:50px;
  
}
.user_face_mini:hover{

  border-style:solid;
  border-color:#000000;
  background-color:#000000;
}



.imageItem{
 float:left;
   width:90px;
  margin: 2px;
  color:#ffffff;
  border-style:solid;
  border-color:#e63609;
  background-color:#e63609;
}
.imageItem:hover{

  border-style:solid;
  border-color:#f83A0A;
  background-color:#f83A0A;
}
.imageItem img{
 width:90px;
}
.imageItem .text{
 font-weight:bold;
 font-size:11px;
 height:35px;
 }

#photoSlideBox{
float:left;
  width:510px;
  height:200px;
  margin: 10px 0 0 10px; 
  padding: 0 0 0 0;
  /*border-style:solid;
  border-width:thin;*/
  background-color:#222222;
  overflow:hidden;
}

#photoSlideBox .text{
position: absolute; top: 200px; left: 210px;  color: #fff;
padding-left:6px;
background-color:black; width:525px; height:50px;opacity: 0.6;   -moz-opacity: 0.65;  filter:alpha(opacity=40);
}
#photoSlideBox .text h1{
font-weight: bold; font-size:17px; color: #fff;

}
#photoSlideBox .text:hover{
position: absolute; top: 200px; left: left: 210px;  color: #fff;
padding-left:6px;
 background-color:black; width:525px; height:50px;opacity: 0.8;   -moz-opacity: 0.65;  filter:alpha(opacity=80);
}

#postcardBox{
  float:left;
  width:540px;
  margin: 5px 0 10px 0px; 
  padding: 0 0 20px 10px;
  /*border-style:solid;
  border-width:thin;*/
  background-color:#bcf399;
}
#postcardBox h1{
  color:#45881b;
}

#guestbookBox{
  float:left;
  width:200px;
  height:200px;
  margin: 0 0 10px 5px; 
  padding: 10px 0 70px 0;
  /*border-style:solid;
  border-width:thin;
  background-color:#f8ea9e;*/

}
#guestbookBox h1{
  padding:0 0 0 5px;
  font-size:12px;
  font-weight:bold;
  color:#45881b;
}
#guestbookBox #form{
  padding:0 0 5px 5px;
}
#commentBox{
   float:left;
   height:150px;
    overflow-x:hidden;
  overflow-y:scroll;
}
#commentBox .comment{
 float:left;
 width:119px;
 font-size:11px;
}
#commentBox .comment_item{
 float:left;
 margin-bottom:2px;
 background-color:#DCDCDC;
}
#commentBox .owner{
 font-weight:bold;
 font-size:11px;
}
#commentBox .footer{
position: absolute; top: 23em; left: 0em;  font-weight: bold; color: #fff;
padding-left:6px;
text-align:right;
 background-color:black; width:200px; height:30px;opacity: 0.8;   -moz-opacity: 0.65;  filter:alpha(opacity=80);
}




#commentBoxFull{
  float:left;
  width:400px;
  height:auto!important;
  height:800px;
  border-style:dotted;
  border-width:thin;
  margin: 10px 0 10px 10px;
 /* background-color:#e86eca;*/
  
}
#commentBoxFull .commentForm{
  float:left;
  width:95%;
  height:auto!important;
  height:800px;
  
  margin-left:5px;
  clear:both;
}

#commentBoxFull .commentText{
  float:left;
  width:95%;

  border-width:thin;
  margin-left:5px;
  clear:both;
  
}
#commentBoxFull .commentText .commentItem{
  float:left;
  margin: 5px;
  width:95%;
  height:80px;
  border-bottom:3px dotted #527978;
  /*border-style:dotted;*/
  border-width:thin;
  clear:both;

}

#photo_thumb_item{
   float:left;
   
}


#upload_content_section{
   float:left;
   margin: 0 0 0 5px;
   padding:0 0 0 10px;
   width:720px;
   border-style:solid;
}
#upload_section{
   float:left;
   width:720px;
   margin: 0 0 0 5px;
   padding: 0 0 0 10px;
   border-style:solid;
}

#search_section{
  float:left;
  padding: 0 0 5px 5px; 
}