/* @new stuff  #D5D5D5 777777*/

body {
	font-family: arial, sans-serif;
	font-size:12px;
	background-color: #000000;
	color:#ffffff;
}

A:link 		{color:#7F5C72;text-decoration:underline;}
A:visited 	{color:#7F5C72;text-decoration:underline;}
A:active 	{color:#7F5C72;text-decoration:underline;}
A:hover 	{color:#777777;}

.follow_b {
	background-color:#285694; font-size:11px; padding-left:9px; padding-right:9px; color:#FFFFFF;
}
.youfollowing_b {
	background-color:#598724; font-size:11px; padding-left:9px; padding-right:9px; color:#FFFFFF;
}

.block_b {
	background-color:#fdd6d9; font-size:10px; padding-left:9px; padding-right:9px; color:#000000; border:solid 1px #000000; margin-left:190px;
}


#watermark_box {
position:relative;
display:block;
}
img.watermark {
position: absolute;
top: 4px;
left: 4px;
} 

/*--Tooltip Styles--*/
.tip {
	color: #fff;
	background:#1d1d1d;
	display:none; /*--Hides by default--*/
	padding:10px;
	position:absolute;	z-index:1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.delete {position:absolute; bottom:10px; left:10px; z-index:199; color:#333; display:block; text-decoration:underline;}

.template_content {
	background-color: #212227;
}

.template_box {
	border: 1px solid #000000;
	padding: 2px;
	margin: 2px;
	color: #ffffff;
	background-color: #40474F ;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;	
}

.template_box_title {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #4066A2;
	background:#171717 url(http://www.spicepad.com/static/black/h10.png) repeat-x;
	padding: 5px;
}

.template_light_box {
  	background: #171717;
	border: 1px solid #000000;
	padding: 2px;
	margin: 2px;
	color: #ffffff;
}

.template_box_light_title {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #D5D5D5;
	background-color: #111111;
	padding: 2px;
}


.template_dark_background {
  	background: #1B1B1B;
}

.template_right_background {
  	background: #A1DA5D;
}

.comment_text {
	font-size: 12px;
	color: #D5D5D5;
	padding: 2px;
}

.comment_date {
	font-size: 10px;
	color: #999999;
}

.comment_photo {
	width: 60px;
	height:60px;
	margin: 1px 1px 1px 1px;
	padding: 1px;
	background-color: #1B1B1B;
	border:1px solid #000000;
}

.comment_bold {
	font-size: 14px;
	color: #DD0006;
	font-weight: bold;
}

.comment_responses {
	font-size: 14px;
	color: #D5D5D5;
	font-weight: bold;
}


/* @old stuff */



.profilephoto {
		float:center;
		width:200px;
		height:150px;
		overflow:hidden;
		background-color: #ffffff;
		border:1px solid #000000;
		padding: 2px;
		padding: 2px;		
	}

.photo35 {

		float:left;
		width:35px;
		height:35px;
		line-height:100px;
		overflow:hidden;
		z-index:20;
		background-color: #ffffff;
		border:1px solid #000000;
		padding: 2px;
		padding: 2px;		
	}

.photo75 {
		float:left;
		width:75px;
		height:60px;
		overflow:hidden;
		z-index:20;
		background-color: #ffffff;
		border:1px solid #000000;
		padding: 2px;
		padding: 2px;		
	}


.thumbs {
		float:left;
		width:50px;
		height:50px;
		line-height:100px;
		overflow:hidden;
		z-index:20;
		background-color: #ffffff;
		border:1px solid #000000;
		padding: 2px;
		padding: 2px;		
	}






/* @new sub nav */
div.main-menu { float:left; width:100%; background:#666; margin-bottom:0px; }
div.main-menu ul { float:left; width:100%; list-style-type:none; font-family:arial; font-size:14px; font-weight:bold; text-transform:uppercase; padding:0; margin:0; }
div.main-menu li { float:left; margin-left:7px; }
div.main-menu li.s { margin-left:10px; }
div.main-menu li.r { float:right; margin-right:10px; }
div.main-menu a { float:left; color:#fff; text-decoration:none; padding:5px 10px 5px 10px; }
div.main-menu a:hover { background:#999; }
div.main-menu li.s a { background:#000; cursor:default; }
div.main-menu a.hot { background:#CC0000; }
div.main-menu a.hot:hover { background:#CC0000; }

div.main-sectiontitle { float:left; width:100%; background:#111111; margin-top:0px;font-size:14px; }
div.main-sectiontitle ul { float:left; width:100%; list-style-type:none; font-family:arial; font-size:14px; font-weight:bold; text-transform:uppercase; padding:0; margin:0; }
div.main-sectiontitle li { float:left; text-transform:uppercase; }
div.main-sectiontitle li.current { color:#fff; background:#000; padding:5px 10px 5px 10px;font-size:14px; font-weight:bold;  }
div.main-sectiontitle li.current h1, main-sectiontitle li.current h2 { font-size:14px; font-weight:bold; }
div.main-sectiontitle li.current-start { width:13px; height:26px; background:transparent url('http://www.spicepad.com/_images/fullset.png') no-repeat 0 -26px; }
div.main-sectiontitle li.current-end { width:13px; height:26px; background:transparent url('http://www.spicepad.com/_images/fullset.png') no-repeat; }
div.main-sectiontitle li.current-mid { color:#000; padding:5px 10px 5px 10px; }
div.main-sectiontitle li.reverse { float:right; }
div.main-sectiontitle li.reverse a { float:left; color:#fff; text-decoration:none; padding:5px 10px 5px 20px; background:transparent url('http://www.spicepad.com/_images/fullset.png') no-repeat 0 -72px; }
div.main-sectiontitle li.reverse a:hover { background-position:0 -98px; }
div.main-sectiontitle li.s3p1 { width:281px; }
div.main-sectiontitle li.s3p2 { width:282px; }
div.main-sectiontitle li.s3p3 { width:281px; }
div.main-sectiontitle li.text { font-size:11px; color:#D5D5D5; padding:5px 10px 5px 10px; margin:2px 0 0 0; }
div.main-sectiontitle li.text h2, main-sectiontitle li.text h1 { font-size:11px; font-weight:bold; }
div.main-sectiontitle li.option a { float:left; font-size:11px; color:#fff; background:#777; text-decoration:none; padding:3px 6px 3px 6px; margin:3px 5px 0 0; }
div.main-sectiontitle li.option a:hover { color:#fff; background:#CC0000; }
div.main-sectiontitle li.hot a { color:#FFF; background:#000; text-decoration:none; border:1px solid #C00; padding:2px 5px; }
div.main-sectiontitle li.hot a:hover { color:#FFF; background:#CC0000; }




.comment_title {
	background-color: #EEEEEE;
	background-color: #EEEEEE;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #1C3942;
	border-left-color: #1C3942;
}

.profile_buttons {
	background-color: #EEEEEE;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #1C3942;
	border-left-color: #1C3942;
	display:block;
	color:#555555;
	font-weight:bold;
	margin-bottom:2px;
	text-decoration:none;
	width:100px;
	margin: 2px;
	padding: 2px;
}

a.profile_buttons_link {
	text-decoration:none;
}

.profile_head {
	background-color: #E6E6E6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}




.profile_head_links {
	background-color: #DA8D13;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.quote {
	font-family:arial;
	font-size: 10px;
	color: #DD0000;
	border: thin dotted #DD0000;
	}

.info_box {
	font-family:arial;
	font-size: 12px;
	color:#000000;
	background-color: #F3FCA1;
	margin: 5px;
	padding: 5px;
	width: 90%;
	border: thin solid #000000;
}

.warning_box {
	font-family:arial;
	font-size: 12px;
	color:white;
	background-color: red;
	margin: 5px;
	padding: 5px;
	width: 90%;
	border: thin solid #000000;
}


/* @template */
.comment_box {
	background-color: #FFFFFF;
	padding: 5px;
	float: left;
	width: 100%;
	border: 1px solid #000000;
}

.comment_header {
	background-color: F7F7F7;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: 3B5998;
	border-bottom-color: B5B5B5;
}

/* @photo stuff */

.photo_small {
	float: left;
	width: 60px;
	height:60px;
	margin: 1px 1px 1px 1px;
	padding: 1px;
	overflow: hidden;
	}

.achievement {
	float: left;
	width: 60px;
	height:60px;
	background: url(http://www.spicepad.com/_images/stamps-gold-seal.jpg) top left no-repeat;
	margin: 1px 1px 1px 1px;
	padding: 1px;
	overflow: hidden;
	}


.premium {
	position: absolute;
	z-index: 2;
	width: 30px;
	left: 4px;
	top: 2px;
	background-color: #B61C12;
	color: #FFF;
	text-align: center;
	font-size: 9px;
}



.photo_box_light {
	background-color: #333333;
	border:1px solid #000000;
	padding: 2px;
	padding: 2px;
	width:100px;
	height:90px;
}

.photo_box_long {
	background-color: #333333;
	border:1px solid #000000;
	padding: 2px;
	padding: 2px;
	width:100px;
	height:150px;
}


.photo_box_info {
	position: absolute;
	top: 4px;
	left: 4px;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	background-color: red;
	color: #FFFFFF;
	width:30px;
} 

.photo_private {
	background-color: #FF7575;
	border:1px solid #000000;
	padding: 2px;
	padding: 2px;
	width:100px;
	height:90px;
}

.photo_box_extra {
	background-color: #ffffff;
	border:1px solid #000000;
	padding: 2px;
	padding: 2px;
	width:100px;
	height:100px;
}

.profile_container {
	background: #F7F7F7;
	border: 1px solid #000000;
	margin: 2px;
	padding: 2px;
}

.profile_header {
  background: #EDEFF4;
}

.new_box {
	background: #F8F8F8;
	color: #000;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	padding: 5px;
	margin: 2px;
}




.content_box_title {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #000000;
	padding: 2px;
}











.template_table {
	text-align: center;
	background-color: #F1EFE2;
}

.template_table_header {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #990000;
	padding: 2px;
}

.template_table_row {
	color: #00000;
	background-color: #FFFFFF;
}

.template_tb_row {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	margin: 2px;
	padding: 2px;
}

.template_photo_box {
	background-color: #ffffff;
	border:1px solid #990000;
	padding: 2px;
	width:100px;
	height:90px;
}

/* @end */


a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    background-color:#ff0;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}