/*
-----------------------------------------------
talktokathy.net Style Sheet
author:   Ashlee Goodwin
version:  2008.01
----------------------------------------------- */

/* Main Layout ---------------------------------------*/

body {
margin: 0px; 
padding:0px;
text-align:center;
background-color:#f3af2a;
}

#page {
width:815px;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
margin-bottom:10px;
text-align:left;
padding:0px;
border: none;
}

.namecenter {
font-family: helvetica, arial, sans-serif;
font-size: 15px;
color: #8c2e94;
text-align: center;
letter-spacing: 1px;
text-decoration: none;
}


#header {
width:100%;
height: 111px;
margin:0px auto;
margin-bottom:4px;
text-align:left;
padding:0px;
border: none;
}

#header h1 a {
margin: 0;
padding: 0;
text-indent: -10000px;
display: block;
width: 259px;
height: 111px;
background: url(imgs/talk_to_kathy.gif) no-repeat 0 0;
float: left;
}

#header h2 {
margin: 0;
padding: 0;
text-indent: -10000px;
display: block;
width: 556px;
height: 32px;
background: url(imgs/header_headline.gif) no-repeat 0 0;
float: left;
}

#content {
width:815px;
text-align:left;
padding:0px;
border: none;
background-color: #ffffff;
background: url(imgs/whitebg.gif) repeat;
}

.leftcol {
width: 259px;
float: left;
background: url(imgs/whitebg.gif) repeat;
margin: 0;
padding: 0;
}

.fullcol {
width: 815px;
float: left;
background: url(imgs/whitebg.gif) repeat;
margin: 0;
padding: 0;
}

.rightcol {
margin: 0;
width: 556px;
float: left;
background: url(imgs/whitebg.gif) repeat;padding: 0;
}

#maincopy {
margin: 25px;
font-family: helvetica, arial, sans-serif;
font-size: 18px;
line-height: 26px;
color: #666666;
}

#maincopysmall {
margin: 25px 50px;
font-family: helvetica, arial, sans-serif;
font-size: 14px;
line-height: 22px;
color: #666666;
}

#maincopysmall a {
color: #8c2e94;
text-decoration: none;
border-bottom: 1px dotted #666666;
}

p.center {
font-size: 20px;
color: #f3af2a;
text-align: center;
letter-spacing: 1px;
}

#youtube {
width: 425px;
margin: 5px auto;
text-align: center;
}

#pagebottom {
clear: both;
height: 24px;
width: 815px;
background: url(imgs/pagebottom.gif) no-repeat center;
}


.clear {
clear: both;
height:40px;
background-color: #ffffff;
background: url(imgs/rule.gif) no-repeat center;
padding-bottom: 30px;
}

.divider {
clear: both;
height:40px;
background-color: #ffffff;
background: url(imgs/rule.gif) no-repeat center;
}

span.bold {
font-weight: bold;
}
.clearnorule {
clear: both;
height:5px;
background-color: #ffffff;
background: url(imgs/whitebg.gif) repeat;
}

.caption {
font-family: helvetica, arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #666666;
text-align: center;
}

.subhead {
font-family: helvetica, arial, sans-serif;
font-size: 18px;
color: #666666;
text-align: center;
font-style: italic;
margin: 0;
padding: 0;
}

#emailbutton {
text-indent: -100000px;
display: block;
width: 259px;
height: 126px;
background: url(imgs/email_kathy_button.gif) no-repeat center;
margin-top: 10px;
}

.caption span {
font-style: italic;
}

#maincopy h1 {
margin: 0;
padding: 0;
text-align: center;
font-size: 26px;
color: #8c2e94;
font-weight: light;
letter-spacing: 1px;
}

#maincopysmall h1 {
margin: 0;
padding: 0;
text-align: center;
font-size: 26px;
color: #8c2e94;
font-weight: light;
letter-spacing: 1px;
}

a img {
border: 0;
}

#footer {
clear:both;
margin-bottom: 40px;
}
.copyright {
text-align: center;
margin-top: 35px;
font-family: arial, sans-serif;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .75px;
color: #ffffff;
}

.byline {
text-align: center;
margin-top: 4px;
font-family: arial, sans-serif;
font-size: 9px;
text-transform: uppercase;
letter-spacing: .75px;
color: #ffffff;
}

.byline a {
text-align: center;
margin-top: 35px;
font-family: arial, sans-serif;
font-size: 9px;
text-transform: uppercase;
letter-spacing: .75px;
color: #8c2e94;
text-decoration: none;
border-bottom: 1px dotted #8c2e94;
}

/* Header Navigation---------------------------------------*/

#header a {
display: block;
text-decoration: none;
}

#headernav {
position:relative;
float: left;
display: inline;
width: 556px;
height: 79px;
background-color: #ffffff;
}

#headernav a {
	text-decoration: none;
	display: block;
	text-indent:-10000px;
	}

div.home {
	position: relative;
	top: 17px;
	float: left; 
	margin-left: 23px;
	margin-right: 3px;
	z-index: 6;
	display: inline;
	}

#home {
	background-image: url(imgs/home.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	width: 76px;
	height: 43px;
	overflow: hidden;
	}

#headernav #home:hover {
	background-position:0 -43px;
	}
	
div.kathystory {
	position: relative;
	top: 17px;
	float: left; 
	margin-right: 3px;
	z-index: 6;
	}

#kathystory {
	background-image: url(imgs/kathys_story.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	width: 142px;
	height: 43px;
	overflow: hidden;
	}

#headernav #kathystory:hover {
	background-position:0 -43px;
	}


div.blog {
	position: relative;
	top: 17px;
	float: left; 
	margin-right: 3px;
	z-index: 6;
	}

#blog {
	background-image: url(imgs/blog.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	width: 66px;
	height: 43px;
	overflow: hidden;
	}

#headernav #blog:hover {
	background-position:0 -43px;
	}
	
	div.resources {
	position: relative;
	top: 17px;
	float: left; 
	margin-right: 3px;
	z-index: 6;
	}

#resources {
	background-image: url(imgs/resources.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	width: 118px;
	height: 43px;
	overflow: hidden;
	}

#headernav #resources:hover {
	background-position:0 -43px;
	}
	
div.contact {
	position: relative;
	top: 17px;
	float: left; 
	margin-right: 3px;
	z-index: 6;
	}

#contact {
	background-image: url(imgs/contact.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	width: 92px;
	height: 43px;
	overflow: hidden;
	}

#headernav #contact:hover {
	background-position:0 -43px;
	}