/*
Theme Name: TTPA Web Site
Theme URI: http://janekatra.org/
Description: Jane Katra main site template
Version: 1.1.1
Author: Bodhi Goforth
Author URI: http://www.afinerweb.com/
*/

/* Begin Typography & Colors */
body {
  background: #F3F6FD url(images/bkg.png) repeat fixed top left;
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  color: #000000;
}

#top {
  background: #0077ff url(images/top_bkg.jpg) top left repeat-x;
  color: #ffffff;
}

#masthead {
  background: #fdfcff url(images/lotus.900x180.jpg) no-repeat center center;
  background-size: cover;
}

.nav_bar {
  background: #fdfcff url(images/nav_bar.jpg) repeat top left;
}

#page {
  background: #ffffff url(images/page_bkg.jpg) repeat top left;
}

h1 {
    color: #5600B6;
}

.alert {
  color: #ff0000;
}

a {
  color: #5D00B3;
}

a:hover {
  color:#bb00ff;
}

.site_credit a {
  color: #46008C;
}

/* End Typography & Colors */

/* Begin Structure */

body {
  margin: 0;
  text-align: center;
  font-size: .9em; 
/*	font-weight: bold; */
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

#main {
  margin: 0 auto; 
  width: 900px;   
}

#top {
  height: 70px;
	line-height: 70px;
	font-size: 2.5em;
}

#masthead {
  height: 180px;
}

/* --------------------------------------------
  Begin Main Navigation
-------------------------------------------- */  
.nav_bar { height: 40px; }
.nav {
  text-align: center;
	font-size: 14px;
}
.nav a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
}
.nav a {
  font-family: Helvetica, Verdana, sans-serif; 
  color:#fefefe;
}
.nav a:hover, .nav li:hover > a, .nav li.focus > a {
  text-decoration: none;
  color:#000000;
  background: #CE8FFF url(images/nav_bar_hover.jpg);
}
.nav ul { 
  list-style: none; 
  position: relative; 
}
.nav > ul { 
  display: inline-block;
  margin: 0;
  padding: 0;
}
.nav li { position: relative; }
.nav > ul > li { 
  float: left; 
  display: inline-block;
  padding: 0;
  margin: 0;
} 
.nav li ul { 
  display: none;
  width: 150px;
  background: #951FF1;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0px;
}
.nav li:hover ul { display: block; } 
.nav li ul li {
  text-align: left;
  display: block;
  margin: 0;
  border-top: 1px solid #888;
}
.nav li ul li a { 
  display: block;
  padding: 0 0 0 14px;
}
.ddlink > a::after { 
  display: inline-block;
  content: " \00bb";
  -ms-transform: rotate(90deg); 
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: relative;
  top: -2px;
} 

/* --------------------------------------------
  End Main Navigation
-------------------------------------------- */  
 
 
.bbold {
  font-weight: bold;
	color: #000000;
  padding: 0 10px; 
}
 
 
#page {
  margin: 0px auto; 
  padding-top: 20px;
/*  min-height: 300px; /* also update * html #page{} below for IE */
}
/* for Internet Explorer */
/*
* html #page {
  height: 300px; 
}
*/

.content {
/*	font-weight: bold; */
  margin-left: 40px;
  margin-right: 40px;
  text-align: left;
}

.content p {
/*  font-weight: bold; */
}

h1 {
		font-size:  1.7em; 
		text-align: center;
}

.pagetitle {
	font-size:  1.6em; 
	text-align: center;
  font-weight: bold;
  color: #5600B6;
  margin-top: 10px;
}

.location, .fin {
	font-size:  1.5em; 
	text-align: center;
  font-weight: bold;
  color: #000000;
}


.title {
  color: #5600B6;
  font-size: 1.3em;
  font-weight: bold;
}

.subtitle {
  font-size: 1.1em;
  font-weight: bold;
}

.subtitle-purple {
  color: #5600B6;
  font-size: 1.1em;
  font-weight: bold;
}

ul {
  margin-top: -15px; 
}

li {
  margin-left: -10px;
}

p, li {
  font-weight: 400;
}

h1 {
  font-size: 1.5em;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 1px;
}

h2 {
  font-size: 1.1em;
}

h3 {
  font-size: 1.0em;
}

.contact {
	font-size: 1.2em;
}

.email {
	font-size: .9em;
}

.schedule {
  text-align: left;
	margin-left: 200px;
}

.library {
  text-align: left;
	margin-left: 60px;
	margin-right: 60px;
}

.library table td { padding: 10px; }

a.indent {
	margin-left: 30px;
}

.lib_list {
	margin-left: 30px;
}

.site_credit {
  font-size: .8em;
	padding: 0 0 15px;
  color: #777;
}
.site_credit a { color: #707070; }
.site_credit a:hover { color: #987eff; }
.site_credit span {
    font-size: 2em;
    position: relative;
    top: 3px;
    color: #8d8d8d;
}

.quote {
  font-size: 1.0em;
}

.italic {
  font-style: italic;
}

img {
  border: #5D00B3 1px solid; 
}

.right {
  float: right;
  margin-left: 8px;
}

.left {
  float: left;
  margin-right: 8px;
}

.center {
	text-align: center;
}

.clear {
  clear: both;
}

.bold, .bold li {
  font-weight: bold;
}

.left-sidebar {
  float: left;
  margin-right: 15px;
  padding: 5px;
  border: #5D00B3 1px solid; 
}

.no-border, .noborder { border: none; }

hr {
  background: #080;
  height: 2px;
  border: none;
  border-radius: 2px;
  margin: 10px auto 20px;
}

.yt-video { 
  padding: 20px 0; 
}

/* End Structure */