/*  
Theme Name: Wonderglen
Theme URI: http://wordpress.org/
Description: Theme designed for Wonderglen Website.
Version: 0.8
Author: IntervalStudios
Author URI: http://www.intervalstudios.com

	Wonderglen v0.9
	http://www.intervalstudios.com
	This theme was built for Wonderglen. 
	Copyrighted Wonderglen:
	
*/

* {margin: 0px; padding: 0px; } 

body { background: black; color: #333; margin: auto; text-align: center; background-image: url('images/bkg_page.jpg'); background-repeat: no-repeat; background-position: top center; font-family : arial, helvetica, san-serif; }
td {vertical-align: top;}

a:link {text-decoration: none; color: #557cba;}
a:visited {text-decoration: none; color: #305074;}
a:hover {text-decoration: underline; color: #557cba;}

/* begin page main column classes */
.widecolumn {display: inline;  text-align: left;}
small {font-size: 0.9em; line-height: 1.5em;}

#contents {margin: auto; width: 596px;} /* default for contents */

/* page layout */
#page {width: 915px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: left;}
#homelink {width: 915px; height: 116px;text-align: center;}
#homelink a:link {text-decoration: none;}
#homelink img {border: 0px; text-decoration: none;}
#header {width: 915px;}


#pagecenter {width: 795px; margin-left: 80px; text-align: left; top: 0px;}

/* top navigation */
.menu { height: 25px; margin-top: 18px; margin-bottom: 15px; margin-left: 20px;}
.menu ul { list-style-type: none; padding: 0; margin: 0; }
.menu ul li {display: block; float: left; margin-left: 5px;}

/* tooltip classes */
#tt {position:absolute; display:block; }
#tttop {display:block; height:5px; margin-left:5px; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; }
#ttbot {display:block; height:5px; margin-left:5px; overflow:hidden}

.wh-pagenav {clear: both; height: 25px; display: block; width: 705px;}

/* next previous nav */
#navigation {width: 690px; margin-left: auto; margin-right: auto;}
.bignav {font-family: "Times New Roman", Times, serif; font-size: 18px;}
/* footer styles */
#footer {text-align: right; font-size: 11px; margin: 35px 80px 30px 0px;}
#icon_rss {border: none; margin-right: 5px;}
#icon_rss a:hover {text-decoration: none;}
#footer a:link {text-decoration: none; color: white; font-size: 11px;}
#footer a:visited {text-decoration: none; color: white; font-size: 11px;}
#footer a:hover {text-decoration: underline; color: white; font-size: 11px;}

/* generic post listing */
#title-row {width: 757px; height: 29px; padding-top: 5px; background-image:url(images/curve_top-tall.gif);
background-repeat:no-repeat; line-height: 23px;}
.title-element1 {float: left; width: 362px; padding-left: 20px; font-weight: bold;}
.title-element2 {float: left; width: 192px; padding-left: 10px; font-weight: bold;}
.title-element3 {float: left; width: 150px; font-weight: bold;}
.title-element1 a:link {color: white;}
.title-element1 a:visited {color: cccccc;}
.title-element1 a:hover {color: #0033FF;}
.title-element3 a:link {color: white;}
.title-element3 a:visited {color: #cccccc;}
.title-element3 a:hover {color: #0033FF;}
.row {clear: both; width: 750px; padding: 8px 0px 2px 0px; height: 29px; background-color: white; border: 1px solid #7bb3e0}


.list-title {width: 365px; padding-left: 22px; font-weight: bold; font-size: 13px;}
.list-author {color: black; width: 160px; font-size: 12px;}
.list-picture {width: 15px;}
.list-date {color: black; width: 104px; padding-left: 10px; font-size: 12px;}

/* generic single post view */
#generic-page {width: 755px; padding-top: 11px; font-family: arial, Verdana, Trebuchet MS, Tahoma, sans-serif; text-align: left; font-size: 13px; margin-left: auto; margin-right: auto; background-image: url('images/curve_top-solid.gif'); background-repeat: no-repeat;}
#generic-head {width: 728px; background-color: #7bb3e0; font-size: 15px; padding-top: 3px; padding-left: 24px;}
#generic-head-table {}
#generic-head-table img {border: 2px solid #efefef;}
#generic-contents {width: 748px; background-color: white; padding-top: 10px; border-left: 2px solid #7bb3e0; border-right: 2px solid #7bb3e0;  }
#generic-indent {margin: 0px 50px 0px 50px; color: #0c2669; padding-bottom: 10px;}
#generic-footer {width: 755px; height: 11px; background-image: url('images/curve_bottom.gif'); background-repeat: no-repeat;}

.noshow {display: none;}

/* miriam's notes get a background */
.miriam-notes {background-image: url('images/miriam-background.gif');}

/* sorting */
#sort-date {float: left; height: 18px; width: 120px;}
#sort-subject {height: 18px; width: 120px; clear: both; text-align: right;}

.descProjects  {
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    color:#adc6d9;
    line-height: 28px;
	height: 38px;
	width: 753px;
}
.homedate {color: #999999; font-size: 14px;}

.descZulu{
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: bold;
    color:#ff9b43;
    line-height: 24px;
}

/* Drop down styles */


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

.navitem {clear: left;}

#nav a:link {display: block; }


#nav li { /* all list items */
	float: left;
	 /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	color: #FFFFFF; 
	font-weight: bold;
	font-size: 11px;
	line-height: 22px;
	position: absolute;
	background: red;
	width: 170px;
	padding: 3px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background: #e1e5e8;
	color: white;
}

#content {	clear: left;}

/* used on Miriam's meeting recap posts */
.stenTitle  {
    font-family: "American Typewriter", Courier, serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
}

.stenBold  {
    font-family: "American Typewriter", Courier, serif;
    font-size: 12px;
    font-weight: bold;
}

.stenMain  {
    font-family: "American Typewriter", Courier, serif;
    font-size: 12px;
    font-weight: normal;
}