/* ************************ MAIN ************************
body class is in ie and ff specific css files
*/

input[type="submit"] {
  color:#ffffff;
  float: right;
  padding: 2px 12px;
  font: bold 100% 'trebuchet ms',helvetica,sans-serif;
  background-color:#7a0000;
  margin: 2px;
  border: 1px solid #666666;
}

input[type="submit"]:hover {
  color:#ffffff;
  float: right;
  padding: 2px 12px;
  font: bold 100% 'trebuchet ms',helvetica,sans-serif;
  background-color: orange;
  margin: 2px;
  border: 1px solid #7a0000;
}

input[type="submit"]:active {
  color:#ffffff;
  float: right;
  padding: 2px 12px;
  font: bold 100% 'trebuchet ms',helvetica,sans-serif;
  background-color: #000000;
  margin: 2px;
  border: 1px solid #d1d1d1;
}


.pad12	{
	padding: 12px;
}

.left	{ text-align: left; }
.center	{ text-align: center; }

input[type="text"]	{
	padding: 2px;
	background-color: #D1D1D1;
	border: 2px solid #666;
	
}

p	{
	font-family: Arial, Verdana;
	font-size: 10pt;
	margin: 0px;
}

H1	{ 
	font-family: Trebuchet MS, Myriad Pro, Arial, Verdana;
	font-size: 22px;
	color: #f4ee05;
	margin: 0px 0px 8px 0px;
}

H2, H3 { 
	font-family: Trebuchet MS, Myriad Pro, Arial, Verdana;
	font-size: 1.4em;
	color: #f15e28;
	margin: 0px;
}

H4, H5 { 
	color: #ffffff;
	font-size: 16px;
	margin-bottom: 0em;
	margin-left: 0em;
	background-color: #7a0000;
	z-index: 2;
	padding: 4px;
}

.info-box {
	border: 1px solid #cccccc;
	padding: 4px;
	z-index: 0;
	font-size: 12px;
}

.help-box {
	border: 1px dashed #111111;
	background-color: #333333;
	padding: 8px;
	height: auto;
}

a, a:visited { color: #ff0000;
	text-decoration: none;
}
a:hover {color: #ff0000;
	text-decoration: underline;
}


div#loginlinks	{
	color: #d1d1d1;
	font-size: 11px;
	text-align: right;
	padding: 6px;
}

div#loginlinks a	{
	color: #d1d1d1;
}


div#ride-type-icons	{
	float: right;
	padding-top: 25px;
	font-size: 18px;
}


div#nav	{
	padding: 12px;
	height: 20px;
	background-color: #62180d;
		  box-shadow:10px 10px 10px #000;
		-webkit-box-shadow:10px 10px 10px #000;
		-moz-box-shadow: 10px 10px 10px #000;
}


div#content{
	width: 940px;
	margin-top: 25px;
	text-align: left;
	height: auto;
}

div#footer {
	border-top: 2px solid #c22001;
	margin-top: 100px;
	height: 500px;
	line-height: 2em;
}



.user-home	{
	width: 400px;
	float: left;
	padding: 10px;
	margin: 10px;
}



.pagnum	{
	padding: 0px 6px 6px 6px;
	margin: 6px 3px;
}

#pagnumon	{
	border: 1px solid #7a0000;
	width: 25px;
	padding: 0px 6px 0px 6px;
	background-color: #c1c1c1;
}



/* ************************ USERS ************************ */


.nologinstamp {
	background-color: #333333;
	padding: 5px;
	float: left;
	width: 100px;
	margin: 3px;
	text-align: center;
	border: 1px solid #7a0000;
}

.loginstamp {
	background-color: #d1d1d1;
	padding: 6px;
	float: left;
	height: 160px;
	margin: 3px;
	text-align: center;
	border: 1px solid #333333;
}

.loginstamp img{
	border: 1px solid #333333;
}

.loginstamp a{
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Verdana, sans-serif;
}
/* ************************ BLOG ************************ */

.durb-blogwrapper	{
	width: 540px;
	background-color: green;
}

.durb-blognav {
	float: right;
	width: 220px;
}

.durb-blogmain {
	width: 460px;
	float: left;
	text-align: left;
}

.durb-blogpost {
	width: 540px;
	margin-bottom: 65px;
	border: 1px solid #333333;
	background-color: #111111;
}

.durb-blogposttitle	{
	color: #ffffff;
	font-size: 20px;
	padding: 4px;
}

.durb-blogposttitle a	{
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	padding: 5px;
}
.postcredits{
	float: right;
}

.durb-blogpostdate{
	color: white;
	font-size: 10px;
	padding: 2px 12px 2px 12px;
	clear: left;
}
.durb-blogpostbody {
	clear: left;
	padding: 1em;
	line-height: 1.6em;
}

.durb-blogpostfooter{
	padding: 2px 12px 2px 12px;
	display: block;
	border-bottom: 2px dotted #666;
	clear: both;
}
.blogpostcommentheader{
	padding: 4px;
	font-size: 18px;
	color: #02c8f7;
	background-color: #333333;
}

.drb-blogrecentposts {
	position: relative;
	width: 220px;
	z-index: 20;
	font-size: 10px;
	background-color: #111;
	border: 1px solid #222;
	padding: 0px;
	float: right;
}

.drb-blogrecentposts a {
	border-top: 1px solid #333333;
	padding: 6px;
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding-bottom: 11px;
	background-color: #111;
	border: 1px solid #222;
}

.drb-blogrecentposts a:hover	{ text-decoration: underline;}

.drb-blogrecentposts h2 {
	color: #f15e28;
	font-size: 18px;
	margin: 6px;
}


.blogpostbottom {
	clear: both;
}

/* ************************ COMMENTS ************************ */
.comment{
	padding: 4px;
	margin-bottom: 15px;
	border: 1px solid #7a0000;
	background: #d1d1d1;
	width: 690px;
}

.commentDate {
	float: left;
	padding: 12px 0px 0px 12px;
	font-size: 10px;
	color: #ffffff;
	width: 520px;
	margin-bottom: -8px;
}

.commentFooter {
	clear: both;
}

.commentText	{
	padding: 0px 0px 0px 12px;
	float: left;
	width: 520px;
}


/* ************************ profile ************************ */


.profileLinkBoxRight	{
	padding-left: 12px;
	margin-left: 20px;
}

.profileLinkBoxRight	a {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	margin-left: 0px;
}

.userListBox	{
	margin: 10px 10px 0px 0px;
	padding: 6px;
	width: 280px;
	float: left;
	min-height: 128px;
	background-image: url('https://stainedskin.com/images/bg_browse.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	color: #333333;
}

.userListBox	img{
	border: 1px solid #ffffff;
}

.friendsRequireAction	{
	width: 700px;
}

.friendsSpecificLoginActions	{
	text-align: center;
}

.friendsMain	{
	width: 940px;
	padding-top: 20px;

}

.profile {
	width: 940px; /* doesn't matter because the grid holds it at 940 */
}
.profilesHeader{
	margin-top: 20px;
	height: 120px;
}

.profilesHeaderURL	{
	font-size: 10px;
	float: right;
	padding-top: 2px;
}

.profilesThumbnail {
	float: left;
	margin: 8px 8px 8px 0px;
}
.profilesOnline{
	float: right;
}
.profilesNav {
	margin-bottom: 4px;
	clear: both;
}

.profilesNav a{
	padding: 4px 20px;
	background-color: #333333;
	color: white;
	text-decoration: none;
}
.profilesNav a:hover {text-decoration: underline;}

#profilesNavOn {
	background-color: #ca2128;
}

.profilesHeaderMain {
	display: block;
	height: auto;
	background-color: #000000;
}

div#profilesHeaderLeft	{
	width: 500px;
	float: left;
}
div#profilesHeaderLeft	img {
	border: 1px solid white;
}


div#profilesHeaderRight	{
	width: 380px;
	float: right;
}

.profilesHeaderUsername{
	font-weight: bold;
	font-size: 24px;
	margin-left: 6px;
}
.profilesHeaderQuote{
	font-style: italic;
	font-size: 16px;
	margin-bottom: 20px;
	margin-left: 6px;
	margin-top: 3px;
}

.curly	{
	font-size: 18px;
}


.profilesHeaderLinks{
	margin-left: 6px;
	float: right;
}

.profilesFooter {
	clear: both;
}
.profilesBody {
	_idth: 900px;
	_order: 1px dotted yellow;
	
}
.profilesMain{
	border: 1px solid #333333;
	width: 940px;
}
.profileSummary{
	background-color: white;	
}
.profileVariable {
	font-weight: bold;
}
.profileSummaryBody {
	width: 515px;
	float: left;
	padding: 10px;
}

.profileSummaryImage{  /*big main photo on right*/
	text-align: right;
	float: right;
	width: 400px;
}	

.profileSummaryRightUnderPhoto	{
	float: right;
	width: 400px;
	_order: 1px solid yellow;
}



.profileSummaryHeader	{
	color: #7a0000;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 5px;
	font-weight: bold;
}

.imagesSummaryHeader, .friendsSummaryHeader, .groupsSummaryHeader, .commentsSummaryHeader, 
 .testimonialsSummaryHeader, .imageCommentHeader{
	color: #ffffff;
	background-color: #ca2128;
	border-top: 1px dashed #cccccc;
	margin-top: 25px;
	margin-bottom: 15px;
	padding: 5px;
	font-weight: bold;
}

.imagesSummary, .profileSummary, .friendsSummary, .groupsSummary, .commentsSummary, .testimonialsSummary{
	width: 940px;
	_ackground-color: #000000;	
}


.imagesSummaryImages {
	padding: 10px;
}

.friendsSummaryImages {
	padding: 10px;
}

.profileSummaryImages {
	padding: 10px;
	}
	
.friendsSummaryImages {
	padding: 10px;
	}

.groupsSummaryImages {
	padding: 10px;
	}

.commentsSummaryImages   {
	padding: 10px;
}

.garageSummaryImages   {
	padding: 10px;
}


div#groupListStamp	{
	margin-bottom: 20px;
	padding: 6px;
	height: 130px;
	background-image: url('https://stainedskin.com/images/bg_browse.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	color: #333333;
}

div#groupListStamp img {
	border: 1px solid white;
}

div.groups-left	{
	width: 480px;
	float: left;
	padding: 10px;
	border: 1px solid #7a0000;
}

div.groups-right	{
	width: 400px;
	float: right;
}

.smallest	{
	font-size: 10px;
	padding-left: 10px;
	color: #000;
}

.white	{
	color: #fff;
}

.thread-started-date	{
	font-size: 10px;
	color: #aaaaaa;
}

div#flashcontent	{
	margin-top: 20px;
}

div#twit	{
	padding-top: 15px;
	z-index: -1;
}




/*************   user signup forms *****************/


.spacer{clear:both; height:1px;}

.myform	{
	text-align: left;
	width: 600px;
	padding: 14px;
}

#stylized	{
	border: solid 1px #333333;
}
#stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#stylized p {
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}
#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:240px;
	float:left;
}
#stylized .small{
	color: #666666;
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	width: 240px;
}
#stylized input, select {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border: 1px dashed #7a0000;
	width:300px;
	margin:2px 0 20px 10px;
}

textarea	{
	width: 300px;
	padding: 6px;
	border: 2px solid #00cafc;
}

#stylized .form-right {
	float:left;
	font-size:12px;
	padding:4px 2px;
	width:300px;
	margin:2px 0 20px 10px;
}


#stylized button{
	clear:both;
	margin-left:150px;
	width: 300px;
	height:31px;
	background-color:#666666;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size: 14px;
	font-weight:bold;
	cursor: pointer;
}

.promote-textarea	{
	float: none;
}

.floatleft	{
	float: left;
}

.left	{
	text-align: left;
}

#pingBox	{
	margin-top: 20px;
}

#welcomeText	{
	margin-top: 0px;
	line-height: 1.7em;
}