/***********************************************************
 Global Reset
************************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ul { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
q:before, q:after { content:'' }
a { text-decoration:none; outline:none; }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative }
a img { border:none }
* { outline: none; }

/***********************************************************
 Let the games begin...
************************************************************/

html {
	background: #f1f2f2;
	font: 62.5% "Trebuchet MS", Verdana, Arial, sans-serif;
}

body {
	font-size: 1.2em;
	color: #555;
	line-height: 170%;	
	margin: 0 auto;
	background:url(http://tweaktweak.com/wp-content/themes/bphome/images/bg.gif) repeat-y center #f1f2f2;
}

#wrapper{ width:1000px; margin:0 auto;}

div.clear {
	clear: both;
}

a { color: #f7740a; text-decoration: underline; }
a:hover { color: #555; text-decoration: none; }
a.selected { color: #555; text-decoration: none; }

.post p{margin:1em 0;}



/*** HEADER **********/

#header {
	padding: 0px;
}

#logo{ float:left;}
.topmenu {list-style-type: none; list-style-position:outside; position: relative; margin: 0; padding: 0;}
.topmenu li {display: block; overflow: hidden;padding: 0; cursor: pointer; float: left; height: 41px; margin-right: 0px;	background-image:url(http://humanoperatingsystem.org/wp-content/themes/bphome/images/mainnav.gif); background-repeat:no-repeat;}
.topmenu a {display:block;	height:41px; text-indent:-9999px; outline:none;}

#home {	background-position:0px 0px; width: 88px;}
#home.active, #home:hover {	background-position: 0 bottom;}

#myprofile { background-position:-88px 0px;	width: 114px;}
#myprofile.myprofileactive, #myprofile:hover {background-position: -88px bottom;}

#invite { background-position:-202px 0px; width: 78px;}
#invite.inviteactive, #invite:hover {	background-position: -202px bottom;}

#members { background-position:-280px 0px;	width: 95px;}
#members.membersactive, #members:hover { background-position: -280px bottom;}

#groups { background-position:-375px 0px; width: 92px;}
#groups.groupsactive, #groups:hover {	background-position: -375px bottom;}

#discussion { background-position:-467px 0px; width: 112px;}
#discussion.active, #discussion:hover {	background-position: -467px bottom;}

#blogs { background-position:-579px 0px;	width: 80px;}
#blogs.blogsactive, #blogs:hover { background-position: -579px bottom;}

#events { background-position:-659px 0px; width: 83px;}
#events.active, #events:hover {	background-position: -659px bottom;}

#phoenix {	background-position:-742px 0px;	width: 96px;}
#phoenix.active, #phoenix:hover { background-position: -742px bottom;}

#store { background-position:-838px 0px; width: 81px;}
#store.active, #store:hover { background-position: -838px bottom;}

#wiki { background-position:-919px 0px; width: 79px;}
#wiki.wikiactive, #wiki:hover { background-position: -919px bottom;}


/*** CONTENT **********/

#content {
	min-height:400px; padding:0px;
}

.blogheading{
	font-size:25px;	
	margin: 10px 0px 20px 12px;
	color:#d3b300;
}

h3 {
	font: normal 1.6em "Georgia", Times, serif;
	margin: 0 0 10px 0;
}

div.create-account {
	margin: 10px 0;
	text-align: right;
}





/** General STYLES *********/

.alignleft { float: left; }
.alignright { float: right; }

.spacer5{ height:5px; clear:both;}
.spacer10{ height:10px; clear:both;}
.spacer15{ height:15px; clear:both;}
.spacer20{ height:20px; clear:both;}
.spacer18{ height:18px; clear:both;}
.spacer30{ height:30px; clear:both;}
.spacer40{ height:40px; clear:both;}

.paddingLRT9{ padding:6px 9px 0px 9px;}

.paddingTB10{ padding:10px 0px 10px 0px;}

.marginR5{ margin-right:5px;}


/***** BLOG *****/
.post{ padding:0px 0px 10px 0px;}
#blogArea { width:998px; }
#blogLeftSide { width:663px; padding-left:12px; }
#blogArea #postarea{ width:660px;}
#blogArea #postarea  a{ color:#a75a00; font-size:12px; line-height:12px; text-decoration:underline; }
#blogArea #postarea  a:hover{ text-decoration:none;  }
#blogArea #postarea .comment { color:#4e4e4e; font-size:12px; line-height:12px; background:url(images/comment-icon.gif) no-repeat top left; padding:5px 7px 10px 40px; margin-left:7px; }

#blogArea #postarea .comment a{ color:#4e4e4e; font-size:12px; text-decoration:none; }

#blogArea #postarea .date { color:#4e4e4e; font-size:12px; line-height:12px; }
.postBorderR{ background:url(images/post-line-img.gif) no-repeat bottom right; padding:0px 7px 0px 0px; }

.postBorderR2{ padding:0px 7px 0px 0px; }

.postBorderL{ background:url(images/post-line-img.gif) no-repeat bottom left; padding:0px 7px; }
.clickHere{  background:url(images/blog-click-here.gif) no-repeat top left; width:164px; height:23px; padding:2px 0px 0px 5px; }
.clickHere a{ color:#282828; text-decoration:underline; }
.clickHere a:hover { text-decoration:none; }
#blogCommentArea{ width:662px;}
#blogCommentImgArea{ width:636px; background:#ffffff url(images/blog_bc_midbt.gif) repeat-x bottom left; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; padding:5px 0px 0px 24px; }
.blogCommentImgWidth{ width:65px;}
.blogCommentTxtWidth{ width:550px;}

.comment_text{ width:575px; margin:0px 0px 0px 45px; }

#blogCommentImgArea .commentHead{ color:#2060ad; font-size:14px; font-weight:bold; line-height:14px;  }
.commentHead a{ color:#2060ad; font-size:14px; font-weight:bold; text-decoration:none; }
.commentHead a:hover{ text-decoration:none; }
#blogCommentImgArea .onDate{ font-size:10px; color:#7a7c7c; }
#blogRightSide { width:303px; padding-left:20px;}
.paddingT5{ padding-top:5px; }
#blogArea .borderBottom{ border-bottom:1px dotted #ababab; }
.blogOtherPostBox{ width:303px; color:#000000; line-height:15px;}

#blogArea .h1 { font-size:18px; color:#c21781; font-weight:bold; padding:13px 0 0;  }
#blogArea .h2 { font-size:18px; color:#498e00; font-weight:bold; padding:13px 0 0;  }
#blogArea .h3 { font-size:18px; color:#0994cb; font-weight:bold; padding:13px 0 0;  }
#blogArea .h4 { font-family:"Bank Gothic",Trebuchet MS, Verdana, Arial, sans-serif; font-size:26px; color:#07749f; font-weight:normal; line-height:normal; width:600px; }

#blogArea .h4 a{ font-family:"Bank Gothic",Trebuchet MS, Verdana, Arial, sans-serif; font-size:25px; color:#07749f; font-weight:normal; line-height:26px; text-decoration:none;}

#blogArea .h5 { font-size:26px; color:#d30909; font-weight:normal; }
.blogOtherPostWidth{ width:284px;} 
.blogOtherPostBoxInner{ width:295px; margin:0 auto; padding:15px 0px 0px 0px;}

.blogOtherPostBoxInner li{ background:url(images/blog-arrow.png) no-repeat top left; padding:0px 0px 0px 15px; margin:0px 0px 5px 20px; }
.blogOtherPostBoxInner li a{ font-size:13px; font-weight:bold; color:#2060ad; text-decoration:underline; }
.blogOtherPostBoxInner li a:hover{ text-decoration:none; }
.blogTopBox{ width:140px;  }
.blogTopBox1{ width:264px; padding-left:20px; }
.blogTopBoxImgWidth{ width:79px; padding-left:5px;}
.blogTopBoxImgWidth1{ width:87px; }
.blogTopBoxTxtWidth{ width:55px; }

#author, #email, #url{ border:solid 1px #CCCCCC; padding:2px; margin:0px 0px 10px 0px;}

#comment{ border:solid 1px #CCCCCC; padding:2px; margin:0px 0px 10px 0px; width:650px; height:200px;}

.comments_tc{ background:url(images/blog_bc_tp.gif) no-repeat; width:662px; height:11px; }

.comments_bc{ background:url(images/blog_bc_bt.gif) no-repeat; width:662px; height:26px; }

.commentlist li{ margin:0px; padding:0px; list-style:none;}

.archiveHeading{color:#cc3333;font-size:26px;font-weight:bold; padding:0px 0px 25px 0px;}

/***** PROFILE *****/
.profile-tc{ 
background:url(images/profile_tc.png) no-repeat; 
width:998px; 
height:15px;
}

.profile-bc{ 
background:url(images/profile_bc.gif) no-repeat bottom; 
width:998px; 
}
#todayHack{ 
width:330px; 
margin:0px 0px 0px 25px;
}
#todayHack .imagearea{
width:134px;
float:left;
}
#todayHack .textarea{
width:155px;
float:left;
color:#3c3c3c;
font-size:12px;
padding:0 15px 0 25px;
}
#todayHack h1{
color:#c21781;
font-size:21px; 
font-weight:bold;
line-height:21px; 
}

#todayHack h2{  
color:#010101;
font-size:16px;
text-align:center;
font-weight:bold;
padding-top:5px;
}
#todayHack h3{
color:#3c3c3c;
font-size:12px;
font-family:"Trebuchet MS";
line-height:15px;
}
#featuredAudio{
width:320px; 
margin:0px 0px 0px 25px; 
font-size:10px; 
color:#7a7c7c; 
line-height:18px;
}
#featuredAudio h1{
color:#0994cb;
font-size:21px; 
font-weight:bold;
}

#featuredAudio h2{
width:120px;
color:#08110e;
font-size:12px;
padding:0px 0px 0px 15px;
line-height:15px;
}
#eventstoAttend{
width:265px; 
margin:0px 0px 0px 25px; 
font-size:12px;
line-height:14px; 
color:#7a7c7c; 
}
#eventstoAttend h1{
color:#f4941c;
font-size:21px; 
font-weight:bold;
}
.eventstoAttendDate{
color:#FFFFFF; 
background-color:#737373; 
font-size:12px; 
padding:5px;
font-family:Georgia, "Times New Roman", Times, serif; 
width:30px; 
text-align:center; 
line-height:15px; 
margin-right:10px;
}
.eventstoAttendTextWidth
{width:200px;
}
#eventstoAttend a{
color:#2160ad;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}
.popularBox{ 
width:362px; color:#000000; line-height:15px;}

.popularBox .h1{ color:#498e00; font-size:18px; font-weight:bold; padding:15px 0px 0px 0px; }

.popularBox .h2{ color:#000000; font-size:14px; font-weight:bold;}

.popularBoxWidth{ width:343px;} 

.popularBoxImgWidth{ width:66px;}

.popularBoxTxtWidth{ width:240px;}

.popularBoxInner{ width:320px; margin:0 auto; padding:15px 0px 0px 0px;}

.popularBox a{ color:#2160ad; font-size:12px; text-decoration:underline; font-weight:bold;}

.profile_tc_left{ background:url(images/profile_tc_left.gif) no-repeat left; width:19px; height:43px;}

.profile_tc_right{ background:url(images/profile_tc_right.gif) repeat-y right; height:43px;}

.blogStories{width:312px; margin-left:20px; line-height:15px; }

.blogStories .h1{ color:#d30909; font-size:18px; font-weight:bold; padding:15px 0px 0px 0px; }

.blogStoriesBoxWidth{ width:293px;}

.blogStoriesBoxInner{ width:295px; margin:0 auto; padding:15px 0px 0px 5px;}

.blogStoriesImgWidth{ width:35px;}

.blogStoriesTxtWidth{ width:255px;}

.blogStories a{ color:#2160ad; font-size:12px; text-decoration:underline; font-weight:bold;}

.blogStoriesBg{ background:url(images/myphotosbg.png) no-repeat; width:92px; height:87px; margin:0px 5px 0px 0px;}

.blogStoriesBg img{ margin:4px 0px 0px 4px;}

.blogStoriestxt{color:#7a7a7a; font-size:11px; font-weight:bold; padding:5px 0px 0px 5px; }

.greatGroups{ width:284px;  margin-left:20px; line-height:15px; color:#7a7c7c; font-size:10px; }

.greatGroupsWidth{width:265px;}

.greatGroups .h1{ color:#694db4; font-size:18px; font-weight:bold; padding:15px 0px 0px 0px; }

.greatGroupsBoxInner{ width:250px; margin:0 auto; padding:15px 0px 0px 10px;}

.greatGroups a{ font-size:12px; color:#2160ad; text-decoration:underline; font-weight:bold;}

.greatGroupsImgWidth{ width:65px;}

.greatGroupsTxtWidth{ width:180px;}

.greatGroupsTxt{ font-size:12px; color:#000000; }

.boxBorderLR{ border-left:solid 1px #d5d5d5; border-right:solid 1px #d5d5d5;}

.profile_bc_left{ background:url(images/profile_bc_left.gif) no-repeat left; width:19px; height:5px;}

.profile_bc_right{ background:url(images/profile_bc_right.gif) repeat-y right; height:5px;}

.profile_midbg{ background:url(images/profile_midbg.gif) bottom repeat-x;}

.memberinfo{ color:#7a7c7c; font-size:10px;}

.memberinfo a{ color:#7a7c7c; text-decoration:underline; font-size:10px; font-weight:normal;}

.border1{ background-color:#eaeaea; height:1px; margin:15px 0px 5px 0px;}

/***** FOOTER *********/

#footer {
	font-family:'Tahoma', Verdana, Arial, sans-serif;
	color:#3a3a3a;
	font-size:11px;
	border:solid 2px #d3d1cd;
	border-left:none;
	border-right:none;
	padding:10px 0px 15px 0px;
}

#footer a{ color:#3a3a3a; text-decoration:none;}

#footerCopy{ color:#777878;}

#footerCopy a{ color:#777878; text-decoration:underline; font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}

#footer a:hover{ text-decoration:underline;}

#rpx_comment_hint{ display:none;}

.footerSerator{ padding:0px 8px 0px 8px;} 



.comingsoon{ color:#000; font-size:25px; font-weight:bold; text-align:center; padding:150px 0px 150px 0px; }


#bpdev-search, #bpdev_admin-subscribe_links{display:none !important;}


div#directory-main {
	padding-top:30px;
}

div#directory-sidebar {
	padding-top:30px;
}


.content-header{ clear:both;}

#bpdev-search, #bpdev_admin-subscribe_links{display:none !important;}


.loginBar{ float:right; padding:0px 25px 0px 0px; margin-top:2px;}

.loginBar a{ color:#FFFFFF;}

.search-login-bar-cl{background:url(../images/login-bar-cl.png) no-repeat; width:3px; height:40px;}

.search-login-bar-middle{background:url(../images/login-bar-bg.png) repeat-x; height:40px;}

.search-login-bar-cr{background:url(../images/login-bar-cr.png) no-repeat; width:3px; height:40px;}


#wp-submit{background:url(../images/wp-submit.png) no-repeat; border:none; cursor:pointer; width:52px; height:24px; text-indent:-999px;  }

#signup-submit{background:url(../images/signup-submit.png) no-repeat; border:none; cursor:pointer; width:110px; height:24px; text-indent:-999px; margin-left:5px;}

.bp-login, .bp-signup{display:none !important;}


#sidebar {
float:left;
width:280px;
margin-left:40px;
}
#sidebar ul{ padding:0px; margin:0px; list-style:none;}
#sidebar ul li{ padding:0px 0px 15px 0px;}
#sidebar ul li h2.widgettitle{ font-size:20px; color:#498e00; padding-bottom:10px;}
#sidebar ul li h2
{ font-size:20px; color:#498e00; padding-bottom:10px;}

#sidebar ul li#tag_cloud a{ color:#A0A0A0;}


#sidebar ul li ul li{ padding:0px 0px 0px 15px; margin:0px 0px 5px 20px;}

.findmemberssearch{
background:transparent url(http://humanoperatingsystem.org/wp-content/bp-themes/bpmember/images/membersearchbg.jpg) no-repeat scroll 0 0;
height:29px;
padding:3px 0 0 2px;
width:190px;
}

.findmemberssearch input{
border:none;
background:none;
color:#A09F9F;
font-family:"Trebuchet MS";
font-size:15px;
padding:0 0 0 5px;
width:185px;
}

.findmemberssearchpost{padding:2px 0 0 10px;}


#sidebar ul li ul li{ background:url(images/blog-arrow.png) no-repeat top left; }
#sidebar ul li ul li a{ font-size:13px; font-weight:bold; color:#2060ad; text-decoration:underline; }
#sidebar ul li ul li a:hover{ text-decoration:none; }

#postnew{}
#postnew h3{font-size:20px; color:#343939; margin:0px; padding:0px; font-family:"Trebuchet MS";}
#postnew h3 a{font-size:20px; color:#343939; margin:0px; padding:0px;font-family:"Trebuchet MS"; text-decoration:none;}
#postnew small{ font-size:11px; color:#a4a9a9;}
#postnew a{ color:#2060AD; text-decoration:none;}
#postnew a:hover{ text-decoration:underline;}