html, body {
	background: #777;
}

#PROFILECONTENTS #HEADER {
	background: url('http://static.webispink.com/w/img/backgrounds/background-profileheader.png') repeat-x #343434 !important;
	background-position: left bottom !important;
}
#PROFILECONTENTS #PAGE {
	background: url('http://static.webispink.com/w/img/backgrounds/page.png') repeat-x !important;
	padding-top: 18px;
}

#HEADERLEFT #PROFILE_HEADER_LEFT IMG, 
#HEADERLEFT #PROFILE_HEADER_RIGHT .avatar_metothem IMG {
	border: solid 1px #666 !important;
	-webkit-box-shadow: 0 1px 3px #333;
	-moz-box-shadow: 0 1px 3px #333;
}


#PROFILE_HEADER_RIGHT H1 {
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	text-shadow: 0 2px 3px #111;
	text-transform: none;

	margin: 0;
	padding: 0 0 0 5px;
}
#PROFILE_HEADER_RIGHT H1 A {
	color: #fff;
	text-decoration: none;
	border: none;
}

#PROFILE_HEADER_RIGHT P {
	color: #ccc;
	
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-align: left;

	margin: 0;
	padding: 0 0 0 5px;
}
#PROFILE_HEADER_RIGHT P A {
	color: #fff;
	text-decoration: none;
	border: none;
	display: inline !important;
}
#PROFILE_HEADER_RIGHT P A.signup {
	font-weight: bold;
	border-bottom: solid 1px #aaa !important;
}
#PROFILE_HEADER_RIGHT P A:hover {
	color: #f9f;
}

#PROFILE_HEADER_RIGHT .sep {
	background: #666;
	height: 1px;
	overflow: hidden;
	margin: 6px 0;
}


#PROFILE_HEADER_NOTES {
	border-top: #000;
	background: #ffa;
	background: url('http://static.webispink.com/w/img/backgrounds/background-profilenotes') repeat-x #fffdb6;
	padding: 4px;
	padding-top: 6px;
}
#PROFILE_HEADER_NOTES P {
	color: #330;
	font-size: 11px;
	
	margin: 0;
	padding: 0 2px;
}


.TOOLBAR {
	padding: 5px 0;
}


#PROFILESHADOW {
	height: 150px;
	background: url('http://static.webispink.com/w/img/profile2/profileshadow.png') repeat-x;
}


/******************************************************************************************************************************************/
/*** CONTENTS *****************************************************************************************************************************/
/******************************************************************************************************************************************/

#PROFILECONTENTS {
	background: url('http://static.webispink.com/w/img/colorstrans/FFF-070.png');
	color: #000;
	
	padding-bottom: 16px;
}
#PROFILECONTENTS.DARK {
	background: url('http://static.webispink.com/w/img/colorstrans/000-060.png');
	color: #fff; 
}

#PROFILECONTENTSLEFT .profileblock {
	width: 450px !important;
	overflow: hidden !important;
}
#PROFILECONTENTSRIGHT .profileblock {
	width: 220px !important;
	overflow: hidden !important;
}

.profileblock {
	font-size: 13px;
	line-height: 20px;
	
	margin-bottom: 16px;
}

.profileblock H2 {
	color: #000;
	opacity: 0.1;
	-moz-opacity: 0.1;
	
	height: 16px;
	overflow: hidden;
	
	font-size: 19px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	
	margin: 0;
	padding: 0 4px;
}
.DARK .profileblock H2 {
	color: #fff;
}

.profileblock A {
	color: #000;
	text-decoration: none;
	border-bottom: solid 1px #777;
}
.DARK .profileblock A {
	color: #fff;
	text-decoration: none;
	border-bottom: solid 1px #999;
}
.profileblock A:hover { background: #fff; color: #000; border-color: #000; }
.DARK .profileblock A:hover { background: #000; color: #fff; border-color: #fff; }



.profileblockcontents {
	background: url('http://static.webispink.com/w/img/colorstrans/000-010.png');
	/*
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	*/
	
	padding: 5px 8px;
}
.DARK .profileblockcontents {
	background: url('http://static.webispink.com/w/img/colorstrans/FFF-010.png');
}



.profileblockpics {
	padding: 2px 0 0 2px;
}
.profileblockpics img {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	margin: 2px 2px 0 0;
	
	border: solid 1px #888;
}
.profileblockpics p.profilepicspassword {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-align: right;
}
.profileblockpics p.profilepicspassword input {
	font-size: 11px;
}



#profileinfo1,
#profileinfo2,
#profilesex {
	padding: 0 8px 0px 8px;
}

#profileinfo1 p,
#profileinfo2 p,
#profilesex p {
	line-height: 18px;
	font-size: 15px;
	
	padding: 0 0 4px 0;
}

#profilestatus {
	background: url('http://static.webispink.com/w/img/profile2/status-top-000-020.png') no-repeat;
	background-position: 20px 0;
	margin-bottom: 6px;
	padding-top: 9px;
}
#profilestatus2 {
	background: url('http://static.webispink.com/w/img/colorstrans/000-020.png');
	/*
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	*/
	
	margin: 0 0 2px 0;
	padding: 4px 8px;
}
#profilestatus p {
	font-size: 18px;
	line-height: 22px;
}

.DARK #profilestatus {
	background-image: url('http://static.webispink.com/w/img/profile2/status-top-FFF-020.png');
}
.DARK #profilestatus2 {
	background: url('http://static.webispink.com/w/img/colorstrans/FFF-020.png');
}





#profilemap {
	background: #ebe6dc;
	border: solid 1px #aaa;
}
#profilemap p {
	color: #764;

	line-height: 15px;
	font-size: 11px;
	text-align: center;
}
#profilemap a {
	display: block;
	
	color: #764;
	color: #542;
	border: none;
	border-top: solid 1px #b6aa98;
	
	text-transform: lowercase;
	text-decoration: none;
	
	padding: 4px 5px 2px 5px;
}
#profilemap a:hover {
	color: #000;
	background: #fff;
}
.DARK #profilemap {
	border-color: #999;
}
#profilemap p small {
	font-size: 9px;
}




.profileblock p,
.profileblock li,
.profileblock dt,
.profileblock dd {
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}
#profilepersoselfportrait p {
	font-size: 14px;
	line-height: 19px;
	padding-bottom: 7px;
}

.profileblock dl {
	clear: both;
	margin: 0;
	padding: 0;
}
.profileblock dt {
	font-weight: normal;
	font-style: normal;

	margin: 0;
	padding: 0;
}
.profileblock dd {
	margin: 0;
	padding: 0;
}

#PROFILECONTENTSLEFT .profileblock dt {
	float: left;
	width: 75px;
	overflow: hidden;

	line-height: 18px;
	font-size: 9px;
	text-align: right;
	text-transform: uppercase;
	opacity: 0.8;
	-moz-opacity: 0.8;
	
	padding-top: 1px;
}
#PROFILECONTENTSLEFT .profileblock dd {
	margin-left: 80px;
	margin-bottom: 5px;
}

#PROFILECONTENTSRIGHT .profileblock dt {
	font-size: 13px;
	text-transform: none;
}
#PROFILECONTENTSRIGHT .profileblock dd p {
	font-size: 11px;
	text-align: left;
	margin-left: 12px;
	margin-bottom: 4px;
}
#PROFILECONTENTSRIGHT .profileblock dd a {
	border: none;
}

/******************************************************************************************************************************************/
/*** BLOG *********************************************************************************************************************************/
/******************************************************************************************************************************************/

.blogblock {
	color: #111;
	background: url('http://static.webispink.com/w/img/colorstrans/FFF-070.png');
	/*
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	*/
	
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 19px;
	
	margin: 0 0 15px 0;
	padding: 15px 15px 5px 15px;
}
.DARK .blogblock {
	color: #ddd;
	background: url('http://static.webispink.com/w/img/colorstrans/000-070.png');
}

.blogblock .msg {
	margin: 3px 0 3px 0;
	padding: 4px 6px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.blogblock .msg p {
	margin: 0;
	padding: 0;
}

.blogblock a {
	color: #909;
	text-decoration: underline;
}
.DARK .blogblock a {
	color: #f9f;
}
.blogblock a:hover {
	color: #f0f;
}

.blogblock h2 {
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	line-height: 26px;
	
	margin: 0;
	padding: 0;
}
.blogblock h2 a {
	color: #000;
	text-decoration: none;
	border: none;
}
.DARK .blogblock h2 a {
	color: #fff;
}

.blogblock .article_date {
	font-size: 11px;
}

.blogblock .article_comments {
	font-size: 11px;
	text-align: right;
	padding-bottom: 5px;
}
.blogblock .article_comments a {
	color: #222;
	text-decoration: none;
}
.DARK .blogblock .article_comments a {
	color: #ccc;
}

.blogblock p,
.blogblock li {
	text-align: left;
	margin: 0;
	padding: 0 0 10px 0;
}
.blogblock ul,
.blogblock ol,
.blogblock menu {
	margin: 0;
	padding: 0;
}
.blogblock li {
	margin-left: 20px;
}

.blogblock .item_html {
	padding-bottom: 10px;
}
.blogblock .item_image {
	text-align: center;
	padding-bottom: 10px;
}

/******************************************************************************************************************************************/
/*** COMMENTS  ****************************************************************************************************************************/
/******************************************************************************************************************************************/

#commentslist {
	margin-bottom: 4px;
}

.commentsblock {
	background: url('http://static.webispink.com/w/img/colorstrans/FFF-050.png');
}
.DARK .commentsblock {
	background: url('http://static.webispink.com/w/img/colorstrans/000-050.png');
}

.commentsblock h2 {
	padding-bottom: 15px;
}

.comment {
	width: 500px;
	overflow: hidden;
	margin: auto;
	
	padding-bottom: 10px;
}
.comment .comment_sig {
	text-align: right;
}
.comment .comment_sig a {
	color: #000;
}
.DARK .comment .comment_sig a {
	color: #fff;
}

#commentsform {
	width: 500px;
	margin: auto;
	padding-bottom: 10px;
}
#commentsform p {
	font-size: 10px;
	line-height: 24px;
	text-align: right;
	text-transform: uppercase;
	
	margin: 0;
	padding: 7px 0 0 0;
}
#commentsform input, #commentsform select, #commentsform textarea {
	width: 400px;
	margin: 0 0 0 4px;
	padding-left: 0;
	padding-right: 0;
}

/******************************************************************************************************************************************/
/*** CONTACTINFO **************************************************************************************************************************/
/******************************************************************************************************************************************/

#table_themtome {
	float: left;
	margin: 3px 8px 0 0;
}
.themtomeleft {
	background: url('http://static.webispink.com/w/img/profile2/themtome-left.gif') no-repeat;
	width: 17px;
	height: 30px;
}
.themtomemiddle {
	background: url('http://static.webispink.com/w/img/profile2/themtome-background.gif') repeat-x;
	padding: 0 2px;
}
.themtomeright {
	background: url('http://static.webispink.com/w/img/profile2/themtome-right.gif') no-repeat;
	width: 4px;
	height: 30px;
}

.metothemavatar {
	padding: 0 2px 0 4px;
}
.metothemleft {
	background: url('http://static.webispink.com/w/img/profile2/metothem-left.gif') no-repeat;
	background-position: 0 50%;
	width: 12px;
	height: 22px;
}
.metothemmiddle {
	background: url('http://static.webispink.com/w/img/profile2/metothem-background.gif') repeat-x;
	background-position: 0 50%;
}
.metothembutton {
	background: url('http://static.webispink.com/w/img/profile2/metothem-background.gif') repeat-x;
	background-position: 0 50%;
}
.metothemspacer {
	background: url('http://static.webispink.com/w/img/profile2/metothem-background.gif') repeat-x;
	background-position: 0 50%;
	width: 2px;
	height: 22px;
}
.metothemspacer2 {
	background: url('http://static.webispink.com/w/img/profile2/metothem-background.gif') repeat-x;
	background-position: 0 50%;
	width: 6px;
	height: 22px;
}

.metothembutton div {
	margin: 0;
	padding: 0;
}
.metothembutton div a {
	display: block;
	
	color: #ccc;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	
	text-decoration: none;
	border: none;
	
	margin: 0;
	padding: 1px 4px;
}
.metothembutton div a.message {
	color: #f0f0f0;
}
.metothembutton div a:hover {
	color: #fff;
	
	text-decoration: underline;
}

/*

.themtome {
	background: url('http://static.webispink.com/w/img/profile/topbubble-background.png') no-repeat;
	width: 220px;
}
.DARK .themtome { background-image: url('http://static.webispink.com/w/img/profiledark/topbubble-background.png'); }

.themtome2 {
	padding: 10px 10px 7px 9px;
}

.themtomebottom {
	background: url('http://static.webispink.com/w/img/profile/topbubble-bottom.png') no-repeat;
	background-position: left bottom;
	width: 220px;
	height: 10px;
}
.DARK .themtomebottom { background-image: url('http://static.webispink.com/w/img/profiledark/topbubble-bottom.png'); }

.avatar_themtome img {
	border: solid 1px #ddd;
	margin-right: 10px;
}
.DARK .avatar_themtome img { border-color: #000; }



.metothem {
	background: url('http://static.webispink.com/w/img/profile/mybubble-background.png') no-repeat;
	background-position: top right;
	width: 170px;
}
.DARK .metothem { background-image: url('http://static.webispink.com/w/img/profiledark/mybubble-background.png'); }

.metothem2 {
	padding: 6px 4px 0 10px;
}

.metothembottom {
	background: url('http://static.webispink.com/w/img/profile/mybubble-bottom.png') no-repeat;
	background-position: left bottom;
	width: 170px;
	height: 10px;
}
.DARK .metothembottom { background-image: url('http://static.webispink.com/w/img/profiledark/mybubble-bottom.png'); }

.avatar_metothem img {
	border: solid 1px #ddd;
}
.DARK .avatar_metothem img { border-color: #000; }

*/

/******************************************************************************************************************************************/
/*** OVERLAY ******************************************************************************************************************************/
/******************************************************************************************************************************************/

#infooverlay {
	position: absolute;
	z-index: 99999;
	width: 256px;
	overflow: hidden;
}

#infooverlaycontents {
}

#infooverlaycontents h2 {
	background: url('http://static.webispink.com/w/img/overlays/overlay-themtome.png');

	color: #333;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-align: center;

	margin: 0;
	padding: 20px 3px 4px 3px;
}
#infooverlaycontents.infooverlaycontentsright h2 {
	background-image: url('http://static.webispink.com/w/img/overlays/overlay-themtome-right.png');
}

#infooverlaycontents2 {
	background: url('http://static.webispink.com/w/img/overlays/overlay-themtome.png');
	background-position: left bottom;

	color: #555;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	
	padding: 0 8px;
	padding-bottom: 16px;
}
#infooverlaycontents3 {
	width: 250px;
	overflow: hidden;
}
#infooverlaycontents.infooverlaycontentsright #infooverlaycontents2 {
	background-image: url('http://static.webispink.com/w/img/overlays/overlay-themtome-right.png');
}

#infooverlaycontents2 #infooverlaysep {
	height: 1px;
	
	background: #d1d1d1;
	border-bottom: solid 1px #f2f2f2;
	
	margin-bottom: 6px;
}


#infooverlaycontents2 ul,
#infooverlaycontents2 p, 
#infooverlaycontents2 li {
	margin: 0;
	padding: 0 6px;
}

#infooverlaycontents2 p.infooverlaynotice {
	color: #888;
	font-size: 11px;
	font-weight: bold;
	
	margin-top: 8px;
}
#infooverlaycontents2 p.infooverlaynotice em {
	color: #c0c;
	font-weight: bold;
	font-style: normal;
}