/***********************************************/
/* kateSoper.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Times;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	background-color: #FAFAFA;
}


body#splash{
	font-family: Garamond;
	color: #d70a53;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	background-color: #000000;
    background-image: url('http://katesoper.com/content/pics/Splash_Aug23.jpg');    
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
        
    
}

body#hbs{
	font-family: Garamond;
	color: #d3d3d3;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	background-color: #00003B;
}

body#hark{
	font-family: Garamond;
	color: #DCDCDC;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	background-color: #011d01;
    
    }

body#hunt{
	font-family: Garamond;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	background-color: #fef8d9;
}

body#ipsadixit{
	font-family: Garamond;
	color: #D3BECF;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	background-color: #2E0854;
}

body#rose{
	font-family: Garamond;
	color: #d11d54;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	background-color: #fdf0f2;
}

body#voices{
	font-family: Garamond;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	background-color: #8e8e8e;
}


body#unwritten{
	font-family: Garamond;
	color: #4E4E4E;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	background-color: #f5fefa;
}

body#2020{
	font-family: Garamond;
	color: #FFFFFF;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	background-color: #000000;
}

body#movies{
	font-family: Garamond;
	color: #FFFFFF;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	background-color: #000000;
}



#ipsadixit a:link{
	color: #CC00FF;
	text-decoration:none;
}


#ipsadixit a:visited{
	color: #CC00FF;
	text-decoration: none;
}


#hbs a:link{
	color: #63D1F4;
	text-decoration:none;
}

#voices a:link{
	color: #a50000;
	text-decoration:none;
}

#voices a:visited{
	color: #a50000;
	text-decoration:none;
}

#rose a:link{
	color: #FF007F;
	text-decoration:none;
}


#rose a:visited{
	color: #FF007F;
	text-decoration:none;
}

#rose a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#hark a:link{
	color: #d1fdd1;
	text-decoration:none;
}


#hark a:visited{
	color: #d1fdd1;
	text-decoration:none;
}

#hark a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#hunt a:link{
	color: #d80000;
	text-decoration:none;
}


#hunt a:visited{
	color: #d80000;
	text-decoration:none;
}

#hunt a:hover{
	color: #ff0000;
	text-decoration: underline;
}


#2020 a:link{
	color: #FFFFFF;
	text-decoration:none;
}


#2020 a:visited{
	color: #FFFFFF;
	text-decoration:none;
}

#2020 a:hover{
	color: #D3D3D3;
	text-decoration: underline;
}


#movies a:link{
	color: #F52887;
	text-decoration:none;
}


#movies a:visited{
	color: #F52887;
	text-decoration:none;
}

#movies a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#hbs a:visited{
	color: #0AFFFF;
	text-decoration: none;
}

#hbs a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#ipsadixit a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}




#splash a:link{
	color: #d70a53;
	text-decoration:none;
}

#splash a:visited{
	color: #d70a53;
	text-decoration: none;
}

#splash a:hover{
	color: #FFFFFF;
	text-decoration: none;
}


#unwritten a:link{
	color: #000000;
	text-decoration:none;
}

#unwritten a:visited{
	color: #000000;
	text-decoration: none;
}

#unwritten a:hover{
	color: #E4E4E4;
	text-decoration: none;
}



a{
	color: #000066;
	text-decoration: none;
}

a:link{
	color: #F52887;
	text-decoration: none;
}

a:visited{
	color: #F52887;
	text-decoration: none;
}

a:hover{
	color: #F52887;
	text-decoration: underline;
}



/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#globalNav{
	padding: 0px 0px 5px 10px;
	color: #cccccc;
}
	
#masthead{
	padding: 10px 0px 2px 10px;
	width: 100%;
}

#navBar{
	float: left;
	width: 20%;
	margin: 0px;
	padding: 0px 0px 5px 10px;
}

#headlines{
  float:right;
	width: 20%;
	margin: 0px;
	padding: 0px;
}

#headlinesOther{
  float:right;
	width: 40%;
	margin: 0px;
	padding: 0px;
}

#content{
	padding: 0px 0px 5px 10px;
	float: left;
  	width: 55%;
}
	
#contentCV{
	padding: 0px 0px 10px 10px;
	float: left;
  	width: 85%;
}
/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #666666;
	padding: 10px 10px 10px 10px;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}