/*
THIS STYLESHEET COPYRIGHT:
OWNER: <a href="http://www.KathleenMacIver.com">Kathleen MacIver</a>
DESIGNED BY: <a href="http://www.KatieDidDesign.com/">KatieDid Desisgn</a>
*/

body {
	margin:0;
	background-color:#d2dedc;
	font: normal normal 12px Verdana, Arial, sans-serif;
	color:#404040;
	line-height:15px;
	text-align:center;
	}
A:link {	COLOR: #000000;	font-weight:bold; text-decoration:none; border-bottom:1px dotted #666666; }
A:visited {	COLOR: #000000;	font-weight:bold; text-decoration:none; border-bottom:1px dotted #666666; }
A:hover {	COLOR: #000000;	font-weight:bold; text-decoration:none; border-bottom:1px solid #666666; }

.ttr-nav A:link,    .yar-nav A:link,    .a-nav A:link {			padding:0 6px; border-bottom:0; }
.ttr-nav A:visited, .yar-nav A:visited, .a-nav A:visited {		padding:0 6px; border-bottom:0; }

#ttr .ttr-nav A:hover {							padding:0px 6px 2px 8px; margin:0px 0 -6px -10px; border-bottom:1px solid white; border-left:3px double white; }
#yaf .ttr-nav A:hover, #a .ttr-nav A:hover, #index .ttr-nav A:hover  {	padding:0px 6px 2px 8px; margin:0px 0 -6px -10px; border-bottom:1px solid white; border-left:3px double white; }
.yar-nav A:hover  {							padding:8px 6px 16px 20px; margin:-8px 0 -6px -10px; background: transparent url(../images/starburst.gif) no-repeat -20px -15px; border-bottom:0;}
.a-nav A:hover { 							padding:8px 6px 16px 20px; margin:-8px 0 -6px -10px; background: transparent url(../images/leaf.gif) no-repeat 0px 10px; border-bottom:0; }

#characters a {	COLOR: #000000; font-weight:bold; text-decoration:none; border-bottom:1px dotted #666666; }
#footer a:link, #footer a:visited { COLOR: #333333; font-weight:bold; text-decoration:none; border-bottom:0px dotted #000000; }
#footer a:hover { COLOR: #000000; font-weight:bold; text-decoration:none; border-bottom:1px solid #000000; }

#page-container {
	diplay:block;
	margin:0 auto;
	left:50%;
	width:865px;
	}
#col1, #col2, #col3 {
	display:block;
	float:left;
	text-align:left;
	}
.ttr-nav, .yar-nav, .a-nav {
	width:110px;
	float:right;
	line-height:20px;
	text-align:right;
	}
		
/* --- INDEX PAGE STYLES --- */

#index #col1, #index #col2, #index #col3 {
	width:280px;
	margin:6px 3px;
	padding:70px 0 0;
	}
#index #col1 {
	background: #ccccdd url(../images/bk-ttr-top.jpg) no-repeat top left;
	}
#index #col1 .inner {
 	background: transparent url(../images/bk-ttr-bottom.jpg) no-repeat 180px 420px;
	height:582px;
	}
#index #col1 .inner .inner2 {
 	background: transparent url(../images/explore.gif) no-repeat 100px 15px;
 	height:70px;
}
#index #col2 {
	background: #DFE9DB url(../images/bk-yaf-280.jpg) no-repeat top left;
	height:582px;
	}
#index #col2 .inner {
	height:582px;
	}
#index #col2 .inner .inner2 {
 	background: transparent url(../images/meet.gif) no-repeat 140px 15px;
 	height:70px;
}
#index #col3 {
	background: #EFF0E8 url(../images/bk-a-top.jpg) no-repeat top right;
	height:582px;
	}
#index #col3 .inner {
	background: transparent url(../images/bk-a-bottom.jpg) no-repeat bottom right;
	height:582px;
	}
#index #col3 .inner .inner2 {
 	background: transparent url(../images/or.gif) no-repeat 120px 10px;
 	height:90px;
}

#index-cover {
position:absolute;
top: 350px;
left:50%;
margin-left:-330px;
}
/* --- 140 WIDTH COLUMN STYLES --- */

#yaf #col1, #a #col1 {
	width:140px;
 	background: #BEC9CE url(../images/bk-ttr-top.jpg) no-repeat top left;
	margin:6px 3px;
	padding:70px 0 0;
	}	
#ttr #col2 {
	width:140px;
 	background: #DFE9DB url(../images/bk-yaf-140.jpg) no-repeat top right;
	margin:6px 3px;
	padding:70px 0 0;
	}

#a #col2 {
	width:140px;
 	background: #DFE9DB url(../images/bk-yaf-562.jpg) no-repeat top left;
	margin:6px 3px;
	padding:70px 0 0;
	}	
#ttr #col3, #yaf #col3 {
 	background: #EFF0E8 url(../images/bk-a-top.jpg) no-repeat top right;
	width:140px;
	margin:6px 3px;
	padding:70px 0 0;
 	}
#yaf #col1 .inner, #a #col1 .inner, #ttr #col2 .inner, #a #col2 .inner{
	height:587px;
	}
#ttr #col3 .inner, #yaf #col3 .inner {
	height:587px;
 	background: transparent url(../images/bk-a-bottom.jpg) no-repeat bottom right;
 	}
 	

/* --- 562 WIDTH COLUMN STYLES --- */

#ttr #col1 {
	width:562px;
 	background: #BEC9CE url(../images/bk-ttr-top.jpg) no-repeat top left;
	margin:6px 3px;
	padding:70px 0 0;
	}
 	
#ttr #col1 .inner {
	width:562px;
 	background: transparent url(../images/bk-ttr-bottom.jpg) no-repeat bottom right;
	margin:0;
	padding-bottom:0px;
	}
	
#yaf #col2 {
	width:562px;
 	background: #DFE9DB url(../images/bk-yaf-562.jpg) no-repeat top center;
	margin:6px 3px;
	padding:70px 0 0;
	}
#yaf #col2 .inner {
	width:562px;
	margin:0;
	}
	
#a #col3 {
	width:562px;
 	background: #EFF0E8 url(../images/bk-a-top.jpg) no-repeat top right;
	margin:6px 3px;
	padding:70px 0 0;
 	}
#a #col3 .inner {
	width:562px;
 	background: transparent url(../images/bk-a-bottom.jpg) no-repeat bottom right;
	padding-bottom:70px;
	margin:0;
 	}




	
/* --- HEADING STYLES --- */

#heading #twitter-logo {
	padding:90px 0 0 22px;
	margin:0;
	}
#ttr #heading, #yaf #heading {
	width:410px;
	height:105px;
	margin:0;
	}
#ttr #heading h1, #yaf #heading h1 {
	padding:60px 0 0 90px;
	margin:0;
	font: italic bold normal 2.5em/1em 'Times New Roman', serif;
	}

#a #heading {
	width:410px;
	height:140px;
	margin:0;
	}
#a #heading h1 {
	padding:95px 0 0 22px;
	margin:0;
	font: italic bold normal 2.5em/1em 'Times New Roman', serif;
	}

	
#yaf .content, #ttr .content {
	clear:both;
	margin:0px 10px 0 90px;
	padding-bottom:70px;
	}
#a .content {
	clear:both;
	margin:0px 10px 0 20px;
	}

.content p {
	margin:0;
	padding:0;
	line-height:1.5em;
	text-indent:25px;
	}
#contact input {
	margin:0 0 5px;
	}
#characters {
	line-height:16pt;
	text-align:center;
	}
#freeread {
	}
#wtss {
	}
#twitter {
	}
#TwitterWidget {
	margin:0 0 0 2em;
	}
	
#footer {
	clear:both;
	width:98%;
	padding:20px 0;
	text-align:center;
	color: #333333;
	font-size:.8em;
	}

.highlighted {
	color:#660000;
	font-style:italic;
	}
	
	
