* { margin: 0; padding: 0; }
a { text-decoration: none; color: #0386E7; }
a:hover { text-decoration: underline; }
ul { list-style: none; }

/* bulleted list with &raquo; */
ul.bullets { list-style-type: square; }
ul.bullets li { margin-left: 1em; }
ul.bullets { padding: 1em; }

a img, form, fieldset { border: 0; }
abbr { text-decoration: none; border-bottom: none; }

/* base */
body {
	margin: 0;
	padding: 0;
	font-family: helvetica,arial,sans-serif;
	color:#666666;
	font-size: 13px;
	background: #333333;
	text-align: center; /* for IE */
}
/*
#logo{
margin-top:35px;
margin-left:15px;
margin-bottom:5px;
}
#header h1 {
	float:left;
}
#header ul{
vertical-align:bottom;
	padding-top:85px;
	font-size:15px;
}
#header li{
	margin-left:10px;
	display:inline;
}
*/

#qr{
position:fixed;
right:0px;
width:110px;
height:130px;
text-align:center;
margin:0px;
}
.clear {clear:both}

h2 {
	font-size:x-large;
	}
h3	{
	font-size:x-large;
	}

#search_shortcut{
  float:right;
  margin:0px 0px 10px 0px; 
  padding:5px 0px 5px 10px;
  border:3px #CCCCCC solid;
  background:#EEEEFF;
  font-size:0.8em;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius:0px;
  width:171px;
}
#search_shortcut .textarea{
  width:100px;
}


tr{
	margin:50px;
	border:100px #333333;
	width:500px;
}
div .entry{
  margin:0px;
	/*padding:15px 30px 15px 10px;*/
	padding:15px 45px 15px 15px;
	clear:both;
}

div .entry.not_friend{
/*  background-color:#D4D4D4; */
}

.entry-content{
	/*margin:auto 50px 4px 75px;*/
	margin:auto 0px 4px 75px;
	padding:10px 10px 10px 10px;
	border: 3px solid #CCCCCC;
	background-color:#EEEEFF;
	min-height:30px;
	vertical-align:middle;
  word-wrap:break-word;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

div .thumb{
margin:0px;
padding:10px 20px 10px 10px;
vertical-align:middle;
float:left;
background:url("img/tip-rounded.gif") no-repeat right center;
width:48px;
}

img.my_icon{
	width: 36px;
	height:36px;
  margin:2px;
  vertical-align:middle;
}

.thumb img.user_icon{
	width: 48px;
	height:48px;
}

.thumb img.user_icon.friend{
/*  border:2px solid blue; */
}
.thumb img.user_icon.not_friend{
  border:4px solid #BBB;
  margin:-4px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  opacity:0.3;
  -webkit-transition: opacity 0.2s linear;
}

.thumb img.user_icon.not_friend:hover{
  opacity:1;
}

img.fav_icon{
	width: 24px;
	height:24px;
}

img.fav_icon.friend{
/*
  border:2px solid blue;
  margin:-2px;
*/
}
img.fav_icon.not_friend{
  border:2px solid #DDD;
  margin:-2px;
  opacity:0.1;
  -webkit-transition: opacity 0.2s linear;
}

img.fav_icon.not_friend:hover{
  opacity:1.0;
}

div .content{
margin-left:80px;
vertical-align:middle;
}
div .info{
clear:left;
text-align:right;
vertical-align:top;
}

div .isOrigin{
  background-color:#DDDDFF;
  width:550px;
  padding:5px 5px 5px 0px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
div .around_nav{
  padding:10px 0px;
  float:right;
  text-align:right;
}

#timeline{
  padding-top:1px;
	line-height:1.5em;
	background:#EEEEEE;
	/*border: 2px solid #CCCCCC;*/
}
#container{
	width:600px;
	/*position:relative;*/
	margin:0pt auto;
	}

#content {
border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
background-color:#FFFFFF;
clear:both
}

.favotters{
  display:block;
}
.status{
	/*background-color:#DDFDFF;*/
}
.status_text{
vertical-align:middle;
}

/*
#content .LV1{
color:#333333;
font-size:14px;
}
#content .LV2{
color:#009900;
font-size:17px;
font-weight:600;
}
#content .LV3{
color:#660099;
font-size:18px;
font-weight:600;
}
#content .LV4{
color:#660099;
font-size:20px;
font-weight:600;
}
#content .LV5{
color:#FF0000;
font-size:21px;
font-weight:600;
line-height:1.1em;
}
#content .LV6{
color:#FF0000;
font-size:23px;
font-weight:600;
line-height:1.1em;
}
*/

#content .LV1{
color:#333333;
font-size:13px;
}
#content .LV2{
color:#009900;
font-size:16px;
font-weight:600;
}
#content .LV3{
color:#660099;
font-size:18px;
font-weight:600;
}
#content .LV4{
color:#660099;
font-size:19px;
font-weight:600;
}
#content .LV5{
color:#FF0000;
font-size:20px;
font-weight:600;
line-height:1.1em;
}
#content .LV6{
color:#FF0000;
font-size:21px;
font-weight:600;
line-height:1.1em;
}

#content .censored{
color:gray;
}
#content .pager {
  -moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.5);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;

  text-align: right;
  clear:right;
  float:right;
  margin: 10px;
  font-size:14px;
}
#content .pager > a {
  color:white;
  font-size:15px;
  padding:3px 10px;
  /* box/text shadow */
  -moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

  background:url(/img/overlay-button-h25px.png) repeat-x scroll 0 0;
  background-color:#505050;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display:inline-block;
}
#content .pager > a:hover {
  text-decoration:underline;
  background-color:#111;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

#content .pager > a:active {
  text-decoration:underline;
  background-color:#888;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.non-fav{
	background-image:url(img/icon_star_empty.png);
	background-repeat:no-repeat;
	padding-left:23px;
	padding-bottom:22px;
	cursor:pointer;
  vertical-align:top;
}

.fav{
	background-image:url(img/icon_star_full.png);
	background-repeat:no-repeat;
	padding-left:23px;
	padding-bottom:22px;
	cursor:pointer;
  vertical-align:top;
}
.fav-throb{
	background-image:url(img/icon_throbber.gif);
	background-repeat:no-repeat;
	padding-left:23px;
	padding-bottom:22px;
	cursor:pointer;
  vertical-align:top;
}


/*#content {  margin-top: 0px; float: left; padding-bottom: 15px; }*/

#content .tabMenu { text-align: right; margin: 0px 5px 3px 5px;padding-top:15px;}
#content .tabMenu>li { display: inline; margin-left: -5px;}
#content .tabMenu>li>a {
font-size:17px;
display: inline;
padding: 9px 30px 3px;
/*background: -webkit-gradient(linear, left top, left bottom, from(#aeff86), to(#8dff54));*/
background: #99FF66 url(img/tab-grad.png) repeat-x;
text-decoration: none;
color: #4c4c4c;
border-top: 1px solid #cecece;
border-right: 1px solid #cecece;
border-left: 1px solid #cecece;
cursor:pointer;
}
#content .tabMenu>li:first-child > a{ border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; }
#content .tabMenu>li:last-child > a{ border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; }
#content .tabMenu>li > a:hover {
color: black;
/*background: -webkit-gradient(linear, left top, left bottom, from(#D0FFD0), to(#F4FFF4));*/
background: #DDFFDD url(img/tab-grad-hover.png) repeat-x;
}

#content .tabMenu > li.active > a {
/*background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));*/
background: #fff url(img/tab-grad-active.png) repeat-x;
color: #000;
border-bottom: 1px solid #fff;
}

#content .tabMenu > li.left-tab { text-align:left;margin-right:160px}
#content .myTabMenu{margin:0px 5px 3px 5px;}
#content .myTabMenu > li > a{padding: 3px 15px 3px; !important}
#content .myTabMenu > li.active > a {
/*background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));*/
background: #fff url(img/tab-grad-active.png) repeat-x;
color: #000;
border-bottom: 1px solid #fff;
}

#content .tab { background: #fff; border-top: 1px solid #cecece;}
#content .tab #ad { text-align: center; }
#content .tab p { text-indent: 1em; }

.thresh-link-div{
  margin:10px 10px 20px 5px;
  padding:0;
  font-size:15px;
  vertical-align:middle;  
  float:left;
}
.thresh-link {
  margin-left:5px;
  -moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.5);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display:inline-block;
}
.thresh-link li {
  display:inline-block;
}
.thresh-link li a{
  padding:3px 10px;
  margin:0px -1px;
  font-size:15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display:inline-block;
  vertical-align:middle;  
  cursor:pointer;
}

.thresh-link li .thresh-button{
  /* box/text shadow */
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

  background:url(/img/overlay-button-h25px.png) repeat-x scroll 0 0;
  background-color:black;
}

.thresh-link > li > a:not(.thresh-button):hover {

  /* box/text shadow */
  -moz-box-shadow: 0 0px 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0px 2px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

  background:url(/img/overlay-button-h25px.png) repeat-x scroll 0 0;
  background-color:#E0E0E0;
}



/*for Google ads*/
iframe{
	margin-left:50px;
}

/*
#content .timeline td {
border-bottom:1px solid #BBBBBB;
vertical-align:middle;
}
}*/


#header, #content, #footer {
	margin: 0 auto;
	padding: 0;
	width: 600px;
	text-align: left; /* for IE */
	position: relative;
}
#header, #content, #footer {
  width:600px;
}
/* header */
#header {
	text-align: right;
}
#header h1 {
	float: left;
}
#logo {
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
}

#lang {
  margin-top:25px;
  padding:2px; 
}
#lang ul{
  text-align:right;
}
#lang li{
	margin-left: 5px;
	display: inline;
}

.userform-text{
  color:#666666;
}
.focused-userform-text, .changed-userform-text{
  color:#000000;
}

#search {
	float: right;
	padding: 6px;
	background-color: #DDD;
	vertical-align: middle;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-right-radius:4px;
  -webkit-border-top-left-radius:4px;
}

#search .text {
  background:url(/img/userform.png) no-repeat 0 0px;
  padding-top:5px;
  padding-left:10px;
	width: 145px;
  height:21px;
  font-size:14px;
	border: none;
}
#search .text:focus {
  background:url(/img/userform.png) no-repeat 0 -26px;
}

#userform input[type="submit"]{
  background:url(/img/userform.png) no-repeat -161px 0px;
  height:26px;
  width:40px;
  font-size:16px;
  border:none;
  vertical-align:top;
}
#userform input[type="submit"]:hover {
  background:url(/img/userform.png) no-repeat -161px -26px;
}
.message{
  padding-top:5px;
}

.message .description {
	font-size: 13px;
	font-weight: bold;
	text-align: left;
  padding-left:10px;
}
.message .description .profile{
	font-size: 12px;
	font-weight: normal;
  padding:10px 10px 0px 0px;
}
.message .information {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-align: left;
  padding-left:10px;
}
.message .information span {
	display: list-item;
	margin: 1px;
}
.message .information .fav_count var {
	color: orange;
	font-style: normal;
}

.message-left {
  width:500px;
}

.message-right {
  float:right;
  margin:5px 10px; 
}



.grad-button{
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  display:inline-block;
  cursor:pointer;

  border:3px none gray;
  padding:5px 10px;
  margin:5px;
  text-decoration:none;
  color:white;
  font-size:large;
  font-weight:bold;
  font-style:normal;
  vertical-align:middle;  
  text-align:center; 

  /* box/text shadow */
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

  background:url(/img/overlay-button.png) repeat-x scroll 0 0;
  background-color:black;
}


#login-link{
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  display:inline-block;
  cursor:pointer;

  border:3px none gray;
  text-decoration:none;
  color:white;
  font-size:large;
  font-weight:bold;
  font-style:normal;
  vertical-align:middle;  
  text-align:center; 

  /* box/text shadow */
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

  background:#FF5C00 url(/img/overlay-button.png) repeat-x scroll 0 0;
  margin-top:50px;
  margin-bottom:50px;
  padding:10px;
  padding-top:-2px;

  -webkit-animation-name: orangePulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}

#login-link:hover{
  background:#e15100 url(/img/overlay-button.png) repeat-x scroll 0 0;
}

@-webkit-keyframes orangePulse {
  from { background-color: #d45500; -webkit-box-shadow: 0 0 9px #333; }
  50% { background-color: #ff9000; -webkit-box-shadow: 0 0 18px #ff9000; }
  to { background-color: #d45500; -webkit-box-shadow: 0 0 9px #333; }
}

p.error{
  color:#F97C00;
}

.owa{
  float:left;
  font:12px bold;
  text-align:left;
}
.user-owa{
  float:right;
  font:11.1px normal;
  margin-right:10px;
}

.paypal{
 /* float:right;*/
}
.user-paypal{
  text-align:right;
}

#headline {
  font-size:14px;
  height:25px;
  margin-bottom:10px;
}

#login-status{
  float:right;
  padding:5px 15px 2px; 
  height:100%;
  background:#DDD;
  color:#333;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
}
#login-status a{
  color:#333;
  text-decoration:underline;
}

#login-status img{
  height:20px;
  width:20px;
  margin:0;
  vertical-align:middle;
}

.list-tab{
  position:relative;
}

.list-menu{
  display:none;
  position:absolute;
  background:white;
  border:1px solid #666;
  left:-8px;
  top:18px;
  width:200px;
  z-index:9999;

  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius:8px;

  -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.5);
}

.list-item{
  text-align:left;
}

.list-item > a {
  display:list-item;
  padding:10px 0px;
  width:100%;
}

.list-item > a:hover {
  background:#ddd;
}

.list-menu > .list-item:first-child ,.list-menu > .list-item:first-child > a {
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
}
.list-menu > .list-item:last-child, .list-menu > .list-item:last-child > a {
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  -moz-border-radius-bottomleft:8px;
  -moz-border-radius-bottomright:8px;
  -webkit-border-bottom-left-radius:8px;
  -webkit-border-bottom-right-radius:8px;
}

