/*
Theme Name: Indie Threads Home
Theme URI: http://indie-threads.com
Description: The main style for Indie Threads 3.0. Designed by HumanBoy - <a href="http://humanboy.com" title="Humanboy">www.humanboy.com</a>
Version: 1
Author: Humanboy
Author URI: http://humanboy.com
Tags: starkers, naked, clean, basic
*/
@import url( _inc/css/components.css )
@import url( style/css/reset.css );
@import url( style/css/typography.css );
@import url( style/css/layout.css );

/* First, include the "base" styles, that will structure and style the header, main content areas and footer. */
@import url( css/base.css );

/* Next, include the CSS file for each component. Profile, Groups, Friends, etc... */
/*
@import url( css/activity.css );
@import url( css/blogs.css );
@import url( css/directories.css );
@import url( css/friends.css );
@import url( css/groups.css );
@import url( css/messages.css );
@import url( css/profile.css );
@import url( css/wire.css );

main blue color: #72c2ff

*/

body{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -.5px;
	color: #202020;
	background: url('style/images/bgTexture.jpg') no-repeat top center #ddd;
	}
.clear{
	clear: both;
	}
.clearLeft{
	clear: left;
	}
.clearRight{
	clear: right;
	}
a{	outline: none;}
p{
	margin: 12px 0;
	}
div#message{
	width: 93%;
	padding: 10px 20px;
	border: 1px solid #72c2ff;
	background: #d1ebff;
	}
div#message p{
	padding: 0;
	margin: 0;
	}
.error{
	color: red;
	}
input{
	padding: 5px;
	outline: none;
	}
input#search-submit, input#members_search_submit, input#signup_submit, input#status-update-post, input#profile-group-edit-submit, input#upload, input#wire-post-submit, input#submit, input#searchsubmit{
	padding:  8px 20px;
	display: block;
	background: #191919;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 0;
	cursor: pointer;
	color: #fff;
	box-shadow:inset 0px 0px 25px #000;
	-moz-box-shadow:inset 0px 0px 25px #000;
	-webkit-box-shadow:inset 0px 0px 25px #000;
	border: 1px solid #191919;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	text-shadow: #000 1px 1px 0px;
	}
input#search-submit:hover, input#members_search_submit:hover, input#signup_submit:hover, input#status-update-post:hover, input#profile-group-edit-submit:hover, input#upload:hover, input#wire-post-submit:hover, input#submit:hover, input#searchsubmit:hover{
	background: #56aae5;
	box-shadow:inset 0px 0px 25px #117db5;
	-moz-box-shadow:inset 0px 0px 25px #117db5;
	-webkit-box-shadow:inset 0px 0px 25px #117db5;
	border: 1px solid #117db5;
	}
input#members_search_submit, input#wire-post-submit, input#searchsubmit{
	display: inline;
	padding: 4px 10px;
	}
textarea{
	padding: 5px;
	outline: none;
	}
a:link, a:visited{
	color: #56aae5;
	}
a:hover{
	color: #696969;
	}
#search-login-bar{
	width: 100%;
	background: url('style/images/bodyBg.png') repeat-x bottom;
	color: #fff;
	padding: 10px 0 18px 0;
	position: relative;
	z-index: 2;
	}
#login-bar-wrapper{
	padding: 0 00px;
	width: 1000px;
	margin: 0 auto;
	}
#login-bar-wrapper a{
	color: #fff;
	text-decoration: none;
	}
#login-bar-wrapper a:hover{
	color: #202020;
	}
#explore img.avatar, #LogUserBar img.avatar{
	float: left;
	margin: 0 10px 0 0;
	line-height: 35px;
	padding: 0px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 2px solid #fff;
	}
#topLogin{
	float: left;
	font-size: 11px;
	height: 30px;
	line-height: 18px;
	letter-spacing: 0px;
	text-transform: capitalize;
	width: 40%;
	}
#LogUserBar input#wp-submit, #LogUserBar input#signup-submit{
	padding: 2px 10px;
	height: 25px;
	line-height: 15px;
	background: #56aae5;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #50a5df;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 11px;
	}
#LogUserBar input#wp-submit:hover, #LogUserBar input#signup-submit:hover{
	background: #fff;
	color: #56aae5;
	border: 1px solid #fff;}

#topLogin ul li{
	float: left;
	margin: 3px 10px 0 0;
	text-transform: lowercase;
	font-weight: bold;
	}
#topLogin ul li a{
	padding:  2px 10px;
	height: 18px;
	display: block;
	background: #56aae5;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #50a5df;
	}
#topLogin ul li a:hover, #topLogin ul li.current a{
	background: #fff;
	color: #56aae5;
	border: 1px solid #72c2ff;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	}
#LogUserBar{
	float: right;
	font-size: 11px;
	height: 30px;
	line-height: 18px;
	letter-spacing: 0px;
	text-transform: capitalize;
	width: 60%;
	}
#UserNeedsLogin{
	width: 460px;
	margin: 0 0 0 -323px;
	}
#explore{
	float: right;
	font-size: 11px;
	height: 30px;
	line-height: 18px;
	letter-spacing: 0px;
	text-transform: capitalize;
	width: 130px;
	}
ul.dropdown{
	position: relative;
	width: 90px;
	font-size: 11px;
	height: 30px;
	line-height: 20px;
	float: right;
	}
ul.dropdown span.down-arrow{
	position: relative;
	left: 6px;
	top: 2px;
	}
ul.dropdown li#home{ 
	font-weight: bold;
	width: auto !important;
	position: relative;
	}
ul.dropdown a:hover{
	color: #000;
	}
	
ul.dropdown li#home a{
	display: block; 
	padding: 2px 10px; 
	background: #56aae5;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #50a5df;
	position: relative;
	z-index: 2000;
	}
ul.dropdown li#home a:hover, ul.dropdown li#home a.hover{
	background: #fff;
	color: #56aae5;
	border: 1px solid #72c2ff;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	position: relative;
	}


/* 
	LEVEL TWO
*/
ul.dropdown ul.sub_menu{
	display: none;
	position: absolute;
	top: 0;
	right: 20px;
	width: 120px !important;
	z-index: 1000;
	}
ul.dropdown ul.sub_menu li{
	font-weight: normal;
	color: #000;
	}
ul.dropdown ul.sub_menu li#li-nav-profile a{
	-moz-border-radius-topleft: 15px !important;
	-moz-border-radius-topright: 15px !important;
	-khtml-border-top-left-radius: 15px !important;
	-khtml-border-top-right-radius: 15px !important;
	-webkit-border-top-left-radius: 15px !important;
	-webkit-border-top-right-radius: 15px !important;
	border-top-left-radius: 15px !important;
	border-top-right-radius: 15px !important;
	}
ul.dropdown ul.sub_menu li#members a{
	-moz-border-radius-topleft: 15px !important;
	-moz-border-radius-topright: 15px !important;
	-khtml-border-top-left-radius: 15px !important;
	-khtml-border-top-right-radius: 15px !important;
	-webkit-border-top-left-radius: 15px !important;
	-webkit-border-top-right-radius: 15px !important;
	border-top-left-radius: 15px !important;
	border-top-right-radius: 15px !important;
	}
ul.dropdown ul.sub_menu li a#wp-logout{
	-moz-border-radius-bottomleft: 15px !important;
	-moz-border-radius-bottomright: 15px !important;
	-khtml-border-bottom-left-radius: 15px !important;
	-khtml-border-bottom-right-radius: 15px !important;
	-webkit-border-bottom-left-radius: 15px !important;
	-webkit-border-bottom-right-radius: 15px !important;
	border-bottom-left-radius: 15px !important;
	border-bottom-right-radius: 15px !important;
	}
ul.dropdown ul.sub_menu li a{
	display: block;
	color: #fff !important;
	background: #56aae5 !important; 
	padding: 10px 10px !important; 
	background: #56aae5;
	-moz-border-radius: 0px !important;
	-khtml-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	border-bottom: 1px solid #50a5df !important;
	width: 120px !important;
	letter-spacing: .5px
	} 
ul.dropdown ul.sub_menu li a:hover{
	display: block;
	color: #56aae5 !important;
	background: #fff !important;
	}

#wrapper{
	width: 920px;
	padding: 40px 40px 60px 40px;
	margin: -8px auto 0 auto;
	background: #fff;
	position: relative;
	z-index: 1;
	}
#header{
	margin: 0 0 40px 0;
	height: 151px;
	}
#header h1#logo a{
	text-indent: -9999px;
	background: url(style/images/h1Logo.gif) no-repeat;
	width: 167px;
	height: 151px;
	display: block;
	float: left;
	}
#topLeaderboardAd{
	float: right;
	width: 728px;
	height: 90px;
	background: #e5e5e5;
	margin: 20px 0;
	}
.rectangleAd{
	width: 300px;
	height: 255px;
	background: #e5e5e5;
	clear: both;
	}

/* HOME PAGE STYLES */

#homePage{
	width: 100%;
	}
#homePage #status-update-input{
	display: inline;
	}
#homePage #status-update-buttons{

	}
#homePage .widget{
	margin: 0 0 40px 0;
	}
#homePage .widget-section{
	}
#homePage #first-section{
	width: 580px;
	float: left;
	margin: 0 20px 40px 0;
	}
#homePage #first-section textarea{
	width: 570px;
	height: 80px;
	}
#homePage .first-sectionLeft{
	float: right;
	width: 405px;
	}
#homePage .first-sectionRight{
	float: left;
	width: 135px;
	margin: 0 40px 0 0;
	}
#homePage .first-sectionRight ul{
	background: #eee;
	padding: 5px 10px;
	border: 1px solid #e1e1e1;
	}
#homePage .first-sectionRight ul li a{
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 5px 0;
	}
#homePage #second-section{
	width: 270px;
	float: left;
	clear: left;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	}
#homePage .pagination-links, .main-column .pagination-links{
	font-size: 10px;
	margin: 5px 0 5px 0;
	padding: 0;
	float: left;
	}
#homePage .pagination-links a.page-numbers, .main-column .pagination-links a.page-numbers{
	background: #56aae5;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px;
	margin: 0 0px;
	text-decoration: none;
	color: #fff;
	font-size: 8px;
}
#homePage .pagination-links a.page-numbers:hover, .main-column .pagination-links a.page-numbers:hover{
	background: #191919;
	color: #fff;
	}
#homePage .pagination-links .current, .main-column .pagination-links .current{
	background: #191919;
	padding: 5px 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 8px;
	}
a.rss-image{
	background: url( style/images/rss.png ) top left no-repeat;
	width: 10px;
	height: 10px;
	margin-top: 10px;
	display: block;
	float: right;
	text-indent: -999em;
	overflow: hidden;
}

h4 a.rss-image{
	display: none;
	}
#homePage ul#activity-filter-links{
	clear: both;
	display: none;
	}
#homePage ul#activity-filter-links li a{
	float: left;
	margin: 0 5px 10px 0;
	display: block;
	height: 18px;
	background: #56aae5;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font-size: 8px;
	padding: 2px 10px;
	color: #fff;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: bold;
	}
#homePage ul#activity-filter-links li a:hover, #homePage ul#activity-filter-links li.selected a{
	background: #202020;
	color: #fff;
	}

#homePage .pag-count{
	font-size: 11px;
	}
#homePage ul#site-wide-stream{
	padding: 0 0 0 0;
	clear: both;
	}
#homePage ul#site-wide-stream li{
	margin: 30px auto;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 20px 0;
	width: 260px;
	}
#homePage ul#site-wide-stream li p{
	font-size: 11px;
	margin: 0 0 5px 35px;
	}
#homePage ul#site-wide-stream li blockquote{
	background: #eee;
	padding: 5px 15px;
	width: 190px;
	margin: 0 0 0 35px;
	}
#homePage ul#site-wide-stream li blockquote p{
	font-size: 12px;
	margin: 0 0 0 00px;
	}

#homePage #twoPointFive-section{
	width: 270px;
	float: left;
	padding: 0 20px 0 0;
	}
#homePage #twoPointFive-section .widget_bp_core_recently_active_widget .avatar-block{
	text-align: center;
	margin: 0 auto;
	width: 240px;
	}
#homePage #third-section{
	margin: 0 0 0 00px;
	float: right;
	width: 300px;
	clear: none;
	}
.widget_bp_core_whos_online_widget .avatar-block .item-avatar{
	float: left;
	margin: 0 5px 40px 5px;
	height: 50px;
	}



/* END HOME PAGE STYLES */

#mainContent{
	width: 580px;
	float: left;
	margin: 0 40px 0 0;
	}
#archiveTitle{
	background: #ddd;
	padding: 20px;
	margin: 0 0 40px 0;
	}
#archiveTitle h2{
	font-size: 22px !important;
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-bottom: 0px!important;
	}
.post, .newPost, .oldPost{
	margin: 0 0 40px 0;
	}
textarea#comment{
	width: 565px;
	}
/* -- Start Comments -- */

#mainContent div.depth-1{
	width: 540px;
	}
#mainContent div.comment.even.depth-2, #mainContent div.comment.odd.depth-2{
	margin: 0 0 20px 40px;
	width: 500px;
	background-color: #eeeeee;
	float: right;
	}
#mainContent div.comment.even.depth-3, #mainContent div.comment.odd.depth-3{
	margin: 0 0 20px 40px;
	width: 460px;
	background-color: #e1e1e1;
	float: right;
	}
#mainContent div.comment.even.depth-4, #mainContent div.comment.odd.depth-4{
	margin: 0 0 20px 40px;
	width: 420px;
	background-color: #dddddd;
	float: right;
	}
#mainContent div.comment.even.depth-5, #mainContent div.comment.odd.depth-5{
	margin: 0 0 20px 40px;
	width: 380px;
	background-color: #d1d1d1;
	float: right;
	}
#mainContent div.comment{
	background: #fff;
	padding: 20px;
	margin: 10px 0 20px 0;
	clear: right;
	}
#mainContent div.comment.thread-odd{
	background: #f8f8f8;
	padding: 20px;
	margin: 10px 0 20px 0;
	clear: right;
	}
.comment_avatar{
	float: left;
	margin: 0 20px 5px 0;
	}
.comment-author, .comment-author a{
	margin: 0 0 10px 0;
	font-weight: bold;
	}
.comment_text{
	margin: 0 0 0 70px;
	}
#mainContent div.reply a{
	padding:  2px 10px;
	height: 18px;
	display: block;
	background: #56aae5;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #50a5df;
	color: #fff;
	float: right;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: .5px;
	}
.comment_form{
	background: #fff;
	margin: 0 0 20px 0;
	clear: both;
	}
.comment_form .small_text{
	font-size: 10px;
	font-style: italic;
	}
.text_input{
	padding: 5px;
	margin: 0 0 10px 0;
	font-weight: normal;
	font-size: 16px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	width: 270px;
	}
.textarea{
	width: 525px;
	padding: 5px;
	margin: 0 0 10px 0;
	font-weight: normal;
	font-size: 16px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	}
#mainContent div.comment.thread-even.depth-1 .comment_bottom{
	width: 595px;
	height: 30px;
	margin: 0 0 20px 0;
	background: url('style/images/comment_bottom_alt.png') no-repeat;
	position: absolute;
	left: -2px
	}

/* -- End Comments -- */

p.theTime{
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 0 0 -5px 0;
	}
span#backToBlog{
	float: right;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 0 0 -5px 0;
	}
.post img, .newPost img, .oldPost img{
	float: left;
	margin: 0 20px 20px 0;
	}
.post ul li, .newPost ul li .oldPost ul li{
	border-bottom: 1px dotted #999;
	padding: 20px 0 10px 0;
	}
.post ul li h3{
	margin: 0 0 10px 0;
	}
.theTags{
	clear: both;
	padding: 20px;
	background: #e6f2ff;
	border: 1px solid #cce5ff;
	font-size: 11px;
	}
#memberProfile #mainContent{
	width: 385px;
	float: left;
	}
/*FORMS */
/**** MESSAGING *****************/

table#message-threads {
	width: 100%;
}
	table#message-threads td {
		vertical-align: middle;
		padding: 10px;
	}
		table#message-threads td p {
			margin: 0;
		}

/* .message-box -- holds each message in a thread */
div.message-box {
	padding: 15px;
	overflow: hidden;
}
	div.message-box .message-metadata {
		float: left;
		width: 100px;
	}
		div.message-box .message-metadata .avatar {
			width: 30px;
			margin-bottom: 10px;
		}
		
		div.message-box .message-metadata h3 {
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
			font-size: 1em;
			margin: 0 0 5px 0;
		}
		
		div.message-box .message-metadata small {
			font-size: 0.9em;
			color: #888;
		}
		
		div.message-box .message-metadata h3 {
			font-size: 1.1em;
		}
	div.message-box .message-content {
		margin-left: 130px;
	}

.ajax_reply {
	padding: 15px;
}

table#message-threads tr, .message-box {
	background: url(../images/message_thread_back.gif) top left repeat-x;
}

table#message-threads tr.unread {
	background-image: url(../images/message_thread_unread_back.gif);
}
	td p.date {
		color: #888;
		font-size: 0.95em;
	}
			
.avatar-box { 
	border: none !important;
}

	#main #content .avatar-box h3 {
		font: bold 1em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;;
	}
	
	.avatar-box small {
		line-height: 1.5;
		font-size: 0.9em;
		color: #888;
	}
	
#message_content_tbl { border: 1px solid #ddd; }
.mceToolbar, .mceStatusbar { background: #eee; }
.mceToolbar a { color: #bbb !important; }
		
div.ajax_reply, div.error-box {
	text-align: center;
	background: #EAF3FA;
	color: #2583AD;
}

div.error-box {
	background-image: url(../images/error_back.gif);
	background-color: #ff3a3a;
	color: #fff;
}

#send_message_form {
	margin-top: 15px;
}

#send_message_form input {
	font-size: 1.4em;
}

#send_message_form textarea {
	height: 200px;
	font-size: 1.1em;
	width: 98%;
}

#send_message_form input#send, input#send_reply_button {
	font-size: 1.2em;
	font-weight: bold;
}
	
form#send-reply textarea {
	width: 98%;
}

table#message-threads a.delete {
	overflow: hidden;
	text-indent: -999px;
	display: block;
	float: left;
	margin-top: 2px;
	background: url(../images/error_icon.gif) top left no-repeat;
	width: 12px;
	height: 13px;
}

span.unread-count {
	background: #f7740a;
	border: 2px solid #f7740a;
	padding: 0 0.5em;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	.read .unread-count { display: none; }

.messages-options {
	font: normal 0.9em "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif !important;
	text-transform: none;
	color: #888;
}
	.messages-options a { color: #888; }

.notice {
	background: url(../images/notice_back.gif) top left repeat-x;
}
	.notice h5 {
		font: normal 1.4em Georgia, Times, serif;
	}

	.notice a { color: #0051FF;}
	
form.standard-form {
		
	}
		form.standard-form label {
			display: block;
			font-weight: bold;
			margin: 10px 0 5px 0;
		}
		
		form.standard-form input[type=text], form.standard-form input[type=password] {
			width: 340px;
		}

		form.standard-form textarea {
			width: 340px;
		}
form.basic-info .register-section{
	width: 400px;
	margin: 0 auto;
	}
.register-section{
	width: 400px;
	margin: -20px auto 20px auto;
	}
.register-section div.registerItem{
	padding: 10px 20px 20px 20px;
	background: #f8f8f8;
	display: block;
	margin: 0 0 10px 0;
	}
.register-section input{
	}
.register-section label{
	width: 200px;
	display: block;
	}
.register-section h3, h3#comments, .post h3 a{
	font-size: 18px;
	text-indent: 0;
	margin: 40px 0 20px 0;
	padding: 0;
	border-bottom: 1px dotted #999;
	text-transform: capitalize;
	text-decoration: none;
	display: block;
	}
.post h3, .newPost h3, .oldPost h3{
	font-size: 18px;
	text-indent: 0;
	margin: 40px 0 20px 0;
	padding: 0;
	}
#register-page p.submit{
	text-align: center;
	width: 150px;
	margin: 0 auto;
	}

input.settings-input {
	padding: 0.2em;
	width: 65%;
	margin-bottom: 15px;
}
	input.small { width: 45%; }
	input.auto { width: auto; }

table.notification-settings {
	width: 80%;
	margin-bottom: 20px;
}
	table.notification-settings td {
		padding: 3px 0;
	}
	
	table.notification-settings th.icon {
		width: 35px;
	}
	
	table.notification-settings th.title {
		width: 80%;
	}
	
	table.notification-settings .yes, table.notification-settings .no {
		width: 40px;
	}
form#settings-form label span {
	color: #888;
	font-size: 0.9em;
}

input.settings-input {
	padding: 0.2em;
	width: 65%;
	margin-bottom: 15px;
}
	input.small { width: 45%; }
	input.auto { width: auto; }

table.notification-settings {
	width: 80%;
	margin-bottom: 20px;
}
	table.notification-settings td {
		padding: 3px 0;
	}
	
	table.notification-settings th.icon {
		width: 35px;
	}
	
	table.notification-settings th.title {
		width: 80%;
	}
	
	table.notification-settings .yes, table.notification-settings .no {
		width: 40px;
	}

input.settings-input {
	color: #777;
	font-family: inherit;
	font-size: 1.3em;
}

	table.notification-settings th {
		font-weight: bold;
	}
	
	table.notification-settings tr {
		border-bottom: 1px solid #eee;
	}
	
	table.notification-settings th.icon {
		background: center center no-repeat;
	}

	table.notification-settings .yes, table.notification-settings .no {
		text-align: center;
	}

	table#profile-notification-settings th.icon {
		background-image: url(../images/profile_bullet.gif);
	}

	table#messages-notification-settings th.icon {
		background-image: url(../images/messages_bullet.gif);
	}

	table#friends-notification-settings th.icon {
		background-image: url(../images/friends_bullet.gif);
	}

	table#groups-notification-settings th.icon {
		background-image: url(../images/groups_bullet.gif);
	}
/***
 * Profile Field Editing
 */

.editfield label {
	display: block;
	padding: 0 0 0.3em 0;
	margin: 1em 0 0 0;
}

.editfield input, .editfield select, .editfield textarea {
	width: 65%;
	padding: 0.2em;
}

.datefield select, #searchform input, input#upload { width: auto !important; }

.signup-description {
	display: block;
}

input#save, .generic-form input[type=submit], .standard-form input[type=submit] {
	width: auto;
	margin: 1.5em 0 0 0;
	font-size: 1.4em;
}

input[type='radio'], input[type='checkbox'] {
	width: auto !important;
}

.checkbox label, .radio label {
	display: inline;
	padding-right: 10px;
}

.checkbox label input, .radio label input {
	width: auto;
	display: inline;
}

span.label {
	display: block;
	padding: 0 0 0.2em 0;
}

.wrap h2 { display: none; }

#message {
	margin: 0 0 2em 0;
}
	#message p {
		padding: 1em 2.75em;
	}

	#message.info p {
		padding-left: 3.3em;
	}
	
	p.err { display: none; }

/*START MEMBERS PAGE */

#memberProfile h4{
	font-size: 18px;
	text-indent: 0;
	margin: 40px 0 20px 0;
	padding: 0;
	border-bottom: 1px dotted #999;
	text-transform: capitalize;
	}
#memberProfile h4 span#seeAll{
	font-size: 12px;
	display: block;
	float: right;
	}
#memberProfile h4 span#activity-rss a{
	font-size: 12px;
	}
#memberProfileLeft{
	float: left;
	margin: 0 25px 0 0;
	font-size: 12px;
	width: 168px;
	}
#memberProfileLeft #main{
	width: 148px;
	padding: 10px;
	background: #eee;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e1e1e1;
	}
ul.horiz-gallery {
	list-style: none;
	overflow: auto;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
	ul.horiz-gallery li {
		float: left;
		padding-right: 25px;
		text-align: center;
		width: 15%;
	}
		ul.horiz-gallery li h5 { font-size: 1em; }

	ul.horiz-gallery #mainContent img.avatar {
		border: 4px solid #f0f0f0;
	}

#memberProfileLeft img{

	}
#memberProfileLeft small{
	display: block;
	margin: 0 0 10px 0;
	font-size: 10px;
	letter-spacing: .5px;
	}
#memberProfileLeft #main ul li a{
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 5px 0;
	}
#memberProfileLeft #main ul li a:hover{
	background: #e1e1e1;
	text-indent: 10px;
	}
#memberProfileLeft #main ul li.current a{
	text-indent: 10px;
	background: #e1e1e1;
	}
.main-column{
	margin: 0 0 0 0px;
	}
#members-directory-page{
	width: 580px;
	margin: 0 40px 0 0;
	padding: 0;
	float: left;
	}
#members-directory-page img{
	margin: 0;
	padding: 0;
	}
#mainContent ul#get_options_nav{
	margin: 0 0 0 0;
	}
#mainContent ul#get_options_nav li{
	line-height: 20px;
	}
#mainContent ul#get_options_nav li a{
	float: left;
	margin: 0 10px 10px 0;
	display: block;
	height: 20px;
	background: #56aae5;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font-size: 10px;
	padding: 2px 10px;
	color: #fff;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: bold;
	}
#mainContent ul#get_options_nav li a:hover, #mainContent ul#get_options_nav li.current a, #mainContent ul#get_options_nav li.selected a{
	background: #202020;
	color: #fff;
	}
#mainContent h2, #members-directory-page h2, #homePage h2{
	font-size: 40px;
	letter-spacing: -1.5px;
	line-height: 42px;
	margin: 5px 0 10px 0;
	font-weight: bold;
	border-bottom: 1px dotted #999;
	display: block;
	text-transform: capitalize;
	}
#mainContent h2 a, #members-directory-page h2 a{
	text-decoration: none;
	}
#mainContent h2 span{
	font-size: 12px;
	float: right;
	font-weight: normal;
	}
#mainContent h2#searchResults span{
	font-size: 9px;
	float: right;
	font-weight: normal;
	letter-spacing: .5px;
	text-transform: uppercase;
	}
#mainContent div#user-status{
	background: url('style/images/statusUpdateBgTop.gif') no-repeat top #eee;
	padding: 27px 30px 10px 30px;
	margin: 0px 0 20px 0;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	}
#mainContent div#user-status span{
	font-size: 10px;
	}
#mainContent div#user-status .status-update-text{
	width: 325px;
	}
#mainContent .messages-options{
	float: right;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	}
.main-column ul#activity-list li{
	margin: 30px auto;
	border-bottom: 1px dotted #ccc;
	padding: 0 0px 30px 0px;
	width: 345px;
	}
.main-column ul#activity-list li div.activity-avatar, #homePage ul#site-wide-stream li div.activity-avatar{
	float: left;
	margin: 0 15px 0 0;
	}
.main-column ul#activity-list li p{
	margin: 0 0 0 35px;
	display: block;
	}
.main-column ul#activity-list li span.time-since{
	font-size: 10px;
	}
.main-column .info-group ul#wire-post-list{
	clear: both;
	}
.main-column .info-group ul#wire-post-list li, .main-column .info-group form#wire-post-new-form{
	margin: 30px auto;
	border-bottom: 1px dotted #ccc;
	padding: 0;
	width: 345px;
	}
.main-column .info-group form#wire-post-new-form textarea{
	width: 270px;
	margin: 0 0 10px 0;
	}
.main-column .info-group ul#wire-post-list li p{
	margin: 0;
	padding: 0;
	}
.main-column .info-group ul#wire-post-list li .wire-post-metadata, .main-column .info-group .wire-post-metadata{
	float: left;
	margin: 0 15px 0 0;
	}
.main-column .info-group ul#wire-post-list li .wire-post-content-date-author, .main-column .info-group .wire-post-content-date-author{
	font-size: 10px;
	padding: none;
	margin: 0 0 20px 65px;
	}
.main-column .info-group .wire-post-content-date-author{
	margin: 0 0 10px 0;
	}
.main-column .info-group ul#wire-post-list li .wire-post-content, .main-column .info-group .wire-post-content{
	margin: 0 0 10px 65px;
	}
#members-directory-search{
	float: right;
	display: inline;
	margin: 8px 0 0 0;
	position: relative;
	z-index: 100;
	}
.pag-count{
	font-size: 10px;
	letter-spacing: .5px;
	clear: both;
	}
#members-directory-page{
	float: left;
	}
#members-directory-listing h3{
	font-size: 1px;
	color: #fff;
	text-indent: -9999px;
	}
#members-directory-page .pag-count{
	font-size: 10px;
	margin: 10px 0 20px 0;
	letter-spacing: .5px;
	padding: 0;
	float: left;
	}
#members-directory-page .pagination-links{
	font-size: 12px;
	margin: 10px 0 20px 0;
	padding: 0;
	float: right;
	}
#members-directory-page .pagination-links a.page-numbers{
	background: #56aae5;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px;
	margin: 0 0px;
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	}
#members-directory-page .pagination-links a.page-numbers:hover{
	background: #191919;
	color: #fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	}
#members-directory-page .pagination-links .current{
	background: #191919;
	padding: 5px 10px;
	margin: 0 0px;
	font-size: 10px;
	color: #fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
#homePage .pagination-links{
	margin: 0 0 10px 0;
	}
#members-directory-page .pagination-links #member-dir-pag-bottom{
	margin: 0 0 40px 0;
	}
ul#letter-list li{
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	float: left;
	margin: 0 3px 0 3.3px;
	position: relative;
	z-index: 100;
	}
ul#letter-list li a{
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	display: block;
	font-size: 12px;
	margin: 0 3.3px 0 3.3;
	color: #202020;
	text-decoration: none;
	background: #eee;
	}
ul#letter-list li a:hover{
	background: #202020;
	color: #fff;
	}
#members-directory-page ul#members-list{
	width: 580px;
	clear: both;
	}
#members-directory-page ul#members-list li{
	padding: 0;
	margin: 0;
	font-size: 10px;
	letter-spacing: .5px;
	text-align: center;
	width: 100px;
	overflow: hidden;
	}
#members-directory-page ul#members-list li.spot_1{
	float: left;
	margin: 0 10px 40px 0;
	}
#members-directory-page ul#members-list li.spot_2{
	float: left;
	margin: 0 10px 40px 10px;
	}
#members-directory-page ul#members-list li.spot_3{
	float: left;
	margin: 0 10px 40px 10px;
	}
#members-directory-page ul#members-list li.spot_4{
	float: left;
	margin: 0 10px 40px 10px;
	}
#members-directory-page ul#members-list li.spot_5{
	float: left;
	margin: 0 0 40px 10px;
	}
.directory-featured, .directory-search{
	clear: both;
	}

#blogSideBar{
	float: right;
	width: 300px;
	}
#blogSideBar .widget{
	margin: 0 0 40px 0;
	}
.widget h3.widgettitle{
	font-size: 24px;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 30px;
	margin: 0 0 10px;
	border-bottom: 1px dotted #999;
	}
.widget_recent_comments ul li{
	display: block;
	padding: 5px 0;
	border-bottom: 1px dotted #999;
	}
.widget_recent_entries ul li a{
	display: block;
	padding: 5px 0;
	border-bottom: 1px dotted #999;
	}
.widget_bp_core_recently_active_widget .item-avatar{
	float: left;
	margin: 0 5px 40px 5px;
	height: 50px;
	}
#text-2{
	clear: both;
	}
#bottomLeaderBoardAd{
	width: 728px;
	margin: 0 auto;
	}
#footer{
	clear: both;
	background: #202020;
	padding: 20px;
	}
#footerWrap{
	width: 920px;
	padding: 0 20px;
	margin: 0 auto;
	color: #fff;
	}
#footerWrap ul#footerNav li{
	display: inline;
	margin: 0 10px 0 0;
	}
	
/* START HOME PAGE */
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	position: relative;
	width: 100%;
	z-index: 1;}
.csw {width: 100%;}
.csw .loading {margin: 0px 0 0px 0; text-align: center}
#slider1{
	width: 580px;
	position: relative;}
.stripViewer {
	position: relative;
	overflow: hidden;
	width: 580px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	clear: both;
	z-index: 1;}
.stripViewer .panelContainer { /* big long container to house end-to-end divs. Width calculated and specified by JS  */
	width: 100%;
	z-index: 1;
	position: relative;}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	position: relative;
	width: 580px; /* Also specified in  .stripViewer  above */
	height: 290px;
	z-index: 1;}		
#slider1.stripViewer .panelContainer .panel .wrapper { /* Wrapper give padding in panels, without messing with existing panel width */
	z-index: 1;
	margin: 0 0 0 0;}
#slider1 .panelContainer .panel .wrapper{
	margin: 0 0 70px 0;}
#slider1 .panelContainer .panel .LatestImage{
	height: 290px;
	overflow: hidden;}
#slider1 .panelContainer .panel .RecentWorkTextBg{
	background: #000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position: relative;
	top: -50px;
	height: 50px;
	z-index: 999;
}
#slider1 .panelContainer .panel .RecentWorkText{
	padding: 20px;
	margin: -105px 0 0 0px;
	position: relative;
	z-index: 1000;
	font-size: 18px;
	}
#slider1 .panelContainer .panel .RecentWorkText a{
	font-weight: bold;
	color: #fff;
	}
#slider1 .panelContainer .panel .RecentWorkText a:hover{
	color: #56aae5;
	}
#slider1 .panelContainer .panel .RecentWorkText span.readOnSlider a{
	font-size: 10px;
	font-family: Georgia, 'Times New Roman', serif;
	font-style: italic;
	font-weight: normal;
	}
#slider1 .panelContainer .panel .wrapper .MoreInfo{
	margin: 0 0 0px 0;}
.stripNavL{
	float: left;
	}
.stripNavR{
	float: right;
	}
.stripNavL a {
	display: block;
	text-indent: -9999px;
	background: url('style/images/sliderPrevNextBg.png') no-repeat;
	width: 290px;
	height: 33px;
	outline: none;}
.stripNavL a:hover{
	background-position: 0 -33px;
	width: 290px;
	}
.stripNavR a {
	display: block;
	text-indent: -9999px;
	background: url('style/images/sliderPrevNextBg.png') no-repeat;
	background-position: -290px 0;
	width: 290px;
	height: 33px;
	outline: none;}
.stripNavR a:hover{
	background-position: -290px -33px;
	}
/* END HOMEPAGE */