/* 
    edited on 7/23/2006                           
    CSS document is the property of Anita Laguna 
    With Attitude | www.withattitude.net
*/

/* 
    Shorthand is clockwise: top right bottom left  
    For all fonts, ems are used for scalibilty     
    adjustments should be made in .5 increments 

				For tables, keep cellspacing attribute but use
				CSS for width, border, and cellpadding.
				
				Ex: <table id="etoons" cellspacing="0">

*/
 
body
				{
				background-color: #000;
				}


tr, td
				{
    font-family: arial, verdana, sans-serif;
			 font-weight: normal;
			 font-size: .9em;
				color: #fff;
				vertical-align: top;
				}
				
img
			{
			border: 0;
			}				

img.vert-fix /* add padding to top of images */
			{
			margin-top: 13px;
			}			


.verisign /* Verisign image margins */
				{
					margin: 4em 0 0 0;
					}

img.lvcc /* Las Vegas image margins */
				{
					margin: 4em 2em 0 0;
					}			

td.mid
				{
				vertical-align: middle;
				}
				
td.bot
				{
				vertical-align: bottom;
				}

/* Lime green borders on tables */ 
td.lime
    {
				border-width: 3px;
				border: solid #6f0;
				padding: 15px;
				} 
				
				
/* Background img for top image header */
#topimg 				
				{
				background: url(http://www.withattitude.net/images/wa_title.gif) no-repeat;
				}

/* Background img for headers wth Tude Dude on the left */
.tudebg 				
				{
				background: url(http://www.withattitude.net/images/tude_dude.gif) no-repeat;
				width: 193px;
				height: 180px;
				}

/* Images for lists */
ul
				{
				margin-left: 0;
				padding-left: 0;
				list-style: none;
				font-weight: bold;
				font-size: .85em;
				}
				

ul li
				{
				background-image:  url("../images/arrow.gif");
 			background-repeat: no-repeat;
				background-position: 0 50%;
				padding: 3px 0 3px 18px;
				margin: .3em 0; /* vertical spacing between each icon */
				text-align: left;
				}

ul li.tees-caption
				{
				color: #cf9;
				background-image:  url("../images/arrow-tees-caption.gif");
				}

ul li.tees-details
				{
				background-image:  url("../images/arrow-tees-details.gif");
				}
				
				
/* Headers lime green */
h1, h2, h3, h4, h5, h6
				{ 
    margin-top: .75em 0 .75em 0; 
				color: #6f0;
				font-size: 2em;
				text-align: center;
				}
				
/* Header for Free Professionals Ecards */
h1.pro
				{ 
    margin: .75em 0 .75em 0; 
				color: #6f0;
				font-size: 1.5em;
				text-align: center;
				}


/* Main page table */
#main
				{ 
				width: 600px;
				border: 0;
				margin: 0 0 0 0;
				}

#main td
				{
				padding: 0;
				}

#main td img
				{
				display: block;
				margin: 0 0 2em 0;
				}

#main td#botrow img
				{
				display: inline;
				margin: 0 1.5em 0 0;
				}


/* Group rates table */
#group-rates
				{ 
				width: 500px;
				border: 0;
				}

#group-rates td
				{
				padding: 0;
				}

#group-rates td#imgs
				{
				width: 150px;
				}

#group-rates td#txt
				{
				width: 350px;
				vertical-align: middle;
				}

#group-rates td#txt h1
				{ 
				color: #6f0;
				font-size: 1.25em;
				text-align: left;
				margin: 0;
				}

/* Header for Unique Tees Boutique */
h1.head-tees
				{ 
				color: #6f0;
				font-size: 1.5em;
				text-align: center;
				margin: 2em 0 2em 0; 
				}


/* Logo position */
.imglogo
				{
				margin: 1em 0 2.5em 0;
				display: block;
				}
				
				
/* Free E-cards information form header */					
h4.formtitle 
				{
				width: 600px;
				border: 2px solid #6f0;
				margin: 0 0 1em 0;
				padding: 10px;
				text-align: center;
				color: #69f;
				font-size: 1.15em;
				}				

p
				{
				color: #fff;
				}

p.bold
				{
				font-weight: bold;
				}
				
p.lime
				{
				color: #6f0;
				font-weight: bold;
				}

p.blue
				{
				color: #3cf;
				font-weight: bold;
				}

				
/* Form boxes */	
select, textarea, input
				{
				font-size: .9em;
				font-family: arial, verdana, sans-serif;
				}				


/* Left-side navigation */
#nav
				{
				width: 144px;
				border: 0;
				margin-top: 1em;
				}

#nav td
				{
				padding: 0;
				}
								
#nav td img
				{
				display: block;
				}				
										

/* Free E-cards outer table */
#ecards
				{
				width: 100%;
				border: 0;
				}

#ecards td
				{
				padding: 0;
				}

#ecards td img.float
				{
				float: left;
				margin: 0 0 0 10em;
				}
				
#ecards td p
				{
				line-height: 1.5em;
				font-weight: bold;
				color: #fff;
				}

#ecards td p.help
				{
				color: #69f;
				margin: 0 0 3em 0;
				}

/* Free E-cards inner table - border and paragraphs */
#ecards-inner
				{
				width: 600px;
				margin: 1em 0 1.5em 0;
				border: 1px solid #6f6;
				}
				
#ecards-inner td
				{
				width: 150px;
				border: 2px solid #6f6;
				padding: 10px;
				text-align: center;
				}

#ecards-inner td p
				{
				font-size: .85em;
				line-height: 1.15em;
				}
	
/* Free E-cards preview outer table - header */	
#ecardpre-outer
				{
				width: 100%;
				border: 0;
				}
				
#ecardpre-outer td
				{
				padding: 0;
				color: #69f;
				font-weight: bold;
				}
								
#ecardpre-outer h2
				{
				font-size: 1.5em;
				}
				
#ecardpre-outer h3
				{
				font-size: 1.25em;
				margin: 1em 0 -10px 0;
				}					
					
/* Free E-cards preview inner table - header */
#ecardpre-inner
				{
				width: 500px;
				margin: 0 0 2em 0;
				border: 0;
				}
				
#ecardpre-inner td
				{
				padding: 5px;
				}
				
#ecardpre-inner p
				{
				font-weight: normal;
				}

#ecardpre-inner p strong
				{
				color: #6f0;
				}


/* Free E-cards preview slogan table - header */
#slogan
				{
				width: 475px;
				margin: 3em 0 1em 0;
				border: 0;
				}
				
#slogan td
				{
				padding: 0;
				vertical-align: top;
				}


/* Declares header formatting for Free E-cards preview copyright table */
#ecardcopy
				{
				width: 400px;
				margin: 1em 0 2em 0;
				border: 0;
				}
				
#ecardcopy td
				{
				padding: 0;
				}

#ecardcopy p
				{
				font-size: .8em;
				color: #fff;
				line-height: 1.4em;
				margin: .25em 0 .25em 0;
				}				


/* Free E-cards pick-up table - header */
#epickup
				{
				width: 400px;
				border: 0;
				margin: 5em 0 10em 0;
				}
				
#epickup td
				{
				padding: 0;
				}	
	
	
	/* Free E-cards thanks table - header */
#ethanks
				{
				width: 425px;
				border: 0;
				background: #336;
				margin: 4em 0 1em 0;
				}
				
#ethanks td
				{
				padding: 0;
				}
	
	#ethanks td h2
				{
				font-size: 1.2em;
				margin: .5em 0 .5em 0;
				color: #6cf;
				}
	
	#ethanks td h3
				{
				font-size: 1.1em;
				margin: 0 0 1em 0;
				}
	
	
		/* Free E-cards thanks sub table - header */
#ethanks_sub
				{
				width: 425px;
				border: 0;
				margin: 1em 0 7em 0;
				}
				
#ethanks_sub td
				{
				padding: 0;
				}

/* Free E-cards form table - header */				
#ecards-form
				{
				width: 600px;
				margin: 0 0 1em 0;
				}
				
#ecards-form td
				{
				padding: 3px;
				vertical-align: middle;
				}

/* Free E-cards - large pop up window */				
#ecards-lg
				{
				width: 500px;
				margin: 3em 0 1em 0;
				}
				
#ecards-lg td
				{
				padding: 0;
				}


/* Tude Dude free games - table border */
#tdgames
				{
				width: 550px;
				border: 2px solid #06c;
				}
				
#tdgames td
				{
				padding: 15px;
				}
				
				
/* Etoons - table border and headers */
#etoon
				{
				border: 2px solid #6c6;
				}
				
h1.etoon
				{ 
				margin: 0;
				}
								
h1.etoonblue
				{ 
				margin: 0;
				color: #69f;
				}				
				
				
/* Tude Gear page - table border */
#gear
				{
				width: 610px;
				border: 2px solid #06c;
				}
				
#gear td
				{
				padding: 15px;
				}
		


/* Unique Tees Boutique - id for large t-shirt images */
#img-tees
				{
				margin: 2em 0 0 0;
				display: block;
				}

/* Unique Tees Boutique */
#tees
				{
				width: 600px;
				border: 0;
				background-color: #69c;
				margin: 0;
				}
				
#tees td
				{
				width: 200px;
				padding: 1.5em 0 1.5em 0;
				text-align: center;
				}

#tees td.click /* Main page padding */
				{
				width: 600px;
				padding: 0;
				}

#tees td.launch /* Launch page, set images padding */
				{
				width: 300px;
				padding: 1.5em 0 1.5em 1.5em;
				text-align: left;
				}

#tees td.launch img /* Launch page, set vertical images padding */
				{
				margin: 0 0 .5em 0;
				}

#tees td.launch-b2b /* Launch page, set background */
				{
				width: 300px;
				background-color: #39C;
				}

#tees td.more-tees /* table row for more tees button */
				{
				padding: 1em 1em 0 0; 
				}

#tees td.more-tees-b2b /* table row for B2B more tees button */
				{
				width: 400px;
				padding: 1em 1em 0 0;
				}

#tees td.tees-head /* expand table rows for tees headers */
				{
				width: 400px;
				padding: 1em 2em 0 0; 
				}

#tees td.more-tees img, td.more-tees-b2b img /* more tees & b2b buttons - align to right */
				{
				float: right;
				}

#tees td.more-tees h2, td.tees-head h2/* more tees headers for b2b */
				{
				font-size: 1.25em;
				color: #369;
				text-align: left;
				margin: 0 0 0 1.25em;
				}

#tees td img
				{
				display: block;
				padding: 0 1em 0 1em;
				}				
					
#tees td p
				{
				font-size: .85em;
				font-weight: bold;
				color: #339;
				text-align: left;
				margin: 1em 0 0 3em;
				}

#tees td p.price
				{
				color: #036;
				font-weight: normal;
				margin: 0 0 0 3em;
				}


/* Couture Tees */
#tees-couture
				{
				width: 600px;
				border: 0;
				background: url(http://www.withattitude.net/td_gear/images/bg_couture.gif) no-repeat;
				margin: 0;
				}

#tees-couture td
				{
				padding-left: 10px;
				}

#tees-couture td.left
				{
				padding-left: 45px;
				}

#tees-couture td p
				{
				font-size: .85em;
				font-weight: bold;
				color: #339;
				text-align: left;
				margin: .5em 0 4px 0;
				}
				
#tees-couture td p.price
				{
				color: #036;
				font-weight: normal;
				margin: 0 0 1.5em 0;
				}


/* Unique Tees Boutique - details */
#tees-details
				{
				width: 600px;
				border: 0;
				background-color: #69c;
				margin: 0;
				}

#tees-details-couture
				{
				width: 600px;				
				background: url(http://www.withattitude.net/td_gear/images/bg_couture.gif) no-repeat;
				width: 600px;
				border: 0;
				margin: 0;				
			}
				
#tees-details td, #tees-details-couture td
				{
				padding: 2em;
				}

#tees-details td#imgs
				{
				width: 358px;
				padding: 2em;
				}

#tees-details-couture td#imgs
				{
				width: 358px;
				padding: 3em 1em 3em 1.75em;
				text-align: center;
				}

#tees-details td#imgs-book /* set image for Coloring Book on Pals page */
				{
				background-color: #369;
				width: 220px;
				padding: 2em;
				}				

#tees-details td#imgs p /* set paragraphs for front and back small images */
				{
				color: #036;
				font-size: .85em;
				margin: 2em 0 0 7em;
				}

#tees-details td#caption /* caption below lg image background */
				{
				background-color: #369;
				width: 358px;
				padding: 2em;
				}
				
#tees-details td#caption-book /* caption for Coloring Book on Pals page */
				{
				background-color: #369;
				width: 380px;
				padding: 2em;
				}		

#tees-details td#caption-book h2 /* set text for caption below lg image */
				{
				font-size: 1.25em;
				color: #6cf;
				text-align: left;
				}		

#tees-details td#caption h2 /* set text for caption below lg image */
				{
				font-size: 1.25em;
				color: #6cf;
				text-align: left;
				}		
					
#tees-details td#txt-info
				{
				width: 242px;
				padding: 2em 2em 2em 1em;
				text-align: left;
				}				

#tees-details-couture td#txt-info
				{
				width: 242px;
				padding: 5.3em 2em 2em 1em;
				text-align: left;
				}				

#tees-details td#txt-info img, #tees-details-couture td#txt-info img/* buy t-shirt button adjustment */
				{
				margin: 0 0 1em 0;
				}		
					
#tees-details td#txt-info p, #tees-details-couture td#txt-info p /* t-shirt details - title */
				{
				font-size: .9em;
				font-weight: bold;
				color: #339;
				margin-bottom: 4px;
				}
				
#tees-details td#txt-info p.price, #tees-details-couture td#txt-info p.price /* price details */
				{
				color: #036;
				font-size: .85em;
				font-weight: normal;
				margin: 2px 0 0 0;
				}

#tees-details td#txt-info p.save, #tees-details-couture td#txt-info p.save /* save money box */
				{
				display: block;
				font-size: .85em;
				font-weight: bold;
				padding: 15px;
				border: 1px dotted #036;
				background-color: 66B6E8;
				}

#tees-details td#tdgear /* formatting for graphic */
				{
				width: 242px;
				background-color: #39c;
				padding: 2em 0 2em 0;
				text-align: center;
				}			

#tees-details td#tdgear2 
				{
				background-color: #336;
				padding: 2em;
				}		

/* Contact page - top table */
#contact
				{
				width: 550px;
				border: 0;
				margin: 2em 0 2em 0;
				}		
				
#contact td
				{
				padding: 0;
				vertical-align: top;
				}				
				
#contact td ul
		  {
				list-style-image: url(http://www.withattitude.net/images/arrow.gif);
				line-height: 1.5em;
				padding-left: 0;
				}		

/* Contact page - sub header */
#contact-sub
				{
				width: 350px;
				border: 0;
				background-color: #336;
				margin: 2em 0 0 0;
				}
#contact-sub td
				{
				padding: 0;
				}
				
#contact-sub td p
				{
				padding: .5em;
				color: #6f0;
				}				
								

/* Contact page - form outside */
#contact-form-out
				{
				width: 500px;
				border: 0;
				background-color: #336;
				margin: 1em 0 0 0;
				}
#contact-form-out td
				{
				padding: 0;
				}				
				
				
/* Contact page - form inner */
#contact-form
				{
				width: 500px;
				border: 0;
				background-color: #336;
				}
					
#contact-form td
				{
				padding: 2px;
				vertical-align: middle; 
				}				

#contact-form td p
		  {
				color: #6f0;
				font-weight: bold;
				vertical-align: middle; 
				}				


/* Vacation page */
#vac
				{
				width: 600px;
				border: 2px solid #66c;
				}

#vac td
				{
				padding: 0;
				}						

#vac .nav-title
				{
				padding: 0 0 0 1.5em;
				background-color:#6666CC;
				vertical-align: middle;
				}
				
#vac .nav-title h2
    { 
				margin: .25em 0 .2em 0;
				font-size: 1.25em;
				color: #cf0;
				}			
						
#vac .nav
				{
				padding: 0 1.5em 0 0;
				background-color:#6666CC;
				vertical-align: middle;
				}

#vac .nav h3
    { 
				font-size: 1.25em;
				color: #cf0;
				text-align: right;
				margin: 2px 0 2px 0;
				}							

#vac .imgs
				{
			 width: 214px;
				padding: 1.5em 0 1em 1.5em;
				text-align: left; 
				}		

#vac .txt
				{
				width: 386px;
				padding: 1.5em;
				}		
				
#vac h2
    { 
				font-size: 1.25em;
				text-align: left;
				margin: .25em 0 .25em 1.5em;
				}

#vac h2.title /* title */ 
    { 
				margin: 0 0 .25em 0;
				font-size: 1.25em;
				}

#vac p
    { 
				margin: 0 0 1em 0;
				color: #3ff;
				}

#vac p.backtop
    {
				margin: 1em 0 1em 0;
				font-weight: bold;
				font-size: .85em;
				}

#vac ul
    { 
				list-style-type: disc outside;
				margin: .25em 0 3em 2em;
				line-height: 1.3em;
				font-size: .75em;
				color: #3cf;
				}


/* Pal page */
#palflash
				{
				width: 550px;
				border: 2px solid #f6f;
				}
				
#palflash td
				{
				padding: 15px;
				}				
							
#pal h2
				{ 
				margin: 0;
				color: #fcc;
				}
						
#pal h3
				{ 
				margin: 5px 0 0 0;
				color: #f6f;
				font-size: 1.25em;
				}
				
#pal p
    {
				color: #99f;
				font-weight: bold;
				}


/* Terms page */
#terms h2
    { 
				margin: 2em 0 -1em 0;
				font-size: 1.4em;
				}

#terms h3
    { 
				margin: 2em 0 -1em 0;
				font-size: 1.25em;
				text-transform: uppercase;
				text-align: left;
				}
				
#terms h4
    {
				margin-bottom: -1em;
				font-size: 1em;
				font-weight: bold;
				color: #6f0;
				text-align: left;
				}


/* What's New table */	
#whatsnew
				{
				width: 600px;
				border: 0;
				margin: 2em 0 2em 0;
				}
				
#whatsnew td
				{
				width: 150px;
				padding: 0;
				text-align: center;
				vertical-align: top;
				}
				
#whatsnew td img
				{
				display: block;
				margin: 0 0 1.5em 0;
				}				
				

/* Famous Quotes */
#quotes h2
    { 
				margin: 0;
				font-size: 1.5em;
				font-weight: normal;
				color: #6f3;
				}

#quotes h3
    { 
				margin: 0;
				font-size: 1em;
				font-weight: bold;
				color: #6cf;
				}

#quotes h4
    { 
				margin: 1.5em 0 2em 0;
				font-size: 1.5em;
				font-weight: normal;
				color: #6f3;
				}				
								

#quotes p
    { 
				color: #6cf;
				font-size: .84em;
				margin: 10px;
				}
				
#quotes p.quote
    { 
				color: #6cf;
				font-size: .84em;
				font-weight: bold;
				margin: 2px 1em 0 1em;
				}
				

/* Send This Link - table */
#sendlink
    { 
				width: 600px;
				border: 0;
				margin: 1em 0 1em 0;
				}

#sendlink td
    { 
				padding: 5px;
				}				

#sendlink h2
    {
				font-weight: bold;
				font-size: 1.25em; 
				margin: 0 0 -15px 0;
				text-align: left;
				}
				
#sendlink p
    {
				font-weight: normal; 
				color: #3cf;
				}
				
#sendlink-form
    { 
				width: 600px;
				border: 0;
				margin: 1em 0 0 0;
				}

#sendlink-form td
    { 
				padding: 0;
				}
				
#sendlink-form h3
    {
				font-weight: bold;
				font-size: 1em; 
				color: #6f0;
				margin: 1em 0 0 0;
				text-align: left;
				}
				
#sendlink-form p
    { 
				color: #6f0;
				}				
		

/* Declares headers for Featured Primo Game include */
#featpgame td h2
    { 
				margin: 1em 0 0 0;
				color: #ff0;
			 font-size: 1.4em;
				text-align: center;
				}

#featpgame td h3
    { 
				margin: 0;
				color: #f6c; 
			 font-size: 1.4em;
				text-align: center;
				}

/* Declares margins for Quotes image header */
h2#imgquote
				{
				margin: .5em 0 .5em 0;
				}


/* Declares header for Bookmark Us page */
h2.book
				{ 
				margin: 2em 0 .25em 0;
				font-size: 1.25em;
				}
				
h2.booksub
				{ 
				margin: 0 0 10em 0;
				font-size: 1.25em;
				}
	

/* Primo E-cards page - headers */
#pecards
    { 
				width: 600px;
				border: 0;
				margin: 30px 0 0 0;
				}

#pecards td
    { 
				padding: 0 0 30px 0;
				}

#pecards td h2
    { 
				margin: 20px 0 7px 15px;
				font-weight: bold;
			 font-size: 16px;
				text-align: left;
				}

#pecards td img
    { 
				display: block;
				border: 0;
				margin: 0 0 5px 0;
				}



	
	/* Overrides bold format with red text inside the Our Story table */
#story p strong
	   {
				color: #f00;
				font-weight: normal;
				}


/* Overrides italic format with lime text inside the Our Story table */
#story p em
				{
				color: #cf3;
    font-style: normal;
				}  
			

.bold
				{
    font-weight: bold;
				}
				
				
.bold-red
				{
				color: #f00;
				font-weight: bold;
				}							

/* Error pages */
#error
					{
					width: 600px;
					border: 3px solid #f90;
					margin: 2em;
					}
					
#error td
					{
					padding: 1.5em;
					}

#error img.td /* float tude dude image left */
					{
					float: left;
					margin-left: 3em;
					}

#error h1
					{
					font-size: 1.25em;
					margin: 2em 0 0 0;
					}	
					
#error #suggest /* row of suggestion images */
					{
					text-align: center;
					padding: 0;
					}

#error #suggest img
					{
					display: inline;
				 margin: 0 2em 2em 2em;
					}
	
										
		
/* Declare links */					
a:link
				{
	   color: #cf3;
    text-decoration: none;
				}
				
a:visited
				{
   	color: #cf0;
    text-decoration: none;
				}

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

a:active
				{
   	color: #f00;
    text-decoration: none;
				}