/******************************
*
* Kelly's  Stylesheets
*
*/




/******************************

Tantek's de-styling 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 */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { 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, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */












/******************************

HTML styles

*/

body
{
	text-align: center;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	color: #505050;
	line-height: 1.5;
	background-image: url(http://www.kellycaldwell.com/a/i/back.gif);
	background-repeat: repeat-x;
    font-size: 83%;
	/* hacky hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 80%;
}

/* be nice to opera */
html>body { font-size: 80%; }

h1, h2, h3, h4, h5, h6
{
	font-family: "Baskerville","Cochin", Georgia, "Lucida Bright", Lucidabright, "Bitstream Vera Serif", serif;
	color: #080808;
	font-weight: normal;
	line-height: 150%;
	/* safari only, but cool and subtle */
	text-shadow: 2px 2px 3px #ccc;

}

h1
{
	font-size: 2.5em;
	color: #333;
}

h2
{
	font-size: 2.2em;
	text-align: left;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	padding-bottom: 5px;
}



/*  
- hack for removing h2 on home page but retaining structural spacing
- not stricty needed, but might be handy in the future
  */
.inLieuOfH2
{
}


h3 { font-size: 1.9em; }

h4, h5, h6 { font-size: 1.1em; }



a:link
{
	font-weight: bold;
	text-decoration: underline;
	color: #006;
	background: transparent;
}

a:visited
{
	font-weight: bold;
	text-decoration: underline;
	color: #666;
	background: transparent;
}

a:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #630;
	background: transparent;
}

a:active
{
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	background: transparent;
}

p, th, td, li, ul, ol, dt, dd, div
{
	font-family: "Lucida Grande", Verdana, "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Bitstream Vera Sans", sans-serif;
	line-height: 180%;
}


p
{
	margin: 0 0 1em 0;
}

/*  option - you may want to indent paragraphs   */

/*
p+p
{
text-indent: 5em;
margin-top: -1em;
}
*/



ul
{
	padding-left: 1em;
	margin-left:1em;
	border-top: 0px solid #eee;
	list-style:disc;
	
}



/*  we can do better than this, but it looks better than the stock rule */
hr
{
	border-top: 1px solid #eee;
	margin: 5px 0;
}



/******************************

Containers and buckets

*/

#container
{
	background-color: transparent;
	text-align: center;
	padding: 0px 0px;
	margin: 0 auto 0px auto;
	width: 770px;
}

/* header height controls where the navbar ends since that's the last item in the header div. Use this to change that, but also be sure to add equal amounts of vertical space to the navconntainer. use caution  */

#header
{
	background-color:transparent;
	margin: 0 0 0px 0;
	padding: 0px;
	height: 155px;
	text-align: left;
	vertical-align: middle;



}

#content
{
	background-color: transparent;
	position: relative;
	margin: 0 auto 20px auto;
	width: 636px;
	text-align: left;

}

#footer
{
	background-color: #fff;
	padding-top: 5px;
	margin: 15px 0;
	border-top: 1px solid #eee;
	color: #999;
	font-size: 80%;
	clear: both;
	text-align: left;
}

/******************************

Styling elements

*/

#header img
{
	vertical-align: middle;
	margin: 5px;
}

/* having trouble getting these right in IE - needs work */


/* style inline images you want to hang to the LEFT */
img.frameleft
{
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 10px;
	margin: 5px 15px 5px 0px;
}

/* style inline images you want to hang to the RIGHT */
img.frameright
{
	border-color:#ccc;
	border-width: 1px;
	border-style: solid;
	background-color: #eee;
	padding: 10px;
	margin: 5px 0px 5px 15px;
}

span.leadin
{
	color: #333;
	font-size: 120%;
	font-weight: bold;
}

h1 img { display: inline; }
.crumbs { font-size: 80%; }

.pullquote, .siderail
{
	border-top: 1px dotted #dedede;
	border-bottom: 1px dotted #ccc;
	width: 200px;
	float: right;
	margin: 5px 0px 5px 10px;
	padding: 5px;
	background-color: #fafafa;
}

.pullquoteInline
{
	border-top: 1px dotted #dedede;
	border-bottom: 1px dotted #ccc;
	margin: 15px 0px 15px 0px;
	padding: 5px 15px 5px 15px;
	background-color: #fafafa;
}

.pullquote p, .pullquoteInline p
{
	font-family: "Baskerville","Cochin", Georgia, "Lucida Bright", Lucidabright, "Bitstream Vera Serif", serif;
	font-style: italic;
	color: #666;
	font-weight: normal;
	font-size: 18px;
	margin: 10px;
	padding: 0;
}

.pullquote a { font-weight: normal; }
.siderail p, .siderail li, .siderail ul, .siderail ol { font-size: 10px; 	list-style:disc;
}



.siderail h3
{
	font-size: 14px;
	margin-bottom: 5px;
}

.siderail ul, .siderail ol
{
	padding: 0px 12px 0 20px;
	margin: 0;
}

.siderail h3+p, .siderail h3+ol
{
	margin-top: 0;
	padding-top: 0;
}

p.quoter
{
	font-size: 140%;
	font-style: normal;
}

.homePitch p
{
	font-size: 150%;
	font-family: "Baskerville","Cochin", Georgia, "Lucida Bright", Lucidabright, "Bitstream Vera Serif", serif;
}


/******************************

Navbar and rollovers 

*/

/*
based on Emerica
http://css.maxdesign.com.au/listamatic/horizontal02.htm
*/


#navcontainer 
{ 
margin /**/: 15px 0 0 60px;
background-color:#fdfdfd;
}

ul#navlist
{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#navlist li
{
	display: inline;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	color: #666;
	font-weight: normal;
	font-size: 120%;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
	color: #C60;
	background-color: transparent;
	text-decoration: none;
	/* decoder ring: right, bottom, blur, color */
	text-shadow: 2px 2px 3px #ccc;
}

#navlist a:hover
{
	color: #333;
	background-color: #ccc;
	text-decoration: none;
}


body#home #navlist li#navHome a,
body#gallery #navlist li#navGallery a,
body#bio #navlist li#navBio a,
body#how #navlist li#navHow a,
body#giving #navlist li#navGiving a,
body#news #navlist li#navNews a,
body#contact #navlist li#navContact a

{
	background-color: #F5F5F5;
	border-width: 1px;
	border-style: solid;
	border-color: #EEE #ccc #ccc #EEE;
	color: #333;
	
}

#navlist li#active  a:hover { color: #330; }