* {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	border: 0;
}
a {
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p {
	margin: 1em 0;
	line-height: 1.2em;
}
textarea {
	overflow: auto;
}

body {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 84%;
	color: #000;
	background: #fff;
	min-width: 1000px;
}

a {
	color: #45708c;
}
a:hover {
	text-decoration: none;
}
a.green {
	color: #88af2a;
}
a.black {
	color: #000;
}
a.gray {
	color: #565656;
}
a.blue {
	color: #2f90e3;
}
a.red {
	color: #d82b1a;
}
a.dashed {
	text-decoration: none;
	border-bottom: 1px dashed #3593d8;
	zoom: 1;
}
a.dashed:hover {
	border: none;
	// padding-bottom: 1px;
}
a.black_dashed {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed #000;
}
a.black_dashed:hover {
	border: none;
	// padding-bottom: 1px;
}

.sns {
	width: 100%;
}
.ins {
	background: url(../i/bg_ins.png) repeat-x top #fff;
	border: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	border-bottom: 1px solid #ddd;
	padding: 2px 3px;
	font-size: 13px;
	color: #000;
	width: 99%;
}
.ins_c {
	background: url(../i/bg_ins.png) repeat-x top #fff;
	border: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	border-bottom: 1px solid #ddd;
	padding: 2px 3px;
	font-size: 13px;
	color: #000;
}
.btn {
	font-size: 13px;
	padding: 2px 7px;
	// padding: 2px 4px;
}

.smessages {
	color: green;
	font-weight: bold;
}

#page {
	margin: 0 4%;
}

#top {
	padding-top: 18px;
	padding-bottom: 15px;
	float: left;
	width: 100%;
	position: relative;
	height: 65px;
}
#logo {
	margin-top: -20px;
	width: 236px;
	height: 100px;
	background: url(../i/logo.png) no-repeat;
	float: left;
}
#logo a {
	text-decoration: none;
	display: block;
	height: 100px;
}
#logo_title {
	clear: both;
	font-size: 11px;
	color: #333;
	position: absolute;
	top: 68px;
	left: 2px;
}
#profile {
	float: right;
}
#profile table {
	width: 400px;
}
#profile_links {
	font-size: 11px;
	color: #aaa;
}
#profile_links a {
	color: #000;
	margin: 0 3px;
}

#loginForm table {
	font-size: 11px;
	width: 360px;
}
#loginForm table td {
	padding-right: 5px;
	color: #666;
}

#add_link {
	background: url(../i/ico_add.png) no-repeat;
	background-position: 2px 0;
	padding-left: 23px;
	font-size: 14px;
	color: #14a624;
}
#add_link_box {
	width:600px;
	position: absolute;
	z-index: 10000;
	margin-top: -12px;
	margin-left: 20px;
}
#closeBox {
	position: absolute;
	right: 10px;
	top: 10px;
}

#btn_add_club {
	height:19px;
	width:96px;
	line-height: 19px;
	display: -moz-inline-box;
	display:inline-block;
	text-decoration: none;
	background: url(../i/btn_add_club.png);
	background-repeat: no-repeat;
}
#btn_add_club:hover {
	background-position: -96px;
}

#btn_write_act {
	height:19px;
	width:117px;
	line-height: 19px;
	display: -moz-inline-box;
	display:inline-block;
	text-decoration: none;
	background: url(../i/btn_write_act.png);
	background-repeat: no-repeat;
}

#btn_write {
	height:19px;
	width:117px;
	line-height: 19px;
	display: -moz-inline-box;
	display:inline-block;
	text-decoration: none;
	background: url(../i/btn_write.png);
	background-repeat: no-repeat;
}
#btn_write:hover {
	background-position: -117px;
}

#btn_reg {
	height:27px;
	width:137px;
	line-height: 27px;
	display: -moz-inline-box;
	display:inline-block;
	text-decoration: none;
	background: url(../i/btn_reg.png);
	background-repeat: no-repeat;
	float: left;
	margin-left: 20%;
	margin-top: 17px;
}
#btn_reg:hover {
	background-position: -137px;
}

.btn_adds {
	height:36px;
	width:241px;
	line-height: 36px;
	display: -moz-inline-box;
	display:inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
}
.btn_adds:hover {
	background-position: -241px !important;
}
#btn_create_club {
	background: url(../i/btn_create_club.png);
}
#btn_add_photo {
	background: url(../i/btn_add_photo.png);
}
#btn_add_video {
	background: url(../i/btn_add_video.png);
}
#btn_add_story {
	background: url(../i/btn_add_story.png);
}


#btn_add_post {
	height:27px;
	width:137px;
	line-height: 27px;
	display: -moz-inline-box;
	display:inline-block;
	text-decoration: none;
	background: url(../i/btn_add_post.png);
	background-repeat: no-repeat;
}
#btn_add_post:hover {
	background-position: -137px;
}


.btn_add {
	height:19px;
	width:70px;
	line-height: 19px;
	display: -moz-inline-box;
	display:inline-block;
	text-decoration: none;
	background: url(../i/btn_add.png);
	background-repeat: no-repeat;
}
.btn_add:hover {
	background-position: -70px;
}

#add_list {
	margin-top: 20px;
	font-size: 14px;
	width: 500px;
}
#add_list li {
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px dashed #bbb;
	white-space: nowrap;
}
#add_list li a {
	display: block;
}

#nav {
	clear: both;
	position: relative;
	z-index: 10000 !important;
	margin-bottom: 32px;
	zoom: 1;
}
#nav li {
	height: 44px;
}
#nav li.center {
	background: url(../i/bg_nav.png) repeat-x;
	margin-left: 12px;
	margin-right: 12px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 13px;
	margin-right: 13px;
}

html>body #nav li.center {
	margin-left: 13px;
	margin-right: 13px;
}

#nav li.start {
	position: absolute;
	width: 13px;
	left: 0;
	top: 0;
	background: url(../i/bg_nav_start.png) no-repeat;
}
#nav li.end {
	right: 0;
	top: 0;
	position: absolute;
	width: 13px;
	background: url(../i/bg_nav_end.png) no-repeat;
}

#menu li {
	background: none;
	padding-top: 0;
	float: left;
}
#menu li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 14px 12px;
	margin-right: 5px;
	font-size: 15px;
}
#menu li a:hover {
	background: url(../i/bg_nav_active.png) repeat-x;
	color: #767676;
}
#menu li span {
	text-decoration: none;
	display: block;
	padding: 14px 12px;
	margin-right: 5px;
	font-size: 15px;
	background: url(../i/bg_nav_active.png) repeat-x;
	color: #767676;
}

#main {
	float: left;
	width: 100%;
	padding-bottom: 40px;
	// padding-bottom: 10px;
}
#area {
	float: left;
	width: 67%;
	position: relative;
}
#sidebar {
	float: right;
	width: 30%;
}
#wide {
	position: relative;
}
#left {
	float: left;
	width: 35%;
	padding-top: 10px;
}
#right {
	float: right;
	width: 64%;
	padding-top: 10px;
}

#search_box {
	width: 100%;
}
#search_box td.start {
	width: 9px;
	background: url(../i/bg_search_box_start.png) no-repeat;
}
#search_box td.end {
	width: 9px;
	background: url(../i/bg_search_box_end.png) no-repeat;
}
#search_box td.center {
	background: url(../i/bg_search_box.png) repeat-x;
	height: 91px;
	padding-left: 10px;
}

table.rpadded td {
	padding-right: 10px;
}

.context {
	// border: 1px solid #fff;
}
.context h1 {
	float: left;
	margin: 0 !important;
	padding: 0  !important;
}
.context ul {
	float: right;
	font-size: 11px;
	margin-top: 6px;
}
.context ul li {
	float: left;
}
.context ul li a, .context ul li span {
	display: block;
	padding: 2px 7px;
}
.context ul li span {
	color: #fff;
	background-color: #5f95b8;
	margin: 0 3px;
}


.context_item {
	font-size: 11px;
	float: right;
}
.context_item li {
	float: left;
}
.context_item li a, .context_item li span {
	display: block;
	padding: 2px 7px;
}
.context_item li span {
	color: #fff;
	background-color: #5f95b8;
	margin: 0 3px;
}

.appendix {
	clear: both;
	padding-top: 5px;
	// padding-top: 3px;
	padding-left: 1px;
	font-size: 11px;
	color: #aaa;
}
.appendix li {
	display: inline;
	margin-right: 5px;
}
.appendix li a {
	color: #555;
}


.post {
	clear: both;
	position: relative;
	padding-top: 20px;
	margin-bottom: 20px;
}
.post_ctrl {
	position: absolute;
	right: 0;
	top: 22px;
}
.post_ctrl li {
	float: left;
	margin-left: 8px;
}
.post_head {
	padding-right: 170px !important;
	margin: 0;
}
.post_added {
	margin-top: 3px;
	color: #999;
	font-size: 11px;
}


.post_cats {
	float: right;
	width: 45%;
	font-size: 11px;
	color: #666;
	text-align: right;
	margin-top: 10px;
}
.post_download {
	color: #999;
	float: right;
	text-align: right;
	margin-top: 10px;
}
.post_tags_left {
	float: left;
	width: 45%;
}
.post_tags {
	margin-top: 10px;
	font-size: 11px;
	padding-left: 16px;
	background: url(../i/ico_tags.gif) no-repeat;
	background-position: 0 2px;
}
.post_tags a {
	color: #777;
}
.post_info {
	clear: both;
	margin-top: 10px !important;
	width: 100%;
	height: 28px;
	font-size: 11px;
	color: #999;
	background: url(../i/bg_post_info.png) repeat-x;
}
.post_info td.start {
	width: 8px;
	background: url(../i/bg_post_info_start.png) no-repeat;
	padding-left: 3px;
}
.post_info td.end {
	width: 8px;
	background: url(../i/bg_post_info_end.png) no-repeat;
}
.post_info_rate {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	padding: 0 5px;
}
.comments_link {
	color: #4e4e4e;
	padding-left: 20px;
	background: url(../i/ico_comments.gif) no-repeat;
}

.mini_post {
	margin-top: 15px;
	margin-bottom: 25px;
}
.mini_post_comments {
	font-size: 11px;
	margin-left: 5px;
	color: #999;
	padding-left: 20px;
	background: url(../i/ico_comments.gif) no-repeat;
}
.mini_post_head {
	font-size: 14px;
}
.mini_post_added {
	font-size: 11px;
	color: #999;
	margin-top: 4px;
}

#pager {
	font-size: 12px;
	margin-bottom: 45px;
}
#pager ul {
	margin-top: 10px;
	font-size: 12px;
}
#pager ul li {
	float: left;
	margin-right: 1px;
}
#pager ul li a {
	display: block;
	padding: 3px 6px;
	border: 1px solid #cdcdcd;
	color: #000;
	text-decoration: none;
}
#pager ul li a:hover {
	color: #fff;
	background-color: #487795;
}
#pager ul li span {
	display: block;
	padding: 3px 6px;
	border: 1px solid #7caa34;
	color: #fff;
	background-color: #87c625;
}
.content {
	line-height: 1.3em;
}
.content ul, .content ol {
	margin: 1em 0;
	margin-left: 25px;
	line-height: 1.4em;
}
.content ul li ul, .content ul li ol, .content ol li ul, .content ol li ol {
	margin-top: .2em;
	margin-bottom: .4em;
}
.content ol {
	margin-left: 30px;
}

.content ul li {
	list-style: disc;
}
.content ol li {
	list-style: decimal;
}



.user_list {
	line-height: 2.2em;
	margin: 20px 0;
}

.user_list_block img {
	vertical-align: middle;
	margin-right: 3px;
}
.user_list_block {
	white-space: nowrap;
	margin-right: 5px;
	font-size: 12px !important;
}

.cats {
	line-height: 2em;
}
.cats a {
	margin-right: 10px;
	white-space: nowrap;
}

.clouds {
	line-height: 2em;
	margin-bottom: 10px;
}
.clouds a {
	margin-right: 10px;
	white-space: nowrap;
	color: #8e8e8e;
}

.webup_links {
	margin: 15px 0;
}
.webup_links li {
	margin-bottom: 10px;
}
.webup_links li div {
	font-size: 11px;
	margin: 3px 0 3px 0;
}



#main_video_list {
	margin: 25px 0;
	// margin-bottom: 0;
}
#main_video_list li {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 3px;
	border: 1px solid #e2e2e2;
}

.box {
	background-color: #f4f3eb;
	padding: 20px;
	margin: 10px 0;
}
.box1 {
	background-color: #e8e9ec;
}
.box2 {
	background-color: #eeebdc;
}
.box3 {
	background-color: #f3f3f3;
}
.box4 {
	background-color: #fff;
}

.user_rate {
	color: #fff;
	background-color: #e9812d;
	font-size: 11px;
	padding: 2px 5px;
	// padding: 2px 4px 1px 4px;
}
.club_rate {
	color: #fff;
	background-color: #58abe1;
	font-size: 11px;
	padding: 2px 5px;
	// padding: 2px 4px 1px 4px;
}


table#user_table {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #cdcdcd;
}
table#user_table .names td {
	font-size: 11px;
	color: #555;
	border-bottom: 1px solid #cdcdcd;
}
table#user_table td {
	padding: 5px;
	padding-left: 0;
}
table#user_table tr.line td {
	padding: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 0;
}


table.ruler_stat {
	width: 100%;
	border-collapse: collapse;
}
table.ruler_stat td {
	padding: 5px;
	padding-left: 0;
	border-bottom: 1px solid #d5d7db;
	color: #444;
	font-size: 12px;
}

table.border {
	margin: 5px 0;
	width: 100%;
	border-collapse: collapse;
}
table.border td {
	padding: 5px;
	border: 1px solid #fff;
}

table.borderer {
	margin: 5px 0;
	width: 100%;
	border-collapse: collapse;
}
table.borderer td {
	padding: 5px !important;
	border: 1px solid #eee;
}

table.stroke {
	margin: 5px 0;
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #fff;
}
table.stroke td {
	padding: 5px;
	padding-left: 0;
	border-bottom: 1px solid #fff;
}

table.ruler {
	width: 100%;
	border-collapse: collapse;
}
table.ruler tr td {
	padding: 5px;
}
.labels {
	font-weight: bolder;
}
.labels td {
	padding-top: 12px !important;
	padding-bottom: 1px !important;
}
.n_labels {
	font-weight: bolder;
}
.n_labels td {
	padding-top: 12px !important;
}
.descr td {
	color: #777;
	font-size: 11px;
	padding-top: 2px !important;
}
.row2 td {
	background-color: #ededed;
}

.colored_head {
	margin-bottom: 10px;
}
.colored_head span {
	font-size: 14px;
	color: #fff;
	padding: 2px 6px;
}
.colored_blue {
	background-color: #0097d1;
}
.colored_violet {
	background-color: #544b9a;
}
.colored_green {
	background-color: #8bc230;
}
.colored_orange {
	background-color: #ee8617;
}

.search_results {
	margin-top: 20px;
	font-size: 14px;
}
.search_results li {
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px dashed #aaa;
}
.search_mini {
	font-size: 11px;
	color: #666;
}

#footer {
	clear: both;
	padding: 30px 4%;
	padding-bottom: 60px;
	// padding-top: 15px;
	background: url(../i/bg_footer.png) top repeat-x #fff;
	font-size: 11px;
	color: #666;
}
#footer #copy {
	float: left;
}
#footer #submenu {
	float: right;
}
#footer #submenu li {
	float: left;
	color: #aaa;
	margin: 0 3px;
}
#footer #submenu li a {
	color: #666;
}

.rateMini {
	font-size: 11px;
	margin: 0 5px;
}


.ico18 {
	height:18px;
	width:18px;
	line-height: 18px;
	display: -moz-inline-box;
	display:inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
}
.ico14 {
	height:14px;
	width:14px;
	line-height: 14px;
	display: -moz-inline-box;
	display:inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
}
.ico14:hover {
	background-position: -14px;
}
.ico12 {
	height:12px;
	width:12px;
	line-height: 12px;
	display: -moz-inline-box;
	display:inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
}
.ico12:hover {
	background-position: -12px;
}
.ico16 {
	height:16px;
	width:16px;
	line-height: 16px;
	display: -moz-inline-box;
	display:inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
}
.ico16:hover {
	background-position: -16px;
}
.icoNoHover {
	background-position: 0% !important;
}
.icoNoHover:hover {
	background-position: 0% !important;
}

.icoFavor {
	background: url(../i/ico_favor.gif);
}
.icoFavorAct {
	background: url(../i/ico_favor_act.gif);
}
.icoFavorMini {
	background: url(../i/ico_favor_mini.gif);
}
.icoFavorActMini {
	background: url(../i/ico_favor_act_mini.gif);
}


.icoRateUp {
	background: url(../i/ico_plus.gif);
}
.icoRateDown {
	background: url(../i/ico_minus.gif);
}
.icoRatedUp {
	background: url(../i/ico_plus_rated.gif);
}
.icoRatedDown {
	background: url(../i/ico_minus_rated.gif);
}
.icoRateUpMini {
	background: url(../i/ico_rate_up_mini.png);
}
.icoRateDownMini {
	background: url(../i/ico_rate_down_mini.png);
}
.icoRatedUpMini {
	background: url(../i/ico_rated_up_mini.png);
}
.icoRatedDownMini {
	background: url(../i/ico_rated_down_mini.png);
}



.icoHandle {
	background: url(../i/ico_handle.gif);
	cursor: move;
}
.icoMiniDel {
	background: url(../i/ico_mini_delete.gif);
}
.icoDownload {
	background: url(../i/ico_download.png);
}
.icoClose {
	background: url(../i/ico_close.gif);
}

.icoToFriend {
	background: url(../i/ico_to_friend.gif);
}
.icoFromFriend {
	background: url(../i/ico_from_friend.gif);
}
.icoMail {
	background: url(../i/ico_mail.gif);
}

.mini_edit {
	padding-left: 15px;
	font-size: 11px;
	color: #565656;
	background: url(../i/ico_mini_edit.gif) no-repeat;
	background-position: 0 2px;
}
.mini_del {
	padding-left: 15px;
	font-size: 11px;
	color: #565656;
	background: url(../i/ico_mini_del.gif) no-repeat;
	background-position: 0 2px;
}

.club_join {
	padding-left: 21px;
	color: #14a024;
	background: url(../i/ico_club_join.png) no-repeat;
}

.club_del_join {
	padding-left: 21px;
	color: #d11111;
	background: url(../i/ico_club_del_join.png) no-repeat;
}

.cats_settings {
	padding: 5px;
}
.cats_settings li {
	position: relative;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
.cats_settings .icoMiniDel {
	position: absolute;
	right: 0;
	top: 8px;
}

.comment_ctrl {
	position: absolute;
	right: 0;
	top: -13px;
	border-left: none !important;
}
.comment_ctrl li {
	float: left;
}
.comment_ctrl li a {
	text-decoration: none;
}
#comments {
	margin-top: 25px;
	padding-left: 1px;
	margin-bottom: 40px;
}
#comments ul {
	list-style: none;
}
#comments ul li {
	margin-bottom: 20px;
}
#comments ul li ul {
	margin-top: 20px;
	padding-left: 20px;
	border-left: 1px solid #d9d9d9;
}
.comment_user {
	position: relative;
}
.comment_user a {
	color: #698fac;
}
.comment_user img {
	vertical-align: middle;
	margin-right: 2px;
}
.comment_date {
	font-size: 11px;
	color: #999;
	margin-left: 3px;
}
.comment_content {
	font-size: 12px;
	margin: 10px 0;
	line-height: 1.3em;
}

.comment_preview_act {
	padding: 10px;
	border: 1px dashed #ddd;
	background-color: #f8f8f8;
	margin-bottom: 5px;
}
.comment_invisible {
	display: none;
}

/*
	Misc
*/
.error_ins {
	border: 1px solid #c00;
}
.error {
	color: #c00;
	font-size: 11px;
	font-weight: normal !important;
}
.red {
	color: #c00;
}
.req {
	color: red;
}
.hr {
	border-top: 1px solid #e2e2e2;
	margin: 20px 0;
}
.soft {
	color: #999 !important;
}
.gray {
	color: #555;
}
.green {
	color: #87ae2a !important;
}
.mini {
	font-size: 11px !important;
}
.normal {
	font-weight: normal !important;
}
.clear {
	clear: both !important;
}
.disable {
	color: #ccc !important;
}
.valign {
	vertical-align: middle;
}
.valign img {
	vertical-align: middle;
}
.aright {
	text-align: right;
}
.bold {
	font-weight: bolder !important;
}
.opacity {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.img_mini img {
	width: 25px !important;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	margin-bottom: .5em;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
	margin: .5em 0;
}
h5, strong {
	font-weight: bold;
}

#loading {
	padding: 25px 10px;
	text-align: center;
	background: url(../i/loader.gif) no-repeat center;
}