城市生活信息

/* Copyright Opera Software. Design by Fred. */
/* :: MAIN LAYOUT :: */


body {
background:#cdcdcd url(/community/graphics/users/1/body.gif);
margin:0;
padding:0;
font-family:arial,'trebuchet ms',helvetica,sans-serif;
font-size:12px;
line-height:145%;
text-align:center;
color:#111;
}

#wrap1 {
margin:0 auto;
max-width:902px;
background:#d5d5d5 url(/community/graphics/users/1/wrap1.gif) top left repeat-y;
}

#wrap2 {
background:transparent url(/community/graphics/users/1/wrap2.gif) top right repeat-y;
}

#wrap3 {
background:#fff;
margin:0 auto;
max-width:832px;
min-width:739px;
padding:0 10px;
}

#top {
clear:both;
font-size:11px;
max-width:872px;
min-width:739px;
margin:0 -10px;
text-align:left;
border-top:1px solid #4987c7;
color:#fff;
}

#top2 {
height:116px;
padding-left:15px;
background:#2f569b url(/community/graphics/users/1/top.gif) top left repeat-x;
border-bottom:1px solid #fff;
}

#top h1 {
margin:0;
width:100%;
overflow:hidden;
font-size:30px;
font-family:'trebuchet ms',arial,helvetica,sans-serif;
line-height:normal;
padding-top:22px;
}

#subtitle {
margin:0;
font-size:12px;
width:100%;
overflow:hidden;
}

#menu {
clear:both;
background:#e9e9e9 url(/community/graphics/users/1/menu.gif);
}

#menu ul {
padding:0;
margin:0;
height:38px;
}

#menu li {
float:left;
line-height:26px;
height:27px;
overflow:hidden;
font-size:11px;
list-style:none;
width:12%;
margin:2px 0 0 0;
padding:0;
}

#menu a {
display:block;
height:27px;
color:#000;
text-decoration:none;
text-align:center;
background:#fafafa url(/community/graphics/users/1/menulink.gif);
border-left:1px solid #fff;
border-right:1px solid #bbb;
}

#menu a:hover, #menu a#selected {
background-color:#ccc;
background-position:100% -27px;
}

#content, #footer {
clear:both;
position:relative;
background:#fff;
min-width:739px;
max-width:812px;
text-align:left;
margin:0 auto;
}

#content {
padding:10px 0;
}

#content li {
margin:0;
list-style-position:inside;
}

#mainwrap {
width:100%;
margin-right:-210px;
float:left;
padding-bottom:12px;
}

#main {
min-height:400px;
margin-right:210px;
padding-bottom:15px;
}

#footer {
clear:both;
width:100%;
margin-top:10px;
border:1px solid #e0e0de;
border-width:1px 0;
background:#f6f6f4;
padding:3px 0;
font-size:10px;
color:#333;
}

#footer p {
margin:0 5px;
}

#footer a:link, #footer a:visited, #footer a:active {
color:#111;
text-decoration:none;
}

#footer #get {
text-decoration:underline;
}

#footer #get:hover {
text-decoration:none;
}

/* :: SIDEBAR :: */


#sidewrap {
width:190px;
float:right;
font-size:11px;
overflow:hidden;
}

#side a:link, #side a:visited, #side a:active {
color:#000;
}


#side li {
font-size:11px;
list-style-type:square;
}

#side h2, #side caption {
color:#fff;
background:#3b649c;
font-size:10px;
font-weight:normal;
text-transform:uppercase;
text-align:left;
margin:0 0 1px 0;
padding:2px 0 2px 5px;
}


#side h2 a:link, #side h2 a:visited, #side h2 a:active {
color:#fff;
text-decoration:none;
}

#side h2.feedheader {
background:#386fb4;
}

.sidebox {
background:#f5f5f5;
border-bottom:1px solid #dbdbd5;
margin-bottom:15px;
}

.sidebox .pad {
background:#f5f5f5 url(/community/graphics/users/1/sidebox.gif) top left repeat-x;
padding:5px;
}

.sidebox p {
margin:0;
color:#444;
}

#side h3 {
font-size:11px;
margin-bottom:0;
}




/* :: GENERAL RULES :: */


.mobile {
display:none;
}

.rtl {
display:block;
text-align:right !important;
}

a:link, a:active {
color:#1757b1;
text-decoration:underline;
}

a:visited {
color:#0049aa;
text-decoration:underline;
}

a:hover {
text-decoration:none;
color:#1488fd;
}

a.username:link, a.username:visited, a.username:active {
color:#000;
}

.center {
display:block;
text-align:center;
}

.smilie {
margin:0 3px;
}

img, embed {
max-width:100%;
}

.hide, .handheld {
display:none;
}

table {
width:100%;
}

p {
margin:10px 0;
}

td, th {
text-align:left;
vertical-align:top;
}

pre, td, th, input, select {
font-size:11px;
}

code,pre {
display: block;
padding:10px 6px;
margin:0 0 10px 0;
border: 1px dashed #aaa;
background:#f9f9f9;
overflow: auto;
}

strong, b, em {
font-weight:bold;
}

blockquote {
margin:10px 0 0 0;
padding:0;
}

em {
font-style:normal;
}

form, blockquote p {
margin:0;
padding:0;
}

textarea {
width:100%;
height:150px;
margin:0;
}

h1 {
font-size:20px;
margin:0 0 8px 0;
}

h2 {
font-size:20px;
margin:0 0 12px 0;
}

h3 {
font-size:13px;
margin:12px 0 7px 0;
}

h4, h5, h6 {
font-size:12px;
margin:10px 0 5px 0;
}

img, abbr, acronym {
border:none;
}


ol, ul, li {
font-size:12px;
margin:0 0 10px 0;
padding:0;
}

#content li ul, #content li ol {
margin:10px 0 10px 20px;
}

ul.nobullets li {
list-style-position:outside;
list-style:none;
}

.alpha li {
list-style-type:lower-alpha;
}

.nomarg {
margin:0 !important;
}

.clear {
clear:both;
}

div.clear {
height:1px;
line-height:1px;
overflow:hidden;
}

.left {
float:left;
}

.right {
float:right;
}

img.left {
margin-right:10px;
}

img.right {
margin-left:15px;
}

.small {
font-size:11px;
}

.block {
display:block;
}

div.avatar {
width:52px;
height:52px;
border:1px solid #000;
float:left;
margin:0 8px 6px 0;
background:#fff;
}

.avatar img {
display:block;
margin:1px;
max-width:50px;
max-height:50px;
}

.pagenav {
clear:both;
}

.pagenav a {
color:#090;
}

.arrow-prev {
margin:0 4px -1px 0;
}

.arrow-next {
margin:0 0 -1px 4px;
}

.col1, .col2 {
margin-top:10px;
width:49%;
overflow:hidden;
}

.col1 {
float:left;
}

.col2 {
float:right;
}

.icon {
margin:0 5px -3px 1px;
}

.submit {
font-size:11px;
font-weight:bold;
padding:3px 15px;
}

.w100 {
width:100%;
}

.subheader {
margin-top:-6px;
}

.watchthis {
padding-right:6px;
}

.watch {
margin:0 2px -1px 2px;
}

/* :: COMMENTS :: */


.feedicon {
margin-bottom:-3px;
}

.comments h2 {
font-size:13px;
}

.comments {
clear:both;
}

.comment1 {
clear:both;
background:#f6f6f6;
border:1px solid #ddd;
margin:15px 0;
overflow:auto;
}

.comments .bot {
padding:10px;
}

.comment2 {
clear:both;
margin:15px 0;
width:100%;
border:1px solid #ddd;
overflow:auto;
}

.comments .c-avatar {
float:left;
width:58px;
height:58px;
border:1px solid #ccc;
background:#fff;
}

.c-avatar img {
margin:4px;
}

.comments .text {
margin:0 0 0 69px;
}

.comment-by {
clear:both;
color:#777;
font-size:11px;
margin:0;
padding-top:6px;
}

.editcomment {
font-size:10px;
margin:0;
}

.editcomment a:link, .editcomment a:visited {
color:#000;
}

.permalink a:link, .permalink a:visited {
color:#555;
}

.del {
color:#c00 !important;
}

#addcomment {
height:175px;
}

#description, #writecomment {
height:200px;
}

#message {
height:300px;
}

#msubject {
width:100%;
}




/* :: ALBUM SLIDESHOW :: */

#albumslides, #albumslides a, #albumslides img {
width:190px;
height:143px;
}

#albumslides {
position:relative;
background:#000;
}

#albumslides a {
position:absolute;
display:block;
top:0;
left:0;
}


/* :: BLOG :: */

#blogtools {
background:#f3f3f3;
}

.whisper {
color:#555;
background:#fbfbfb url(/community/graphics/users/whisp.gif) 5px 7px no-repeat;
padding:7px 21px;
border:1px dotted #aaa;
margin:10px 5px;
}

.whisper i {
font-size:11px;
color:#aaa;
}

blockquote.bbquote, .post blockquote {
background:#fff url(/community/graphics/q2.gif) 5px 5px no-repeat;
padding:5px 5px 5px 33px;
margin:10px 5px;
color:#555;
/*font-style:italic;*/
}

.comment2 blockquote.bbquote, .comment2 .post blockquote {
background-color:#f6f6f6;
}

.post {
padding:16px 0 10px 0;
margin-bottom:10px;
width:100%;
overflow:hidden;
border-top:1px solid #ddd;
}

#firstpost {
padding-top:0;
border:none;
}

#lastpost {
border-bottom:1px solid #ddd;
}

.post .title {
margin:0 0 10px 0;
font-size:20px;
line-height:normal;
}

.title a:link, .title a:visited, .title a:active {
color:#000;
text-decoration:none;
}

.post .title a:hover {
color:#0053a6;
}

.postdate, .post .tags {
margin:0 0 2px 0;
font-size:10px;
line-height:normal;
text-transform:uppercase;
}

.content {
margin-top:14px;
}

.poster {
margin-top:-10px;
font-size:10px;
text-transform:uppercase;
}

.postinfo {
clear:both;
color:#666;
margin-top:16px;
font-size:10px;
text-transform:uppercase;
}

.postinfo img {
margin:0 5px -1px 0;
}

.postnav {
clear:both;
font-size:11px;
height:23px;
line-height:22px;
border:1px solid #eee;
border-width:1px 0;
}

.postnav span.prv {
float:left;
}

.postnav span.nxt {
float:right;
}

.blognav {
clear:both;
margin-top:18px;
text-align:right;
font-size:11px;
color:#888;
}

.blognav p {
margin:0;
line-height:normal;
}


.trackbacks {
clear:both;
margin:30px 0 10px 0;
padding:5px 0;
}

.trackbacks h2 {
font-size:10px;
font-weight:normal;
color:#666;
border:1px solid #eee;
border-width:1px 0;
text-transform:uppercase;
}

.trackbacks ul {
margin:10px 0 0 2px;
}

.trackbacks li {
color:#999;
list-style-type:none;
list-style-image:url(/community/graphics/users/1/doc.gif);
padding-bottom:8px;
line-height:10px;
font-size:10px;
}

.caption {
display:block;
text-align:center;
}

.imgleft img {
clear:left;
float:left;
margin:4px 10px 4px 0;
max-width:48%;
}

.imgright img {
clear:right;
float:right;
max-width:48%;
margin:4px 0 4px 10px;
}

.img {
display:block;
margin:10px 0;
}

.attach {
margin:8px 0;
display:block;
padding-left:12px;
background:#fff url(/community/graphics/icons/attach.gif) center left no-repeat;
}

span.imgcenter {
clear:both;
display:block;
text-align:center;
margin:10px 0;
}

.arclist {
width:100%;
overflow:hidden;
margin-top:10px;
}

.arclist th {
background:#000;
color:#fff;
}

.arctitle {
width:270px;
}

.arctitle span {
display:block;
width:270px;
overflow:hidden;
}

.arclist tr.p2 {
background:#f2f2f2;
}

#side .cdwn {
background:transparent url(/community/graphics/users/1/clock.gif) top left no-repeat;
padding:2px 0 5px 20px;
border-bottom:1px solid #fff;
margin-bottom:4px;
}

.groupblog .postdate {
margin:-2px 0 0 0;
}

.groupblog .content {
margin:2px 0 0 0;
clear:left;
}

.tagicon {
float:right;
margin-left:10px;
}

.post .sticky {
float:right;
margin:0;
font-size:10px;
color:#999;
background:#fff url(/community/graphics/users/1/sticky.gif) top right no-repeat;
padding:0 25px 0 4px;
height:26px;
line-height:20px;
}

.alignright {
text-align:right;
display:block;
}

.alignleft {
text-align:left;
display:block;
}

.aligncenter {
text-align:center;
display:block;
}

.alignjustify {
text-align:justify;
display:block;
}


/* :: LATEST COMMENTS + RECENT VISITORS :: */

#side .userlist li {
list-style-position:outside;
list-style:none;
}

#newcomments .userpic {
margin:0 1px 0 5px;
float:right;
}

.userpic {
border:1px solid #fff;
}

#newcomments li {
border-bottom:1px dotted #aaa;
}

#newcomments li, #visitors li {
clear:both;
padding:6px 0;
}

#visitors li {
height:32px;
}

#newcomments a.usertext:link, #newcomments a.usertext:visited {
color:#333;
}

#side .userlist a {
text-decoration:none;
}

#side .userlist a:hover {
text-decoration:underline;
}

/* :: FRIENDS IN SIDEBAR :: */

#friendz img {
display:block;
width:88px;
height:66px;
}

#friendz li {
float:right;
width:88px;
overflow:hidden;
margin:0;
}

#friendz li.first {
clear:both;
float:left;
}


/* :: TAG CLOUD :: */

#tagcloud ul {
margin:0;
padding:0;
width:100%;
overflow:hidden;
}

#tagcloud li {
list-style-position:outside;
list-style:none;
float:left;
line-height:20px;
height:20px;
margin:0;
padding-right:12px;
white-space:nowrap;
}

#tagcloud a:link, #tagcloud a:visited, #tagcloud a:active {
color:#268;
}

#tagcloud .size1 {
font-size:10px;
font-weight:normal;
}

#tagcloud .size2 {
font-size:11px;
}

#tagcloud .size3 {
font-size:13px;
font-weight:bold;
}

#tagcloud .size4 {
font-size:14px;
font-weight:bold;
}

#tagcloud .size5 {
font-size:15px;
font-weight:bold;
}

/* :: CALENDAR :: */


#calendar {
border-spacing:1px;
clear:both;
margin-bottom:15px;
width:190px;
font-size:10px;
background:#efefed url(/community/graphics/users/1/calendar.gif);
border-bottom:1px solid #dbdbd5;
}

#calendar tr:first-child {
empty-cells:show;
}

#calendar th {
font-size:10px;
line-height:18px;
height:18px;
text-align:center;
}

#calendar td {
line-height:16px;
border-top:1px solid #e7e7df;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #e7e7df;
padding:1px 3px;
text-align:center;
font-size:10px;
}

#calendar tfoot td {
text-align:left;
border:none;
height:16px;
padding:2px 3px;
}

#calendar td a {
color:#0049aa !important;
}

#calendar td#today {
background:#fff;
}

#calendar caption {
padding:0;
}

#side a#calendarmonth {
display:block;
padding:2px 0 2px 5px;
text-decoration:none;
color:#fff;
}

#side a#calendarmonth:hover {
background:#348ade;
}

#nextmonth, #prevmonth {
width:49%;
}

#nextmonth {
text-align:right;
}


/* :: PROFILE :: */

#profile {
width:100%;
}

#profile h2 {
font-size:12px;
background:#6680b0;
padding:2px 5px;
margin:0 0 2px 0;
color:#fff;
}

#profile-top {
background:#f5f6f8;
margin-bottom:15px;
border:1px solid #aaa;
}

#profile p {
margin:0 0 7px 0;
}

#userinfo {
float:left;
width:372px;
padding:2px 6px;
}

#userinfo dl {
margin:4px 0;
}

#userinfo dt {
clear:both;
float:left;
width:96px;
margin:0;
padding-top:4px;
}

#userinfo dd {
margin:0 0 0 96px;
padding:4px 0 2px 0;
}

#userpic {
float:right;
width:332px;
height:252px;
border:1px solid #aaa;
background:#fff;
margin:10px;
}

#userpic img {
display:block;
margin:6px;
}

#profile .col1, #profile .col2 {
margin-top:0;
}

#profile-col1 {
float:left;
width:56%;
overflow:hidden;
}

#profile-col2 {
float:right;
width:42%;
overflow:hidden;
}

#profile .box, #profile table {
padding:6px;
background:#f5f6f8;
border:1px solid #aaa;
margin-bottom:15px;
}

#profile th, #profile td {
padding:2px 0;
}

#profile-col2 li {
list-style:none;
list-style-position:outside;
line-height:20px;
clear:both;
}

a.overflow {
display:block;
width:100%;
overflow:hidden;
}

#grouplist .cstatus {
width:30%;
}

#grouplist a {
display:block;
width:100%;
overflow:hidden;
}

.userlist img {
float:left;
margin:1px 4px 0 0;
}

#ff {
padding-bottom:10px;
}

#ff .h {
margin:8px 0 0 0;
font-weight:bold;
}

#ff .t {
margin:2px 0 5px 0;
padding-bottom:8px;
}

#ff .rule {
padding-bottom:5px;
}

#myspots li {
padding:0 0 4px 20px;
background:transparent url(/community/graphics/users/1/myspot.gif) 2px 3px no-repeat;
}

#myspots h3 {
clear:both;
margin-top:0;
border-bottom:1px dotted #999;
}

.spotimg div {
background:#fff;
border:1px solid #aaa;
margin:0 6px 6px 0;
float:left;
overflow:hidden;
width:103px;
}

.spotimg div.spot3rd {
margin:0 0 6px 0;
}

.spotimg img {
display:block;
margin:2px;
}

#spotusers p {
margin:0;
text-align:center;
font-size:10px;
}

#friendlist li {
padding:0 0 4px 20px;
list-style:none;
background:transparent url(/community/graphics/users/1/friendlist.gif) 0px 3px no-repeat;
}

#aboutgroup {
clear:left;
max-width:450px;
}

#groupinfo dl {
margin:0;
}

#groupinfo dt {
clear:left;
float:left;
margin:0 4px 0 0;
font-weight:bold;
}

#groupinfo dd {
margin:0;
font-weight:normal;
}

#groupprofile #userpic {
margin:0 0 20px 20px;
}

#apply {
clear:left;
}


/* :: QUICK PROFILE :: */

#qp dl {
margin:0;
width:100%;
}

#qp dt {
clear:both;
float:left;
width:38%;
overflow:hidden;
}

#qp dd {
float:right;
width:60%;
overflow:hidden;
margin:0;
padding:0;
}

#myphoto {
width:190px;
overflow:hidden;
background:#f5f5f5 url(/community/graphics/users/1/picbg.gif) bottom left repeat-x;
}

#myphoto img {
max-width:190px;
display:block;
}


/* :: FRIENDS :: */

.myfriend {
clear:both;
border-top:1px solid #aaa;
padding-top:12px;
}

.myfriend .txt {
margin-left:206px;
}

.myfriend h3 {
font-size:16px;
margin-top:2px;
}

.mypic {
float:left;
width:190px;
height:140px;
margin-bottom:12px;
padding:2px;
border:1px solid #000;
}

.mypic img {
display:block;
}

.myfriend p, .myfriend h2 {
margin-top:0;
}

.myloc, .friendof {
font-size:11px;
margin:0 0 4px 0;
color:#444;
}

.friendof {
font-size:10px;
}

.myfriend blockquote {
background:#fff url(/community/graphics/users/1/q1.gif) top left no-repeat;
color:#333;
padding:0 0 10px 27px;
font-size:11px;
}

#fnet h3 {
background:#5da15b;
color:#fff;
font-size:15px;
padding:3px 5px;
border-bottom:5px solid #cde6cc;
margin-bottom:0;
}

#fnet2 h3 {
background:#447c64;
border-bottom:5px solid #bbd6c3;
}

#fnet3 h3 {
background:#3f6e85;
border-bottom:5px solid #bed1d4;
}

.fpic {
float:left;
width:84px;
height:64px;
border:1px solid #000;
margin-right:10px;
}

.fpic img {
display:block;
margin:2px;
}

.fname {
margin:0;
}



/* :: LINKS :: */

#applinks {
clear:both;
margin-top:15px;
}

#mylinks {
width:100%;
}

#mylinks h2 {
margin:30px 0 15px 0;
font-size:19px;
}

#mylinks h2.firstheader {
margin-top:0;
}

#mylinks .newsfeed {
margin:-8px 0 8px 0;
}

#mylinks p {
margin:0;
font-size:12px;
}

#mylinks .grey {
color:#aaa;
}

#mylinks .col1, #mylinks .col2 {
overflow:hidden;
}

#mylinks .linkinfo {
margin-bottom:15px;
}

.newsfeed span, .newsfeed a {
color:#900;
text-decoration:none;
}

.url {
color:#192;
}

.linkdesc {
color:#333;
font-style:italic;
}

.feedurl {
display:none;
}


/* :: EVENTS :: */

.cdwn {
padding:2px 0;
}

.cdwn p {
margin:0;
}



/* :: TAGS :: */

#content .tags a:link, #content .tags a:visited, #content .tags a:active, .tag {
color:#080;
}

#content .tags a:hover {
color:#0c0;
}

.tagged {
font-weight:bold;
}


/* :: QUICK SIGN UP :: */

#return {
border:1px solid #333;
padding:10px;
background:#ff6;
}


/* :: CARDS :: */

#ecard {
position:absolute;
width:126px;
height:19px;
bottom:2px;
left:2px;
}


/* :: POLL :: */

#poll ul {
margin:0;
}

#pollresults li {
border-bottom:1px dotted #999;
}

#poll li {
list-style-position:outside;
list-style:none;
padding:3px 0;
}

#poll li input {
vertical-align:middle;
}

#pollsubmit {
font-weight:bold;
}

#poll p {
padding:3px 0 0 0;
margin:0;
}

#poll li img {
border-left:1px solid #9b5203;
border-right:1px solid #b84d00;
}

/* :: SEARCH :: */

#searchbox {
width:141px;
}

#submitsearch {
margin-bottom:-1px;
}

#blogsearch input {
margin-top:1px;
vertical-align:middle;
}

.s-result {
margin-top:11px;
border-top:1px dotted #999;
padding-top:1px;
}

.s-result a:link, .s-result a:visited {
color:#15c;
}

.s-desc {
color:#555;
}