/* Style sheet for www.KayteandTToo.com */
/* @Author: Karen Rust */
/* @Email:  Karen.Rust@Cox.net */
/* Created: 1 Jan 2008 */
/* Updated: 16 Jan 2008 */
/* Use # for id and . for class */

/* Brand - Used for the (typically) top part of the home page which identifies the company name and logo if they have one */
div#brand {
	background		: #c9f;	/* #c9f = #cc99ff = purple */
	border-bottom	: 1px solid #609;
	font-size		: medium;
	line-height		: normal;
	
}
div#brandLogo {
	float			: left;
	padding-top		: 5px;
	text-align		: center;
	width			: 181px; 	/* 94 pixel wide logo with 15px buffer on either side */
}
div#brandText {
	color			: #fff; 	/* #fff = white */
	display			: block;
	height			: 196px;	/* Logo is 146 pixels tall so this helps with the drop-shadow that goes to the bottom right */
	margin			: 0 138px; 	/* Allows the text-align center to work by compensating for the width of the logo */
	padding-top		: 25px;
	text-align		: center;
}
	#brandText h1 {
		font-size	: 3em;
	}
	#brandText h2 {
		font-size	: 2em;
	}
/* Content - Used for the main story */
div#content {
	width	: 100%;
}
div#contentMain {
	margin		: 2em 20%;
	min-height	: 25em;		/* Allows room for navMain without the rock bottom border sneaking up under it in Firefox */
	text-align	: center;
	width		: auto;
}
	#contentMain h1 {
		font-size	: normal;
		line-height	: normal;
	}
/* Document Object Model - Used for page basic globals such as body, h1, and a which are not tied to a specific div or span */
a:active {
	color	: #f06;
}
a:hover {
	color	: #000;
}
a:link {
	color	: #000;
}                                 			
a:visited {
	color	: #609;
} 
body {
	background	: url(../i/KtT2rockborder.jpg) bottom left repeat-x;
	color		: #000; /* #000 = Black */
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: large;
	line-height	: 1.75em;
	width		: 100%;
}
/* Multimedia */
div#photo_float_right {
	float		: right;
	margin		: 0;
	padding		: 5px 5px;
	text-align	: right;
}
				div#pic 	{
			position	: inherit; 
		}
		div#pic img {
			height			: auto;
			width			: auto;
			border			: ridge #c9f;
			border-color	: black; 
		}
		div#pic ul  {
			margin	: 0;
			padding	: 0;
			font	: bold small; 
		}
		table {
			padding-left	: 5px;
			width			: auto;
		}
		table td.tdPhoto {
			width	: 110px;
		}
		table td.tdText {
			border-bottom	: #c9f groove;
			text-align		: left;
			width			: auto;
		}
		.liName {
			font-weight	: bold;
		}
.photoIDLeft {
	position	: relative;
	bottom		: 0;
	font-style	: italic;
	font-size	: x-small;
	text-align	: center;
}		
/* Navigation */
div#navMain {
	float		: left;
	background	: #c9f;
}
	#navMain a {
		text-decoration	: none;
	}
	#navMain a:hover {
		text-decoration	: underline;
	}
	#navMain li {
		padding	: 0.75em 2em;
	}
	#navMain ul {
		margin			: 0;
		left			: 5px;
		list-style		: none;
		list-style-type	: none;
	}