@charset "utf-8";

/* Browser Default Style Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
fieldset, img, iframe { border:0; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; } 
abbr,acronym { border:0; }
hr { display:none; }
a { text-decoration:none;}
a:hover { text-decoration:underline;}

/* Background & Color */
body { height:100%; background:#8bdbdf url(bg_body.gif) no-repeat 0 bottom; color:#333; }
a { color:#0065cf; }

/* Font */
body { font-size:0.75em; font-family:sans-serif; line-height:1.5; }
input, select, textarea, button { font-size:1em; font-family:sans-serif; }

/* Layout */
#wrap { position:relative; width:800px; margin:0 auto; }
#header { position:relative; height:120px; margin:0 10px; background:#8bdbdf url(bg_header.gif) no-repeat right bottom; }
#content { margin-bottom:20px; }

/* Logo */
h1 { position:absolute; bottom:0; right:120px; text-align:right; font-size:2em; background:url(logo.gif) no-repeat; }
h1 img { vertical-align:top; }

/* About */
#about { position:relative; padding:20px; margin:0 10px; background:#eeeeee url(bg_content.gif) no-repeat right 0; }
#about h2 { line-height:3; text-indent:-999em; }
#about p { text-align:center; }
#about p em { color:#993333; font-weight:bold; font-style:normal; }
#about p.total { position:absolute; top:10px; right:20px; font-size:1.1em; font-weight:bold; }
#about p.total em { color:#FF9601; font-size:2em; font-style:italic; font-weight:700; font-family:Georgia,serif; }
#about .query { position:absolute; top:25px; left:20px; font-size:1.1em; font-weight:bold; }

/* User List */
#list { position:relative; margin:10px 0; }
#list h2 { overflow:hidden; position:absolute; height:0; }
#list ul { margin:0 auto; overflow:hidden; position:relative; width:100%; }
#list li { display:inline; float:left; position:relative; width:350px; margin:10px; padding:11px 13px 13px; border:2px solid #eee; background:#fff; }
#list li:hover { border-color:#65b6e5; background:#eef; }
#list .img { float:left; width:48px; height:48px; margin:2px 1em 0.7em 0; }
#list .img img { vertical-align:top; }
#list .name { font-weight:bold; }
#list .location {overflow:hidden;white-space: nowrap }
#list .web img { position:relative; margin-top:-0.3em; top:4px; }
#list .profile { overflow:auto; position:relative; clear:both; height:7.5em; }
#list .follow { position:absolute; top:10px; right:12px; }
#list .follow input { width:74px; height:1.5em; padding-left:10px; border:1px solid #e6e6e6; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#e6e6e6 url(ico_follow.gif) no-repeat 5px center; text-align:center; font-size:0.9em; cursor:pointer; }
#list .follow input:hover { border:1px solid #999; }

/* paging */
.paging { position:relative;width:90%; text-align:center; line-height:2;overflow:hidden;margin-top:5px;text-align:center;margin-left:auto;margin-right:auto }
.paging a {float:left; top:4px; padding:5px 7px 3px; margin:0px; color:#333; text-decoration:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-width:20px}
.paging a:hover,
.paging a:active,
.paging a:focus, 
.paging .selected { padding:3px 5px 1px; border:2px solid #65b6e5; background:#eef; text-decoration:none; }
.paging .selected { font-weight:bold; }

.round {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}