/* Theme Name: Glen Urquhart School 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 Author URI: http://joeloliveira.com 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; } /* ------------------------------------------------- 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; } .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;} .sidebar ul li {padding:0 0 40px 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; } .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: 350px; position: relative; margin: 0; } #splash .wrapper { width: 752px; overflow: hidden; height: 351px; position: absolute; top: 0; left: 0; margin:0; } /* Width below is max for Opera */ #splash .wrapper ul { width: 32700px; height:350px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } #splash ul li { display: none; padding: 0; height: 350px; width: 750px; margin: 0; position:absolute; top:0; left:0; } #splash ul li.active { display: block;} #splash .arrow { display: none; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; } #splash .forward { background-position: 0 0; right: -20px; } #splash .back { background-position: -67px 0; left: -20px; } #splash .forward:hover { background-position: 0 -200px; } #splash .back:hover { background-position: -67px -200px; } #thumbNav { left:589px; position:relative; top:294px; width:158px; z-index:2000; } #thumbNav a { color: black; display: inline-block; padding: 0px 6px 2px 6px; height: 18px; margin: 0 5px 0 0; text-align: center; background-color:#cccc66; } #thumbNav a:hover { } #thumbNav a.activeSlide { font-weight:bold; text-decoration:underline;} #thumbNav a.hide { display:none; } #thumbNav a#prev, #thumbNav a#prev_herring, #thumbNav a#next, #thumbNav a#next_herring { text-indent:-9999px; width:7px; height:18px;} #thumbNav a#prev, #thumbNav a#prev_herring { background:#cccc66 url(images/arrow_prev.gif) center center no-repeat; } #thumbNav a#next, #thumbNav a#next_herring { background:#cccc66 url(images/arrow_next.gif) center center no-repeat; } #thumbNav a#prev_herring, #thumbNav a#next_herring { display:none; opacity: .50; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -khtml-opacity: .50; -moz-opacity: .50; } #start-stop { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #start-stop.playing { background-color: red; } #start-stop:hover { background-image: none; } .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } #splash .description { background:#ffffff; background:rgba(255, 255, 255, 0.7); bottom:15px; color:#333333; display:block; font-size:0.9em; left:0; padding:20px 200px 20px 20px; position:absolute; width:532px; } #splash .description a { font-weight:bold; background:transparent url('images/icon_arrow.gif') no-repeat right center; padding-right:15px; } #calendar { margin-left:-247px; position:relative; padding-bottom:1px; min-height:101px; } #calendar div { background:transparent url('images/bg_dash_gray.gif') repeat-x top 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 { background:transparent url('images/bg_dash_gray.gif') repeat-x top left; margin-left:-247px; height:273px; margin-bottom:0px; padding-left:22px; padding-top:9px;} #featured #left, #featured #middle, #featured #right { float:left; padding-top:40px; height:233px; } .home #featured #left { position:relative; overflow:hidden; width:303px; padding:0 27px 0 207px;} #featured #middle, #featured #right { width:200px; position:relative; padding-top:120px; height:153px; overflow:hidden; } #featured #middle { margin-right:35px; } #featured h2 { font-size:1.8em; color:#363; font-weight:normal; margin:0 0 10px; } #featured h3 { font-size:1.4em; color:#363; font-weight:normal; margin:0 0 8px 10px;} .home #featured h3 { font-size:16px; } #featured h2 a, #featured h3 a { color:#336633; display:block; white-space:nowrap; } .home #featured h2 a, .home #featured h3 a { white-space:inherit; } #featured p { margin-bottom:10px; font-size:12px; font-family: Georgia, "Times New Roman", Times, serif; } .home #featured p { font-size:11px; } .home #featured #left h2 { margin:55px 0 10px 0; } .home #featured #left h2 a { white-space:normal; } #featured #left img { display:none; } #featured #left .helper_image img { display:block; margin-left:0px; } #featured #left .helper_image { position:absolute; top:0px; left:0px; width:175px; height:235px; overflow:hidden; } #featured #middle p, #featured #right p { margin-left:10px; line-height:18px;} #featured #middle p.feature_photo, #featured #right p.feature_photo { overflow:hidden; height:112px; position:absolute; top:0; left:0; margin-left:0px; } #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:url("images/bg_dash_gray.gif") repeat-x scroll left top transparent; clear:both; margin-top:19px; overflow:hidden; padding:19px 34px; height:20px; } #listening_posts h5 { display:none;} #listening_posts ul { display:block; margin:0px; } #listening_posts ul li { display:block; float:left; } #listening_posts ul li a { display:block; height:19px; width:30px; text-indent:-9999px; background:transparent url('images/social_sprite.gif') no-repeat top left; margin-right:8px;} #listening_posts ul li.facebook a { } #listening_posts ul li.flickr a { background-position:-38px top; } #listening_posts ul li.linkedin a { background-position:-73px top; } #listening_posts ul li.amazon a { background-position:-112px top; } #listening_posts ul li.vimeo a { background-position:-151px top; } .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; } /* -------------------------------------------------- * 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 ---------*/ /* ------------------------------------------------- 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;}