@charset "iso-8859-1";

/*	-------------------------------------------------------------
	Tattoo Bin
	Community hooked on ink - tattoo portal
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	tattoobin.com styles
	Filename:		tb.css
	Version:		1.0
	Date:			june 2006
	Author:			snoopy from tattoobin.com
	-------------------------------------------------------------	*/
	
/*	-------------------------------------------------------------
	Colors
	fff159 = yellow
	bcbcbc = breadcrumbs gray
	333333 = background
	-------------------------------------------------------------	*/	

/*	-------------------------------------------------------------
	Base Body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
			body {
					margin-top: 0px; 
					margin-right: 0px; 
					margin-bottom: 0px; 
					margin-left: 0px; 
					background-color: #000000;
					padding: 0px;
					font-family: arial, tahoma, verdana;}
					
			td.bg {
					background-color: #000000;}

			td.bgr {
					background-color: #000000;
					vertical-align: top;
					text-align: left;}
					
			td.bg_left {
					background-image: url('../images/borders/left.gif');
					background-repeat: repeat-y;
					vertical-align: top;}
					
			td.bg_right {
					background-image: url('../images/borders/right.gif');
					background-repeat: repeat-y;
					vertical-align: top;}
					
			td.bg_top {
					background-image: url('../images/borders/top.gif');
					background-repeat: repeat-x;}
					
			td.bg_bottom {
					background-image: url('../images/borders/bottom.gif');
					background-repeat: repeat-x;}
					
			td.bg_bottomline {
					background-image: url('../images/borders/bottom-line.gif');
					background-repeat: repeat-x;}
					
			td.grayspacer {
					background-image: url('../images/grayspacer.gif');
					background-repeat: repeat-y;}
					
					
/*	-------------------------------------------------------------
	Left Bar
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
						
		#accountlinks {
					float: left;
					width: 175px;
					font-family: tahoma, verdana;
					font-size: 10px;}
					
		#accountlinks ul {
					margin: 0;
					padding: 0;
					list-style-type: none;}
					
		#accountlinks li {
					margin: 1px 0 0;}
					
		#accountlinks a {
					display: block;
					width: 165px; /*This width combined with the side padding should equal the width we set for the container div ie. 103px + (2px + 10px) = 115px*/
					margin: 2px 2px 1px 1px;
					padding-bottom:3px;
					padding-left:3px;
					padding-top: 3px;
					border-bottom: 0px solid #464646;
					text-decoration: none;
					color: #cccccc;}
					
		/* #categoriesleft a:visited {
					text-decoration: line-through;} */
					
		#accountlinks a:link, #accountlinks a:active {
					color: #cccccc;}

		#accountlinks a:hover {
					color: #ffffff; background-color: #990000;}
			
			
			td.leftbar {
					background-color: #000000;
					vertical-align: top;}
					
			td.leftbar-login {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					color: #bcbcbc;
					width: 175px;
					padding-top: 10px;
					padding-left:15px;
					background-image: url('../images/spacer-myacct-bg.gif');
					background-repeat: no-repeat;
					background-position:bottom;}
					
			td.leftbar-login2 {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					color: #bcbcbc;
					width: 175px;
					padding-top: 10px;}
										
			td.leftbar-loggedin {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					color: #bcbcbc;
					width: 175px;
					padding-top: 10px;}
					
			.leftbar-loggedin a:link, .leftbar-loggedin a:active, .leftbar-loggedin a:visited {
					color: #fff159;
					text-decoration: underline;}

			.leftbar-loggedin a:hover {
					color: #fff159;
					text-decoration: none;} 
					
			span.leftbar-header {
					font-family: tahoma, verdana;
					font-size: 11px;
					text-align: left;
					color: #ffffff;
					font-weight: bold;}
					
			span.leftbar-header-acct {
					font-family: tahoma, verdana;
					font-size: 11px;
					text-align: left;
					color: #ffffff;
					font-weight: normal;
					background-color: #990000;
					padding:4px;}
					
			span.leftbar-logout {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: right;
					color: #bcbcbc;
					font-weight: normal;
					padding-left: 20px;}
					
			.leftbar-logout a:link, .leftbar-logout a:active, .leftbar-logout a:visited {
					color: #bcbcbc;
					text-decoration: underline;}

			.leftbar-logout a:hover {
					color: #FFFFFF;
					text-decoration: none;} 
			
			p.leftbar-paragraph {
					margin-top: 10px;
					text-align: left;}
					
			.leftbar-paragraph a:link, .leftbar-paragraph a:active, .leftbar-paragraph a:visited {
					color: #fff159;
					text-decoration: underline;}

			.leftbar-paragraph a:hover {
					color: #fff159;
					text-decoration: none;} 
					
			td.leftbar-register {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					color: #bcbcbc;
					width: 175px;
					background-image: url('../images/icon-register.gif');
					background-repeat: no-repeat;
					background-position: bottom right;
					padding-top: 10px;}
					
			p.leftbar-paragraph-register {
					margin-top: 10px;
					text-align: left;}
					
			.leftbar-register a:link, .leftbar-register a:active, .leftbar-register a:visited {
					color: #fff159;
					text-decoration: underline;}

			.leftbar-register a:hover {
					color: #fff159;
					text-decoration: none;} 
					
			td.leftbar-send {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					color: #bcbcbc;
					width: 175px;
					background-image: url('../images/icon-send.gif');
					background-repeat: no-repeat;
					background-position: bottom right;
					padding-top: 10px;
					vertical-align: middle;}
					
			.leftbar-send a:link, .leftbar-send a:active, .leftbar-send a:visited {
					color: #fff159;
					text-decoration: underline;}

			.leftbar-send a:hover {
					color: #fff159;
					text-decoration: none;}
					
			p.stats {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					color: #bcbcbc;
					text-align: left;
					padding-left: 2px;
					padding-top: 5px;} 
					
			p.stats-results1 {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					color: #bcbcbc;
					text-align: left;
					padding-left: 4px;
					padding-top: 5px;} 
					
			td.leftbar-stats {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					color: #bcbcbc;
					width: 175px;
					padding-top: 10px;}
			
			table.stats-bg {
					background-image: url('../images/stats-bg.gif');
					background-repeat: no-repeat;
					height: 125px;}
				
					
					
/*	-------------------------------------------------------------
	Content BG
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/				
		
		td.content-bg {
					background-color: #ffffff;
					vertical-align: top;
					background-image: url('../images/blackspacer.gif');
					background-repeat: repeat-y;
					background-position: right;
					padding-left: 10px;
					padding-top: 5px;
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					text-align: left;
					color: #2F2F2F;
					width: 500px;
					padding-bottom: 50px;
					padding-right: 10px;}
					
		td.font {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					color: #2F2F2F;}
					
		td.font2 {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					text-align: left;
					color: #2F2F2F;
					background-color: #ECECEC;}
					
		td.font3 {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					text-align: left;
					color: #2F2F2F;
					background-color: #DADADA;}
					
		td.fontred {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					text-align: left;
					color: #EE0000;}
					
		span.fontbold {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					text-align: left;
					font-weight: bold;
					color: #2F2F2F;
					padding-left: 1px;}
					
		span.register {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					text-align: left;
					font-weight: normal;
					color: #2F2F2F;
					padding-left: 1px;}
					
		span.registererror {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					text-align: left;
					font-weight: normal;
					color: #FD0612;
					padding-left: 1px;}			
					
		span.fontboldred {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					text-align: left;
					font-weight: bold;
					color: #EE0000;
					padding-left: 1px;}
					
		span.fontbolderror {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					text-align: left;
					font-weight: bold;
					color: #FD0612;
					padding-left: 1px;}
					
		span.fontbold2 {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					text-align: left;
					font-weight: bold;
					color: #2F2F2F;}
					
		span.small {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					text-align: left;
					color: #828282;
					padding-left: 2px;}
					
		span.small2 {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					text-align: left;
					color: #828282;}
					
		td.smal {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					text-align: left;
					color: #828282;}
					
		td.big {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					text-align: left;
					color: #000000;}
					
		.content-bg a:link, .content-bg a:active, .content-bg a:visited {
					color: #E80000;
					text-decoration: underline;}

		.content-bg a:hover {
					color: #E80000;
					text-decoration: none;} 
					
		h1 {
					font-family: arial, tahoma, verdana;
					font-size: 18px;
					font-weight: bold;
					color: #000000;
					border-bottom: 1px dashed #C4C4C4;}
					
		h2 {
					font-family: arial, tahoma, verdana;
					font-size: 14px;
					font-weight: bold;
					color: #2F2F2F;}
					
		h2.red {
					font-family: arial, tahoma, verdana;
					font-size: 14px;
					font-weight: bold;
					color: #EE0000;}
					
		p.numbers {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					color: #6C6C6C;
					border-top: 1px solid #C4C4C4;
					padding-left: 5px;}
					
		p.numbersnotop {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					color: #6C6C6C;
					padding-left: 5px;}
					
		.numbers a:link, .numbers a:active, .numbers a:visited {
					color: #6C6C6C;
					text-decoration: underline;}

		.numbers a:hover {
					color: #E80000;
					text-decoration: underline;} 
					
		a:link.activepage, a:active.activepage, a:visited.activepage {color: #6C6C6C;text-decoration: none; font-weight:bold;}
		a:hover.activepage {color: #E80000; font-weight:bold;} 
		span.dimpage {color: #BDBDBD}
		
					
/*	-------------------------------------------------------------
	Stories
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
						
			td.story_header {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					font-weight: bold;
					color: #2F2F2F;}
					
			.story_header a:link, .story_header a:active, .story_header a:visited {
					color: #E80000;
					text-decoration: underline;}

			.story_header a:hover {
					color: #E80000;
					text-decoration: none;} 
					
			td.story_small {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					color: #828282;
					padding-left: 2px;
					vertical-align: middle;}
					
			.story_small a:link, .story_small a:active, .story_small a:visited {
					color: #828282;
					text-decoration: underline;}

			.story_small a:hover {
					color: #828282;
					text-decoration: none;} 
					
			td.story_desc {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					text-align: left;
					color: #5D5D5D;
					padding-left: 2px;
					vertical-align: middle;
					padding-top: 5px;
					width: 500px;}
					
			td.story_rate {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					color: #AFAFAF;
					padding-left: 2px;
					vertical-align: bottom;
					padding-top: 5px;}
					
			td.story_rate2 {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					color: #AFAFAF;}
					
			.story_rate a:link, .story_rate a:active, .story_rate a:visited {
					color: #E80000;
					text-decoration: underline;}

			.story_rate a:hover {
					color: #E80000;
					text-decoration: none;}
					
			td.searchstories {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					font-weight: bold;
					padding-left: 1px;
					padding-bottom: 3px;
					color: #2F2F2F;}
					
			td.spread {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					font-weight: bold;
					color: #2F2F2F;}
					
			td.searchtable {
					background-color: #ECECEC;
					border: 1px solid #C3C3C3;
					padding: 9px;}
					
			td.comments {
					font-family: arial, tahoma, verdana;
					font-size: 16px;
					font-weight: bold;
					color: #2F2F2F;
					text-align: center;
					padding-right: 15px;
					vertical-align: top;
					padding-top: 5px;}
					
			td.comments2 {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					font-weight: normal;
					color: #202020;
					text-align: left;
					vertical-align: top;
					padding: 5px;
					background-color: #F2F2F2;}
					
			td.comments3 {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					font-weight: normal;
					color: #202020;
					text-align: left;
					vertical-align: top;
					padding: 0px;}
					
			td.story_small2 {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					text-align: left;
					color: #000000;
					background-color: #DDDDDD;
					height: 20px;
					padding: 5px;
					vertical-align: middle;}
					
			span.comment_small {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: center;
					font-weight: normal;
					color: #828282;
					padding-top: 3px;}
					
			a:link.redlink , a:active.redlink , a:visited.redlink  {
					color: #E80000;
					text-decoration: underline;}

		    a:hover.redlink  {
					color: #E80000;
					text-decoration: none;} 
					
					
/*	-------------------------------------------------------------
	Copyright
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/				
		
		td.copyright {
					font-family: tahoma, verdana;
					font-size: 9px;
					text-align: center;
					color: #969696;
					padding-top: 6px;
					padding-bottom: 10px;}
					
		.copyright a:link, .copyright a:active, .copyright a:visited {
					color: #bcbcbc;
					text-decoration: none;}

		.copyright a:hover {
					color: #ffffff;
					text-decoration: none;} 
				
				
					
/*	-------------------------------------------------------------
	Bookmark & Breadcrumbs
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/				
		
		td.bookmark {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					color: #bcbcbc;
					padding-top: 10px;
					padding-left: 3px;
					padding-bottom: 5px;}
					
		.bookmark a:link, .bookmark a:active, .bookmark a:visited {
					color: #bcbcbc;
					text-decoration: none;}

		.bookmark a:hover {
					color: #ffffff;
					text-decoration: none;} 
					
		td.breadcrumbs {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: right;
					color: #bcbcbc;
					padding-top: 10px;
					padding-right: 3px;
					padding-bottom: 5px;}
					
		.breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:visited {
					color: #bcbcbc;
					text-decoration: none;}

		.breadcrumbs a:hover {
					color: #ffffff;
					text-decoration: none;} 
					
					
/*	-------------------------------------------------------------
	Navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/				
		
		td.navigation {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					vertical-align: middle;
					color: #ffffff;
					width: 715px;}
					
		.navigation a:link, .navigation a:active, .navigation a:visited {
					color: #ffffff;
					text-decoration: none;}

		.navigation a:hover {
					color: #ffffff;
					text-decoration: underline;} 
					
					
/*	-------------------------------------------------------------
	Search
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/						
		input.search {
					font-family: tahoma, verdana;
					font-size: 10px;
					padding-top: 2px;
					background-color: #000000;
					border-left: 1px solid #858585;
					border-top: 0px;
					border-right: 0px;
					border-bottom: 0px;
					padding-left: 3px;
					height: 17px;
					width: 100px;
					color: #767070;}	
					
					
					
/*	-------------------------------------------------------------
	Login
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
								
			td.login {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					color: #bcbcbc;}
					
			td.advanced {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					padding-left: 3px;
					color: #bcbcbc;}
					
			input.loginform {
					font-family: tahoma, verdana;
					font-size: 10px;
					background-color: #9c9c9c;
					border-left: 1px solid #ffffff;
					border-top: 0px;
					border-right: 0px;
					border-bottom: 0px;
					padding-left: 3px;
					height: 17px;
					width: 100px;
					color: #2D2D2D;
					padding-top: 2px;}	
					
			input.advancedsearch {
					font-family: tahoma, verdana;
					font-size: 10px;
					background-color: #000000;
					border-left: 1px solid #858585;
					border-top: 0px;
					border-right: 0px;
					border-bottom: 0px;
					padding-left: 4px;
					height: 17px;
					width: 103px;
					color: #767070;
					padding-top: 2px;}	
					
			td.loginsubmit {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					font-weight: bold;
					padding-left: 3px;
					padding-bottom: 10px;}
					
			td.advancedsubmit {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					font-weight: bold;
					padding-left: 3px;
					padding-bottom: 10px;
					border-bottom: 1px solid #464646;}
							
			td.advancedsubmit2 {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					font-weight: bold;
					padding-left: 0px;
					padding-bottom: 10px;}		
					
			.advancedsubmit a:link, .advancedsubmit a:active, .advancedsubmit a:visited {
					color: #ffffff;
					text-decoration: none;}

			.advancedsubmit a:hover {
					color: #ffffff;
					text-decoration: underline;}		
			
			.loginsubmit a:link, .loginsubmit a:active, .loginsubmit a:visited {
					color: #ffffff;
					text-decoration: none;}

			.loginsubmit a:hover {
					color: #ffffff;
					text-decoration: underline;}
					
			.advancedselect {
					font-family: tahoma, verdana;
					font-size: 10px;
					background-color: #000000;
					border-left: 1px solid #858585;
					border-top: 0px;
					border-right: 0px;
					border-bottom: 0px;
					padding-left: 0px;
					height: 15px;
					width: 103px;
					color: #767070;
					padding-top: 2px;}
					
					
/*	-------------------------------------------------------------
	Right side navigation (browse tattoos...)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
						
		td.aligntop {
					padding-top: 0px;
					vertical-align: top;}	
					
		td.browseheader {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					color: #ffffff;
					font-weight: bold;
					padding-left: 3px;
					padding-bottom: 4px;
					padding-top: 10px;
					border-bottom: 1px solid #969696;}	
					
		td.bordertop {
					padding-top: 10px;}
					
		#categorieslefttop {
					float: left;
					font-family: tahoma, verdana;
					font-size: 10px;}	
	
	   #categorieslefttop a {
					display: block;
					margin: 2px 2px 2px 1px;
					padding-bottom:2px;
					padding-left:2px;
					padding-top: 1px;
					padding-right: 12px;
					background: #2a2a2a;
					text-decoration: none;
					color: #bcbcbc;}
	
			#categorieslefttop a:link, #categorieslefttop a:active {
					color: #bcbcbc;}

		#categorieslefttop a:hover {
					color: #ffffff; background-color: #990000;}
					
					
		#categoriesleft {
					float: left;
					width: 82px;
					font-family: tahoma, verdana;
					font-size: 10px;}
					
		#categoriesleft ul {
					margin: 0;
					padding: 0;
					list-style-type: none;}
					
		#categoriesleft li {
					margin: 1px 0 0;}
					
		#categoriesleft a {
					display: block;
					width: 77px; /*This width combined with the side padding should equal the width we set for the container div ie. 103px + (2px + 10px) = 115px*/
					margin: 2px 2px 2px 1px;
					padding-bottom:2px;
					padding-left:3px;
					padding-top: 1px;
					border-bottom: 1px solid #464646;
					background: #2a2a2a;
					text-decoration: none;
					color: #bcbcbc;}
					
		/* #categoriesleft a:visited {
					text-decoration: line-through;} */
					
		#categoriesleft a:link, #categoriesleft a:active {
					color: #bcbcbc;}

		#categoriesleft a:hover {
					color: #ffffff; background-color: #990000;}


					
		#categoriesright {
					float: left;
					width: 82px;
					font-family: tahoma, verdana;
					font-size: 10px;}
					
		#categoriesright ul {
					margin: 0;
					padding: 0;
					list-style-type: none;}
					
		#categoriesright li {
					margin: 1px 0 0;}
					
		#categoriesright a {
					display: block;
					width: 77px; /*This width combined with the side padding should equal the width we set for the container div ie. 103px + (2px + 10px) = 115px*/
					margin: 2px 2px 2px 1px;
					padding-bottom:2px;
					padding-left:3px;
					padding-top: 1px;
					border-bottom: 1px solid #464646;
					background: #2a2a2a;
					text-decoration: none;
					color: #bcbcbc;}
					
		/* #categoriesleft a:visited {
					text-decoration: line-through;} */
					
		#categoriesright a:link, #categoriesright a:active {
					color: #bcbcbc;}

		#categoriesright a:hover {
					color: #ffffff; background-color: #990000;}		
					
		span.number-color {
					color:#4e4637;}	
					
					
/*	-------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
						
			td.bg_footer {
					background-image: url('../images/bg-footer.gif');
					background-repeat: repeat-x;
					vertical-align: top;
					height: 136px;
					padding-top: 30px;
					padding-left: 15px;
					padding-bottom: 10px;
					padding-right: 10px;}
					
			p.footer {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					color: #bcbcbc;
					width: 680px;}
					
			p.footerlinks {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: left;
					color: #ffffff;}
					
			.footerlinks a:link, .footerlinks a:active, .footerlinks a:visited {
					color: #ffffff;
					text-decoration: none;}

			.footerlinks a:hover {
					color: #ffffff;
					text-decoration: underline;} 
					
			#total {
					width: 680px;
					margin: 0;
					padding: 30px;}
					
			#left {
					float: left;
					width: 300px;
					font-family: tahoma, verdana;
					font-size: 10px;
					color: #bcbcbc;}	
					
			#right {
					float: right;
					width: 300px;
					font-family: tahoma, verdana;
					font-size: 10px;
					color: #bcbcbc;}
					
					
/*	-------------------------------------------------------------
	Tattoo Ratings
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
			span.bigrate {
					font-family: arial, tahoma, verdana;
					font-size: 18px;
					text-align: center;
					color: #828282;
					width: 70px;
					font-weight: bold;}
					
			td.headerrate {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					text-align: center;
					color: #000000;
					width: 70px;}
					
			td.descriprate {
					font-family: arial, tahoma, verdana;
					font-size: 12px;
					text-align: left;
					color: #000000;
					width: 280px;}
					
			p.mytats {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					color: #6C6C6C;
					border-top: 1px solid #C4C4C4;
					border-bottom: 1px solid #C4C4C4;
					padding-top: 5px;
					padding-bottom: 5px;}
					
	
					
/*	-------------------------------------------------------------
	Tattoo Icons
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/					
					
			td.mybin {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					text-align: right;
					color: #828282;
					padding-bottom: 2px;}
					
			td.mybin2 {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					text-align: left;
					color: #8D8D8D;
					padding-top: 3px;
					width: 100px;}
					
			td.icontext {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					text-align: left;
					color: #8D8D8D;
					padding-top: 3px;
					padding-left: 2px;
					padding-bottom: 1px;
					width: 73px;}
					
			.mybin a:link, .mybin a:active, .mybin a:visited {
					color: #828282;
					text-decoration: none;}

			.mybin a:hover {
					color: #E80000;
					text-decoration: underline;}		
					
					
			.mybin2 a:link, .mybin2 a:active, .mybin2 a:visited {
					color: #8d8d8d;
					text-decoration: underline;}

			.mybin2 a:hover {
					color: #E80000;
					text-decoration: none;}	
					
			.icontext a:link, .icontext a:active, .icontext a:visited {
					color: #E80000;
					text-decoration: underline;}

			.icontext a:hover {
					color: #E80000;
					text-decoration: none;}	
					
			img.icon {
				border: 2px solid #DADADA;}
				
			.icon{
				border: 2px solid #DADADA;}

					
/*	-------------------------------------------------------------
	Popup Balloons
	CSS for Bubble Tooltips by Alessandro Fulciniti
    http://pro.html.it - http://web-graphics.com
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

			.tooltip {
					width: 200px; 
					color: #000;
					font: lighter 11px/1.3 Arial,sans-serif;
					text-decoration: none;
					text-align: center}

			.tooltip span.top {
					padding: 30px 8px 0;
    				background: url('../images/balloon/bt.gif') no-repeat top}

			.tooltip b.bottom {
					padding:3px 8px 15px;color: #548912;
    				background: url('../images/balloon/bt.gif') no-repeat bottom}
					
/*	-------------------------------------------------------------
	Multiple Columns
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#column_wrapper {
        width: 100%;
        color: #5f5f5f;
        background-color: #ffffff;
        padding-bottom: 20px;
        margin: 0; }
        
    #columns ul {
        width: 40em;
        margin: 0;
        padding: 4px 4px 0px 4px; }

    #columns li {
        width: 11em;
        margin: 0;
        padding: 0;
        line-height: 16px;
        float: left;
        font-size: 12px;
        color: #2F2F2F;
        background-color: #ffffff;
		list-style-type: none; }
		
	#columns1 ul {
        margin: 0;
        padding: 4px 4px 0px 4px; }

    #columns1 li {
        margin: 0;
        padding: 0;
        line-height: 16px;
        font-size: 12px;
        color: #2F2F2F;
        background-color: #ffffff;
		list-style-type: none; }
		
		
			span.back {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					text-align: right;
					color: #828282;
					padding-bottom: 2px;}
					
			.back a:link, .back a:active, .back a:visited {
					color: #828282;
					text-decoration: none;}

			.back a:hover {
					color: #E80000;
					text-decoration: underline;}		

			td.story_small_right {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					text-align: right;
					color: #828282;
					padding-right: 2px;
					vertical-align: middle;}
					
			td.story_small_right2 {
					font-family: tahoma, arial, verdana;
					font-size: 11px;
					text-align: right;
					color: #828282;}

/*	-------------------------------------------------------------
	Base Body Styles - pop up add to MyBin
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
			body.popup {
					margin-top: 0px; 
					margin-right: 0px; 
					margin-bottom: 0px; 
					margin-left: 10px; 
					background-color: #ffffff;
					padding: 0px;}
			
			td.mybin_font {
					font-family: arial, tahoma, verdana;
					font-size: 12px;}
					
			td.popupfont {
					font-family: arial, tahoma, verdana;
					font-size: 11px;
					text-align: left;
					color: #8D8D8D;
					padding-top: 3px;}

					
/*	-------------------------------------------------------------
	Claim Tattoo link
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
			td.claim {
					font-family: tahoma, verdana;
					font-size: 10px;
					text-align: right;
					color: #A0A0A0;}
					
			.claim a:link, .claim a:active, .claim a:visited {
					color: #A0A0A0;
					text-decoration: none;}

			.claim a:hover {
					color: #E80000;
					text-decoration: none;}	
					
/*	-------------------------------------------------------------
	Hover navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

					
			.hovermenu ul{
					font: normal 12px tahoma;
					padding:0;
					margin:0;
					}

			.hovermenu ul li{
					list-style: none;
					display: inline;}

			.hovermenu ul li a{
					padding: 5px 1.1em;
					text-decoration: none;
					vertical-align:top;
					float: left;
					color: white;
					border: 0px solid #FFF2BF;
					}

			.hovermenu ul li a:hover{
					background-color: #990000;}
					
					
					
td.bg_browsing {
					background-image: url('../images/bg_browsing.gif');
					background-repeat: repeat-y;
					background-position:left;
					width:9px;
					background-color:#2a2a2a;}