/* General Page Styles */
body, html {
	height: 100%;
}

body {
	background: #FFFFFF url('/static/images/bg4.jpg') repeat-x;
	background-attachment: fixed;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
small{
	display:block;
	font-size:12px;
	overflow:hidden;
	width:auto;
}
textarea, 
input{
	font:normal 12px/15px Arial,sans-serif;
	letter-spacing: 0.01em;
}

a:link, a:visited {
	color: #1873DF;
	text-decoration: none;
}

a:hover {
	color: #DE2911;
	text-decoration: underline;
}

.sgala a:hover{
	color: #DE2911;
	text-decoration: none;
}

.pm { /* p margin - temp */
	margin: 8px 5px 8px 5px;
}

.adblock {
	background-color: #FFFFFF;
	margin: 0 0 10px 0;
	padding: 0;
}

.ublock {
	background-color: #uFF;
	margin: 0 0 10px 0;
	padding: 0;
}

.clear {
	clear: both;
	height: 10px;
}

.cleara {
	clear: both;
	height: 0;
	line-height: 0;
}
/* End - General Page Styles */

/* Top / Bottom Background Images */
.topbg {
	height: 100%;
	background: url('/static/images/topbg.jpg') repeat-x;
}

.bfad {
	min-height: 100%;
	background: url('/static/images/fbg.jpg') repeat-x;
	background-position: bottom center;
	padding-bottom: 30px;
}
/* End - Top / Bottom Background Images */

/* Main Template Wrapper */
.wrapper {
	width: 950px;
	background-color: #F0F0F0;
	text-align: left;
	margin: 0 auto;
}

.container {
	xxwidth:100%;
	display:block;
}
/* End - Main Template Wrapper */


/* Header / Header Element Styles */
#header {
	background: url('/static/images/topbg.jpg') repeat-x;
	position: relative;
	height: 82px;
	margin: 0;
	z-index: 10;
}

#header-flash{
	margin:0;
}

#header img {
	float: left;
	position:absolute; top:1px;
}

.tnav {
	font-family:verdana;
	position: relative;
	left: 0px;
	top: 12px;
	z-index: 55;
}

.tnav ul {
	list-style: none;
	left:370px;
	position:relative;
	margin: 40px 0 0 0;
	padding: 0 0 5px 0;
	width:605px;
}

.tnav li {
	display: inline;
	float:left;
	font-weight:900;
	font-size: 15px;
	word-spacing: -2px;
	margin: 0 15px 0 0;
	padding: 0;
}

.tnav img {
	margin: 0 3px 0 2px;
}

.tnav a:link, .tnav a:visited {
	color: #1873DF;
	text-decoration: none;
}

.tnav a:link strong, a:visited strong {
	xcolor: #6699EE;
}

.tnav a:hover strong {
	color: #FF6633;
}

.tnav a:hover{
	color: #DE2911;
	text-decoration: none;
}

.tnavb {
	font-family:verdana;
	position: absolute;
	z-index:60;
	width:210px;
	right: 10px;
	background: url('/static/images/user-nav-blue-bg.gif') top left no-repeat; /*/copy http://jonathan.sandbox.growingbolder.com/header/user-nav-bg.jpg to server*/
}

.tnavb ul {
	list-style: none;
	height:25px;
	float: right;
	margin: 0;
	padding: 0 0 5px 0;
}

.tnavb li,
.tnavb h3{
	display: inline;
	font-weight: bold;
	line-height: 30px;
	font-size: 15px;
	word-spacing: -2px;
	margin: 0 12px 0 0;
	padding: 0 0 0 5px;
}.tnavb a{
	position: relative;
	z-index: 50;
}

.tnavb img {
	margin: 0 3px 0 2px;
}

.tnavb li a:link, .tnavb li a:visited, 
.tnavb h3 a:link, .tnavb h3 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.tnavb li a:hover 
.tnavb h3 a:hover {
	color: #fcd253;
	text-decoration: none;
}

.thead img {
	margin: 0 5px 0 10px;
	display: inline;
}

.tad {
	padding-left: 66px;
	padding-bottom: 8px;
}

.headerday {
	position: relative;
	left: 74px;
	top: 10px;
	z-index:51;
}

.headerday small {
	font-size: 9px;
	margin: 0;
	
}
/* End - Header / Header Element Styles */

/* Blue Title Bar - Max Width 550px */
.hbga, .ablock h3, .bbright h3, .bbleft h3 {
	background:#2F82EA url('/static/images/rbar.png') no-repeat top right;
    margin: 0;
    padding: 0;
	line-height: 25px;
	padding: 0 10px 0 5px;
}

.hbga {
	background-position: top left;
    margin-right: 0;
    padding-right:0;
    position:relative;
    clear:both;
}
p.aboutme{
	padding: 10px;
	margin: 0;
}
.carea {
	position: static;
	background-color: #fff;
	min-width: 150px;
	border-right: 1px solid #3182EB;
	border-left: 1px solid #3182EB;
	border-bottom: 1px solid #3182EB;
	padding-top:5px;
	}.carea form{
		margin:0px 10px 0px 10px;
	}

.carea hr{
	display:block;
	clear:both;
	border:0px; width:95%;
	border-bottom:1px solid #cccccc;
}
.careab {
	background-color: #fff;
	min-width: 150px;
	padding: 5px;
	border-right: 1px solid #3182EB;
	border-left: 1px solid #3182EB;
	border-bottom: 1px solid #3182EB;
}

.careas {
	background-color: #fff;
	min-width: 150px;
	padding: 5px 0px 5px 3px;
	border-right: 1px solid #3182EB;
	border-left: 1px solid #3182EB;
	border-bottom: 1px solid #3182EB;
}

.careas p {
	margin: 3px 0 5px 0;
}

.careas hr {
	background-color: #cccccc;
	width: 100%;
	color: #cccccc;
	height: 1px;
  	border: 0;
}

.careabb {
	min-width: 215px;
	border-right: 1px solid #3182EB;
	border-left: 1px solid #3182EB;
	border-bottom: 1px solid #3182EB;
}

.ablock {
	background-color: #fff;
	margin: 0 0px 10px 0;
	padding: 0;
	position: static;
}
.poo {
	margin: 0 24px 10px 0;
}

.adblock h3 {
	background: #fff url('/static/images/tbar.jpg') repeat-x;
	line-height: 25px;
	display: block;
	font-size: 16px;
	text-indent: 5px;
	color: #FFFFFF;
	margin: 0;
}

.ablock h3 {
	background-position: top right;
	color: #FFFFFF;
	font-size: 16px;                
    border: 0;                
    line-height: auto !important; 
    height: 1%;
}
/* End - Blue Title Bar - Max Width 550px */

/* Orange Title Bar - Max Width 413px */
.hbgb, .bblock h3 {
	background: transparent url('/static/images/orgbar.png') no-repeat bottom right;
    margin: 0;
    padding: 0;
	line-height: 25px;
}

.hbgb {
	background-position: top right;
    margin-right: 0;
    position: relative;
}

.bbarea {
	min-width: 160px;
	border-right: 1px solid #FFBE00;
	border-left: 1px solid #FFBE00;
	border-bottom: 1px solid #FFBE00;
}

.bbareab {
	min-width: 215px;
	border-right: 1px solid #FFBE00;
	border-left: 1px solid #FFBE00;
	border-bottom: 1px solid #FFBE00;
}

.bblock {
	background-color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
}

.bblock h3 {
	background-position: top left;
	color: #FFFFFF;
	font-size: 16px;                
    border: 0;                
    line-height: auto !important; 
    height: 1%;
    margin-right:4px;
    padding-left:10px;
}
/* End - Orange Title Bar - Max Width 413px */

/* Orange Sub Title Bar - Max Width 195px */
.bbleft {
	float: left;
	background-color: #fff;
	width: 217px;
	margin: 0 0 10px 0;
	padding: 0;
}

.bbleft h3 {
	xbackground-position: top left;
	color: #FFFFFF;
	font-size: 16px;                
    border: 0;                
    line-height: auto !important; 
    height: 1%;
}

.bbright {
	float: right;
	background-color: #fff;
	width: 217px;
	margin: 0 0 10px 0;
	padding: 0;
}

.bbright h3 {
	xbackground-position: top left;
	color: #FFFFFF;
	font-size: 16px;                
    border: 0;                
    line-height: auto !important; 
    height: 1%;
}
/* End - Orange Sub Title Bar - Max Width 195px */

/* Red Title Bar - Max Width 369px */
.hbgc, .cblock h3 {
	background: transparent url('/static/images/redbar.png') no-repeat bottom right;
    margin: 0;
    padding: 0;
	line-height: 25px;
	text-indent: 5px;
}

.hbgc {
	background-position: top right;
    margin-right: 0;
    padding-right: 10px;
}

.ccarea {
	min-width: 158px;
	border-right: 1px solid #E62A4D;
	border-left: 1px solid #E62A4D;
	border-bottom: 1px solid #E62A4D;
}

.cblock {
	background-color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
}

.cblock h3 {
	background-position: top left;
	color: #FFFFFF;
	font-size: 16px;                
    border: 0;                
    line-height: auto !important; 
    height: 1%;
}
/* End - Red Title Bar - Max Width 369px */

/* Read More Options */
.morec {
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.more-forum{
	float: right;
	margin: 10px 0px 0px 0px;
}
.morer {
	text-align: right;
	font-weight: bold;
	padding: 5px;
}
.forumThread{
	margin-top: 15px;
}
.mopt {
	float: left;
	display: inline;
}
/* End - Read More Options */

/* Footer / Footer Element Styles */
#footer {
	clear: both;
	float:both;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 15px;
}

#footer small {
	font-size: 9px;
}

.fnav {
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
}

.fnav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 8px 0;
}

.fnav li {
	display: inline;
	margin: 0;
	padding: 0;
}

.fnav a:link, .fnav a:visited {
	color: #1873DF;
	text-decoration: none;
}

.fnav a:hover {
	color: #DE2911;
	text-decoration: none;
}
/* End - Footer / Footer Element Styles */

/* Comment Post */
#commlink {
	text-align: right;
	font-weight: bold;
	margin: 0 5px 0 0;
}

#postcomm {
	margin: 5px 5px 5px 5px;
	background-color: #F1F1F1;
	border: 1px solid #cccccc;
}

#postcomm h4 {
	margin: 0 15px 6px 15px;
	padding: 8px 0 2px 0;
	border-bottom: 1px dotted #cccccc;
}

#postcomm p {
	margin: 0;
	padding: 5px;
}

#postcomm .ins {
	width: 191px;
	padding: 3px;
	color: #444;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
		
#postcomm .text_area {
	width: 321px !important;
	margin: 0 10px 0 10px;
}
	
#postcomm .ins:focus {
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#postcomm .sub {
	padding: 0.4em 4px;
	background: url('/static/images/submit_bg.gif');
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	word-spacing: -1px;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	margin: 10px 15px 0 15px;
}

#postcomm .morer {
	padding: 5px;
	cursor: pointer;
}

.comend {
	clear: both;
	text-align: center;
	margin: 0 auto;
	padding: 3px 0 5px 0;
}

.comend hr {
	background-color: #cccccc;
	width: 80%;
	color: #cccccc;
	height: 1px;
  	border: 0;
}

.comments {
	padding: 0;
	border: 0;
}

.comments ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comments li {
	display: block;
}

.member {
	width: 20%;
	float: left;
	text-align: center;
	margin:5px 10px auto 0px;
}
.member span{
	font:normal 12px/14px Verdana;
}
.member a:hover{
	text-decoration: none;
}
.comment{
	min-height: 95px;
	white-space: normal;
	margin: 0 0 0 130px;
}

.comment p{
	margin: 0 0 5px 0;
}

.compad {
	padding: 5px;
}
.comment{
	padding-bottom:4px;
}
.comments .comment{
	padding-bottom: 10px;
}
.comment .iact{
	float: right;
	clear:none;
}

.comment-body{
	overflow:hidden;
	padding:0px 10px 0px 10px!important;
	margin-bottom:10px;
	display:block;
	z-index: 1;
	position:relative; /*need this so the 'slide toggle' knows where to hover*/
}

.slide-toggle{ /*used in conjunction with comment-body*/
	width:100%;
	height:20px;
	z-index:99;
	position:absolute;
	bottom:0px;
	background-color:#FFFFFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	vertical-align:middle;
	border-top: 1px #cccccc dotted;
	cursor:pointer;
}
/* End Comment Post */

/* Message Post for Mail, Forum and Blog */
.postto {
	margin: 0;
	padding: 10px;
	background-color: #F1F1F1;
	border: 1px solid #cccccc;
}

.postto h4 {
	margin: 0 15px 6px 15px;
	padding: 8px 0 2px 0;
	border-bottom: 1px dotted #cccccc;
}

.postto p {
	margin: 0;
	padding: 5px;
}

.postto .ins {
	padding: 3px;
	color: #444;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
	
.postto .ins:focus {
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.postto .sub {
	padding: 0.4em 4px;
	background: url('/static/images/submit_bg.gif');
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	word-spacing: -1px;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	margin: 10px 0 0 0;
}

.postto .morer {
	padding: 5px;
	cursor: pointer;
}
/* End - Message Post for Mail, Forum and Blog */

/* Sign In Module */
.searchmod {
	padding: 5px;
}

.searchmod p {
	margin: 0 0 5px 0;
}

.searchmod input {
	width: 95%;
}
/* End - Sign In Module */

/* Poll Test */
.poll {
	width: 148px;
}

.poll table {
	margin: 5px;
	border: 1px solid #CCCCCC;
}

.poll td {
	background-color: #F1F1F1;
	padding: 3px;
}

.poll img {
	width: 50%;
	height: 12px;
}
/* End - Poll Junk */

/* Friends Module */
.frimod {
	padding: 0 12px 0 12px;
}

.frimod p {
	margin: 0;
	padding: 5px;
}

.frimod small {
	font-size: 10px;
}

.flist {
	margin: 0 auto;
	padding: 0;
}

.flist ul, .flist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	float:left;
}

.titlepublic{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.thm-wrap{ /*.flist a, */
	display:block;
	float: left;
	width: 100px;
	padding: 5px 9px !important;
	text-align: center;
	text-decoration: none;
}
#groups .flist a,
#communities .flist a,
#friends .thm-wrap{ /* .flist a, */
	height:165px;
}
#friends .arrangable-list .placeholder{
	background: url('/static/images/global/flist-placeholder.gif') no-repeat top left;
	position:relative;
}
.flist .placeholder *{
	visibility: hidden;
}
.flist .placeholder .position{
	display:block;
	font-family:arial;
	font-size:45px;
	font-weight:bold;
	position:absolute; left:0; top:0;
	text-align:center;
	visibility:visible;
	margin-top:90px;
	width:118px;
	color:#FFFFFF;
}
#friends .arrangable-list li{
	background: transparent url('/static/images/global/flist-li-border.gif') no-repeat top left;
}

.flist .top{
	background: #80baff;
}

.flist a:hover {
	text-decoration: none;
}

.flist .obj-action-menu li{
	text-indent:25px;
	line-height:25px;
}

.flist img {
	margin-top: 5px;
}
/* End - Friends Module */

.intro {
	font-size: 12px;
	padding: 10px 5px 10px 5px;
}

/*.nopad { JP IF THIS IS NEW, I MADE THIS CLASS A BIT AGO -- HAS NO PADDING AT ALL IN GLOBAL.CSS
	padding: 10px 0 10px 0;
}*/

.fvpad {
	padding: 5px 0 10px 0;
}

.fvlist {
	list-style-type: none;
	margin: 0;
	padding: 5px;
}

.fvlist li {
	xmin-height: 67px;
	display: block;
	margin-bottom: 5px;
}

.fvlist p {
	padding-right: 5px;
}


.fvlist li.half{
	float:left; clear:none;
	width:50%; height:140px;
}

.fvlist small{
	font-size:12px; font-weight:bold;
	color:#CC3333;
}

.fvlist li p{
	margin: 2px 0 0 0;
}


.fvlist img {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.fvlist hr{
	display:block;
	clear:both;
	border:0px;
	border-bottom:1px solid #1f76e0;
}
.rphoto {
	padding: 5px 5px 0px 5px;
}

.rplist {
	float: left;
	list-style-type: none;
	/*margin: 0 0 0 5px;*/
	padding: 0;
}

.rplist li {
	xdisplay: inline;
	float:left;
	
}

.rplist img {
	margin:2px;
}

.mport {
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}

.procomm {
	padding: 5px;
}

.blue{
	color:#1873DF;
}
hr.end{
	float:both; clear:both;
	padding-top: 5px;
	width:100%;
	background-color: transparent;
	border:none;
	border-bottom:1px solid #CCCCCC;
}
.hidden{
	display: none;
}

#logout{
	}#logout a{
	display:block;
	position:absolute;
	top:0px; right:-17px;
	width:17px; height:17px;
	background: #00F;
	z-index: 60;
	text-indent: 17px;
	text-align: center;
	overflow: hidden;
	background: url('/static/images/user-nav-red-bg.gif') right top no-repeat;
	}#logout a:hover{
	padding-right:30px;
	width:197px; height:30px;
	}


/* Sign In Module */
.signmod {
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	background: #FFF;
	border:1px solid #0000FF;
	position: absolute;
	top:25px;
	right:0px;
	z-index:80;
	width:150px;
}.ccarea .signmod{
	position: static;
	width:147px;
	border:1px solid #FF0000;
}.tnavb .signmod{
	border: 1px solid #00F;
	top:-5px;
	z-index:80;
}
.signmod form input{
	width:145px;
}


object{
	margin:0 2% 0 2%;
	max-width:95%;
}

body li.clear,
body div.clear{
	visibility: hidden;
	height: 1px; line-height:1px; width:100%;
	margin: 0; padding: 0;
	clear:both; float:none;
	border: none;
}

img.section-icon{
	position:absolute;
	top:105px; left:0px;
	width:160px; height:40px;
	margin:0px;
}
.section-thm{
	display:block;
	width:160px; height:120px;
}.section-thm img{
	height:120px;
}

.left{
	float:left;
}

.plugl{
	width:190px;
}
.zoom{
	display: block;
	float:right;
	clear:both;
}
h1{
	margin-top:0px;
}
.badges{
	display: block;
	clear:both; float:both;
	margin:0; padding:0;
	
	list-style: none; 
	}.badges li{
		float:left;
		margin:0 6px 5px;
	}.badges img{
		border:0px;
	}

body .content-list .clear{
/*	visibility: visible;*/
	width:100%
}
body .flist .clear{
	visibility: hidden;
}
	
.sptitle{
	float:left;
}

.bsdesc .sdesc{
	font-weight: bold;
}

.shomedia p{
	margin:15px 10px 10px 10px;
}
.wwhnotes{
	padding:0 10px 0 10px;

	}.wwhnotes .plugl{
		width:120px;
	}.wwhnotes .plugi{
		width:17px;
	}.wwhnotes a img{
		width:100%;
		height:auto;
	}
.btn {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
	
.btn .group-btn {
	background:transparent url('/static/images/obj-list/creategroup_btn.gif') no-repeat scroll top left;
	display:block;
	height:42px;
	line-height:42px;
	overflow:hidden;
	text-indent:280px;
	width:280px;
	margin:0px 0px 10px 0px;
}
.btn .album-btn{
		background:url('/static/images/obj-list/addalbum_btn.gif') no-repeat;
		display:block;
		width:259px; height:42px;
		overflow:hidden;
		text-indent:259px;
		line-height:42px;
}
.btn .media-btn{
		background:url('/static/images/obj-list/addmedia_btn.gif') no-repeat;
		display:block;
		width:259px; height:42px;
		overflow:hidden;
		text-indent:259px;
		line-height:42px;
}
.probc table{
	width:96%;
	}.probc table td{
		border:2px solid #fff;
	}
	
careas embed,
careas object{
	width:275px;
}
.filler{
	float:right; clear:none;
	width:160px; height:280px;
}