/* Theme Name: Elmwood WP Blog Description: Blog templates for Elmwood School Version: 1.0 Author: bv02 inc. Author URI: http://bv02.com/ */ /* green: #1a523f lt grey: #f6f5f3 dark grey: #c5c1be dark brown: #473a33 */ body { color:#473a33; font-size:10px; font-family:"Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; background:url(../images/top.gif) repeat-x top left #98bab2; } h1, h2, h3, #mainCol h4, h5 { font-weight:normal; color:#1c5743; margin-bottom:0.5em; } h2 { font-size:2em; } h3 { font-size:1.8em; line-height:2.2em; } .news h3 { line-height:1.2em; } #mainCol h4, .contactUsRight h4 { font-size:1.4em; color:#1a523f; } #right h4 { line-height:1.4em; } #right .calloutCap h4 { line-height:1.2em; font-size:1.1em; } h5 { font-size:1.2em; } a { color:#1a523f; text-decoration:none; } a:hover { color:#5c9785; } p { font-size:1.1em; line-height:2em; margin-bottom:0.5em; } #right p { font-size:1.1em; } #mainCol p { margin-bottom:1.5em; } #wrapper #contentWrapper .white, #bottomWrapper #footer .white { color:#FFF; } .caps { text-transform:uppercase; } #mainCol ul, .callout ul { font-size:1.2em; line-height:1.4em; list-style:circle; list-style-position:outside; } .callout h3 { font-size:1.2em; line-height:1.4em; } .callout ul { font-size:1.1em; line-height:1.2em; } .callout input.formField { margin:5px 0; padding:5px 7px; } #mainCol ul li, .callout ul li { margin:0 0 5px 16px; } strong { font-weight:bold; } em { font-style: italic; } blockquote { font-size:1.2em; line-height:1.4em; font-style: italic; margin:1em 0; } #right blockquote { margin:0.2em 0; } dl { font-size:1.2em; line-height:1.5em; } dd { margin-bottom:2em; } #mainCol dd p { font-size:1em; } dt { font-weight:bold; color:#1a523f; font-size:1.2em; } ul.bulletList { margin-bottom:1.5em; } /* Layout */ #contentWrapper { background:url(../images/myElmwood.gif) no-repeat center 168px; } img.bannerLeft { padding-left:11px; float:left; } .myElmwoodHeaderRight { float:right; width:243px; } .clear { clear:both; } #wrapper { background:url(../images/background.jpg) no-repeat top center; } #pageWrapper { position:relative; width:980px; margin:0px auto; } #page { background:url(../images/content.gif) repeat-y 12px 0px; margin-left:10px; } #content { background:url(../images/page.jpg) no-repeat 12px 0px; } /* banners by section */ .myElmwoodTV #content { background:url(../images/pageTV.jpg) no-repeat 12px 0px; } .podcasts #content { background:url(../images/pagePodcasts.jpg) no-repeat 12px 0px; } .blogs #content { background:url(../images/bannerBlogs.jpg) no-repeat 12px 0px; } .leadership #content { background:url(../images/pageLeadership.jpg) no-repeat 12px 0px; } .gallery #content { background:url(../images/pageGallery.jpg) no-repeat 12px 0px; } /* end banners */ #header { padding:0 20px; width:920px; margin:0px auto; background:url(../images/flag.gif) no-repeat 28px 0px; height:100px; overflow:hidden; } h1#pageTitle.small { font-size:2.1em; padding-top:13px; } h2#logo { float:left; width:350px; height:90px; background:url(../images/logo.gif) 90px 20px no-repeat; } h2#logo a { display:block; width:350px; height:90px; text-indent:-9999px; } #left { width:180px; float:left; padding:0px 0px 0px 32px; } #main { width:685px; float:left; } #mainCol { width:420px; float:left; padding:20px 12px 0px 35px; margin-left:-10px; min-height:550px; } /* need to fix min-height for IE */ #right { width:265px; float:left; } #headerRight { float:right; position:relative; width:300px; padding:4px 22px 0 22px; margin:5px 12px 0 12px; display:inline; background:url(../images/topNav.jpg) no-repeat top right; font-size:1.1em; } #topNav, #topNav a { color:#FFF; } #topNav a:hover { color:#0b4b36; } #topNav { float:right; text-align:center; display:block; } #topNav li { padding:0 3px; } #headerRight form { float:right; text-align:right; padding:25px 10px 15px 0; } #headerRight form label { text-transform:uppercase; display:block; float:left; padding:8px 5px; } #headerRight form input#searchBox, input#contactSearch, input.search { border:1px solid #d6d6d6; padding:5px 3px; margin-right:7px; float:left; display:inline; } #headerRight form input#searchSubmit, input#contactSearchSubmit, .callout .submit { display:block; float:left; width:27px; height:26px; background:url(../images/search.jpg) no-repeat 0px 0px; border:none; font-size:0px; color:#dfdcd9; } .callout .submit { background-image: url(../images/search2.jpg); } #headerRight form input#searchSubmit:hover, input#contactSearchSubmit:hover, .callout .submit:hover { background-position: 0px -26px; } div.inline, ul.inline li { display:inline; } #crumbTrail { padding:0 0 12px 53px; display:block; } #crumbTrail, #crumbTrail li a { color:#9f9894; text-decoration:none; } #crumbTrail a:hover { color:#1a523f; } #crumbTrail li { padding:0 3px; font-size:1.1em; } #crumbTrail .current { text-decoration:underline; } #bannerWrapper { padding:0 32px 0 32px; } .twoCol { float:left; width:45%; padding-right:3%; } #mainCol .vtabs li { margin:0; list-style:none; } .block { display:block; } /* Main Navigation */ #mainNavWrapper { width:980px; margin:0px auto; position:relative; z-index:9999; } ul#mainNav { height:60px; margin:0px; padding-left:15px; background:url(../images/mainNav.gif) no-repeat 15px 0px; } #mainNav li { float:left; text-indent:-9999px; position:relative; } #mainNav li, #mainNav a { background:url(../images/mainNav.gif) no-repeat 0px 0px; display:block; height:51px; } #mainNav #navElmwoodCa { background:none; } #navAboutElmwood { width:173px; } #navAdmissions, #navAdmissions a { background-position:-173px 0; width:94px; } #navAcademics, #navAcademics a { background-position:-267px 0; width:90px; } #navStudents, #navStudents a { background-position:-357px 0; width:81px; } #navParents, #navParents a { background-position:-438px 0; width:72px; } #navAlumni, #navAlumni a { background-position:-510px 0; width:67px; } #navSupportingElmwood, #navSupportingElmwood a { background-position:-577px 0; width:161px; } #navNewsEvents, #navNewsEvents a { background-position:-738px 0; width:156px; } #navElmwoodCa a { background-position:-894px 0; width:54px; } #navAboutElmwood a:hover, #navAboutElmwood:hover a, #about #navAboutElmwood a, #history #navAboutElmwood a { background-position:0px -100px; } #navAdmissions a:hover, #navAdmissions:hover a, #admissions #navAdmissions a { background-position:-173px -100px; } #navAcademics a:hover, #navAcademics:hover a, #academics #navAcademics a { background-position:-267px -100px; } #navStudents a:hover, #navStudents:hover a, #students #navStudents a { background-position:-357px -100px; } #navParents a:hover, #navParents:hover a, #parents #navParents a { background-position:-438px -100px; } #navAlumni a:hover, #navAlumni:hover a, #alumni #navAlumni a { background-position:-510px -100px; } #navSupportingElmwood a:hover, #navSupportingElmwood:hover a, #support #navSupportingElmwood a { background-position:-577px -100px; } #navNewsEvents a:hover, #navNewsEvents:hover a, #news #navNewsEvents a { background-position:-738px -100px; } #navElmwoodCa a:hover { background-position:-894px -100px; } a#advSearch { position:absolute; bottom:1px; left:210px; top:72px; color:#473a33; font-size:0.8em; } a:hover#advSearch { color:#6f645e; } /* Main Navigation Suckerfish Dropdowns */ #mainNav li .subNav { display:none; } #mainNav li:hover .subNav { display:block; position:absolute; top:51px; left:0px; background-image:none; border-bottom:1px solid #c5c4c3; } #mainNav #navAboutElmwood:hover .subNav { display:block; position:absolute; top:51px; left:50px; background-image:none; border-bottom:1px solid #c5c4c3; } #mainNav li .subNav li { background-image:none; float:none; clear:both; padding:0; margin:0; height:auto; display:block; } #mainNav li .subNav li a { margin:0; height:auto; padding:12px; border-bottom:1px solid #ccc; border-top:1px solid #fff; background:none #e2e2e2; float:none; text-indent:0; width:100%; color:#444; font-size:1.3em; border-right:1px solid #c5c4c3; width:200px; } #mainNav li .subNav li a:hover { background:#cecece; } /* My Elmwood Navigation */ #myElmwoodNavWrapper { clear:both; float:right; width:243px; background:url(../images/myElmwoodNavBG.jpg) no-repeat top right; } #myElmwoodNav { padding:40px 30px 40px 30px; background:url(../images/myElmwoodNavCircle.png) no-repeat -9999px -9999px; } #myElmwoodNav.myElmwoodTV { background:url(../images/myElmwoodNavCircle.png) no-repeat; background-position:-1090px 20px; } #myElmwoodNav.podcasts { background:url(../images/myElmwoodNavCircle.png) no-repeat; background-position:-280px 50px; } #myElmwoodNav.gallery { background:url(../images/myElmwoodNavCircle.png) no-repeat; background-position:-510px 80px; } #myElmwoodNav.blogs { background:url(../images/myElmwoodNavCircle.png) no-repeat; background-position:30px 105px; } #myElmwoodNav.news { background:url(../images/myElmwoodNavCircle.png) no-repeat; background-position:25px 130px; } #myElmwoodNav.leadership { background:url(../images/myElmwoodNavCircle.png) no-repeat transparent; background-position:-790px 175px; } #myElmwoodNav li a { display:block; width:100%; background:url(../images/myElmwoodNav.png) no-repeat 0px 0px; text-indent:-9999px; } #myElmwoodNav li#navMyElmwoodTV a { height:27px; background-position:0px 0px; } #myElmwoodNav li#navPodcasts a { height:27px; background-position:0px -27px; } #myElmwoodNav li#navGallery a { height:24px; background-position:0px -54px; } #myElmwoodNav li#navBlogs a { height:28px; background-position:0px -78px; } #myElmwoodNav li#navNews a { height:29px; background-position:0px -106px; } #myElmwoodNav li#navLeadership a { height:48px; background-position:0px -135px; } #myElmwoodNav li#navMyElmwoodTV a:hover { height:27px; background-position:-183px 0px; } #myElmwoodNav li#navPodcasts a:hover { height:27px; background-position:-183px -27px; } #myElmwoodNav li#navGallery a:hover { height:24px; background-position:-183px -54px; } #myElmwoodNav li#navBlogs a:hover { height:28px; background-position:-183px -78px; } #myElmwoodNav li#navNews a:hover { height:29px; background-position:-183px -106px; } #myElmwoodNav li#navLeadership a:hover { height:48px; background-position:-183px -135px; } /* Social Navigation */ #socialNav { position:absolute; right:-12px; top:0px; margin-top:341px; } #socialNav li, #socialNav li a { display:block; width:27px; height:30px;text-indent:-9999px; } #socialNav li a { background:url(../images/socialNav.jpg) no-repeat 0 0; } #socialNav #delicious a { background-position:-1px 0px; } #socialNav #stumble a { background-position:-1px -30px; } #socialNav #facebook a { background-position:-1px -60px; } #socialNav #twitter a { background-position:-1px -90px; } #socialNav #delicious a:hover { background-position:-32px 0px; } #socialNav #stumble a:hover { background-position:-32px -30px; } #socialNav #facebook a:hover { background-position:-32px -60px; } #socialNav #twitter a:hover { background-position:-32px -90px; } /* Footer */ #bottomWrapper { background:#014538; padding:0; } #footerTile { background:url(../images/footerTile.jpg) repeat-x top left; } #footer { background:url(../images/footer.jpg) no-repeat top center; margin:0px auto; } #footerColumns { color:#FFF; font-size:1.2em; width:880px; margin:0px auto; padding:150px 50px 0 50px; background:url(../images/footer.jpg) no-repeat -66px 0px; font-family:Helvetica, Trebuchet MS, sans-serif; } #footer li, #footer a { color:#5f7b73; } #footer p, #footer p a { color:#9dafa9; } #footer li { padding:7px 0; border-bottom:1px solid #2f5449; margin-right:20px; } #footer h3 { font-size:2.2em; font-weight:normal; text-transform:uppercase; margin-bottom:0.5em; } #footer li.head { text-transform:uppercase; font-weight:bold; font-size:1.1em; padding:0 0 20px 0; color:#99b3ab; } #footer li.head a { color:#99b3ab; } .footerColumn { width:20%; float:left; } #footer p { font-size:1.1em; } #footer p a { text-decoration:underline; } #footer a:hover { color:#FFF; } #footer #footerContact a { display:block; width:145px; height:53px; margin:0; text-indent:-9999px; background:url(../images/footerContact.gif) no-repeat top left; } #legalWrapper { background:#ececec; position:relative; height:48px; overflow:hidden; margin-top:45px; } #legalInfo { width:940px; margin:0px auto; padding:15px 20px 15px 20px; font-size:1.1em; background:url(../images/footerShadow.jpg) no-repeat top center; } #legalInfo ul { text-align:right; float:right; width:40%; } #legalInfo p { margin:0; display:block; float:left; width:55%; font-size:1em; } #legalInfo li { padding:0 5px; } #legalInfo #bv02 { margin-left:150px; text-align:right; } #legalInfo a#bv02logo { display:-moz-inline-box; display:inline-block; background:url(../images/bv02.gif) no-repeat top left; width:28px; height:10px; text-indent:9999px; overflow:hidden; } /* inline-block fix for older versions of Firefox */ #footerSiteNav li a { color:#473a33; } #footerSiteNav li a:hover { text-decoration:underline; } /* Callouts */ .calloutCap { background:url(../images/callout.gif) no-repeat 0px -1px; height:40px; text-indent:-9999px; text-transform:uppercase; font-size:1.1em; color:#5c5b5b; position:relative; } .calloutCap img { position:absolute; top:0; right:25px; } .callout { background:url(../images/callout.png) no-repeat 0px bottom; padding:10px 27px 20px 27px; position:relative; margin:0 0 10px 5px; } .callout blockquote { color:#688e83; font-size:1.3em; } .callout a { word-wrap:break-word; width:200px; } a.calloutArrow { position:absolute; right:12px; bottom:12px; display:block; height:19px; width:20px; background:url(../images/calloutArrow.jpg) no-repeat top left; text-indent:-9999px; } a:hover.calloutArrow { background-position:0px -19px; } #right .flickrThumb { float:left; padding:0 4px 10px 5px; } .callout .left { width:45%; float:left; } .callout .right { width:45%; float:right; } #right .callout .calloutFeed li { font-size:0.8em; margin:0; list-style:none; } .callout h5 { font-size:12px; margin-bottom:10px; } .callout h5 a:hover { color:#5c9785; } .calloutTabCap { background:url(../images/calloutCap2.gif) no-repeat 4px 0px; height:7px; overflow:hidden; } #calloutTabs ul.tabs { height:19px; padding-left:16px; background:url(../images/tabRightBG.gif) no-repeat 4px 10px; } #calloutTabs ul.tabs li { width:73px; height:19px; float:left; float:left; background:none; } #calloutTabs ul.tabs li a { display:block; width:73px; height:19px; float:left; background:url(../images/calloutTabSheet.gif) no-repeat 0px 0px; text-indent:-9999px; } #calloutTabs li a#calloutTab1Title { background-position:0px 0px; } #calloutTabs li a#calloutTab2Title { background-position:-73px 0px; } #calloutTabs li a#calloutTab3Title { background-position:-146px 0px; } #right ol { list-style: decimal-leading-zero; font-size:1.2em; line-height:1.3em; margin-left:25px; } #right .callout p { font-size:1.1em; } .calloutCap.twitter { background-position:0 -40px; } /* .calloutCap.podcasts { background-position:0 -80px; } */ .calloutCap.news { background-position:0 -80px; } .calloutCap.otherBlogs { background-position:0 -122px; } .calloutCap.rss { background-position:0 -202px; margin-bottom: 10px; } .calloutCap.rss a { display: block; width: 100%; height: 38px; } .calloutCap.search { background-position:0 -161px; } .calloutCap.categories { background: none; text-indent: 0; margin: 0 0 10px 0; text-transform: none; } .calloutCap.categories .callout { margin-bottom: 0; } #right .calloutCap.categories h4 { background:url(../images/callout.gif) no-repeat 0 -362px; } #right .calloutCap.categories.selected h4 { background-position:0 -402px; } .calloutCap.categories a.toggleBtn { display: block; width: 100%; height: 38px; text-indent: -9999px; } .calloutCap.categories { height: auto; } .calloutCap.social { background-position:0 -322px; } .calloutCap.recent { background-position:0 -242px; } .calloutCap.wordCloud { background-position:0 -282px; } .callout img { padding:0 4px 6px 0; } .callout { overflow:hidden; } #calloutTabs li a#calloutTab1Title:hover, #calloutTabs li.ui-tabs-selected a#calloutTab1Title { background-position:0px -19px; } #calloutTabs li a#calloutTab2Title:hover, #calloutTabs li.ui-tabs-selected a#calloutTab2Title { background-position:-73px -19px; } #calloutTabs li a#calloutTab3Title:hover, #calloutTabs li.ui-tabs-selected a#calloutTab3Title { background-position:-146px -19px; } .callout ul.links { list-style-type: none; } .callout ul.links a { font-size: 13px; } .callout ul.links li { margin: 0 0 5px 0; } /* Left nav */ #subNav li { margin:2px 0; } #subNav li a { font-size:1.4em; color:#473a33; background:url(../images/leftNav.gif) no-repeat top right; display:block; padding:7px 0 0 0; } #subNav li a span { display:block; padding:0 0 7px 20px; background:url(../images/leftNav.gif) no-repeat bottom right; } #subNav li a:hover span, #subNav li a.current span { background-position:bottom left; } #subNav li a:hover, #subNav li a.current { background-position:top left; } #subNav ul.nested li a span { padding-left:40px; } .cal #navCalendar { background-position:top left; } .cal #navCalendar span { background-position:bottom left; } .newsCurrent #navNews { background-position:top left; } .newsCurrent #navNews span { background-position:bottom left; } .eventsCurrent #navEvents { background-position:top left; } .eventsCurrent #navEvents span { background-position:bottom left; } .archivesCurrent #navNewsArchives { background-position:top left; } .archivesCurrent #navNewsArchives span { background-position:bottom left; } #navwhy_elmwood { background-position:top left; } #navwhy_elmwood span { background-position:bottom left; } /* Home Page */ /* #homeMain { background:url(../images/divider.gif) no-repeat top center; padding:40px 0; } .homeBlurb { width:330px; float:left; padding:0 0 0 40px; } .homeUpdates { width:255px; float:left; padding:0 0 0 25px; } #home h3, #home h3 a { color:#473a33; } #home h3 a:hover { color:#796e67; } #home h3 { font-size:2em; margin-bottom:0.7em; height:1em; font-family:Georgia, Times, Serif; } #home .threeCol h3 { font-size:1.7em; } #home .threeCol { float:left; width:210px; padding:0 5px 25px 0; } #home .threeCol.first { padding-left:40px; } .homeBullets li, .homeBullets li a { color:#897062; } .homeBullets li { font-size:1.4em; line-height:1.5em; font-family:Georgia, Times, Serif; list-style-image:url(../images/bullet.gif); list-style-position: outside; margin-left:29px; } #home .date { color:#796e67; display:block; font-size:1.2em; text-transform:uppercase; width:30px; float:left; border-right:1px solid #777775; } #home .date span { font-size:1.9em; } .date span { display:block; float:none; } #home .homeUpdates li { padding-bottom:10px; } #home .homeUpdates p { font-size:1.1em; color:#464749; float:left; width:210px; padding:0 0 0 10px; } #home .homeRSS { display:block; float:left; width:55px; height:24px; background:url(../images/homeRSS.gif) no-repeat top left; text-indent:-9999px; } #home a:hover.homeRSS { background-position:0px -24px; } #home .homeFeedTitle { width:190px; float:left; margin:0px; line-height:1em; } #home h1 { background:url(../images/homeRibbon.gif) no-repeat top left; padding-left:40px; font-family:Georgia, Times, Serif; font-size:2em; color:#FFF; margin-left:-40px; margin-bottom:-5px; } #home h1 span { padding:5px 0 25px 0; display:block; background:url(../images/homeRibbon.gif) no-repeat top right; } .homeMedia img { padding:0 18px 10px 0; } .homeFeed a:hover p { color:#5c9785 !important; } .callout.homeMedia { padding:10px 27px 10px 27px; margin-bottom:25px; } #homeBanner { margin:0 0 5px 33px; } .homeUpdates p, #footer p { line-height:1.4em; } */ /* clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* print icons */ .homeRight { width:260px; float:left; } #sharePrint { background:url(../images/sharePrintBG.gif) no-repeat 24px 0px; float:right; width:100px; padding-right:18px; padding-right:47px; } .oneColumn #sharePrint { top:-105px; } #home #sharePrint { margin-bottom:-3px; top:0px; } #sharePrint li { display:inline; } #sharePrint li a { background:url(../images/printIcons.jpg) no-repeat 0px 0px; display:block; height:21px; width:22px; float:left; text-indent:-9999px; } #sharePrint #smallTextIcon a { background-position:-2px 0px; width:14px; } #sharePrint #medTextIcon a { background-position:-16px 0px; width:13px; } #sharePrint #largeTextIcon a { background-position:-29px 0px; width:14px; } #sharePrint #printIcon a { background-position:-44px 0px; width:35px; } #sharePrint #smallTextIcon a:hover { background-position:-2px -22px; width:14px; } #sharePrint #medTextIcon a:hover { background-position:-16px -22px; width:13px; } #sharePrint #largeTextIcon a:hover { background-position:-29px -22px; width:14px; } #sharePrint #printIcon a:hover { background-position:-44px -22px; width:35px; } /* tables */ #mainCol table td, #mainCol table th {padding:8px 12px; font-size:1.4em; } #mainCol th { color:#1b5441; font-weight:bold; } #mainCol td { margin:-1px; } #mainCol tr.green, #mainCol tr.green td { background:#ced8d2; border:1px solid #ced8d2; } /* forms */ #mainCol label { display:block; color:#1c5743; font-size:1.4em; padding:0.5em 0.3em; } #mainCol label.error { font-size:0.8em; padding:0 0 1em 0; color:#9c0101; } input.formField { border:1px solid #d6d4d2; padding:8px 4px; color:#777; width:95%; margin:0px; } textarea.formField { border:1px solid #d6d4d2; padding:8px 4px; color:#777; width:95%; margin:0px; clear:both; float:none; width:97.5%; height:80px; } span.textAreaWrapper { width:90%; clear:both; } #mainCol form .formProvince { width:45%; float:left; } #mainCol form .formProvince span { width:80%; } #mainCol form .formProvince input { width:86%; } #mainCol form .formPostal { width:55%; float:left; text-align:right; } #mainCol form .formPostal span { width:80%; float:right; } #mainCol form .formPostal input { width:88%; } #mainCol form#contactForm span { display:block; border:5px solid #eeedeb; background:#eeedeb; width:80%; } #mainCol form#contactForm input { width:97%; } #mainCol form #admissionSubmit, #right form #admissionSubmit, #content form #admissionSubmit { display:block; height:27px; width:85px; background:url(../images/submit.png) no-repeat top left; border:none; font-size:0px; color:#FFF; text-indent:-9999px; text-align:left; padding-left:1px; margin-top:30px; } #alumni #mainCol #admissionSubmit { margin-left:135px; } #right form #admissionSubmit { margin-top:5px; } #mainCol form.appnitro #admissionSubmit { display:block; height:27px; width:85px; background:url(../images/submit.png) no-repeat top left; border:none; font-size:0px; color:#FFF; text-indent:-9999px; text-align:left; padding-left:1px; margin-top:0px; } #mainCol form.appnitro #admissionNext { display:block; height:27px; width:85px; background:url(../images/next.gif) no-repeat top left; border:none; font-size:0px; color:#FFF; text-indent:-9999px; text-align:left; padding-left:1px; margin-top:0px; } #mainCol form #admissionSubmit:hover, #mainCol form #admissionNext:hover, #right form #admissionSubmit:hover, #content form #admissionSubmit:hover { background-position:0px -27px; } #fancy_overlay { z-index:9999; position:absolute; } /* inside page styles */ .teacherPhoto { float:left; width:170px; padding-bottom:10px; } .pullQuote { float:right; width:220px; padding-bottom:10px; } .pullQuote blockquote { font-size:1.2em; line-height:1.6em; } .pullQuote h3 { font-size:1.4em; font-weight:bold; } .feeTable { font-size:0.8em; margin-bottom:2em; } .oneColumn p { width:95%; } .newsDate { width:60px; padding-right:10px; float:left; } .newsContent { width:350px; float:left; } .newsDate p, .newsContent p { line-height:1.2em; font-size:1.1em; } .threeCol { width:30%; padding-right:3%; float:left; } .news small { font-size:1.1em; text-transform:uppercase; line-height:2em; } .news h4 { width:90%; } #mainCol ul.archiveYears { margin-bottom:1em; } #mainCol ul.archiveYears li { list-style:none; margin:0; } #mainCol form.alumForm { padding-bottom:20px; } #mainCol a.pdf, #mainCol ul.pdfList li a, #right a.pdf { padding-left:21px; background:url(../images/pdf.gif) no-repeat center left; } .historyList dt:hover, #mainCol h4.studentClubs:hover { color:#5c9785; cursor:pointer; } .hidden, .ui-tabs-hide { display:none; } .contactRight h4 { text-transform:uppercase; } #terms #crumbTrail { height:13px; } #terms #crumbTrail li { display:none; } .imgLeft { float:left; padding-right:5px; padding-bottom:10px; } .imgLeftAlt { float:left; padding-right:10px; } div.spacer { height:10px; } a#donateButton { display:block; height:49px; width:243px; background:url(../images/donate.png) no-repeat top left; margin:10px 0; text-indent:-9999px; } a:hover#donateButton { background-position:0 -49px; } a#applyButton { display:block; height:49px; width:243px; background:url(../images/apply.png) no-repeat top left; margin:10px 0; text-indent:-9999px; } a:hover#applyButton { background-position:0 -49px; } #requestMoreInfo .formBorder.medium { width:75% !important; } #mainCol form#requestMoreInfo span.formBorder input { width:96%; } #mainCol form#requestMoreInfo .left span.formBorder input, #mainCol form#requestMoreInfo .right span.formBorder input { width:94%; } #right h3.newsEvents { padding-top:94px; margin-bottom:0em; font-weight:bold; padding-left:5px; } #right .newsHeader h4 { text-transform:none; } .newsHeader, .newsDate { padding-left:5px; } select.enquiry { width:82%; } .contactUsRight h4 { margin-top:110px; clear:both; } .contactUsRight h4.noMargin { margin:0; padding:10px 0 0 0; } #mainCol .newsDate { float:left; } #mainCol .newsContent { width:330px; } #right h4 { font-size:1.3em; } #right .newsDate { width:90%; padding-bottom:5px; } /* jQuery tooltips */ #tooltip { position: absolute; z-index: 3000; padding: 3px 5px; border:1px solid #473a33; background:#fff; width:130px; text-align:center; } #tooltip h3, #tooltip div { margin: 0; } #tooltip h3 { font-size:1.2em; display:block; float:none; line-height:1em; } /* my.elmwood.ca */ hr { border-bottom:1px solid #d6d6d6; border-top:none; border-left:none; border-right:none; clear:both; } h2#latest { background:url(../images/latest.gif) no-repeat top left; } h1#pageTitle, h2.pageTitle { display:block; width:429px; height:47px; text-indent:-9999px; background:url(../images/latest.gif) no-repeat 2px 0px; margin:0; } .gallery h2.pageTitle { background:url(../images/latestFlickr.gif) no-repeat 1px 0px; height:43px; } h2#myElmTitle { display:block; width:705px; height:291px; text-indent:-9999px; margin:0 0 10px 12px; float:left; padding:0; background:url(../images/blank.gif) no-repeat 0px 1px; } #feeds { width:222px; float:right; color:#4a4949; padding:10px 0 0 5px; } .feed { padding:0 0 12px 10px; background:url(../images/arrow.gif) no-repeat 0px 2px; } #feeds h3, #mainCol h3 { font-size:17px; text-transform:uppercase; color:#4a4949; font-weight:bold; padding-top:10px; } #content span.date, #content span.comment { display:block; font-size:1.1em; font-weight:bold; height:17px; } #content span.date { float:left; width:80%; } #content a.comment { display:block; float:right; width:20px; height:15px; text-indent:9999px; background:url(../images/comments.gif) no-repeat top right; overflow:hidden; } #content a.comment:hover { background-position:right -15px; } #feeds p { font-size:1.1em; line-height:1.7em; } a.continue { display:block; width:84px; height:17px; background:url(../images/continue.gif) no-repeat top left; text-indent:-9999px; } a:hover.continue { background-position:0px -17px; } #wrapper span.sIFR-alternate { display:none; } .videoBG { background:url(../images/videoBG.gif) repeat-y top left; padding:5px 20px; } .videoBG, #main .videoBG p { text-align:center; margin:0; } .videoCap { display:block; width:424px; height:23px; background:url(../images/videoCap.gif) no-repeat top left; } #login .formWrapper { padding:0px 0px 0px 63px; } /* blog */ #mainCol { width:550px; padding-left:70px; } .entry { margin-bottom: 40px; } .entry h2 { font:3.5em Georgia, "Times New Roman", Times, serif; margin-bottom: 0.1em; } .entry .details { font:1.3em Georgia, "Times New Roman", Times, serif; color: #c5c1be; margin-bottom: 25px; } .entry .details a { color: #c5c1be; text-transform: uppercase; } .entry .details a:hover { color: #473a33; } .entry .body { float: left; width: 490px; margin: 0 0 10px 20px; } .entry .date { display:block; float:left; color:#796e67; font-size:1.2em; text-transform:uppercase; width:35px; border-right:1px solid #777775; } .entry .date .day { font-size:1.9em; } .entry .date .day { display:block; float:none; } .entry .continue { margin-bottom: 14px; } /* Blog Forms */ #respond { margin-left: 55px; } #respond label { display:block; color:#1c5743; font-size:1.4em; padding:0.5em 0.3em; } #respond label.error { font-size:0.8em; padding:0 0 1em 0; color:#9c0101; } textarea.formField { border:1px solid #d6d4d2; padding:8px 4px; color:#777; width:95%; margin:0px; clear:both; float:none; width:97.5%; height:80px; } span.textAreaWrapper { width:90%; clear:both; } #respond span { display:block; border:5px solid #eeedeb; background:#eeedeb; width:80%; } #respond input { width:97%; } form #submit { display:block; height:27px; width:85px; background:url(../images/submit.png) no-repeat top left; border:none; font-size:0px; color:#FFF; text-indent:-9999px; text-align:left; padding-left:1px; margin-top:30px; } form #submit:hover { background-position:0px -27px; } /* Blog Comments */ #commentList { margin-left: 55px; } #commentList li { clear: both; background-color: #f6f5f3; margin-bottom: 30px; padding: 15px 15px 1px 15px; } #commentList .details { float: left; } #commentList .avatar { float: right; margin: 0 0 10px 10px; } #commentList p { clear: left; } /* Share Bar */ .entry .links { border-bottom:solid 1px #c5c1be; margin-left:54px; padding:0 5px 5px 5px; } .entry .links .comment { float: left; } .links .comment a { float:left; height:13px; background:url(../images/comment_icon_icone_commentaire.gif) no-repeat; font:0.9em Georgia, "Times New Roman", Times, serif; color:#808285; padding-left:25px; } .links .comment a:hover { background-position:left bottom; } .links .rss a{ float:right; display:block; background:url(../images/rss_icon_icone_rss.gif) no-repeat; width:16px; height:16px; margin-right:15px; overflow: hidden; text-indent:-2000px; } .links .rss a:hover{background-position:left bottom;} .links .social a{ display:block; background:url(../images/social_sociale_map.gif) no-repeat right top; float:left; width:16px; height:16px; overflow: hidden; text-indent:-2000px; } .links .social .twitter{background-position:0 bottom;margin-left:75px;} .links .social .twitter:hover{background-position:0 top;} .links .social .digg{background-position:-31px bottom;margin-left:18px;} .links .social .digg:hover{background-position:-31px top;} .links .social .facebook{background-position:-59px bottom;margin-left:18px;} .links .social .facebook:hover{background-position:-59px top;} .links .social .delicious{background-position:-90px bottom;margin-left:18px;} .links .social .delicious:hover{background-position:-90px top;} .links .social .reddit{background-position:-119px bottom;margin-left:18px;} .links .social .reddit:hover{background-position:-119px top;} .links .social .stumbleupon{background-position:-148px bottom;margin-left:18px;} .links .social .stumbleupon:hover{background-position:-148px top;} .links .social .postmetadataend{clear:both;height:1px;width:1px;margin-top:-20px;} /* my.elmwood.ca styles */ .bucketHeader { display:block; background:url(../images/bucketHeader.jpg) no-repeat top left; height:43px; position:relative; width:422px; } .bucketHeader h2 { text-indent:-9999px; height:48px; } .bucketHeader a.rss { display:block; width:25px; height:26px; background:url(../images/rss.png) no-repeat top left; text-indent:-9999px; position:absolute; top:6px; right:30px; } .homeBucket { background:url(../images/homeBucket.gif) no-repeat bottom left; padding:5px 0 15px 27px; width:395px; } .gallery .homeBucket { padding-left:25px; } .videoSub { width:124px; float:left; padding:9px 0 0 1px; } .videoWrapper { width:363px; overflow:hidden; padding-left:1px; } #homeLeft { width:422px; float:left; } #home #mainCol, .gallery #mainCol, .blogs #mainCol, .myElmwoodTV #mainCol { padding-left:42px; width:650px; } .myElmwoodTV .elmwoodBlogs { padding:20px; } .myElmwoodTV #mainCol .pageTitle { background:url(/images/latest.jpg) no-repeat 0px 0px; width:645px; height:42px; margin-top:30px; } .homeReadMore { display:block; font-size:1.2em; margin:0 30px 0 0; padding:7px 18px 7px 0; text-align:right; clear:both; background:url(../images/more.gif) no-repeat center right; } h1 { font-size:3em; font-family:Georgia, Times, serif; font-weight:normal; } #mainCol p { font-size:1.2em; margin-bottom:0.8em; } #feeds p { font-size:1.1em; } .myElmwoodTV #myElmwoodNav li#navMyElmwoodTV a { height:27px; background-position:-183px 0px; } .podcasts #myElmwoodNav li#navPodcasts a { height:27px; background-position:-183px -27px !important; } .gallery #myElmwoodNav li#navGallery a { height:24px; background-position:-183px -54px; } .blogs #myElmwoodNav li#navBlogs a { height:28px; background-position:-183px -78px; } .leadership #myElmwoodNav li#navLeadership a { height:48px; background-position:-183px -135px; } .flickrThumb { float:left; width:70px; padding:5px 2px 0 0; text-align:center; font-family: Georgia, Times, serif; height:125px; } .flickrThumb h4 { font-size:1.2em !important; padding:5px 0 5px 0; line-height:1.2em; } .podcast h3 { padding:5px 0 5px 35px !important; margin:0 !important; text-transform:none !important; font-weight:normal !important; font-family: Georgia, Times, serif; background:url(../images/podcast.gif) no-repeat center left; } .podcast div { margin-bottom: 10px; } .elmwoodBlogs { background:url(../images/blogBucket.gif) no-repeat bottom left; margin-bottom:25px; font-size:0.9em; } .elmwoodBlogs h2 { display:block; width:100%; height:42px; margin:0; padding:0; line-height:0; text-indent:-9999px; background:url(../images/blogHeader.gif) no-repeat 0px 0px; } .elmwoodBlogs .blogsLeft { width:110px; float:left; padding:10px 15px; } .elmwoodBlogs .blogsMiddle { width:230px; float:left; padding:10px 30px 10px 0; } .elmwoodBlogs .blogsRight { width:220px; float:left; word-wrap:break-word; padding:15px 0 0 0; } .elmwoodBlogs a.continue { background:url(../images/continueBlogs.gif) no-repeat 0px 0px; height:17px; overflow:hidden; display:block; } .elmwoodBlogs a:hover.continue { background-position:0px -17px; } #main .elmwoodBlogs h2 { font-size:1.4em; color:#473A33; font-weight:normal; font-family: Georgia, Times, serif; height:40px; } #main .elmwoodBlogs h2.student { background-position:0px -42px; } #main .elmwoodBlogs h2.tartan { background-position:0px -82px; height:42px; } #videoRight { width:235px; float:right; } #videoRight .videoSub { width:115px; } #videoRight .videoSub p { font-size:1.1em; line-height:1.2em; padding-top:5px; } .homeTabsTemp #spotlightNav1 { background:none !important; } .vidDescription img { display:none; } /*.videoSub { height:150px; }*/ .videoSub { padding-bottom:20px; } .videoSub h4 { font-size:1.1em !important; font-weight:bold; height:25px; padding-top:5px; }