/*  
Theme Name: Light in Winter
Theme URI: http://knowledgetown.com
Description: A custom theme developed for Light in Winter by Knowledge Town.
Version: 1.0
Author: Knowledge Town
Author URI: http://knowledgetown.com
*/

body {
padding:0px;
font-family: arial, helvetica, verdana, sans-serif;
/*font-family: 'Trebuchet MS', 'Tahoma', arial, verdana;
*/font-size: 12px;
color: black;
/* background: url(images/bodybg3.jpg) repeat-x;
background-position: bottom left; */
background-color: #000000; 
text-align: center;
margin-top: 0px;
/* background: black url(images/bodybg.jpg);
background-repeat: repeat-x;
background-position: bottom; */
}

#wrapper {
margin: auto;
width: 825px;
background: url(images/wrapbg2.jpg);
}

/* START: Hide from Mac/IE. Only PC/IE sees this. \*/
* html #wrapper { height: 1% }
/* END: Hide from Mac/IE */

#bartext {
position: relative;
left: 10px;
top: 148px;
background-color: #cccccc;
width: 155px;
height: 127px;
}


#left {
margin: 0px;
width: 227px;
float: left;
text-align: left;
padding: 0px;
font-family: arial, helvetica, sans;
/* background: url(...images/topleft8.jpg) norepeat; */
}

/* START: Hide from Mac/IE. Only PC/IE sees this. \*/
* html #left { height: 1% }
/* END: Hide from Mac/IE */

#right {
width: 598px;
float: left;
text-align: left;
padding: 0px;
margin: 0px;
}


/* START: Hide from Mac/IE. Only PC/IE sees this. \*/
* html #right { height: 1% }
/* END: Hide from Mac/IE */

#right .copy {
width: 540px;
text-align: left;
}

#left .copy {
width: 156px;
text-align: left;
margin-left: 60px;
}

#photoholder {
background: url(images/topright2.jpg);
height: 369px;
background:#fff;
overflow:hidden;
 width:598px;
position:relative;
}

/* holds slide show on home page */
#photoholder {
background: url(images/topright2.jpg);
overflow:hidden;
position:relative;
}

/*preloads images on homepage */
.preload {
display:none;
}

#footer {
margin: 0px;
float: left;
width: 100%;
text-align: center;
font-size: 10px;
color: #555555;
margin-bottom: 20px;
}

#footer a:link {
color: #555555;
text-decoration: underline;
}

#footer a:visited {
color: #555555;
}

#footer a:hover {
color: #999999;
}

#clear {
content: " ";
display: block;
visibility: hidden;
height: 0px;
clear: both;
}

/**** links ****/

#nav, #nav ul { 
	padding: 0;
	margin: 0px 0px 0px 0px;
	list-style: none;
	width: 157px;
}
	
#nav li { 
	width: 157px;
}
	
#nav li a {
	width: 137px;
	display : block;
	color : black;
	font-size: 14px;
	font-family: arial, helvetica, verdana, sans;
	text-decoration : none;
	background-color : #5992DF;
	border-top: 1px solid white;
	padding: 4px 10px 4px 10px;
}

#nav li a:hover {
	color : white;
	background-color: #6E9AE1;
}


#nav ul li ul a {
	width: 117px;
	padding: 3px 10px 3px 30px;
	font-size: 11px;
	border-top: 0px solid white;
}	

#nav ul li ul {
	padding-bottom: 4px;
}	

#nav .current_page_item a {
	color: #fff;
	background-color: #6E9AE1;
}

#nav .current_page_item li a {
	color: #000;
}

#nav .current_page_item li a:hover {
	color: #fff;
}
/*#nav .current_page_item a, #nav .current_page_parent a {
	color: #fff;
	font-weight: bold;
}
*/


/* Events */
.event {
	clear: both;
}

.event_photo  {
	padding: 5px;
	border: 1px dotted #aaaaaa;
	float: left;
	margin: 0;
}

.event_text {
	float: right;
	width: 390px;
}

.event_title {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 18px;
	color: #702E99;
	font-weight: normal;
	margin: 0;
}

.event_title a:link, .event_title a:visited {
	color: #702E99;
	font-weight: normal;
	margin: 0;
	text-decoration: none;
}

.event_title a:hover {
	color: #702E99;
	font-weight: normal;
	margin: 0;
	text-decoration: underline;
}

.event_subtitle {
	color: #702E99;
}

.event_time_span {
	font-weight: bold;
	margin: 0;
	font-family: arial, helvetica, verdana, sans-serif;
}

.event_short_description, .event_long_description {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	margin: 5px 0 14px 0;
}

.event_detail_left {
	float: left;
/*	width: 295px;
Width is set dynamically based on photo width.*/
}

.event_detail_right {
	margin-top: 43px;
	float: right;
/*	width: 245px;
Width is set dynamically based on photo width.*/ 
    min-height: 10em;
    display: table-cell;
    vertical-align: middle;
}

.event_long_description {
	clear: both;
	padding-top: 20px;
}

.event_date {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	color: #999;
	font-weight: narmal;
	padding: 25px 3px 5px 3px;
	margin: 0;
	width: 500px; 
}

.event_location, .event_price {
	font-weight: bold;
	margin: 0;
	font-family: arial, helvetica, verdana, sans-serif;
}

.event_price {
	color: #999;
}

.event_sponsors, .event_sponsors a:link, .event_sponsors a:visited {
	font-style: italic;
	color: #000;
	margin-top: 10;
}

.read_more a:link, .read_more a:visited {
	font-style: italic;
	color: #702E99;
}

.event_sponsors a:hover, .read_more a:hover {
	color: #2766C7;
}

/* for the archives */
.sponsors, .sponsors a:link, .sponsors a:visited {
font-style: italic;
color: #702E99;
}

.sponsors a:hover {
color: #2766C7;
}

/******** Bios **********/

.bio_photo  {
	padding: 5px;
	border: 1px dotted #aaaaaa;
	float: left;
	margin-right: 10px;
}



/********* Gallery ***********/

.alignright {
	float: right;
	margin-right: 23px;
}

.alignleft {
	float: left;
	margin-left: 23px;
}
.attachment, .caption {
	text-align: center;
	margin: 5px 0px;
	font-size: 12px !important;
}

.gallery-caption {
	padding: 10px;
	text-align: left;
}


/***** Breadcrumbs ******/

#breadcrumbs {
margin: 0px 0px 10px 0px;
text-align: left;
font-family: arial;
font-size: 11px;
color: #333333;
}

#breadcrumbs a:link, #breadcrumbs a:hover, #breadcrumbs a:visited {
color: #333333;
}


/* MARKUP */

/* Imported from old style sheet -- feel free to make changes to the below where necessary */


h1 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 26px;
color: #702E99;
font-weight: normal;
}

.h1 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 26px;
color: #702E99;
font-weight: normal;
}

h2 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 20px;
color: #2664c7;
font-weight: normal;
}

.h2 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 20px;
color: #2664c7;
font-weight: normal;
}

h2 a:active {
text-decoration: underline;
color: #2664c7;
}

h2 a:visited {
text-decoration: underline;
color: #555588;
}

h3 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 16px;
color: #702E99;
font-weight: normal;
}

h3 a:link {
color: #702E99;
}

h3 a:visited {
color #702E99;
}


.h3 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 16px;
color: #702E99;
font-weight: normal;
}

.h3 a:link {
color: #702E99;
}

.h3 a:visited {
color #702E99;
}


h4 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 16px;
color: #2766C7;
font-weight: normal;
}

.h41 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 16px;
color: #702E99;
font-weight: normal;
}

.h4 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 14px;
color: #702E99;
font-weight: bold;
}

.h5 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 14px;
color: #702E99;
font-weight: normal;
}

h5 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 14px;
color: #2766C7;
font-weight: normal;
}

.h3prog {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 18px;
color: #702E99;
font-weight: normal;
}

.h6 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 14px;
color: #2766C7;
font-weight: normal;
}

.h7 { /* h2 but smaller */
font-family: arial, helvetica, verdana, sans-serif;
font-size: 16px;
color: #2664c7;
font-weight: normal;
}

h4.home {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 16px;
color: #2766C7;
font-weight: normal;
line-height: 150%;
}

h4.home a:link {
color: #702E99;
}

h4.home a:visited {
color #2766C7;
}






.imgleft {
margin: 0px 10px 5px 0px;
padding: 5px;
border: 1px dotted #aaaaaa;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 10px;
float: left;
width: none;
}

.imgright {
margin: 0px 0px 5px 10px;
padding: 5px;
border: 1px dotted #aaaaaa;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 10px;
float: right;
width: none;
}

.imgbox {
/* padding: 5px 5px;
border: 1px dotted #aaaaaa;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 10px; 
width: 100%; */
}


/* hide from MacIE \*/ 
* html .imgbox, .imgright, .imgleft { text-align: center; } 
/* end hide */

.boxright {
margin: 0px 0px 5px 10px;
padding: 5px 10px 10px 10px;
background: #ddddff;
width: 200px;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 10px;
text-align: left;
float: right;
/** ugly brilliant hack **/
voice-family: "\"}\"";
voice-family:inherit;
width: 180px;
}

.caption {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 10px;
}

.captiongrey {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 10px;
color: #666666;
}

.captiongrey a:link, a:hover, a:visited {
color: #666666;
}

a:link {
text-decoration: underline;
color: #2664C7;
}

a:hover {
color: black;
}

a:visited {
color: #555588;
}

.archives {
margin: 0px 0px;
padding: 5px 10px 10px 10px;
background:#ddddff;
width: 520px;
/** ugly brilliant hack **/
voice-family: "\"}\"";
voice-family:inherit;
width: 500px;
}

.red {
color: #91385E;
}

#credits, #credits a:link, #credits a:visited {
color: #555555;
font-size: 11px;
}

#credits a {
text-decoration: underline;
}

.media {
line-height: 175%;
}


/********  HOME CONTENT BOXES ***********/

#homeleft {
width: 260px;
padding: 0px;
background: #3470CC;
float: left;
}

#homeleft p {
margin: 10px;
}

#homeleft .h1 {
color: white;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 20px;
font-weight: bold;
}

#homeleft .h2 {
color: #FFD739;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 16px;
font-weight: bold;
}

#homeleftspare {
width: 260px;
float: left;
}

#homeleftspare img {
margin-bottom: 3px;
}

#homeright {
width: 260px;
margin-left: 15px;
float: left;
}

#homeright img {
margin-bottom: 3px;
}

/** #countdown {
width: 260px;
background: #5B3999; 
color: white; 
padding: 10px;
/** ugly brilliant hack 
voice-family: "\"}\"";
voice-family:inherit;
width: 240px;

#countdown .h2 {
color: #FFD739;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 14px;
font-weight: normal;
}**/

#countdown {
width: 260px;
background: black; 
padding: 10px;
color: #A0C539;
text-align: center;
font-weight: bold;
font-family: arial, helvetica, verdana, sans-serif;
height: 38px;
/** ugly brilliant hack **/
voice-family: "\"}\"";
voice-family:inherit;
width: 240px;
height: 18px;
margin: auto;
}

.mediaimg {
margin-top: 5px;
width: 540px;
float: left;
}

.mediaimg img {
float: left;
margin-right: 10px;
text-align: middle;
}