/* @override http://vceda.org.dh-temp.com/wp-content/themes/thesis_18/custom/custom.css?090611-194357 http://vceda.org.dh-temp.com/wp-content/themes/thesis_18/custom/custom.css?090711-223548 http://vceda.org.dh-temp.com/wp-content/themes/thesis_18/custom/custom.css?090711-224800 http://vceda.org.dh-temp.com/wp-content/themes/thesis_18/custom/custom.css?091911-202238 http://vceda.org.dh-temp.com/wp-content/themes/thesis_18/custom/custom.css?111011-191502 */ /* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ body.custom { background: #f5f5f5 url(images/vceda_bodycontainer.jpg) repeat-x; } /* @group Structure */ .custom div#header { padding: 0; height: 98px; display: block; } .custom div.page { background-color: transparent; width: 934px; } .custom div#content_area.full_width { margin-top: 5px; background-color: #f4f4f4; } .custom div#content_box { margin-bottom: 30px; display: block; } div#content { width: 710px; } .custom div#content .post_box.top { padding-top: 0; margin-top: 0; margin-right: 0; margin-left: 5px; } .custom div#header_area.full_width { height: 130px; } /* @end */ /* @group Branding */ .custom h1#tagline, .custom p#tagline { text-indent: -10000px; font-size: 0; line-height: 0; width: 0; height: 0; } .custom p#logo { padding: 0; display: inline-block; line-height: 0; font-size: 0; height: 95px; background: url(images/vceda-logo.png) no-repeat 0 3px; margin-right: 0; margin-left: 0; margin-bottom: 0; float: left; } .custom p#logo a { width: 150px; height: 85px; font-size: 0; text-indent: -10000px; padding: 0; margin: 0; display: block; } /* @end */ /* @group Footer */ .custom div#footer { text-align: center; } .custom div#footer_area.full_width { background-color: #e1e1df; padding-bottom: 50px; display: inline-block; } /* @end */ /* @group Navigation */ .custom ul#menu-footer-navigation.menu { width: 500px; text-align: center; display: inline-block; } .custom ul#menu-footer-navigation.menu a { background-color: transparent; border-style: none; } .custom div.menu-footer-navigation-container { text-align: center; margin-bottom: 20px; } .custom ul#menu-navigation.menu { border-style: none; margin: 0; padding: 0; width: 730px; height: 34px; } .custom ul#menu-navigation.menu li a { background-color: #433c34; color: #d7d2cc; border-color: #433c34; height: auto; line-height: 18px; } .custom ul#menu-navigation.menu li a:hover { background-color: #d3dfbb; color: #433c34; } /* @end */ /* @group Content Area */ .custom div#content div.format_text { background-color: white; padding: 20px 20px 10px 10px; } table#board_of_directors { font-size: 13px; } #board_of_directors tbody tr td.fn, #board_of_directors tbody tr td.ln { width: 90px; } /* @end */ /* @group Sidebars */ .custom div#sidebars ul.sidebar_list { background-color: #ebebeb; padding-top: 20px; } .custom div#sidebars ul.sidebar_list h3, .custom #listcategorypostswidget-3 h2 { color: #434343; background-color: #bebebe; text-transform: uppercase; padding: 3px; font-size: 14px; letter-spacing: 0; font-weight: bold; } .custom #listcategorypostswidget-3 h2 { margin-bottom: 10px; } .custom div#sidebars ul.sidebar_list li ul.wp-cpl-widget li{ border-style: none !important; } /* @end */ /* @group Page Headlines */ .custom div.headline_area h1.entry-title, .custom div.headline_area h1 { display: none; } .custom div#pagetitle_wrapper div.headline_area h1 { display: block; } .custom div.page div#content_box div.headline_area h2 { display: block; padding: 10px 10px 0; margin-bottom: 0; } .custom div#pagetitle_wrapper { margin-top: 10px; margin-bottom: 5px; } .custom div#pagetitle_wrapper div.headline_area { height: 50px; margin-bottom: 5px; background: #025354; margin-top: 5px; } .custom #pagetitle_wrapper div.headline_area h1 { height: 50px; line-height: 50px; color: white; font-weight: normal; font-style: normal; padding-left: 20px; } .custom div.headline_area { margin-bottom: 0; } .custom p.headline_meta { padding-left: 10px; display: inline-block; font-weight: normal; font-style: normal; } /* @end */ /* @group Newsletter Signup */ .custom div#signup_wrapper { width: 170px; height: 58px; background: transparent url(images/vceda_btn_news.png) no-repeat; text-align: center; display: inline-block; margin-left: 560px; margin-left: 660px\9; margin-top: 40px; } div#linkedin-badge { display: inline-block; float: right; margin-top: 6px; margin-right: 8px; } .custom.green-coast-alliance div#signup_wrapper, .custom.vceda-2-0 div#signup_wrapper, .custom.triad div#signup_wrapper { width: 170px; height: 58px; background: transparent url(images/vceda_btn_news.png) no-repeat; text-align: center; display: inline-block; margin-left: 310px; margin-left: 410px\9; margin-top: 40px; } .custom #signup_wrapper a { margin-top: 10px; height: 45px; line-height: 45px; font-size: 16px; color: white; width: 150px; display: inline-block; } .custom #signup_wrapper a:hover { color: #025354; } /* @end */ /* @group Home */ body.custom.home div#pagetitle_wrapper { display: none; } .custom div#custom_slideshow_wrapper { background-color: #eaeaea; display: inline-block; width: 930px; margin-top: 0; } body.custom.home div#content { margin-left: 0; width: 930px; background: url(images/bkgd-home-content.png) repeat-y; display: block; } body.custom.home div#content .post_box.top { padding-top: 0; margin-top: 0; margin-right: 0; margin-left: 0; } .custom div#home-blog-wrapper { display: inline-block; width: 430px; float: left; padding: 20px; margin-top: 0; } .custom div#testimonials-wrapper, .custom div#upcoming-events-wrapper { display: inline-block; width: 190px; float: left; margin-left: 10px; padding: 20px; height: 450px; margin-top: 0; } .custom div#upcoming-events-wrapper { padding-right: 10px; padding-left: 10px; } .custom #home-blog-wrapper h2, .custom #ltw_testimonials-3 h3, .custom #events-list-widget-3 h3, .custom #text-4 h3 { font-size: 20px; margin-bottom: 15px; list-style-type: none; } .custom li#text-4.widget.widget_text { list-style-type: none; } .custom li#ltw_testimonials-3.widget.widget_ltw_testimonials, .custom li#events-list-widget-3.widget.eventsListWidget { list-style-type: none; } .custom div#testimonials-wrapper ul, .custom div#upcoming-events-wrapper ul { list-style-type: none; } .custom #home-blog-wrapper div.post_box.top div.format_text { font-size: 1em; padding: 0 0 30px; } .custom div.event { font-size: 16px; display: inline-block; margin-top: 1px; } .custom #home-blog-wrapper div.post_box.top div.format_text h1.posttitle { margin-bottom: 5px; font-size: 18px; text-decoration: none; line-height: 20px; } .custom #home-blog-wrapper div.post_box.top div.format_text { font-size: .85em; } .custom #home-blog-wrapper div.post_box.top div.format_text p { line-height: 1.5em; font-size: 1.5em; margin-bottom: 2px; margin-top: 10px; color: #5d5d5d; } .custom p.byline { padding-top: 3px; border-top: 1px dotted #a7a6a7; margin-top: 0 !important; } .custom #home-blog-wrapper div.post_box.top div.format_text p.byline { font-size: 1.5em; color: #909090; margin-top: 8px; } .custom #home-blog-wrapper div.post_box.top div.format_text p.byline a { color: #5a87af; } .custom #ltw_testimonials-3 p img { width: 75px; float: left; display: inline-block; border: 1px solid silver; margin: 3px 10px 10px 0; } .custom div.when { color: #5d5d5d; font-size: 11px; } .custom #ltw_testimonials-3 p cite { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: normal; font-style: normal; color: #777; } .custom #ltw_testimonials-3 p a, .custom #events-list-widget-3 div.dig-in a, .custom #home-blog-wrapper p a#news-link { color: #2361ac; text-decoration: underline; margin-top: 10px; margin-top: 15px; display: inline-block; padding-top: 5px; border-top: 1px dotted silver; width: 190px; font: normal normal 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .custom #ltw_testimonials-3 p a.cite-link { color: #5a87af; margin-top: 0; border-top-style: none; padding-top: 0; } .custom #home-blog-wrapper p a#news-link { width: 420px; font-size: 12px; margin-top: 0; } .custom ul.upcoming li { margin-top: 0; margin-bottom: 20px; display: inline-block; } .custom #ltw_testimonials-3 p { margin-bottom: 5px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } a.excerpt-link { margin-left: 10px; } /* @end */ /* @group Sllider */ .custom div#rotator { color:#fff; position:relative; padding-bottom:2.6em; font-size:16px; display: inline-block; padding-top: 0; width: 930px; margin: -8px 0px 10px; } .custom div#home_message { margin: 0; padding: 0; } /* Tabs */ .custom div#rotator ul.ui-tabs-nav { margin: 0; padding: 0; display: inline-block; list-style-type: none; } .custom ul.ui-tabs-nav, .custom li.ui-tabs-nav-item, .custom li.ui-tabs-nav-item a:link, .custom li.ui-tabs-nav-item a:visited { margin:0; padding:0; border:0; outline:0; line-height:1.1; text-decoration:none; font-size:1.1em; list-style:none; float:left; font-family:Arial, Helvetica, sans-serif; } .custom ul.ui-tabs-nav { position:absolute; bottom:0px; left:0; z-index:1; width: 930px; background: #025354; border-top:1px solid #FFF; } /* Non-Selected Tabs */ .custom li.ui-tabs-nav-item a:link, .custom li.ui-tabs-nav-item a:visited { font-size:.8em; font-weight:normal; color:#fff; background:#025354; border-left:1px solid #FFF; } /* Hovered Tab */ .custom #rotator .ui-tabs-nav-item a:hover, .custom #rotator .ui-tabs-nav-item a:active { background:#87BD3D url(../images/tabs-active.png) bottom; color:#333; } .custom #rotator .ui-tabs-nav-item a span { float:left; font-size: 0.9em; padding: 20px 84px; cursor:pointer; background: transparent; cursor: pointer; float: left; } /* Active Tab */ .custom #rotator .ui-tabs-selected a:link, .custom #rotator .ui-tabs-selected a:visited, .custom #rotator .ui-tabs-selected a:hover, .custom #rotator .ui-tabs-selected a:active { background:#87BD3D; color:#fff; } .custom #rotator .ui-tabs-panel { font-family:Arial, Helvetica, sans-serif; color:#000; padding: 0; height: 275px; margin: 0; background-color: transparent; } .custom #rotator .ui-tabs-hide { display:none; } .custom #rotator h2 { color:#fff; font-weight:normal; margin:0; font-size:1.8em; line-height:1.2em; } .custom #rotator p { font-size:.9em; margin:.5em 0; color:#fff; line-height:1.8em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; } .custom #rotator .overlay.odd{ background: none repeat scroll 0 0 #333333; margin: 0 150px 10px 70px; opacity: 0.9; overflow: hidden; padding: 10px 20px; width: 30%; filter:alpha(opacity=90); color: white; } .custom #rotator .overlay.even{ background: none repeat scroll 0 0 #333333; margin: 0 70px 10px 550px; opacity: 0.9; overflow: hidden; padding: 10px 20px; width: 30%; filter:alpha(opacity=90); color: white; } .custom #rotator .btn_learn_more { float:right; height:30px; width:99px; overflow:hidden; -moz-border-radius:4px; -webkit-border-radius:4px; background:#39d url(../images/bg-btn-blue.png) repeat-x scroll 0 0; border:1px solid #39D; color:#fff; text-shadow:0 -1px 0 #39d; padding: 0px 10px; text-decoration:none; font-size: 1em; margin: 10px 5px 0 0; text-align: center; line-height: 30px; } .custom #rotator .btn_learn_more a{color:white; text-decoration:none} /* Background Images */ .custom #rotator #fragment-1 { background: transparent url(images/ocean.jpg) no-repeat center; padding: 0; margin: 0; } .custom #rotator #fragment-2 { background: transparent url(images/library.jpg) no-repeat center top; padding: 0; margin: 0; } .custom #rotator #fragment-3 { background: transparent url(images/fields.jpg) no-repeat center top; padding: 0; margin: 0; } .custom #rotator #fragment-4 { background: transparent url(images/boat.jpg) no-repeat center top; padding: 0; margin: 0; } /* @end */ /* @group Triad */ .custom.triad div#pagetitle_wrapper div.headline_area h1 { color: #fbd4cf; background: url(images/bnr-overlay.png) no-repeat right; } .custom.triad div#pagetitle_wrapper div.headline_area { background-color: #d11c25; } .custom.triad p#logo { background: url(images/vceda-triad-logo.png) no-repeat; width: 400px; } /* @end */ /* @group Green Coast Alliance */ .custom.green-coast-alliance div#pagetitle_wrapper div.headline_area h1 { color: #eaeaea; background: url(images/bnr-overlay.png) no-repeat right; } .custom.green-coast-alliance div#pagetitle_wrapper div.headline_area { background-color: #339933; } .custom.green-coast-alliance p#logo { background: url(images/vceda-GCA-logo.png) no-repeat; width: 400px; } /* @end */ /* @group VCEDA-2.0 */ .custom.vceda-2-0 div#pagetitle_wrapper div.headline_area h1 { color: #eaeaea; background: url(images/bnr-overlay.png) no-repeat right; } .custom.vceda-2-0 div#pagetitle_wrapper div.headline_area { background-color: #e31c23; } .custom.vceda-2-0 p#logo { background: url(images/vceda-VCEDA2-logo.png) no-repeat; width: 400px; } /* @end */ /* @group Blog */ .custom div#content.hfeed { background-color: white; margin-left: 20px; width: 692px; } .custom div#post-219.post-219.post.type-post.status-publish.format-standard.hentry.category-triad-news.post_box { margin-left: 0; padding-top: 0; } .custom #content div.teasers_box { width: 650px; } .custom .teaser { width: 45%; } /* @end */ /* @group News */ .custom #archive_intro h1 { font-size: 24px; } /* @end */ /* @group Calendar/Events */ .custom div#content.tec-event.widecolumn { display: inline-block; margin-top: 30px; } .custom div#content.tec-event.widecolumn span.back a { padding: 5px; background-color: #d3d3d3; color: #5d5d5d; } .custom h2.entry-title { font-size: 22px; margin-top: 10px; line-height: 24px; } .custom #post-169 div.entry p { font-size: 12px; margin-bottom: 20px; } .custom div#tec-content.grid { margin-top: 20px; } .custom span.tec-month-nav { position: relative; } .custom h2.tec-cal-title { display: block; padding: 0; } /* @end */ /* @group Testimonials */ div.ltw_tes_item { float: left; display: inline-block; width: 325px; margin-right: 12px; } .custom div.ltw_tes_image_cont { display: none; } .custom p.ltw_tes_testimonial { font-style: italic; font-size: 16px; line-height: 23px; color: gray; width: 290px; } /* @end */ /* @group Membership */ .custom.membership-directory div#content { width: 710px; } /* @end */