/* start common styles */
.post_controls {
	height:1em;
	padding-left:0px;
}

/* end common styles */

/* start presence and reputation */
.isonline {
	/* TODO: this is highly experimental
		the hope is to be able to reuse this rule on block *and* inline elements
		but i'm not sure it's guna work.

		inline elements should ignore the padding-left in px rule.
		block elements should override the padding-left in em rule.

		the font-size of an inline element would have to be at the very least 15 pixels to accommodate the image.
	*/
	padding-left:1em;
	padding-left:20px;
	background:url('http://www.wtfdetroit.com/forums/images/vb4_blue/statusicon/user-online.png') top left no-repeat;
	background-position:0 0.25em;
}

.reputation {
	font-size:8px;
	background:url('http://www.wtfdetroit.com/forums/images/reputation/reputation_pos.gif') top left repeat-x;
}

.reputation .reputation_display {
	display:none;
}

.reputation_value_1 {
	padding-right:1em;
}

.reputation_value_2 {
	padding-right:2em;
}

.reputation_value_3 {
	padding-right:3em;
}

.reputation_value_4 {
	padding-right:4em;
}

.reputation_value_5 {
	padding-right:5em;
}

.reputation_value_6 {
	padding-right:6em;
}

/* end presence and reputation */

/* member.css */

.member_content {
	margin: 10px 0;
}

.member_content .friends_total, .member_content .albums_total, .member_content .group_count, .member_content .comments_total {
	font-weight: normal;
}

.member_content img.inlineimg {
	padding: 0;
	background: transparent;
	border: 0;
	display:inline;
}

/* summary of member details */
.member_summary {
	width: 240px;
	float: left;
	clear: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow:-2px 2px 2px #c8c8c8;
	background-color:#f1f1f1;
	border:1px solid #c4c4c4;
	display:inline-block;
	margin-bottom: 10px;
}

.member_summary h2 {
	font-weight: bold;
}

.member_summary .member_block_controls {
	padding: 10px;
	display:block;
	clear:both;
}

.member_summary .textcontrol {
	float: right;
	border: 0;
	padding: 0;
	margin-left: 5px;
	background: transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 11px;
	color:rgb(0, 0, 102);
}

.member_summary .imagecontrol {
	position:relative;
	top: 0;
	display: block;
	width: 16px;
	height: 16px;
}

.member_summary .imagecontrol img {
	float: right;
	position: relative;
	top: -4px;
}

.member_summary h1 {
/*	color: #233d78; */
	font:   bold 16px Tahoma, Calibri, Verdana, Geneva, sans-serif;
}

/* memberinfo block style */
.member_summary .block {
	margin-bottom:4px;
	padding:6px;
	background:#f1f1f1 url(http://www.wtfdetroit.com/forums/images/misc/blog/top-highlight.png) repeat-x left top;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.member_summary #view_stats_mini.block {
	background-image:none;
}
.member_summary .block .blockbody {
	color: ;
	background:#ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	padding:0;
	border:1px solid #DADADA;
}
.member_summary .block .blockrow {
	background:#ffffff;
	border-top:1px solid #ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	background:#ffffff url(http://www.wtfdetroit.com/forums/images/misc/blog/gradient-black-down.png) repeat-x left top;
}
.member_summary .underblock {
	height:9px;
	background:transparent url(http://www.wtfdetroit.com/forums/images/misc/blog/bottom-shadow.png) repeat-x left bottom;
}
.member_summary .blockrow,
.member_summary .blocksubhead {
	padding:10px 6px 10px 6px;
	color: #424242;
}
.member_summary .blocksubhead {
	background:transparent none;
	height:17px;
	padding: 5px 6px;
	border:none;
	outline:none;
	font-weight:bold;
}
.member_summary .blocksubhead img {
	vertical-align:middle;
}
.member_summary .blocksubhead.smaller,
.member_summary .blockrow {
	font-size:12px;
}
.member_summary .blocksubhead a.username {
	padding-right:20px;
}
.member_summary .blocksubhead a.username.offline {
	background:url(http://www.wtfdetroit.com/forums/images/vb4_blue/statusicon/user-offline.png) top right no-repeat;
}
.member_summary .blocksubhead a.username.online {
	background:url(http://www.wtfdetroit.com/forums/images/vb4_blue/statusicon/user-online.png) top right no-repeat;
}
.member_summary .blocksubhead a.username.invisible {
	background:url(http://www.wtfdetroit.com/forums/images/vb4_blue/statusicon/user-invisible.png) top right no-repeat;
}
.member_summary .mainblock .usertitle {
	font-weight:normal;
	font-size:11px;
}
.member_summary .mainblock .blocksubhead {
	height:auto;
}
.member_summary .mainblock {
	margin-bottom:8px;
}
.member_summary .mainblock a.avatar .avatarcontainer {
	margin: 0 auto;
	text-align: center;
	display:block;
}

.member_summary .mainblock a.avatar .avatarcontainer img {
	border: 3px solid rgb(255, 255, 255);
	outline:1px solid #d9d9d9;
	max-width: 220px;
	height: auto; !important
}

#usermenu {
	font-size:11px;
	margin-left: 10px;
}
#usermenu li {
	margin-bottom: 2px;
}
#usermenu li a {
	color: #3e3e3e
}
#usermenu li.separator {
	height: 1px;
	margin-top: 2px;
	background: #c4c4c4;
	margin-right: 10px;
}
#usermenu img.inlineimg {
	position:relative;
	top: 2px;
}
/* end memberinfo block style */

/* mini stats */
.member_summary .mini_stats h5 {
	display: none;
}

.member_summary dl {
	font-size: 11px;
}

.member_summary dl.stats dt {
	width: 85px;
	display:block;
	float: left;
	clear: right;
}

.member_summary dl.stats dd {
	float: left;
	clear:right;
	display:block;
	width: 129px;
}

.member_summary dl.stats dd a {
	word-wrap: break-word;
}

.member_summary dd.avatar img {
	height: auto;
	padding: 3px;
	background: rgb(255, 255, 255);
	border: 1px solid #d9d9d9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* end mini stats*/

/* friends mini */
.member_summary .friends_mini .friendcontrol {
	float: right;
	margin-top: -20px;
}

.member_summary .friends_mini .friendcontrol li {
	display:inline;
	margin-left: 5px;
}

.member_summary .friends_mini .friendcontrol li .textcontrol {
	float: none;
}

/*
.member_summary .friends_mini ul.friends_list {
	display:block;
	position: relative;
	padding: 5px 0;
	margin: 0 0 10px;
	width: 220px;
	background: #ffffff;
	border: 1px dotted #d8d8d8;
	float: left;
}*/

.member_summary .friends_mini .friends_list li {
	width:63px;
	height: 85.06px;
	display:block;
	float: left;
	text-align:center;
	margin-left: 5px;
	overflow: hidden;
}

.member_summary .friends_mini .friends_list li .friend_info {
	clear:both;
}

.member_summary .friends_mini .friends_list li .friend_info a {
	text-decoration: none;
	font-size: 11px;
}

.member_summary .friends_mini .friends_list li .image_friend_link {
	padding: 3px;
	background: rgb(255, 255, 255) none no-repeat center center;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	display:inline-block;
}

.member_summary .friends_mini .friends_list li img {
	height: 50px;
	width: auto;
}
/* end friends mini */

/* albums */
.member_summary .albums a {
	text-decoration: none;
}

.member_summary .albums dt:after {
	content: none;
}

.member_summary .albums .albumthumb_container {
	width: 93px;
	float: left;
	clear: right;
	display:inline-block;
	min-height: 47.97;
	overflow:hidden;
}

.member_summary .albums .album_showcase {
	width: 88px;
	float: left;
	clear: right;
	margin-bottom: 5px;
	display:inline-block;
}

.member_summary .albums .album_showcase img {
	width: 80px;
	height: auto;
	padding: 3px;
	background: rgb(255, 255, 255) none no-repeat center center;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.member_summary .albums .album_content {
	float:left;
	clear:right;
	margin-top: 5px;
	width: 121px;
}
/* end albums */

/* social groups */
.member_summary .groups a {
	text-decoration: none;
}

.member_summary .groups li {
	display:block;
	width: 100%;
	clear: both;
	margin-bottom: 5px;
}

.member_summary .groups .grouppic_container {
	width: 93px;
	float: left;
	clear: right;
	margin-bottom: 5px;
	display:inline-block;
	min-height: 47.97;
}

.member_summary .groups .group_pic {
	width: 88px;
	float: left;
	clear: right;
	margin-bottom: 5px;
}

.member_summary .groups .group_pic img {
	width: 80px;
	height: auto;
	padding: 3px;
	background: rgb(255, 255, 255) none no-repeat center center;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
}

.member_summary .groups .groups_list .group_content {
	float: left;
	clear: right;
	margin-top: 5px;
	width: 121px;
}
/* end social groups */

/* tabbed content */
.member_tabs {
	margin-left: 260px;
}
dl.tabslight {
	margin: 0;
}

.view_section {
	display:none;
}

.selected_view_section {
	display:inline-block;
	width: 100%;
}

.profile_content {
	display:block;
	background: transparent;
}

.profile_content .subsectionhead, #postlist .subsectionhead {
	padding: 10px 0;
	clear:both;
	font-weight: bold;
	font-size: 17px;
	color: ;
}

#message_form .subsectionhead {
	border-right: 1px solid #6b91ab;
	border-left: 1px solid #6b91ab;
}

.profile_content .subsectionhead a.textcontrol {
	float: right;
	clear: left;
	font-weight: normal;
	font-size: 13px;
        color: rgb(0, 0, 102);
	border: 0;
	border-bottom: 1px dotted #000000;
	padding: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background: transparent;
}

.profile_content .subsectionhead .subsectiontitle {
	display: none;
}

.profile_content .subsubsectionhead {
	font-weight:bold;
	margin-top: 10px;
}

/* comments */
.profile_content div.subsectionhead, .profile_content .texteditor, .profile_content .actionbuttons {
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;
	background: #f1f3f8;
/*	border-right: 1px solid #6b91ab;
	border-left: 1px solid #6b91ab; */
}
.profile_editor_border, .profile_content .actionbuttons {
	border-right: 1px solid #6b91ab;
	border-left: 1px solid #6b91ab;
}

.profile_editor_border {
	border-bottom: 0;
}

.profile_content div.subsectionhead {
	padding-bottom: 20px;
}

.profile_content .texteditor {
	padding-top: 10px;
}

.profile_content .quickedit .blocksubfoot.actionbuttons {
	border: 0;
}

.profile_content .editor {
	border-top: 0;
}

.profile_content .editor_textbox textarea, .profile_content .editor_textbox iframe {
	background: #f3f7f9 none   ;
	font-size: 11px;
	height: 100px;
}

.profile_content .actionbuttons {
	border-bottom: 1px solid #6b91ab;
	margin-bottom: 10px;
}

.profile_content #postlist, #postlist {
	margin-top: 0;
	position: relative;
}

.profile_content #above_postlist, #above_postlist {
	position:absolute;
	top: 10px;
	width: 100%;
}

.profile_content #above_postlist #pagination_top, #above_postlist #pagination_top {
	float: right;
}

.profile_content #below_postlist, #below_postlist {
	float: left;
	width: 100%;
	margin: 1em 0;
}

.profile_content #pagination_bottom, #pagination_bottom {
	float: right;
}
/* end comments */

/*friends list*/
.profile_content .friends_list {
	display:block;
	width: 100%;
	clear:both;
}

.profile_content .friends_list li {
	border-bottom: 1px solid #999;
	clear:both;
	position:relative;
	padding-left:80px;
	padding-top: 10px;
	height: 80px;
}

.profile_content .friends_list li:hover {
	background: #f1f3f8 none   ;
}

.profile_content .friends_list .group li {
	border:0;
	padding: 0;
	display:inline;
}

.profile_content .friends_list li a.image_friend_link {
	clear:both;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 60px;
	overflow:hidden;
}

.profile_content .friends_list li a.image_friend_link img {
	height: 60px;
	width: auto !important;
	max-width: 60px;
}

.profile_content .friends_list li .friend_info {
}

.profile_content .breakfriendship {
	background-image: url(http://www.wtfdetroit.com/forums/images/misc/cross.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 16px;
	height: 16px;
	overflow: hidden;
	right: 10px;
	margin-top: -32px;
}

.profile_content .breakfriendship a{
	padding-left: 16px;
}

/* about me */
.profile_content .subsectionhead-understate {
	font-weight:bold;
	background: rgb(255, 255, 255);
	position:relative;
	top: 6.5px;
	display:block;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
}

.profile_content .subsection {
	clear:both;
	border-top: 1px solid #d8d8d8;
	padding-top: 10px;
}

.profile_content .subsection p.description {
	margin-bottom: 0.5em;
}

.profile_content .subsection .stats dt {
	display:block;
	float: left;
	clear: right;
	width: 250px;
}

.profile_content .subsection .stats dd {
	float: left;
	clear:right;
}

.profile_content .profilecategorytitle {
	margin-top: 1.5em;
font-weight:bold;
}

/* infractions */
.profile_content .infractions_block .inflisthead {
	width: 100%;
	border-bottom: 1px solid #d8d8d8;
	background: #f1f3f8 none   ;
	height: 26pxpx;
	font-weight:bold;
	font-size: 13;
}

.inflistinfo {
	float:left;
        width: 40%;
}

.inflistdate {
	float:left;
        width: 20%;
}

.inflistexpires {
	float:left;
        width: 20%;
}

.inflistpoints {
	float:right;
        width: 10%;
}

.inflistview {
	float:right;
        width: 10%;
}

.profile_content .infractions_block .infractionbit {
	display:block;
	width: 100%;
	clear:both;
}

.profile_content #infractionslist li {
	width: 100%;
	height: auto;
	display:block;
	float: left;
	clear:both;
	border-bottom: 1px solid #d8d8d8;
}

.profile_content #infractionslist li:hover {
	background: #dae1ee none   ;
	border-bottom: 1px solid #6980a8;
}

/* blog */ 
/* pull css code snippets from blog.css */
/* needs to be converted to stylevars */
.profile_content .bloghead {
	border-bottom:3px solid #425769;
	padding-bottom:5px;
	margin-bottom:5px;
	padding: 10px 0;
	clear:both;
	font-weight:bold;
	font-size: 17px;
	color: #233d78;
}

.profile_content .bloghead .textcontrol {
	font:   bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
	background: #e9e9e9 url(http://www.wtfdetroit.com/forums/images/gradients/generic_button.png) repeat-x top left;
	padding: 4px 15px;
	float: right;
	clear: left;
}

.profile_content .blogentrybit {
	width: 100%;
	clear:both;
	border-bottom:1px dotted #c9c9c9;
	padding-bottom: 10px;
}

.profile_content .blogentryhead {
	color:#3e3e3e;
	font-size:16px;
	line-height:35px;
	font-weight:bold;
}

.profile_content .blog_stats {
	clear:both;
	font-size: 11px;
}

.profile_content .blog_stats div {
	float: left;
	display:block;
	clear: right;
	width: 50%;
}

.profile_content .blog_date {
	text-align: left;
}

.profile_content .blog_data {
	text-align: right;
}

.profile_content .blog_data a.comments {
	background:transparent url(http://www.wtfdetroit.com/forums/images/misc/blog/comments.gif) no-repeat scroll right top;
	padding-right:20px;
}

.profile_content .blograting.rating1{ background-image:url(http://www.wtfdetroit.com/forums/images/rating/rating-trans-15_0.png); padding-left:80px;}
.profile_content .blograting.rating1{ background-image:url(http://www.wtfdetroit.com/forums/images/rating/rating-trans-15_1.png); padding-left:80px;}
.profile_content .blograting.rating2{ background-image:url(http://www.wtfdetroit.com/forums/images/rating/rating-trans-15_2.png); padding-left:80px;}
.profile_content .blograting.rating3{ background-image:url(http://www.wtfdetroit.com/forums/images/rating/rating-trans-15_3.png); padding-left:80px;}
.profile_content .blograting.rating4{ background-image:url(http://www.wtfdetroit.com/forums/images/rating/rating-trans-15_4.png); padding-left:80px;}
.profile_content .blograting.rating5{ background-image:url(http://www.wtfdetroit.com/forums/images/rating/rating-trans-15_5.png); padding-left:80px;}

.profile_content .blograting
{
	 background:transparent none no-repeat left top;
}

.profile_content blockquote.blog_content {
	margin-top: 10px;
	padding-top: 10px;
	clear:both;
}

.profile_content .blogentrybit .continue_reading {
	padding-top: 10px;
}

.profile_content .blogentrybit .continue_reading a {
	color: #dd250c;
}

.profile_content .blogentrybit .blog_meta {
	padding-top: 20px;
	font-size: 11px;
}