/*
Theme Name: Joe Hosler's Custom GUS Theme
Theme URI: http://www.gus.org/
Description: The GUS theme is a custom designed and built theme by Conor Feeley and Joel Oliveira. It is specifically built for the Glen Urquhart School in Beverly MA.
Version: 0.1
Author: Joel Oliveira & Joe Hosler
Author URI: http://gus.org
Tags: white, green, blank, 2 column, fixed, education, school, Montessorri

*/
/* =================================================== */
/* = reset.css courtesy of Eric Meyer - meyerweb.com = */
/* =================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -------------------------------------------------
     BASIC FORMATTING 
------------------------------------------------- */

body{ font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif; font-size:62.5%; line-height:2.2em; background:#fff; }

h1 {font-size: 2em;}
h2 {font-size: 1.4em; margin-top:10px;}
h3 {font-size: 1.2em; margin-top:10px;}
h4 {font-size: 1em;}
h2, h3, h4 { font-family:Helvetica, Verdana, Tahoma, Arial, sans-serif; }

a{ color:#333333; text-decoration:none;}
a:visited, a:active{color:#333333;}
a:hover{color:#333333; text-decoration:none;}
a img{border:none;}
a.more { font-weight:bold; background:transparent url('images/icon_arrow.gif') no-repeat right center; padding-right:15px; font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif; }

ul{margin:5px 0 5px 20px;}
ol{margin:5px 0 5px 20px;}

blockquote{
margin:10px 0 10px 20px;
padding:10px;
font-size:1.4em;
font-style: italic;
color:#999;}

pre, code{ margin:10px; font-family:"Courier New", Courier, monospace;}

.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}

.aligncenter { clear:both; margin:0 auto; }
.alignleft 	 { float:left; }
.alignright  { float:right; }

/* -------------------------------------------------
WRAP
------------------------------------------------- */
#pagewrap {
width: 1000px;
margin:0 auto;
}

/* -------------------------------------------------
HEADER
------------------------------------------------- */
#header { padding:0; overflow:auto; position:relative; height:115px; background:transparent url('images/bg_dash_gray.gif') repeat-x bottom left; }
#header h1{ padding:0px 0; position:absolute; left:0px; top:44px; }
#header h1 a{ display:block; background:transparent url('images/bg_h1.gif') no-repeat top left; width:618px; height:44px; text-indent:-9999px;}	
#header img {}
#header h2 {
	clear:both;
	position:absolute; top:65px; right:0px;
	padding:0;
	display:block;
	background:transparent url('images/bg_h2.gif') no-repeat top left;
	width:317px;
	height:11px; text-indent:-99999px; margin:0px; 
}
#header ul { background:transparent url('images/bg_dash_gray.gif') repeat-x bottom left;display:block;height:17px;margin:0;padding-left:534px;padding-top:7px;}
#header ul li { display:block; float:left; margin-right:8px; padding-right:8px; font-size:.9em; border-right:solid 1px #333; height:10px; line-height:10px; }
#header ul li.last { border:none; padding:0; margin:0;}
#header ul li.last label { cursor:pointer; }
#header ul li a { display:block; white-space:nowrap; }


/* -------------------------------------------------
NAVIGATION
------------------------------------------------- */
#nav { display:block; float:left;  width:247px; margin-bottom:60px; }
#nav ul {
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
}

#nav ul li {
	padding:0 0px 0 0;
	margin:0;
	font-size:1.3em;
	font-weight: bold;
	font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
#nav ul li a { color:#333; font-size:16px; font-weight:normal; padding:10px 0 10px 22px; display:block; background:transparent url('images/bg_dash_gray.gif') repeat-x bottom left; }
#nav ul li a strong { font-weight:bold; }
#nav ul li a:hover{ color:#333; }
#nav > ul > li.current_page_item,
#nav > ul > li.current_page_ancestor {
	background-color:transparent;
	background-position:left 15px;
	background-repeat:no-repeat;
}

#nav ul li ul li.current_page_item {
	background-position:left 10px;
}

#nav ul li ul li.current_page_item,
#nav ul li ul li.current_page_parent {
	background-color:transparent;
	background-position:left 10px;
	background-repeat:no-repeat;
}

#nav ul li ul {
	padding:0 22px;
	background:transparent url('images/bg_dash_gray.gif') repeat-x bottom left;
}

#nav ul li ul li a {
	background:none;
	font-size:10px;
	padding:7px 0px 7px 15px;
	line-height:1.4em;
}


#nav ul li ul li ul {
	background:none;
}

/* display logic */
/* first, we hide all sub-menus */
#nav li ul {display:none;}
/* then we enable direct child of current page item
	 then we enable direct child of current page parent
	 then we enable direct child of current page ancestor */
#nav li.current_page_item>ul,
#nav li.current_page_parent>ul,
#nav li.current_page_ancestor>ul {display:block;}

/* home is an exception - hide all submenus there */
body.home #nav ul li ul {display:none;}

/* colorization of different sections. */
/* start out with the menu */
.topmost-page-8 #nav > ul > li.current_page_item,
.topmost-page-8 #nav > ul > li.current_page_ancestor { background-image:url(images/active_nav_big_mustard.gif); }
.topmost-page-8 #nav ul li ul li.current_page_item,
.topmost-page-8 #nav ul li ul li.current_page_parent {	background-image:url(images/active_nav_small_mustard.gif); }
.topmost-page-8 .post h2 { background-color:#CCCB65; }
.topmost-page-8 #footer ul.right li { border-color:#CCCB65; }

.topmost-page-13 #nav > ul > li.current_page_item,
.topmost-page-13 #nav > ul > li.current_page_ancestor { background-image:url(images/active_nav_big_green.gif); }
.topmost-page-13 #nav ul li ul li.current_page_item,
.topmost-page-13 #nav ul li ul li.current_page_parent {	background-image:url(images/active_nav_small_green.gif); }
.topmost-page-13 .post h2 { background-color:#363; }
.topmost-page-13 #footer ul.right li { border-color:#363; }

.topmost-page-4 #nav > ul > li.current_page_item,
.topmost-page-4 #nav > ul > li.current_page_ancestor { background-image:url(images/active_nav_big_navy.gif); }
.topmost-page-4 #nav ul li ul li.current_page_item,
.topmost-page-4 #nav ul li ul li.current_page_parent {	background-image:url(images/active_nav_small_navy.gif); }
.topmost-page-4 .post h2 { background-color:#445866; }
.topmost-page-4 #footer ul.right li { border-color:#445866; }

.topmost-page-3 #nav > ul > li.current_page_item,
.topmost-page-3 #nav > ul > li.current_page_ancestor { background-image:url(images/active_nav_big_aqua.gif); }
.topmost-page-3 #nav ul li ul li.current_page_item,
.topmost-page-3 #nav ul li ul li.current_page_parent {	background-image:url(images/active_nav_small_aqua.gif); }
.topmost-page-3 .post h2 { background-color:#366; }
.topmost-page-3 #footer ul.right li { border-color:#366; }

.topmost-page-11 #nav > ul > li.current_page_item,
.topmost-page-11 #nav > ul > li.current_page_ancestor { background-image:url(images/active_nav_big_brick.gif); }
.topmost-page-11 #nav ul li ul li.current_page_item,
.topmost-page-11 #nav ul li ul li.current_page_parent {	background-image:url(images/active_nav_small_brick.gif); }
.topmost-page-11 .post h2 { background-color:#c63; }
.topmost-page-11 #footer ul.right li { border-color:#c63; }

.topmost-page-31 #nav > ul > li.current_page_item,
.topmost-page-31 #nav > ul > li.current_page_ancestor { background-image:url(images/active_nav_big_green.gif); }
.topmost-page-31 #nav ul li ul li.current_page_item,
.topmost-page-31 #nav ul li ul li.current_page_parent {	background-image:url(images/active_nav_small_green.gif); }
.topmost-page-31 .post h2 { background-color:#363; }
.topmost-page-31 #footer ul.right li { border-color:#363; }

.topmost-page-233 .post h2,
.topmost-page-246 .post h2 { background-color:#336633; }

/* and now for the blog - it won't work with topmost ids, have to fall back on the blog and single classes */

.blog #nav > ul > li.current_page_item,
.blog #nav > ul > li.current_page_ancestor { background-image:url(images/active_nav_big_mustard.gif); }
.blog #nav ul li ul li.current_page_item,
.blog #nav ul li ul li.current_page_parent {	background-image:url(images/active_nav_small_mustard.gif); }
.blog .post h2 { background-color:#CCCB65; }
.blog #footer ul.right li { border-color:#CCCB65; }

.single #nav > ul > li.current_page_parent { background:transparent url(images/active_nav_big_mustard.gif) no-repeat left 15px; }
.single .post h2 { background-color:#CCCB65; }
.single #footer ul.right li { border-color:#CCCB65; }


/* if a 3rd level is selected, we have to hide the second level (the sandwiched nav item). It gets no bg. */
#nav ul li ul li.current_page_ancestor.current_page_parent { background:none; }

/* kill #sidebar and widen #content for these sections */
.no_sidebar #sidebar_right { display:none; }
.no_sidebar #content,
.page-template-with_featured-php #content { width:752px; }

/* for all blogs created that are offshoots of Gus.org (children blogs) the color should be consistent across the board */
body.child-blog #nav > ul > li.current_page_item,
body.child-blog #nav > ul > li.current_page_ancestor { background-image:url(images/active_nav_big_mustard.gif); }
body.child-blog #nav ul li ul li.current_page_item,
body.child-blog #nav ul li ul li.current_page_item {	background-image:url(images/active_nav_small_mustard.gif); }
body.child-blog .post h2 { background-color:#CCCB65; }
body.child-blog #footer ul.right li { border-color:#CCCB65; }


/* -------------------------------------------------
LEFT UNDER NAV
------------------------------------------------- */
#leftbar { position:relative; padding:20px 20px 0px 20px;  }
#leftbar ul {
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
}

#leftbar ul li {
	padding:0 0px 0 0;
	margin:0;
	font-size:1.3em;
	font-weight: bold;
	font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
#leftbar h2 { font-size:18px; font-weight:normal; border-bottom:solid 5px #ccc; padding-bottom:5px; margin-top:20px; margin-bottom:8px;}
#leftbar ul li a { float:left; color:#333; font-size:10px; font-weight:normal; background:transparent; }


/* -------------------------------------------------
MAIN CONTENT
------------------------------------------------- */
#contentwrap{ overflow:visible;}
#content {float:left;width:503px;font-size:1.2em;margin:0px 0;}

/* archives page */
.archivetitle{font-size:1.2em; border-bottom: solid 1px #ddd;}
ul.archivelist{margin: 0; list-style: none;}
ul.archivelist li{padding:2px 0;}

.post {}
.post h2 { background-color:#cccb65; margin:0; padding:10px 0 10px 43px; font-size:12px; color:#fff; font-weight:normal; }
.post h2 a{color:#333; text-decoration:none;}
.post h2 a:hover{color:#ccc;}
.post h1 { font-size:28px; font-weight:normal; padding:0 0 18px 0; margin:0; }
.post .post_content { padding:33px 43px 10px 43px; }
.post p { margin:0 0 1em 0; font-family: Georgia, "Times New Roman", Times, serif; color:#666; }
.post ul {list-style: square; padding:2px 0; font-family: Georgia, "Times New Roman", Times, serif; color:#666; }
.post li {padding:2px 0;}

.post a { text-decoration:underline; }
.post img{padding:5px 8px;}
.post small{font-size: .9em;}
.post p.hr { background:#fff url(images/bg_solid_gray.gif) left center repeat-x; text-align:center; font-style:italic;}
.post p.hr span { padding:0 10px; background:#fff; color:#999; font-family: Georgia, "Times New Roman", Times, serif !important; }


/* styling for 'continued' page links */
p.continued { padding:5px; background:#f0f0f0; }
p.continued a { padding:5px; font-weight:bold; }

/* ==================================================== */
/* = FEATURED STORIES SECTION (for with_featured.php) = */
/* ==================================================== */
.post #featured_stories { padding:10px 43px 50px; overflow:auto;}
#featured_stories .feature { float:left; margin-right:15px; width:212px;  }
#featured_stories .last { margin-right:0px; }
#featured_stories h3 a { 
	background-color:#F9F9F9;
	color:#336633;
	display:block;
	font-size:2em;
	font-weight:normal;
	height:70px;
	line-height:0.9em;
	padding:20px 5px 0; 
	text-decoration:none;
}
#featured_stories p { font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif; font-size:.9em;}
#featured_stories .feature_photo { padding:0 0 4px 0; }
#featured_stories .feature_photo img { padding:0px;}
#featured_stories .feature_published { color:#999999; }
#featured_stories .feature_published em { color:#333333; font-weight:bold; font-style:italic; }
#featured_stories .feature_link {}
#featured_stories .feature_link a { color:#333; padding-right:16px; background:transparent url('images/icon_arrow.gif') no-repeat right center; text-decoration:none; font-weight:bold; }

/* ======== */
/* = BLOG = */
/* ======== */
.archive .post,
.blog 	.post,
.single .post {  }
.archive .post h2,
.blog 	.post h2,
.single .post h2 { font-size:1.2em; color:#fff; text-transform:uppercase; padding:7px 0 7px 43px; height:28px; overflow:hidden; }
.archive .post h2 span.j,
.blog 	.post h2 span.j,
.single .post h2 span.j { text-transform: lowercase; font-style:italic; font-size:2em; font-family: Georgia, "Times New Roman", Times, serif; }
.archive .post h2 span.S,
.blog 	.post h2 span.S,
.single .post h2 span.S { text-transform: lowercase; font-style:italic; font-size:1.4em; font-family: Georgia, "Times New Roman", Times, serif; }
.archive .post .post,
.blog 	.post .post,
.single .post .post { padding:10px 0 10px 0px; margin-left:43px; padding:10px 38px 10px 0; text-align:justify; position:relative; }
.archive .post .post h3,
.blog 	.post .post h3,
.single .post .post h3 { margin-top:2em; width:311px; line-height:1.6em; text-align:left;}
.archive .post .post h3 a,
.blog 	.post .post h3 a,
.single .post .post h3 a { text-decoration:none; font-size:1.6em; font-weight:normal; margin-top:2em; }
.archive .post .post p a,
.blog 	.post .post p a,
.single .post .post p a { color:#cc6; font-weight:bold; }
.archive .post .post p.byline,
.blog 	.post .post p.byline,
.single .post .post p.byline { font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif; color:#999; margin-bottom:1.5em;}
.archive .post .post p.byline span,
.blog 	.post .post p.byline span,
.single .post .post p.byline span { font-family: Georgia, "Times New Roman", Times, serif; color:#3c6654; font-style:italic; text-transform: capitalize; font-size:1.1em;}
.blog 	.post .postmetadata,
.single .post .postmetadata { margin-left:43px; width:422px; margin-bottom:0; }

.blog 	.post .post .comments,
.single .post .post .comments { 
	background:transparent url('images/comment_bubble.gif') no-repeat right top;
	font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif;
	height:41px;
	padding-top:18px;
	position:absolute;
	left:324px;
	top:43px;
	width:136px;
	margin-bottom:0;
}
.blog 	.post .post .comments a,
.single .post .post .comments a { text-decoration:none; color:#000; font-weight:normal; display:block; width:136px; }

.blog 	.post .post .comments span,
.single .post .post .comments span { color:#fff;  width:50px; font-size:1.4em; font-style:italic; font-family: Georgia, "Times New Roman", Times, serif; line-height:18px; padding-left:10px; }

/* -- the navigation bar for single posts -- */
.navigation{ padding: 15px 0 15px 0px; margin-left:43px; font-size:.9em; clear:both; overflow:auto; font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif;  font-weight:bold; font-style:italic; }
.navigation a { color:#666666; text-decoration:none; }
.alignleft { float:left; }
.alignright { float:right; }
img.alignleft { margin-right:20px; }
img.alignright { margin-left:20px; }


/* -- the meta block -- */
.postmetadata { padding:15px 0; border-top:double 4px #ddd; clear:both; overflow:auto; }
.postmetadata span a { 
	color:#666666;
	display:block;
	float:left;
	font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif;
	font-size:0.9em;
	font-weight:bold;
	height:20px;
	padding-left:25px;
	padding-top:2px;
	text-decoration:none;
	width:110px;
}
.postmetadata .meta_comment 	a { background:transparent url('images/sprites_comment_icons.gif') no-repeat 0px -20px; }
.postmetadata .meta_moderate 	a { background:transparent url('images/sprites_comment_icons.gif') no-repeat 0px -43px; }
.postmetadata .meta_rss 		a { background:transparent url('images/sprites_comment_icons.gif') no-repeat 0px -65px; }



/* -------------------------------------------------
COMMENTS
------------------------------------------------- */
#comments { margin:0px 0px 0px 43px; padding:0px; border-top:double 4px #ddd; clear:both; width:422px; }
ol.commentlist { margin:0; padding:0; overflow: hidden;}
ol.commentlist a {}
ol.commentlist li { line-height:1.4em; margin:0px; padding:15px 0; background:transparent url('images/bg_dash_gray.gif') repeat-x bottom left; overflow:auto; }
ol.commentlist li.alt {}
ol.commentlist li .avatar { float:left; }
ol.commentlist li .comment_content { float:left; font-size:.9em; padding:0 0 0 30px; text-align:justify; width:324px; }
ol.commentlist li .comment_content p.byline { 
	color:#999;
	margin-bottom:1em; 
}
ol.commentlist li .comment_content p.byline * { font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; }
ol.commentlist li .comment_content p.byline a { color:#363; }
ol.commentlist li .comment_content p.byline span { color:#333; }
ol.commentlist li .comment_content p.byline span.time { float:right; font-weight:normal; font-style:normal; font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif; color:#999; }

/* -------------------------------------------------
COMMENT FORM
------------------------------------------------- */
#commentform { margin:0px 0 0 43px; padding:0px 0 30px 0; }
#commentform h3 { color:#363; }
#commentform a { color:#363; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; }
#commentform #author, 
#commentform #email, 
#commentform #url, 
#commentform textarea, 
#commentform #submit { border:solid 1px #ccc; }
#commentbox { width:412px; padding:5px; font-size:1.1em; margin-top:10px; }
#commentform #submit { margin:10px 0; }
#submit { cursor:pointer; }


/* -------------------------------------------------
SIDEBAR
------------------------------------------------- */		
#sidebar_left { float:left; width:235px; padding-top:42px; margin-left:15px; }
#sidebar_right { width: 247px; float:right; }
.sidebar { padding:42px 0 0 0; }
.sidebar h2 { font-size:18px; font-weight:normal; border-bottom:solid 5px #ccc; padding-bottom:5px; margin-bottom:8px;}
.sidebar p {}
.sidebar a {color:#666;}
.sidebar a:hover {color:#999;}
.sidebar ul{ margin:0;  list-style:none; line-height: 1.8em;}
.sidebar ul li {padding:0 0 20px 0;}
.sidebar ul li a{ }
.sidebar ul ul {}
.sidebar ul ul li {padding:0; }

.sidebar .current_reading { }
.sidebar .current_reading li { padding:5px 0; background:transparent url('images/bg_dash_gray.gif') bottom left repeat-x; }
.sidebar .current_reading li a { display:block; color:#363; font-size:12px; font-weight:bold; }

/* -------------------------------------------------- 
WIDGET SIDEPOSTS 
----------------------------------------------------*/
.sidebar ul li.widget_sideposts ul li, .sidebar ul li.widget_sideposts ul a {
	color: #000000;
	font-size: 14px;
	padding-top: 18px;
	font-weight: normal;
        text-decoration: none;
	}

.sidebar .sideposts-title {
        color: #000000;
        font-size: 13px;
        font-weight: normal;
        text-decoration: none;
        }

.sidebar span.sideposts_date {
	color: #474747;
	font-size: 11px;
        padding-top: 0;
	font-weight: normal;
        line-height: normal;
	text-decoration: none;
	}
	
.sidebar ul li.widget_sideposts ul li p {
	color: #474747;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
        line-height: normal;
        padding-top: 0;
	}

.sidebar ul li.widget_sideposts ul li p a {
	color: #ff7e01;
	line-height: normal;
	font-weight: normal;
	font-size: 11px;
        line-height; normal;
	padding-top: 0;
	}

.sidebar ul li.widget_sideposts ul li p a:hover {
	text-decoration: underline;
	}
/* ----- End of SidePosts Widget ---------*/

.sidebar .other_classes {}
.sidebar .other_classes li {padding:4px 0;}
.sidebar .other_classes li a { font-size:12px; font-weight:bold; color:#333; }

.sidebar .follow_links a { background:transparent url(images/icon_arrow_orange.gif) right center no-repeat; padding-right:15px; }

.sidebar #recentcomments li { border-bottom:dotted 1px gray; background:transparent url('images/sprites_comment_icons.gif') no-repeat left -105px; padding:0 0 10px 23px; margin-bottom:7px; font-size:1.1em;}
.sidebar #recentcomments a { color:#336633; font-weight:bold; background:transparent url('images/icon_arrow_mustard.gif') no-repeat right center; padding-right:16px !important; }
.sidebar #recentcomments a.url { background:none; padding:0 !important; }

.sidebar .widget_categories {}
.sidebar .widget_categories li {}
.sidebar .widget_categories li a { font-size:1.1em; color:#336633; background:transparent url('images/sprites_comment_icons.gif') no-repeat left -86px; padding:0 0 0 23px; display:block; font-weight:bold; }

.sidebar .rss a:link,
.sidebar .rss a:visited,
.sidebar .rss a:hover,
.sidebar .rss a:active { font-size:18px; font-weight:normal; }

.sidebar .archive a:link,
.sidebar .archive a:visited,
.sidebar .archive a:hover,
.sidebar .archive a:active { font-size:18px; font-weight:normal; }

/* -------------------------------------------------
SEARCH
------------------------------------------------- */
#searchform { display:inline; }
#searchform label { float:left; }
#searchform input { border: solid 1px #ddd; margin:-4px 0 0 10px; width:120px; padding:0px 2px; font-size:9px; }
#searchsubmit { font-weight: bold; color:#666; pointer; padding: 1px; }

/* ============ */
/* = HOMEPAGE = */
/* ============ */
body.home #content { width:753px; }
body.blog #content,
body.child-blog #content { width:503px; }
#splash { width: 752px; height: 425px; position: relative; margin: 0; overflow:hidden;}
#splash .wrapper                { width: 720px; overflow: hidden; height: 426px; position: absolute; top: 0; left: 0; margin:0; }
#splash .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
#splash .wrapper ul li			{ display: none; padding: 0; height: 425px; margin: 0; position:absolute; width:720px; top:0; left:0; z-index:10;}
#splash .wrapper ul li.knowledge { z-index:20; display:block; }
#splash .arrow                  { display: none; }
#start-stop                     { display:none; }
#splash .description 
{
	background:rgba(255, 255, 255, 0.7) url(images/bg_dash_gray.gif) repeat-x scroll left top;
	bottom:0;
	display:none;
	left:0;
	position:absolute;
	width:680px;
	padding:20px;
	font-size:.9em;
	color:#333333;
}
#splash .description a 
{
	font-weight:bold;
	background:transparent url('images/icon_arrow.gif') no-repeat right center;
	padding-right:15px;
}
#thumbNav { position:absolute; top:0; right:0; }
#thumbNav a { clear:both; margin:0px; padding:0px; text-indent:-9999px; background:transparent url('/wp-content/themes/GUS/images/home_splash_tabs.gif') no-repeat top left; width:32px; height:142px; display:block; cursor:pointer;}
#thumbNav a.first  { background-position: -32px top; }
#thumbNav a.second { background-position: -32px -142px; }
#thumbNav a.third  { background-position: -32px -284px; }

#thumbNav a.first.cur,
#thumbNav a.first:hover  { background-position: left top; }
#thumbNav a.second.cur,
#thumbNav a.second:hover { background-position: left -142px; }
#thumbNav a.third.cur,
#thumbNav a.third:hover  { background-position: left -284px; }

#calendar { background:transparent url('images/bg_dash_gray.gif') repeat-x top left;  margin-left:-247px; position:relative;}
#calendar div { background:transparent url('images/bg_dash_gray.gif') repeat-x bottom left;  overflow:auto; padding:30px 0; }
#calendar div div { background:none; overflow: hidden; padding:0; }
#calendar .date { position:relative; padding-bottom:10px; margin-bottom:10px; margin-top:-48px; display:none; /* width:49%; padding-right:1%; float:left; */ }
#calendar h3, #calendar h4 { margin:0px; }
#calendar h3 { font-size:2em; color:#336633; text-transform:uppercase; font-weight:normal; width:227px;  text-align:right; margin-bottom:20px; }
#calendar .date h4 { text-align:right; color:#999999; width:227px; position:absolute; top:35px; }
#calendar .date h4 .month { text-transform:uppercase; font-size:1em;}
#calendar .date h4 .day { font-style:italic; font-size:1.8em; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; }
#calendar .event { padding:4px 0px 0px 250px; }
#calendar .event_link { font-weight:bold; font-size:.9em; background: transparent url('images/icon_arrow.gif') right center no-repeat; padding:0 14px 0 0; position:absolute; left:250px; bottom:15px; }

#featured { position:relative; padding-left:175px; padding-top:40px; height:159px; overflow:hidden; }
#featured h2 { font-size:1.8em; color:#363; font-weight:normal; margin:0 0 10px;}
#featured h2 a { color:#336633; display:block; white-space:nowrap; }
#featured p { margin-bottom:10px; font-size:12px; font-family: Georgia, "Times New Roman", Times, serif; }
#featured img { display:none; }
#featured .helper_image img { display:block; margin-left:-80px; }
#featured .helper_image { position:absolute; top:0px; left:0px; width:151px; overflow:hidden;  }
#featured a.jump { font-weight:bold; font-size:.9em; background: transparent url('images/icon_arrow.gif') right center no-repeat; padding:0 14px 0 0; font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif; }

#listening_posts { background-color:#030; width:203px; overflow:auto; padding:27px 22px 20px; clear:both; }
#listening_posts h5 { color:#ccc; font-size:16px; font-weight:normal; margin-bottom:10px;}
#listening_posts ul { display:block; margin:0px; }
#listening_posts ul li { display:block; float:left; }
#listening_posts ul li a { display:block; height:24px; text-indent:-9999px;}
#listening_posts ul li.vimeo a { background:transparent url('images/social_vimeo.gif') no-repeat top left; width:66px; }
#listening_posts ul li.twitter a { background:transparent url('images/social_twitter.gif') no-repeat top left; width:69px; }
#listening_posts ul li.facebook a { background:transparent url('images/social_facebook.gif') no-repeat top left; width:73px;}
#listening_posts ul li.flickr a { background:transparent url('images/social_flickr.gif') no-repeat top left; width:57px;}

.wpcf7-form label { clear:both; display:block; font-size:.8em; color:#445766; font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif; font-weight:bold; }
.wpcf7-form input[type="text"],
.wpcf7-form textarea { border:solid 1px #7c7c7c; padding:2px; background-color:#f9f9f9; }
.wpcf7-form input[type="submit"] { font-size:1.6em; color:#999999; background:transparent url(images/icon_arrow_purple.gif) no-repeat scroll right center; 
border:none; cursor:pointer; padding-right:13px; }


/* -------------------------------------------------
FOOTER
------------------------------------------------- */
#footer{ 
	background:#f2f2f2 url("images/bg_dash_gray.gif") repeat-x scroll left top;
        clear:both;
	height:38px;
	margin:0px 0 10px 0;
	border-bottom:solid 5px #ccc;
}

#footer p.left {
	font-size:11px;
	line-height:30px;
        margin-left:22px;
}

/* #footer p{ padding:5px 0; color:#336633; border-bottom:solid 5px #ccc; } */
#footer ul.right {
	float:right;
	margin:6px 0 0;
}

#footer ul.right li {
	border-bottom:5px solid #336633;
	display:block;
	float:left;
	margin:0 0 -5px;
	padding:5px;
}

/*
FLICKR GALLERY OVERRIDES
*/

#content div.flickr-thumb { width:auto; height:auto; padding:6px; }
#content div.flickr-thumb img { padding:0; }
#content .flickr-gallery-next a,
#content .flickr-gallery-prev a {
	color:#333;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
}


/* -------------------------------------------------
CLEARS (if needed with further customizations)
------------------------------------------------- */
.clear{clear:both;}
.clearfix{display:inline-block;}
.noborder{border:none !important; vertical-align:middle;}
.left{float:left; border:none !important; margin:5px;}
.right{float:right; border:none !important; margin:5px;}