/* @override http://ks.localhost/styles.css */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
h1,h2,h3,h4,h5,h6 { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form { margin:0; padding:0 }


/* Kell7 Shea */

body
{
	background: white repeat;
	margin-bottom: 50px;
}

img
{
	border-style: none;
	border-width: 0;
}

a
{
	
	color: #8eadd4;
	text-decoration: none;
}


p
{
	font: 10px/16px Verdana, sans-serif;
	color: gray;
}

p.contact
{
	color: maroon;
}

p.copyright
{
	color: #c2c2c2;
}

strong
{
	font: bold 10px/16px Verdana, sans-serif;
	color: gray;
}

input, textarea
{
	background-color: #f1edff;
	font: 10px/16px Verdana, sans-serif;
}

#header 
{
	width: 750px;
	height: 60px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 100;
}

#content_holder
{
	position: absolute;
	top: 120px;
	left: 180px;
}

#kelly_shea
{
	float: none;
	position: absolute;
	top: 59px;
	left: 28px;
	height: 50px;
	width: 160px;
}

#tier_1_nav
{
	float: none;
	position: absolute;
	top: 26px;
	left: 180px;
	width: 120px;
	letter-spacing: .06em;
}

#tier_1_nav p
{
	margin: 0;
	padding: 0;
	color: grey;
	font: 11px/20px Verdana, sans-serif;
}



#portfolio_icons
{
	float: none;
	position: absolute;
	left: 280px;
	width: 360px;
	line-height: 25px;
	vertical-align: bottom;
	height: 50px;
	top: 30px;
}









.portfolio_thumbnail
{
	display: inline;
	margin: 0 5px 0 0;
	border-style: none;
	border-width: 0;
}

#big_img, #big_text
{
	position: absolute;
	top: 150px;
	left: 200px;
}

#big_text
{
	width: 360px;
}

#big_text p
{
	font-size: 12px;
	line-height: 18px;
}

#description
{
	position: absolute;
	top: 150px;
	left: 600px;
	width: 225px;
	margin-bottom: 50px;

}

#description
{
	font: 10px/16px Verdana, sans-serif;
	color: gray;
}

#description img.pages
{
	border-style: none;
	border-width: 0;
	margin-right: 5px;
	margin-bottom: 5px;
}

#description img.headline
{
	border-style: none;
	border-width: 0;
	margin-top: 15px;
	margin-bottom: 5px;
}

/* --- tooltip --- */

div.tooltip {
	width: 200px;
	color: #fff;
	text-align: left;
	z-index: 500;
	font: 10px Georgia, Times New Roman, Times, serif;
}


div.tooltip, div.tooltip h4, div.tooltip p  {
	font: bold 12px Verdana, sans-serif;
	color: #333;
}

div.tooltip p  {
	font: 10px Verdana, sans-serif;
	color: #333;
}

div.tooltip h4 {
	margin: 0;
	padding: 13px 10px 5px;
	background: url(/_assets/balloon.png) top left no-repeat !important;
	background: url(/_assets/balloon.gif) top left no-repeat;
}

div.tooltip p {
	margin: 0;
	background: url(/_assets/balloon.png) bottom left no-repeat !important;
	background: url(/_assets/balloon.gif) bottom left no-repeat;
	padding: 0 10px 15px;
}