*{margin:0;padding:0}
body{background:url(/pics/bg/site/2.png) no-repeat center top #242424;padding:40px 0 40px 0;font:normal 12px Helvetica,Arial,sans-serif}
img{border:0}
.clear{clear:both}
p,ul,li,ol,td,th,dt,dd{color:#ddd;font:normal 12px Helvetica,Arial,sans-serif}
p{margin-bottom:10px}
input,textarea,select{font:normal 12px Helvetica,Arial,sans-serif}
.date{font-size:11px;color:#797979}
.submit{cursor:pointer}

/* Links */
a{text-decoration:none}
a:link{color:#ffe400}
a:visited{color:#ffe400}
a:hover{color:#fff}
a:active{color:#fff}

.comments{background:url(/pics/icons.png) no-repeat 0 2px;padding-left:15px;font-size:11px;color:#ffe900 !important}
.comments:hover{background-position:0 -19px;color:#fff !important}
.participants{background:url(/pics/icons.png) no-repeat 0 -44px;padding-left:11px;font-size:11px}
.participants:hover{background-position:0 -65px}
.reply{background:url(/pics/icons.png) no-repeat 0 -323px;padding-left:17px;font-size:11px}
.reply:hover{background-position:0 -344px}

a{outline:none}
a.user:link{color:#fff}
a.user:visited{color:#fff}
a.user:hover{color:#fff}
a.user:active{color:#fff}

/* Wrapper */
.wrapper{width:900px;margin:0 auto}

/* Header */
#header{height:60px;position:relative;width:900px}
#header h1 a{display:block;width:326px;height:53px;background:url(/pics/logo.png) no-repeat;text-indent:-9999px;float:left;margin-left:-7px}

/* Navigation */
#nav{height:37px;width:900px;margin:0 auto 8px auto;-webkit-border-radius:5px;-moz-border-radius:5px}
#nav,#nav a{background:url(/pics/bg.png) repeat-x 0px 0px #0d0d0d}
#nav ul{list-style:none;height:37px;width:900px;margin:0 auto}
#nav li{float:left;}
#nav a{display:block;line-height:37px;height:37px;float:left;padding:0 20px;color:#fff}
#nav ul li:first-child a{-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px}
#nav a:hover{background-position:0px -41px;}
#nav a:active{background-position:0px -41px;}
#nav .current a{background-position:0px -41px;}

/* Login */
#header form{position:absolute;right:0;bottom:15px;color:#fff}
#header form label{float:left;border:1px solid #666;border-right:0 !important;font-weight:normal !important;background:#1f1f1f;color:#aaa;padding:3px 5px 3px 5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;padding-left:5px;font-size:11px}
#header form input{background:#1f1f1f;color:#fff;padding:3px 3px 2px 3px;float:left}
#header form .login-username,#header form .login-password{width:100px}
#header form .login-username{border:1px solid #666;border-left:0 !important;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px; -moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;margin-right:6px}
#header form .login-password{border-top:1px solid #666;border-bottom:1px solid #666;border-right:1px solid #666;border-left:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px; -moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;margin-right:6px}
#header form .submit{padding:3px 7px;border:1px solid #666;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:11px;color:#aaa}
#header form .submit:hover{color:#fff;border-color:#ccc;background:#222}

/* User navi */
#user{width:280px;margin-top:0;top:0;right:0px;position:absolute;padding:10px;z-index:10;-moz-border-radius:7px;-webkit-border-radius:7px}
#user:hover{background:url(/pics/bg_user.png) no-repeat 3px 3px #111;-webkit-box-shadow:0px 0px 10px #000;-moz-box-shadow:0px 0px 10px #111;z-index:12}
#user .img{float:left;margin-right:10px;border:1px solid #4f4f4f;width:32px;height:32px}
#user .img:hover{border-color:#999}
#user h3{margin:2px 0 3px 0;text-transform:none}
#user h3 a{font-size:15px;color:#fff;background:url(/pics/user_arrow.png) no-repeat right center;padding-right:15px}
#user h3 a:hover{color:#ddd}
#user .messages{background:url(/pics/icons.png) no-repeat 0 -275px;padding-left:16px;margin-right:10px;font-size:11px}
#user .messages:hover{background-position:0 -299px}
#user .friends{background:url(/pics/icons.png) no-repeat 0 -44px;padding-left:12px;font-size:11px}
#user .friends:hover{background-position:0 -65px}
#user ul{display:none;clear:both;list-style:none;padding:10px 0 0 0;z-index:13}
#user ul li{position:relative}
#user ul li a{display:block;padding:7px 8px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#fff}
#user ul li:hover a{background:url(/pics/bg.png) left -43px repeat-x}
#user ul li:last-child a{border-bottom:0}
#user ul li a.action{display:none;position:absolute;right:5px;top:4px;padding:2px 5px 2px 4px;font-size:11px;color:#666}
#user ul li:hover a.action{border:1px solid #862e2e;background:#a80f0f;color:#fff;display:block}
#user ul a.action:hover{background:#be0f0f !important}

#user .logout{position:absolute;right:12px;top:12px;background:url(/pics/icons.png) no-repeat 0 -182px;display:block;width:9px;height:9px;}
#user .logout:hover{background-position:0 -205px}
#user .logout span{display:none}

/* Columns */
#content{z-index:1}
#main{width:591px;float:left;margin-right:8px}
#sidebar{width:301px;float:right;margin:0;z-index:2}

.container{background:url(/pics/bg.png) repeat-x left -83px #111;margin-bottom:8px;padding:12px 15px;position:relative;border:3px solid #111;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px}

/* More */
.more{clear:both}
.more a{display:block;background:url(/pics/icons.png) no-repeat 14px -218px #1a1a1a;padding:10px 10px 10px 31px;border:1px solid #292929}
.more a:hover{background-position:14px -239px}
.more a.loading{background:url(/pics/loading-more.gif) no-repeat 10px 8px #1a1a1a;padding-left:31px}

/* Actions */
.actions{position:absolute;right:15px;top:12px;font-size:11px;list-style:none}
.actions li{float:left;margin-left:10px}
.actions a{font-size:11px}
.actions a:link{color:#ffe400}
.actions a:visited{color:#ffe400}
.actions a:hover{color:#fff}
.actions a:active{color:#fff}

a.message{background:url(/pics/icons.png) no-repeat 0 -275px;padding-left:15px}
a.message:hover{background-position:0 -299px;}
.actions .friend{background:url(/pics/icons.png) no-repeat left -44px;padding-left:12px}
.actions .friend:hover{background-position:0 -65px;}
.actions .search{background:url(/pics/icons.png) no-repeat 0 -369px;padding-left:15px}
.actions .search:hover{background-position:0 -396px;}
.actions .add{background:url(/pics/icons.png) no-repeat 0 -430px;padding-left:12px}
.actions .add:hover{background-position:0 -463px;}

.offline{background:url(/pics/icons.png) no-repeat 0 -494px;padding-left:13px;color:#fb0016;font-weight:normal}
.online{background:url(/pics/icons.png) no-repeat 0 -526px;padding-left:13px;color:#50d632;font-weight:normal}
.useronline{background:url(/pics/icons.png) no-repeat 0 -526px;padding-left:13px;}
.useraway{background:url(/pics/icons.png) no-repeat 0 -546px;padding-left:13px;}
.useroffline{background:url(/pics/icons.png) no-repeat 0 -494px;padding-left:13px;}
.delete{background:url(/pics/icons.png) no-repeat 0 -181px;padding-left:13px}
.delete:hover{background-position:0 -204px}

/* Titles */
h2,h3{font-size:14px;font-weight:bold;color:#fff;text-transform:uppercase;margin-bottom:10px}
h2 a:link,
h3 a:link{color:#fff}
h2 a:visited,
h3 a:visited{color:#fff}
h2 a:hover,
h3 a:hover{color:#bbb}
h2 a:active,
h3 a:active{color:#fff}

h4{font-size:13px;color:#fff}
h5{font-size:12px;font-weight:bold;border-bottom:1px solid #666;color:#ddd;margin:7px 0 10px 0}

/* Tabs */
#tabs{list-style:none;height:26px;clear:both;border-bottom:1px solid #222;margin-bottom:15px}
#tabs li{float:left;}
#tabs li a{display:block;background:#1a1a1a;padding:7px 13px 6px 13px;font-size:12px;margin:0 6px 0 0;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px}
#tabs li a:hover{background:#222}
#tabs li a.current{background:#252525;font-weight:bold;color:#fff}
.tab-content{clear:both;position:relative}

/* Footer */
#footer{clear:both;text-align:center;color:#666;padding:8px 0 30px 0;}
#footer ul{list-style:none;margin-bottom:8px}
#footer ul li{display:inline;padding:0 7px 0 3px;border-right:1px solid #333}
#footer ul li:last-child{border-right:0 !important}
#footer ul li,
#footer p{color:#666;font-size:11px}
#footer ul li a{color:#999;font-size:11px}
#footer p a{color:#666;font-size:11px}
#footer ul li a:hover,
#footer p a:hover{color:#fff}

/* Search */
#search-form{margin:-3px -6px 0 0 !important;padding:0 !important}
#search-form .field{border:1px solid #666;border-right:0 !important;background:#111;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;padding:3px 4px 2px 3px;color:#fff;height:15px}
#search-form .submit{background:url(/pics/icon_search.png) no-repeat 5px 4px #111;border:1px solid #666 !important;color:#797979;font-size:11px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:0 !important;-webkit-border-top-left-radius:0 !important;   -moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:0 !important;-moz-border-radius-topleft:0 !important;cursor:pointer;padding:3px 6px 3px 6px !important}
#search-form .submit:hover{background-position:5px -20px;color:#fff}

/* Views */
.views{margin-bottom:10px}
.views li{display:inline;background:url(/pics/views-sep.png) no-repeat right 2px;padding:0 9px 0 2px;font-size:11px}
.views li:last-child{background:none}
.views li.current a{color:#fff;font-weight:bold}

/* Definition list */
dl{margin-bottom:15px;display:block;float:left;clear:both;width:100%;border-top:1px solid #1c1c1c;padding-top:10px;}
dl dt{font-weight:bold;font-size:11px;color:#999;width:100px;float:left;clear:both}
dl dt, dl dd{line-height:18px}

/* Photos */
#photos .from{color:#666;font-size:11px;margin:-4px 0 10px 0}
#photos .from a{color:#999;font-size:11px}
#photos .from a:hover{color:#fff}
#photos .photo{float:left;margin:0 15px 12px 0;width:175px;padding:0}
#photos .photo img{clear:both;border:2px solid #0f0f0f}
#photos .photo img:hover{border:2px solid #fff}
#photos p{margin-bottom:0}
#photos .user{clear:left;color:#fff;font-size:11px}
#photos .comments{margin-left:7px}
#photos .col-3{margin-right:0 !important}

/* Pages */
.pages{clear:both;height:30px;border-top:1px solid #1a1a1a;padding-top:20px;margin:10px auto 0 auto;text-align:center;list-style:none}
.pages li{display:inline;margin:0 4px 0 0;font-size:11px}
.pages a{border:1px solid #282828;padding:4px 7px;font-size:11px;text-align:center}
.pages a:hover{color:#fff;background:#222}
.pages li.current a{color:#fff;font-weight:bold;border:1px solid #333;background:#222}
.pages li.disabled{border:1px solid #1a1a1a;color:#333;padding:5px 8px}

/* Others */
.noresults{border:1px solid #222;background:#1a1a1a;padding:8px 12px;clear:both}
.notification,
.saved{border:1px solid #2b7300;background:#163d00;padding:8px 12px;clear:both;color:#fff;font-weight:bold;margin-bottom:5px !important}

/* Forms */
#content form{clear:both}
#content form label{font-weight:bold;margin-bottom:3px;display:block;color:#fff;font-size:12px}
#content form label span{color:#666;font-size:11px;font-weight:normal}
#content form .field-help{color:#666;padding-top:6px;display:block}
#content form .field-small{width:50px}
#content form .field-medium{width:150px}
#content form .field-large{width:300px}
#content form .field-full{width:540px}
#content form .field-file{border:0 !important;color:#fff}
#content form .formerror{color:#cc0000;font-weight:bold;display:block;padding-top:5px}
#content form .submit{border:1px solid #282828;background:#222;padding:6px 9px;color:#fff;font-weight:bold;margin-right:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
#content form .submit:hover{border:1px solid #444;background:#333}
#content form .submit:focus{border:1px solid #444;background:#333}
#content form textarea,
#content form input{padding:2px;border:1px solid #bbb;background:#fff}
#content form select{padding:2px}
#content form p{border-top:1px solid #1a1a1a;padding-top:10px;margin-bottom:10px}

/* Comments */
#comments .comment{position:relative}
#comments .date{font-size:11px}
#comments .reply{font-size:11px}
#comments .comment{padding:13px 0 0 0;clear:both;border-top:1px solid #1c1c1c}
#comments img{float:left;margin-right:20px;padding-bottom:15px}
#comments .text{margin:0 0 5px 85px}
#comments .text p{line-height:17px;font-size:13px}
#comments .text img{display:block}
#comments .text td{padding-right:3px}
#comments .text ul{margin-bottom:10px}
#comments .text li{line-height:17px;font-size:13px}
#comments .text img{float:none !important}
#comments .author{margin-bottom:5px}
#comments .author a{font-weight:bold}
#comments .author .in:link{color:#bbb;font-size:11px}
#comments .author .in:visited{color:#bbb;font-size:11px}
#comments .author .in:hover{color:#fff;font-size:11px}
#comments .author .in:active{color:#fff;font-size:11px}

#comments blockquote{border:1px solid #333;background:#222;font-size:11px;padding:5px 8px 0 8px;margin-bottom:10px;margin-top:3px}
#comments blockquote p{font-size:11px !important;margin:0 0 5px 0;color:#999}

#comments .mythumbup,
#comments .thumbup{background:url(/pics/icon-thumbs.png) no-repeat 0 -16px;padding-left:14px;color:#bbb;margin:0 7px 0 0}
#comments .thumbup:hover{background-position:0 0;color:#fff}
#comments .mythumbdown,
#comments .thumbdown{background:url(/pics/icon-thumbs.png) no-repeat 0 -48px;padding-left:14px;color:#bbb;margin-right:10px}
#comments .thumbdown:hover{background-position:0 -32px;color:#fff}

#comments .thumbsUp,
#comments .thumbsDown{display:block;position:absolute;margin-top:10px;background:#000;border:1px solid #333;padding:8px 10px;font-size:13px;z-index:99;-moz-border-radius:5px;-webkit-border-radius:5px}

#comments .hidden-note{font-size:11px;color:#666;margin-top:-4px}
#comments .hidden-note a:link{color:#666}
#comments .hidden-note a:visited{color:#666}
#comments .hidden-note a:hover{color:#fff}
#comments .hidden-note a:active{color:#fff}

/* Recent comments */
#comments-recent .comment{border-top:1px solid #1c1c1c;padding-top:10px;clear:both}
#comments-recent .author{margin-bottom:3px}
#comments-recent img{float:left;margin:0 10px 10px 0}
#comments-recent .text{margin-bottom:4px;margin-left:42px;line-height:15px}
#comments-recent .text a{color:#fff}
#comments-recent .text a:hover{color:#ccc}
#comments-recent .in{color:#555;font-size:11px;margin:0 0 9px 42px;width:200px;height:12px;overflow:hidden;white-space:normal}
#comments-recent .in a{color:#555}
#comments-recent .in a:hover{color:#999}

/* Recent forum posts */
#forum-recent .post{border-top:1px solid #1c1c1c;padding-top:10px;clear:both}
#forum-recent .author{margin-bottom:3px}
#forum-recent img{float:left;margin:0 10px 10px 0}
#forum-recent .text{margin-bottom:4px;margin-left:42px;line-height:15px}
#forum-recent .text a{color:#fff}
#forum-recent .text a:hover{color:#ccc}
#forum-recent .in{color:#555;font-size:11px;margin:0 0 9px 42px;width:200px;height:12px;overflow:hidden;white-space:normal}
#forum-recent .in a{color:#555}
#forum-recent .in a:hover{color:#999}

/* Form */
#commentform{border-top:1px solid #1a1a1a;padding-top:10px;clear:both}
#commentform h4{color:#ccc;margin-bottom:5px}
#commentform textarea{width:544px;height:50px;padding:3px}
#commentform textarea.expanded{height:150px}
#commentform .submit{border:1px solid #282828;background:#222;padding:6px 9px;color:#fff;font-weight:bold}
#commentform .submit:hover{border:1px solid #444;background:#333}
#commentform p{border:0 !important;padding:0 !important}

/* Photos */
#photos .photo .edit{font-size:11px;float:right;margin-right:10px}
#photos .photo .delete{font-size:11px;float:right}

/* Photo */
#photo img{border:3px solid #1a1a1a}
#photo img:hover{border-color:#fff}
#photo .image{margin:0 0 0 0}
#photo .author{margin:0}
#photo .caption{color:#999;width:390px;line-height:16px}
#photo .delete{margin-right:20px}
#photo .event{font-size:11px;color:#ccc}
#photo .car{font-size:11px;color:#ccc;}
#photo .in{font-size:11px;color:#797979;}

/* View */
a.fullsize{background:url(/pics/icons.png) no-repeat 0 -135px;padding-left:16px}
a.fullsize:hover{background-position:0 -156px}
a.fullsize-hover{background-position:0 -155px;color:#fff !important}
a.download{background:url(/pics/icons.png) no-repeat 0 -90px;padding-left:14px}
a.download:hover{background-position:0 -111px}

/* views */
.views{border-bottom:1px solid #1a1a1a;padding-bottom:10px}

/* Texts */
.text{color:#fff}
.text p{line-height:15px}
.text ul{margin:0 0 12px 23px !important}
.text li{line-height:17px}
.text h2{font-size:14px !important;font-weight:bold !important;margin-bottom:10px !important;text-transform:none}
.text h3{font-size:13px !important;font-weight:bold !important;margin-bottom:10px !important;text-transform:none}

/* Rating */
.rating{float:right;color:#666;font-size:11px;margin-left:20px}
.rating a{display:block;width:18px;height:18px;background:url(/pics/icon-star.png) no-repeat 0 -22px;float:left}
.rating .highlight{background-position:0 0}
.rating .ratings{padding-top:2px;display:block;float:right}