body {
	font-size: 15px;
	font-family: arial, helvetica, verdana, sans-serif;
	text-align: left;
	padding: 0;
	margin: 0;
	background:white;
	padding-top:30px;
}
blockquote {
	font-size:15px;
}
.sub {
	color:#999999;
	font-size:0.9em;
}
.user_comment {
	font-size:12px;
	}
a {
	color: #666;
}
a:hover {
	color: #56a1ff;
	text-decoration: none;
	outline: medium none;
}
.story_opt a {
	color:#b7b7b7;
}
.story_opt a:hover {
	color:#666;
}
.story_opt a.answer_tag {
	color: #666;
}
a.link {
	text-decoration: underline;
}
a.link:hover {
}
a.link2 {
	color:#56a1ff;
}
a.link2:hover {
	text-decoration: underline;
}
a.link3 {
	color:#ccc;
}
a.link3:hover {
	color:#666;
}

.list_text table {
	width: 100%;
}
.list_text th, .list_text td {
	border:1px #cecece solid;
	padding:5px 2px;
	}
.list_text th {
	background: white;
}
.list_text tr:nth-child(odd) {
	background: #eee;
	}

.form-group {
	max-width: 630px;
}

.qr_box textarea {
	vertical-align: middle;
	}
.qr_box a {
	
}

#charsRemaining {
	text-align: right;
	color: #bababa;
	font-weight: bold;
    position:absolute;
    bottom:0;
    right:5px;
    font-size:15px;
    height:24px;
}

#chead {
	text-align: center;
	background:white;
	overflow: hidden;
}
#chead img {
	max-height:200px;
	width:auto;
}
#hubbar_box {
	width:100%;
	height:31px;
	background: #fafafa;
	border-bottom:#ccc 1px solid;
	position: fixed;
	top:0;
	z-index: 100;
	}
#hubbar {
	margin:0 auto;
	max-width: 1110px;
}
#hubbar_left {
	float:left;
	margin-left:5px;
	font-size:15px;
	min-width: 40px;
	font-weight: bold;
}
#hubbar_middle {
	float:left;
	padding-top: 2px;
}
#hubbar_right {
	float:right;
	text-align: right;
	margin-right:5px;
}
#hubbar_right form {
	display:inline-block;
}
#hubbar_right a.note_link {
	display: block;
	color: #666;
	padding:5px;
	overflow: hidden;
	font-size:12px;
	border-bottom:1px #eee solid;
}

.top_searchbox {
	border-radius: 15px;
	outline: none;
	padding:2px 10px 2px 30px;
	border: #eee 1px solid;
	font-size:13px;
	width:180px;
	}

.note_link:hover {
	background: #eee;
}

#hubbar_middle a{
	display:inline-block;
	padding: 0 5px;
	font-size:18px;
}
#hubbar_middle .dropdown-menu a {
	display:block;
	font-size:12px;
	padding-left:20px;
}
input#topsearchkeyword {
	border-radius: 12px;
	padding-left:5px;
	width:120px;
}
#accbar {
	display:inline-block;
}
#accbar>a, #accbar>span>a {
	display:inline-block;
	padding:0 5px;
	margin:3px;
	color:#666;
}

h1 {
	font-size:25px;
	font-weight: bold;
}
h2 {
	font-size:23px;
	font-weight: bold;
}
h3 {
	font-size:21px;
	font-weight: bold;
}
h4 {
	font-size:19px;
	font-weight: bold;
}
h5 {
	font-size:17px;
	font-weight: bold;
}
h6 {
	font-size:17px;
	font-weight: normal;
}

.category {
	display:inline-block;
	padding-right:3px;
	white-space: nowrap;
	color: #333;
}
.category:hover{
	color: #333;
	}
.category span {
	color:#ccc;
	}
.category_link {
	display:inline-block;
	padding-right:3px;
	white-space: nowrap;
	color: #999;/*56a1ff*/
}
.category_link span {
	color:#ccc;
}
.category_link:hover {
	color:#333;/*367ed8*/
}
.description {
	padding:5px 0;
	color: #666;
	}

#category_menu{
	max-width: 950px;
	margin:0 auto 10px auto;
	color: #999;
}
#category_menu a {
	display:inline-block;
	padding: 0 5px;
	color: #999;
}
#category_menu a.mb_on {
	font-weight:bold;
	text-decoration: underline;
}


#searchbox {
	float:left;
}
#topsearchkeyword {
	height: 25px;
	width:150px;
	border-radius: 3px;
	border:white 1px solid;
	}
#primary_menu {

}
#primary_menu a {
	display: inline-block;
	font-size:13px;
	padding: 4px 12px;
	margin:1px;
	color:#999;
}
#primary_menu a span{
	color:#ff42bc;
}
#primary_menu a:hover {
	color:#333;
	text-decoration: none;
}
#primary_menu a.mb_on {
	color: #333;
	font-weight: bold;
	border-bottom:#333 1px solid;
}

#submenu_box {
	padding-top:5px;
	background: #fafafa;
	border-bottom: #eee 1px solid;
}
.submenu {
	border-bottom: #ccc 1px solid;
	height:33px;
	margin: 10px 0 30px 0;
}
.submenu a {
	display: inline-block;
	margin-right:10px;
	padding:5px 10px;
	border:1px solid #ccc;
	background: #fafafa;
	border-bottom:none;
}
.submenu a.mb_on {
	border-bottom: white 1px solid;
	background: white;
}
#category_menu{
	max-width: 1150px;
	margin:0 auto 10px auto;
	color: #999;
}
#category_menu a {
	display:inline-block;
	padding: 0 5px;
	color: #999;
}
#category_menu a.mb_on {
	font-weight:bold;
	text-decoration: underline;
}

.bhead_box {
	background:#fafafa;
	} 
.board_head {
	clear:both;
	padding-top:10px;
	max-width:1100px;
	margin:0 auto;
	display: flex;
    align-items: center;
}
.board_head img {
	max-height: 100px;
	width:auto;
}
.board_title img {
	width:64px;
	height:64px;
	margin-right:10px;
}
.board_title {
	font-size:20px;
	padding: 10px 0;
}
.board_title_s {
	font-size:15px;
	display:block;
}
.block {
	padding:5px 0;
}
.block_title {
	color: #999999;
	clear: both;
	padding: 5px 5px 5px 15px;
	font-weight: bold;
}
#appright {
	border-left: #BEDEED 1px solid;
	}

#content_box {
	width:100%;
	margin:10px auto 0 auto;
}

#content_s {
	background: white;
	max-width: 1050px;
	min-height: 500px;
	margin: 0 auto;
	padding:10px;
}
#top_sharebutton {
	box-shadow: 1px 1px 3px #999999;
}
#boards_topost a{
	display:inline-block;
	margin:1px 3px;
	padding:1px 6px;
	white-space: nowrap;
	max-width: 150px;
	overflow: hidden;
	border-radius: 15px;
	border:#ccc 1px solid;
}
#boards_topost a:hover {
	border-color:blue;
}

.question_title {
	font-size: 16px;
	display: flex;
	flex-direction:row;
}
.post_rules, .board_rules {
	max-height: 200px;
	max-width: 630px;
	overflow-y: auto;
	overflow-x:auto;
	padding:5px;
	margin:5px;
	border:#eee 1px solid;
	background: #fafafa;
}
#topnav {
	margin:0 auto;
}
#topnav_l {
	font-size:25px;
	float:left;
	width:50%;
	overflow:hidden;
	}
#topnav_m {
	float:left;
	width:20%;
	}
#topnav_l a{
	color: #333;
	text-shadow: 2px 2px #eeeeee;
}
#topnav_l a:hover{
	text-decoration: none;
}
#topnav_r {
	float:right;
	padding-right:5px;
	padding-top:5px;
	text-align:right;
	font-size:0.8em;
	}
.cs_btn {
	display:inline-block;
	background:white;
	border-radius: 5px;
	border:#cccccc 1px solid;
	padding:3px 10px;
	margin: 3px;
	cursor: pointer;
	font-size:13px;
}
.cs_btn:hover {
	background:#eeeeee;
}

#subheader {
	background: #B3DEF0;
	height: 50px;
	font-size:1.5em;
}
.comment_canvas {
	padding-left:50px;
	overflow:hidden;
}
.comment_item {
	overflow:hidden;
	padding:10px;
	font-size:0.9em;
	border-bottom:#eeeeee 1px solid;
	background: #F0F0F0;
}
.comment_avatar {
	height:25px;
	width:25px;
	margin-right:5px;
	float:left;
	}

.comment_content {
	display:block;
	overflow:hidden;
}

#signupform_msg {
	font-weight: bold;
}

#content_f {
	margin: 0 auto;
	max-width:1100px;
	padding:0 5px;
}
#sidebar {
	float:right;
	width:300px;
	padding: 0 5px;
	overflow: hidden;
}
.sidebar_title {
	font-weight:bold;
	padding:5px 0;
	}
.sb_sub {
	display:inline-block;
	padding:3px 5px;
	margin:3px;
	border-radius: 2px;
	background: #fafafa;
}
#content_main {
	margin-right: 320px;
	background: white;
	padding:10px 10px 100px 10px;
	overflow: hidden;
}
.link_domain {
	font-size:12px;
	color:#999;
}
.hl_title {
	margin:5px 0;
	font-size:30px;
}

.list_story {
	clear:both;
	width:100%;
	overflow: hidden;
	padding: 10px 0;
	border-bottom: #eee 1px solid;
    display: flex;
    align-items: center;
}
.li_r {
	margin-left:40px;
	padding-top:5px;
}
.li_l {
	width:40px;
	float:left;
}

.li_l2 {
	margin-top:5px;
	text-align: center;
	width:60px;
	float:left;
}
.li_l2 a{
	display:block;
	background: #fafafa;
	border:1px #eee solid;
	font-size:20px;
	color: #666;
	margin-right:5px;
	}
.li_l2 a.asd {
	color: #377550;
}
.li_l2 a span {
	display: block;
	font-size:12px;
	color: #999;
}
.li_r2 {
	margin-left:60px;
	padding-top:5px;
}

.ls_votes, .ls_answers {
	width:55px;
	display:inline-block;
	font-size:12px;
	color:#999;
	text-align: center;
}
.ls_votes span, .ls_answers span {
	display:block;
	font-size:15px;
	font-weight: bold;
}
.unanswered {
	color:#e55b5b;
}
.ls_m {

}
.ls_title {
	font-size:18px;
}
.ls_vote {
	display:block;
	text-align: center;
	font-size:20px;
	height:20px;
}
.cm_vote {
	display:block;
	text-align: center;
	font-size:15px;
	height:15px;
}
.li_l .vote_score {
	text-align: center;
	font-size:14px;
	height:10px;
	font-weight:bold;
	color:#ccc;
	}
.ls2 {
	font-size: 12px;
}

.list_item {
	color:#333333;
	width: 100%;
	border-radius:3px;
	margin-bottom: 20px;
	background:white;

}
.li_header{
	overflow:hidden;
}
.li_avatar {
	display:inline-block;
	height:25px;
	width:25px;
	margin-right:5px;
	}
.pv_img {
	width:250px;
	height:auto;
}
.pv_content {
	padding:5px;
}
.pv_head {
	overflow: hidden;
	padding:5px;
	}
.pv_avatar {
	float:left;
	width:30px;
	margin-left:7px;
	}
.pv_date {
	float:right;
}
.pv_text {
	color:#666666;
}
.pv_text .pv_tag{
	color:#0088CC;
}
.pv_btn_box {
	text-align: right;
}
.pv_btn {
	color:#CFBEBE;
	display:inline-block;
	padding-right:25px;
	}
.pv_btn:hover {
	color: #0088cc;
}
.share_modal_url {
	font-size:20px;
}
.li_img img {
	max-width:100%;
	height:auto;
}
.story_username {
	font-weight: bold;
}
.comment_username {
	color:#333333;
}
.grid_item {
	margin-bottom:10px;
	box-shadow: 2px 2px 3px #ccc;
	border-radius: 3px;
	background: white;
}
.preview_story {
	display:block;
	padding:10px 0;
	overflow: hidden;
}
.preview_story:hover {
	background:#F7F7F7;
	text-decoration: none;
}
.preview_story .pv_tag:hover {
	text-decoration: underline;
}
.li_imgs {
	margin:0 0 0 15px;
}
.li_imgs img {
	max-height: 100px;
	width:auto;
}
.story_info {
	overflow:hidden;
	float:left;
	color: #999999;
	font-size:17px;
	text-align: center;
	padding:5px;
}
.story_info span {
	display: inline-block;
	padding-left:3px;
	font-size:12px;
	color:#ccc;
}
.ps_date {
	font-size:0.7em;
	color: #999999;
	}
.li_subcomment {
	font-size:0.9em;
	margin-left: 60px;
	border-top:#eeeeee 1px dotted;
	padding:5px 0 5px 20px;
}
.list_text {
	word-wrap: break-word;
}

.list_text p {
	margin: 5px 0;
}
.list_text img {
	max-width: 100%;
	height:auto;
}
.list_thumb{
	display:block;
	border-radius:5px;
	overflow:hidden;
	margin-top:3px;
	margin:3px;
	float:left;
	}
.list_time {
	display:block;
	width:85px;
	text-align:right;
	vertical-align:middle;
	color:#999999;
	float:right;
}
.anonymous {
	font-size:0.8em;
	color:#999;
}
a.li_name {
	color:#0088CC;
	font-weight:bold;
}
.li_rpt {
	color:#999999;
	}
a.list_outlink {
	color: #0088CC;
	}
.li_row2 {
	}
.li_comment_box {
	display:block;
	width:23px;
	height:16px;
	background:url(li_comment_box.gif) no-repeat;
	font-size:11px;
	text-align:center;
	float:left;
	}
a.button_link {
	display:inline-block;
	border-radius: 2px;
	padding:1px 7px;
	color:#cccccc;
}
a.button_link_on{
	display:inline-block;
	border-radius: 2px;
	padding:1px 7px;
	color:green;
}
a.button_link:hover {
	color:green;
	text-decoration: none;
}
a.button_link_on:hover {
	text-decoration: none;
}
a.button_link2 {
	display:inline-block;
	border-radius: 2px;
	padding:1px 7px;
	color:#eeeeee;
}
a.button_link2:hover {
	background:#eeeeee;
	color:black;
}
#appmain {
	background:white;
}
#appmain .story {
	margin:2px 18px 12px 0;
	}


.story_detail {
	display: block;
	padding: 3px;
	margin:2px 18px 12px 0;
	width:630px;
	background:white;
	border-radius:5px;
	color:#666666;
	box-shadow:0 1px 2px rgba(34, 25, 25, 0.4);
}
.user_card {
	display: block;
	padding: 10px;
	margin:2px 18px 12px 0;
	background:white;
	border-radius:5px;
	color:#666666;
	background: #EAF5FB;
}

.story_quote {
	margin: 2px 0 0 30px;
	font-size: 0.9em;
	color: #999999;
	}
.story_quote a,.story_quote a:visited{
	color: #666666;
	}


#site_top_left {
	display:block;
	height:20px;
	font-size:1.5em;
	}

a.browse_networks {
	display:block;
	color:#0088CC;
	padding:2px;
	margin:2px;
}
a.my_networks:hover,a.browse_networks:hover {
	background:#eee;
}
a.browse_networks span {
	color:#999;
	font-size:12px;
}


.modal-dialog {
margin-top: 150px;
}

/* FORM */
.fpost {
	font-size:1.5em;
			}
.fbutton {
	font-size:1.5em;
			}
.fpost_h {
	font-size:1.5em;
	background: #FF9933;
	color:white;
			}
.form_label {
	font-weight: bold;
	display:block;
	}

#footer {
	margin:300px auto 30px auto;
	text-align:center;
	font-size:0.8em;
}
#footer a {
	color: #333333;
}

.cname_me {
	font-style:italic;
	}
.reply {
	padding:5px;
	color: #999;
	font-size:13px;
	border-top: #eee 1px solid;
	border-left: #eee 3px solid;
}
.comment {
	color: #666;
	min-height: 40px;
}
.c_l {
	width:40px;
	float:left;
	}
.c_r {
	margin-left:40px;
	padding:7px 0 5px 0;

}

.commentto {
	color:green;
	}
.commentto span {
	font-weight:bold;
	}
.comments_all {
	text-align:left;
	font-size:12px;
	padding-left:5px;
	}
.comments_all a {
	color: #0088CC;
	}
.story_tl {
	float:left;
	}
.story_tr {
	float: right;
	color:#999999;
	}
.story_opt {
	font-size:12px;
	padding-left:8px;
}
.story_opt a {
	display: inline-block;
	padding:2px 15px;
}
.sopt_on, .story_opt .sopt_on, a.sopt_on {
	color: #dbd9d9;
	}
a.sopt_on:hover {
	color: #dbd9d9;
}
.sopt_on2, .story_opt .sopt_on2,a.sopt_on2 {
	color: #dbd9d9;
	}
a.sopt_on2:hover {
	color: #dbd9d9;
}
.story_opt a:hover {
	text-decoration: none;
}

.img_content {
	clear:both;
	overflow:hidden;
	text-align: center;
	}
.ic_content {
	padding-top:12px;
	color:#999999;
	font-size:12px;
	}
.pure_content {
	clear:both;
	font-size:16px;
	overflow:hidden;
	}
.pure_content img {
	margin:3px;
	float:left;
	}
#network_options label{
	display:block;
	float:left;
	margin:2px;
	padding:2px;
	color:#666666;
	font-size:12px;
	width:150px;
	height:15px; 
	overflow:hidden;
	white-space:nowrap;
	}
#network_options label:hover {
	
	}
.n_o_on {
	background:#D7EAFF;
	}
.sblock {
	margin: 10px 0;
	}
.sicon {
	color:green;
	}
.list_gallary {
	width:100px;
	height:100px;
	padding:10px;
	margin:10px;
	float:left;
	border:#eeeeee 1px solid;
	text-align:center;
}
#ok_go {
	display:block;
	width: 200px;
	text-align:center;
	font-size:30px;
	padding:5px;
	border: #cccccc 1px solid;
	background:#eeeeee;
	}
#share_cancel_button {
	display:inline-block;
	font-size:20px;
	padding:2px 10px;
	margin:5px;
	background:#eeeeee;
	color:#999999;
	border:#999999 1px solid;
	border-radius:3px;
	}
#share_cancel_button:hover {
	color:#666666;
	background:#E3E3E3;
}
#share_app_text {
	display:inline-block;
	width:90px;
	height:35px;
	color:#333333;
	font-weight:bold;
	}
.icon_text {
	display:inline-block;
	width:35px;
	height:35px;
	background:url("icons.png");
	background-position:-100px 0;
	vertical-align:middle;
	}
#sb_opts {
	font-size:1.2em;
	color: #08C;
	border:#08C;
}
#share_app_link {
	display:inline-block;
	width:90px;
	height:35px;
	color:#333333;
	font-weight:bold;
	}
.icon_link {
	display:inline-block;
	width:35px;
	height:35px;
	background:url("icons.png");
	background-position:-50px 0;
	vertical-align:middle;
	}

#share_app_photo {
	display:inline-block;
	width:90px;
	height:35px;
	color:#333333;
	font-weight:bold;
	}
.icon_photo {
	display:inline-block;
	width:35px;
	height:35px;
	background:url("icons.png");
	background-position:0 0;
	vertical-align:middle;
	}
#share_selection {
	padding-left:10px;
	}
#share_selection a{
	padding:5px;
	}
#share_selection a:hover {
	background:#eeeeee;
	}
.arrow_box { position: relative; background: #F5F5F5; border: 1px solid #cccccc;border-radius:5px; } 
.arrow_box:after, .arrow_box:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.arrow_box:after { border-color: rgba(226, 243, 227, 0); border-right-color: #F5F5F5; border-width: 7px; top: 10px; margin-top: -7px; } 
.arrow_box:before { border-color: rgba(154, 214, 157, 0); border-right-color: #cccccc; border-width: 8px; top: 10px; margin-top: -8px; }

.s_opts a {
	display:inline-block;
	font-size:15px;
	padding:3px 10px;
	margin:1px;
	background:#eeeeee;
}
.commentsubmit {
	font-size:15px;
	height:30px;
}
.commentmessage {
	font-size:15px;
	width:410px;
	height:20px
}

.side_group {
	font-weight:bold;
	color:#999999;
}
.side_buttons {
	margin-bottom: 10px;
}
.side_buttons a{
	display:block;
	margin-left:10px;
}

.ui-dialog-titlebar {
	display:none;
}

.cs_note {
	background: white;
	color: #666666;
	padding:3px 10px;
	margin: 5px 0 15px 0;
	border-radius: 2px;
	font-size:0.9em;
	}
.cs_error {
	background: #FFCFCF;
	color: black;
	padding:3px 10px;
	margin: 5px 0 15px 0;
	border-radius: 2px;
	font-size:0.9em;
}
.cs_success {
	background: #E0FFE4;
	color: #1DA12E;
	font-weight:bold;
	padding:3px 10px;
	margin: 5px 0 15px 0;
	border-radius: 2px;
	font-size:0.9em;
}
.newstory {
	background:#f7fff7;
}
ul.cs_list {
	display:block;
	background:white;
	list-style-type:none;
	margin:0px;
	padding:0px;
	border-radius: 5px;
}
.cs_list li {
	padding:5px;
	border-bottom:#eeeeee 1px solid;
}



a.block_link {
	display:block;
}
.li_content {
	display: block;
	clear:both;
	padding:10px 3px;
	border-top: #eee 1px solid;
}

.opt_btn {
	display:inline-block;
	padding-left:5px;
	width:45px;
	height:45px;
	color:#999999;
	cursor: pointer;
	border-radius:10px;
}
.opt_btn:hover{
	color:#08c;
}
.post_succ {
	background:#63C966;
	font-weight:bold;
	color:white;
	padding:3px 10px;
}
.story_highlight {
	background:#F5F5EB;
}
.rstory {
	display:block;
	border-left:#eeeeee 5px solid;
	max-height:90px;
	overflow:hidden;
	padding:3px 0 3px 7px;
	font-size:0.8em;
	color:#666666;
	margin-left:60px;
	overflow: hidden;
	}
.rstory:hover {
	background:#eeeeee;
	color:#666666;
	text-decoration: none;
}
.rstory_img {
	width:80px;
	height:80px;
	overflow:hidden;
	float:right;
}
.rstory_img img {
	width:80px;
	height:auto;
}

p.title {
	font-size:1.5em;
	border-bottom:#cccccc 1px solid;
	padding:5px 0;
	margin:5px 0;
}

#footer_menu a {
	display:inline-block;
	padding:3px 6px;
	margin:3px 6px;
}

textarea#newnetworkstory {
	
}


#reply_ori {
	padding:5px;
	height:70px;
	overflow:hidden;
	background: #F5F5F5;
}
.reply_oimg {
	width:60px;
	height:60px;
	overflow:hidden;
	float:right;
}
.reply_oimg img {
	width:60px;
	height:auto;
}

.tagbox {
	padding: 15px;
}
.tagbox a {
	display: block;
}
.tagbox span {
	font-size:15px;
	display: block;
	color: #999;
}
.s_mention {
	color:#999999;
	font-size: 0.9em;
}

.got-new{
	color: #F25E0E;
}

.followuser_button {
	
}

.avatar_s {
	width:25px;
	height:25px;
	border-radius: 50%;
}
.avatar_m {
	width:50px;
	height:50px;
	border-radius: 2px;
}
.avatar_l {
	width:100px;
	height:100px;
	border-radius: 5px;
}

.uavatar {
	display: inline-block;
	color: white;
	vertical-align: middle;
}
.uavatar_s {
	width: 25px;
	height: 25px;
	font-size: 15px;
	padding: 2px 0 0 7px;
	border-radius: 50%;
	}
.uavatar_m {
	width: 50px;
	height: 50px;
	font-size: 35px;
	padding: 1px 0 0 13px;
	border-radius: 2px;
	}
.uavatar_l {
	width: 100px;
	height: 100px;
	font-size: 55px;
	padding: 9px 0 0 30px;
	border-radius: 5px;
	}
a.qk_board {
	display:inline-block;
	padding:3px 8px;
	margin: 3px 5px;
	background: #1fcbff;
	max-width: 150px;
	min-width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
  	white-space: nowrap;
  	vertical-align: middle;
  	border-radius: 13px;
  	color: white;
}
a.qk_board:hover {
	background:#00B2E8;
}
a.subscribed {
	background: green;
	}
.feed_more {
	margin-bottom: 5px;
}
a.feed_more_btn {
	display: inline-block;
	padding:5px 15px;
	border-radius: 15px;
	border:#ccc 1px solid;
}
#footer_msg {
	margin: 5px auto 20px auto;
	text-align: center;
}

#footer_pages {
	margin: 5px auto;
	text-align: center;
}
#footer_pages a {
	display: inline-block;
	padding: 2px 7px;
	margin: 5px;
}

.board_gallery {
	display: inline-block;
	margin:5px;
	padding:2px 3px 2px 15px;;
	border-radius: 15px;
	border: #eee 1px solid;
	position: relative;
}
.bg_l {
	display: inline-block;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
  	white-space: nowrap;
  	vertical-align: middle;
}
.board_gallery span {
	font-size:9px;
	position: absolute;
    left: 15px;
    bottom: 1px;
    color: #1fcbff;
	}
.bg_l a{
	color:#333;
}
.bg_r {
	display: inline-block;
	vertical-align: middle;
	width:25px;
	height:25px;
}
.bg_r i{
	margin-top:6px;
}
.bg_r a{
	display: inline-block;
	width:25px;
	height:25px;
	background: #eeeeee;
	text-align: center;
	color: #999;
	border-radius: 50%;
}
.bg_r a:hover {
	background: #00B2E8;
	color:white;
}

.btn-sm {
	padding:2px 6px;
}
.connect_facebook, .connect_google, .connect_github {
	display:inline-block;
	padding:10px;
	width:245px;
	color:white;
	font-size:16px;
	border-radius: 2px;
	margin:5px;
	text-align: left;
}
.connect_facebook span, .connect_google span, .connect_github span {
	display:inline-block;
	width:25px;
	height:25px;
	border-radius:2px;
	background:white;
	float:left;
	text-align: center;
	margin-right:5px;
}

.connect_facebook {
	background:#507cc0;
}
.connect_facebook:hover {
	color:white;
	background:#5d91e2;
}
.connect_facebook span{
	color:#507cc0;
}


.connect_google {
	background:#E65C5C;
}
.connect_google:hover {
	color:white;
	background:#f96363;
}
.connect_google span{
	color:#E65C5C;
}

.connect_github {
	background:#333;
}
.connect_github:hover {
	color:white;
	background:#666;
}
.connect_github span{
	color:#333;
}

.gbox_0 {
	background:#7CD2E6;
}
.gbox_1 {
	background:#7CBAE6;
}
.gbox_2 {
	background:#DB8C8C;
}
.gbox_3 {
	background:#86CFB6;
}
.gbox_4 {
	background:#97C999;
}
.gbox_5 {
	background:#BBCF86;
}
.gbox_6 {
	background:#C9B28D;
}
.gbox_7 {
	background:#CFBE86;
}
.qreply_text_block {
	height:80px;
	width:90%;
	margin-right:3px;
	padding:3px;
	border: #ccc 1px solid;
}

.qreply_text_inline1,.qcreply_text_inline1 {
	width:100%;
	margin-right:3px;
	padding:3px 10px;
	border: #ccc 1px solid;
	outline: none;
	border-radius: 20px;
}
.qreply_submit {
	vertical-align: bottom;
	}

.depth1 {
	padding-left:0;
}
.depth2 {
	margin-left:4%;
}
.depth3 {
	margin-left:8%;
}
.depth4 {
	margin-left:12%;
}
.depth5 {
	padding-left:16%;
}
.depth6 {
	margin-left:20%;
}
.depth7 {
	margin-left:24%;
}
.depth8 {
	margin-left:28%;
}