/* 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/ */ /* Custom Styling for research Home Page */ /* commentd on 1-9-10 body.custom.cat_research{ background:#445e83; } body.custom.cat_research .featured_area{ background:#d6d6d6; } */ /* body.custom.cat_research #sidebars{ display:none; } body.custom.cat_research #content{ width: 100%; }*/ /* Custom Styling for research homepage ends here */ /* Custom Styling for Policy Home Page */ /* commentd on 1-9-10 body.custom.cat_policy{ background:#5c816b; } body.custom.cat_policy .featured_area{ background:#add6b6; } body.custom.cat_policy .image-overlay .caption{ background:#5c816b !important; } body.custom.cat_policy h1, body.custom.cat_policy h2, body.custom.cat_policy h2 a { color:#5c816b; } */ body.custom{ background:url(images/bg.jpg) left top repeat-x #000000; font-family:Helvetica,arial, Georgia, 'Times New Roman', Times, serif; } body.custom .bg-area{ background:url(images/bg.jpg) left top repeat-x #000000; display:block; left:0; height:100%; width:100%; position:fixed; } .custom #container{ background:url("images/shadow.png") repeat-y scroll right top transparent; border-left:1px solid #000000; margin:0 auto; padding-right:20px; width:94.9em; position:relative } /* Custom Styling for Policy homepage ends here */ a:focus, *:focus{ outline:none; } .arrow { background:url("images/top_curve.png") no-repeat scroll left top transparent; border:0 none; display:block; height:18px; position:absolute !important; left: 0px; top:-7px; text-indent:-9999px; width:20px; z-index:2147483647; } .custom .menu ul{ top:34px; visibility:visible; } .custom .menu a{ background:url("images/active.gif") repeat-x scroll left bottom #0D3052; border-left:1px solid #566F86; border-top:1px solid #566F86; color:#FFFFFF; margin:1px 1px 1px 1px; padding:8px 8px 7px 8px; width:138px; } .custom .menu li{ border-right:1px solid #8698a9; } .custom .menu .current a, .custom .menu .current-cat a, .custom .menu .current-menu-item a, .custom .menu .current-parent > a, .custom .menu .current-cat-parent > a, .custom .menu .current-menu-ancestor > a { background:#adddf3; border-left:1px solid #97c2d6; border-top:1px solid #97c2d6; color:#0D3052; margin:0; padding:9px 9px 8px 9px; width:138px; } .custom .menu ul li.current-menu-item a{ background:none repeat scroll 0 0 #0D3052; border:0 none; color:#fff; margin:0; padding:9px 9px 8px 9px; width:149px; } .custom .menu ul a, .custom .menu .current ul a, .custom .menu .current ul a:hover, .custom .menu .current-cat ul a, .custom .menu .current-cat ul a:hover, .custom .menu .current-parent ul a, .custom .menu .current-parent ul a:hover, .custom .menu .current-menu-item ul a, .custom .menu .current-menu-item ul a:hover, .custom .menu .current-menu-ancestor ul a, .custom .menu .current-menu-ancestor ul a:hover, .custom .menu .current-cat-parent ul a, .custom .menu .current-cat-parent ul a:hover{ background-image:none; background-color:#0D3052; color:#fff; border:0 none; margin:0px; padding:9px 9px 8px 9px; width:149px; } .custom .menu a:hover, .custom .menu .current a:hover, .custom .menu .current-cat a:hover, .custom .menu .current-menu-item a:hover /* .custom .menu ul .current-menu-item a, */ { /* background-color:#395B82; */ background-color:#3a96c0; background-image:none; /* color:#FFFECD; */ color:#fff; margin:0; padding:9px 9px 8px 9px; width:138px; } .custom .menu ul a:hover, .custom .menu .current ul a:hover, .custom .menu .current-cat ul a:hover, .custom .menu .current-parent ul a:hover, .custom .menu .current-menu-item ul a:hover, .custom .menu .current-menu-ancestor ul a:hover, .custom .menu .current-cat-parent ul a:hover{ background-color:#246389; background-image:none; color:#fff; margin:0; padding:9px 8px 8px 9px; width:149px; } .custom .menu .sub-menu a{ border-right:0 none; } .custom .menu ul a{ padding:9px 61px 8px 9px; } canvas{ padding:0; margin:0; } .menu ul{ width:159px; } .custom .menu li{ text-align:left; margin:0; } .custom .menu li li{ text-align:left; width:159px; } .custom .menu ul a { width:149px; } .custom .menu { background:none repeat scroll 0 0 #0D3052; border-bottom:1px solid #8698a9; padding-left:0; width:949px; } .custom #header { /* background:url(images/veins.gif) right top no-repeat; */ border-width:0; padding:0; } .custom #header #logo a{ background:url(images/logo/default.jpg) right top no-repeat; display:block; height:122px; width:949px; } .custom.front #header #logo a{ background:url(images/logo/default.jpg) right top no-repeat !important; } .custom.about #header #logo a, .custom.our-goal #header #logo a, .custom.scientific-advisors #header #logo a, .custom.policy-advisors #header #logo a, .custom.patrons #header #logo a, .custom.amanda-fielding #header #logo a, .custom.brochure #header #logo a, .custom.people #header #logo a{ background:url(images/logo/about.jpg) right top no-repeat !important; } .custom.cat_research #header #logo a, .custom.cat-4 #header #logo a, .custom.cat_cannabis #header #logo a, .custom.cat_cranial_compliance #header #logo a, .custom.cat_lsd #header #logo a, .custom.cat_meditation #header #logo a, .custom.cat_psyliocybin #header #logo a, .custom.cat_latest-scientific-publications #header #logo a{ background:url(images/logo/research.jpg) right top no-repeat; } .custom.cat_research #header #logo a, .custom.cat_cannabis #header #logo a{ background:url(images/logo/research.jpg) right top no-repeat !important; } .custom.cat_policy #header #logo a, .custom.cat-5 #header #logo a, .custom.cat_global #header #logo a, .custom.cat_policy-news #header #logo a, .custom.cat_drug-policy-library #header #logo a, .custom.cat_beckley-foundation-drug-policy #header #logo a, .custom.cat_policy-achievements #header #logo a, .custom.cat_seminars #header #logo a, .custom.cat_latest-policy-publications #header #logo a, .custom.cat_policy-initiatives #header #logo a, .custom.cat_proposition-19 #header #logo a{ background:url(images/logo/policy.jpg) right top no-repeat; } .custom.cat_policy #header #logo a{ background:url(images/logo/policy.jpg) right top no-repeat !important; } .custom.media #header #logo a{ background:url(images/logo/media.jpg) right top no-repeat !important; } .custom.media #header #logo a, .custom.cat-21 #header #logo a, .custom.beckley-in-the-news #header #logo a, .custom.interesting-news #header #logo a, .custom.newsletter #header #logo a, .custom.audio #header #logo a, .custom.video #header #logo a, .custom.cat_interesting-news #header #logo a, .custom.cat_beckley-media #header #logo a, .custom.cat_latest-news #header #logo a, .custom.press-releases #header #logo a, .custom.press-releases #header #logo a, .custom.cat_press-release #header #logo a, .custom.cat_newsletters #header #logo a/*, .custom.cat-85 #header #logo a*/{ background:url(images/logo/media.jpg) right top no-repeat; } .custom.cat_press #header #logo a, .custom.cat-34 #header #logo a, .custom.cannabis-policy-moving-beyond-the-stalemate #header #logo a, .custom.hoffmanns-elixir-lsd-and-the-new-eleusis #header #logo a, .custom.moskalenko-monograph #header #logo a, .custom.pharmacology-of-lsd #header #logo a{ background:url(images/logo/press.jpg) right top no-repeat; } .custom.cat_press #header #logo a{ background:url(images/logo/press.jpg) right top no-repeat !important; } .custom.library #header #logo a, .custom.search #header #logo a, .custom.online-library #header #logo a, .custom.recommended-reads #header #logo a { background:url(images/logo/library.jpg) right top no-repeat !important; } .custom .sidebar{ margin-top:5px; } .custom #sidebar_1{ border:0 none; margin-top:20px; padding-right:20px; width:255px; } .custom #sidebars{ margin-bottom:20px; width:272px; } .custom #content{ width:660px } .custom #content_box{ background:none transparent; min-height:800px; } .custom .post_box,.custom .teasers_box,.custom .full_width #content_box .page { margin:0 20px 0 25px; } .custom .no_sidebars .post_box{ margin:0 30px 0 35px; } .custom .lno_sidebars .post_box{ margin:0 30px 0 35px; } .custom #sidebar_1.sidebar .sidebar_list { margin:0; } .custom #sidebar_2 ul.sidebar_list { background:none repeat scroll 0 0 #fff; padding:0px; } .custom .menu li.current-parent a, .custom .menu li.current a{ text-shadow:0 0 0.2em #FF8877, 0 0 0.1em #417ABA; } .custom .submenu, .custom .sub-menu, .custom .children{ background:url("images/bottom_curve.png") no-repeat left bottom transparent; display:none; padding:0px 0; padding-bottom:11px !important; /* -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow:2px 2px 5px #000000; -webkit-box-shadow:2px 2px 5px #000000; */ } .custom .menu a:hover{ text-shadow:0 0 0.2em #FF8877, 0 0 0.1em #417ABA; } h1{ color:#0D3052; } /* Styling for 9 Boxes starts here*/ .image-overlay { list-style: none; text-align: left; } .image-overlay li { display:block; float:left; height:190px; margin:0 12px 9px 0; overflow:hidden; width:292px; /* -moz-box-shadow:0 0 3px #000000; -webkit-box-shadow:0 0 3px #000000; */ } .image-overlay a:link, .image-overlay a:visited, .image-overlay a:hover, .image-overlay a:active { text-decoration: none; } .image-overlay a:link img, .image-overlay a:visited img, .image-overlay a:hover img, .image-overlay a:active img { border: none; } .image-overlay a { /* margin:0 12px 9px 0; */ float: left; background: #fff; border: solid 0px; overflow: hidden; position: relative; height:190px !important; width:292px !important; } .image-overlay img { position: absolute; top: 0; left: 0; border: 0; opacity:0.9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); } .f-thumb{ display: block; height:190px; margin: 0 0 0px 0; width: 292px; left:0; opacity:0.9; position:absolute; top:0; } .image-overlay .caption { font-family:arial; color:#fff; height:190px; float: left; position: absolute; background-color: #0d2f50; width: 292px; cursor: pointer; /* The way to change overlay opacity is the follow properties. Opacity is a tricky issue due to longtime IE abuse of it, so opacity is not offically supported - use at your own risk. To play it safe, disable overlay opacity in IE. */ /* For Firefox/Opera/Safari/Chrome */ opacity: .85; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; } .image-overlay .caption h1, .image-overlay .caption h2, .image-overlay .caption h3, .image-overlay .caption h4, .image-overlay .caption h5, .image-overlay .caption h6 { margin: 6px 0 10px 2px; font-size: 11px; font-weight: bold; padding: 0 0 0 8px; opacity: .85; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; } .image-overlay p { text-indent: 0; margin: 10px; font-size: 11px; text-align:justify; opacity: .80; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .custom .featured_area{ background:url(images/featured-boxes.jpg) center top no-repeat #336799; float:left; margin-top:-14px; padding:24px 0 24px 24px; width:925px; position:relative; z-index:1; } body.custom #multimedia_box{ border:0 none; margin-bottom:0; padding:0 20px 0 0; } body.custom .one_sidebar #multimedia_box{ margin-top:20px; } /* Styling for 9 Boxes ends here*/ .custom .post_box { text-align:justify; } #multimedia_box.video_box{ padding:0px; } .custom hr{ border-top:1px solid #ccc; margin:1em 0; } .custom .format_text p { margin:0.5em 0 1em; } .custom .format_text h2, .custom .format_text h3 { margin:1em 0; } .custom .format_text ul li strong{ font-size:12px; } .custom .format_text img.left,.custom .format_text img.alignleft,.custom .wp-caption.alignleft { margin:0 10px 5px 10px; } .custom hr { border-top:1px solid #CCCCCC; clear:both; display:block; margin:1em 0; } #sidebar_1.sidebar .sidebar_list{ /* background:none repeat scroll 0 0 #0D3052; border:1px solid #0D3052; */ list-style:none outside none; /* border-bottom:1px solid #0D3052; */ margin:5px; padding:0px; } .custom .sidebar h3{ margin-bottom:.5rem; } .one_sidebar .sidebar_list{ background:none repeat scroll 0 0 transparent; list-style:none outside none; /* border:1px solid #0D3052; border-bottom:1px solid #0D3052; */ clear:both; margin:20px 0px 0px; padding:1px; width:252px; } #sidebars.one_sidebar{ padding-right:20px; width:252px; } .custom .custom_box{ background:#fff; } .custom.cat_research .one_sidebar .sidebar_list{ background:none transparent; padding:0; } .custom li.widget{ margin-bottom:0; } .sidebar_list h3 a{ display:block; font-size:16px; color:#fff; padding:0; } .sidebar_list a, .sidebar_list a:hover{ text-decoration:none; } .sidebar_list .cat-post-item{ background:none repeat scroll 0 0 #adcceb; border-bottom:1px solid #0D3052; margin-bottom:1px; overflow:hidden; padding:5px 5px; } .custom .sidebar_list .cat-post-item{ margin-bottom:0px; } .sidebar_list .cat-post-item a{ color:#0D3052; font-size:13px; font-weight:bold; line-height:14px; } .sidebar_list .cat-post-item p{ font-size:11px; line-height:12px; margin-bottom:5px; } .scientific-advisors .post_box img{ background:#eee; border:#ddd solid 1px; padding:3px; } .custom .block{ background:#f2f2f2; border:1px solid #ddd; float:left; font-size:12px; margin:0px 10px 10px 0px; padding:5px 3px; width:420px; height:200px; } .custom div.block:hover{ border:1px solid #aaa; background:#eee; } .custom .block img{ background:#eee; border:#ddd solid 1px; margin:3px 5px; padding:3px; } .advisor_image span{ background-repeat:no-repeat; border:3px solid #DDDDDD; display:inline-block; height:150px; margin:3px 5px; width:130px; } .custom .block .advisor_image{ float:left; } .custom .block .advisor_details{ float:left; width:270px; } .custom #ns-ticker { background:none repeat scroll 0 0 #336799; height:355px; padding:0; } .custom #ns-ticker li{ background:#ADCCEB; border-bottom:1px solid #0D3052; overflow:hidden; } .widget_killer_recent_entries{ clear:both; float:left; margin-top:20px; } li.widget_categoryposts{ background:transparent; border:#0D3052 0px solid; clear:both; float:left; margin-top:20px; /* height:393px; */ width:252px } li.widget_categoryposts ul{ border:#0D3052 1px solid; } body.custom.cat_policy h2.ticker-title a, body.custom h2.ticker-title a{ background:#0D3052; color:#fff; display:block; font-size:17px; padding:9px 5px 9px 10px; } .graphic{ clear:both; float:left; padding:10px 25px 0; } .custom .format_text .to_comments { display:none; } /* Slider Plugin */ /* root element for the scrollable. when scrolling occurs this element stays still. */ .featured-slideshow{ float:left; clear:both; margin-top:20px; width:252px; } .featured-slideshow.nav1{ float:left; clear:both; width:949px; margin-top:0; } .nav1 .navi{ width:900px; } .nav1 .media-title{ width:936px; } .nav1 .scrollable { width:895px; } .nav1 .items div.group{ width:895px; } .nav1 div.panel { width:890px; } .nav1 div.panel a { float:left; margin:0 3px; width:167px; } .nav1 div.panel a img { width:167px; } .nav1 .featured-title { margin-left:0px; width:157px; } .box-holder{ width:430px; } .scrollable { background:#fff; /* required settings */ position:relative; margin-left:-10px; overflow:hidden; width: 190px; height:120px; /* custom decorations */ border:1px solid #ccc; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; } .items div.group { float:left; width:190px; } div.panel { float:left; margin: 5px; padding: 0px; width: 177px; } .inside { background:none repeat scroll 0 0 #CCCCCC; border:1px solid #AAAAAA; padding:5px; } .panel img { display: block; height:105px; margin: 0 0 0px 0; width: 177px; } .panel span.fv-thumb{ display: block; height:105px; margin: 0 0 0px 0; width: 177px; } .panel a{ border:2px solid #CCCCCC; display:block; height:105px ; margin: 0 0 0px 0; width: 177px; } .inside h2 { font-weight: normal; color: #000; font-size: 20px; margin: 0 0 8px 0; } .inside p { font-size: 12px; color: #ccc; } /* single scrollable item */ .scrollable img { } /* active item */ .scrollable .active { border:2px solid #000; position:relative; cursor:default; } /* this makes it possible to add next button beside scrollable */ .scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ a.browse { background:url(images/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 0px; cursor:pointer; font-size:1px; } /* right */ a.right { background-position: 0 -30px; clear:right; margin-right: 0px;margin-left:-10px} a.right:hover { background-position:-30px -30px; } a.right:active { background-position:-60px -30px; } /* left */ a.left {clear:both; margin-left: 4px;margin-right:0px } a.left:hover { background-position:-30px 0; } a.left:active { background-position:-60px 0; } /* up and down */ a.up, a.down { background:url(images/vert_large.png) no-repeat; float: none; margin: 10px 50px; } /* up */ a.up:hover { background-position:-30px 0; } a.up:active { background-position:-60px 0; } /* down */ a.down { background-position: 0 -30px; } a.down:hover { background-position:-30px -30px; } a.down:active { background-position:-60px -30px; } /* disabled navigational button */ a.disabled { visibility:hidden !important; } /* position and dimensions of the navigator */ .navi { margin-left:20px; float:left; width:200px; height:20px; } /* items inside navigator */ .navi a { width:8px; height:8px; float:left; margin:3px; background:url(images/navigator.png) 0 0 no-repeat; display:block; font-size:1px; } /* mouseover state */ .navi a:hover { background-position:0 -8px; } /* active state (current page state) */ .navi a.active { background-position:0 -16px; } /* Slider Plugin Ends */ .featured-title{ background:none repeat scroll 0 0 #0D3052; color:#DDDDDD; font-size:12px; height:28px; margin-left:2px; margin-top:-38px; overflow:hidden; padding:5px; position:relative; width:167px; opacity: .85; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; } .inside a{ } /* Video Page Designing */ ul.featured-videos { background:none repeat scroll 0 0 #EEEEEE; display:block; float:left; margin:5px 3px; padding:0; width:930px; } .featured-videos li { display:block; float:left; height:130px; margin:7px 3px; padding:3px; width:138px; } .featured-videos li.cat-title{ background:none repeat scroll 0 0 #0D3052; clear:both; color:#FFFFFF; float:left; height:30px; margin:0; padding:0; width:930px; } .featured-videos li.cat-title h2{ color:#FFFFFF; font-size:15px; margin-left:5px; margin-top:5px; text-align:left; } .featured-videos a{ display:block; position:relative; } .featured-videos li span{ background:url("images/play.png") repeat scroll 0 0 #000000; cursor:pointer; display:block; font-size:1px; height:32px; left:42%; line-height:1px; overflow:hidden; position:absolute; text-indent:-5000px; top:23px; width:28px; z-index:10; /* For IE 5-7 */ opacity:.85; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; } .featured-videos li span.video-thumb{ display:block; height:82px; left:0; margin:0; position:static; top:0; width:138px; } .featured-videos li h3{ font-size:11px; } .featured-videos li a:hover span{ background-color:#333; } .featured-videos li a:focus span, .featured-videos li a:active span{ background-color:#0D3052; } .video-list{ float:left; margin-bottom:20px; padding:2px 2px 2px 7px; width:99%; } .podcast-custom{ font-size:12px; } .podcast-custom p{ padding:5px; } .vid-title{ font-size:12px; } .widget_collapslink{ clear:both; float:left; } .widget_collapslink .collapsLinkList, .widget_killer_recent_entries ul, .widget_links ul { background:none repeat scroll 0 0 #EEF3F8; border:1px solid #0D3052; clear:both; float:left; padding:10px; width:230px; } .widget_collapslink ul, .widget_collapslink ul li, li.widget.widget_collapslink ul ul, li.widget.widget_collapslink ul ul li{ margin:0; } li.widget.widget_collapslink li ul, li.widget.widget_collapslink ul li{ margin:7px; padding:0; } .collapsLink.expand, .collapsLink.collapse{ font-weight:bold; cursor:pointer; } .widget_categoryposts ul{ clear:both; } .widget_links{ clear:both; float:left; margin-top:20px; } .widget{ float:left; clear:both; margin-top:20px; width:252px; } .media-title, .widget_collapslink h3, .widget_killer_recent_entries h3, .widget_categoryposts h3, .widget_links h3, .widget h3, .widget h2{ background:none repeat scroll 0 0 #0D3052; clear:both; color:#FFFFFF; float:left; font-size:17px; margin-bottom:0px; margin-top:0px; padding:9px 3px 9px 10px; width:239px; } .widget h2 a, .media-title a{ color:#FFFFFF; } #social-media-page div{ display:none; } .media-title{ margin-bottom:20px; } #mailchimp-widget{ background:none repeat scroll 0 0 #FFFFFF; border-top:1px solid #ccc; margin:15px 0; padding:15px 0 0; } #mailchimp-widget h3{ background:none repeat scroll 0 0 #0D3052; color:#fff; padding:7px 4px; } #mc_signup_container{ border:1px solid #0D3052; font-size:12px; } .custom #sidebar_2 { clear:left; padding-right:20px; width:252px; } .custom .mc_custom_border_hdr { background:none repeat scroll 0 0 #0D3052; color:#FFFFFF; display:block; font-size:17px; padding:9px 5px 9px 10px; width:auto; border:0 none; } .custom #mc_signup_form .mc_input { float:left; margin:-10px 0 5px; padding:4px 0; width:53%; } .mailchimp_k{ clear:both; float:left; margin-top:15px; width:252px; } #mc-indicates-required{ clear:both; float:left; margin:10px 0 0; } .mailchimp_k h1{ background:none repeat scroll 0 0 #0D3052; color:#FFFFFF; display:block; font-size:17px; padding:9px 5px; } .mailchimp_k .mc_merge_var br{ } .mailchimp_k #mc_signup_submit{ padding:5px; } .mailchimp_k .mc_merge_var { clear:both; float:left; margin:5px 2px; width:240px; } .mailchimp_k .mc_var_label { float:left; margin-top:10px; padding:0 5px; width:90px } .custom .mc_signup_submit { clear:both; padding-right:11px; padding-top:0px; text-align:right; } .custom #mc_display_rewards{ display:none; } .left_k{ float:left; } #footer .left_k a{ color:#08858F; padding:0 5px; text-decoration:none; } /* remove Side-bars and expand content in selected pages */ .custom .no_sidebars #content { padding:0 0px; width:auto } .custom .lno_sidebars #content { padding:0 0px; width:auto } /* .cat_research #content, .cat_policy #content, .cat_cannabis #content, .cat_cranial_compliance #content, .cat_lsd #content, .cat_meditation #content, .cat_psilocybin #content, .cat_global #content, .cat_proceedings #content, .cat_seminars #content, .cat_idpc #content, .cat_issdp #content{ float:left; padding:0 20px; width:auto; } .cat_research #content_box, .cat_policy #content_box, .cat_cannabis #content_box, .cat_cranial_compliance #content_box, .cat_lsd #content_box, .cat_meditation #content_box, .cat_psilocybin #content_box, .cat_global #content_box, .cat_proceedings #content_box, .cat_seminars #content_box, .cat_idpc #content_box, .cat_issdp #content_box{ background:none transparent; } */ /* remove Side-bars and expand content in selected pages ends */ .custom .headline_area h2{ font-size:1.7em; line-height:1.364em; } .custom .overview .headline_area h2{ font-size:2.5em; line-height:1.364em; } .custom .overview .entry-content{ padding:0 12px; } .custom #archive_intro h1 { font-size:2.5em; line-height:1.364em; } .custom .headline_area h1{ font-size:1.9em; } #yoastbreadcrumb { border-bottom:2px solid #CCCCCC; color:#1C4A75; display:block; font-size:14px; margin-bottom:-10px; padding:10px 25px; width:600px; } #archive_intro{ padding:20px 25px 0px; width:600px; } #yoastbreadcrumb a { color:#0D3052; font-size:14px; line-height:1.364em; } #yoastbreadcrumb strong{ color:#1c4a75; font-size:12px; line-height:1.364em; } .custom .format_text{ font-size:14px; } body.custom .podcast-custom { background:#fff; margin:5px 0; padding:0 5px } body.custom .pod{ clear:both; float:left; margin-top:20px; width:252px; } body.custom .podcast-custom h2{ background:#0D3052; color:#fff; display:block; font-size:16px; padding:5px; margin-bottom:7px; } .custom .podPress_downloadlinks{ display:block; } #podPress_footer{ display:none; } .custom .podcast-custom>a{ display:none; } .custom .headline_meta{ font-size:12px; text-align:left } .founders{ padding:0 30px 25px; } .founders h2{ margin-bottom:20px; } .founders p{ margin:3px 0; line-height:18px; text-align:justify; } .founders p a{ margin-left:5px; } .custom .prev_next{ width:615px; } .custom #comments{ padding:0 40px 0 60px; } .cat_press #archive_intro, .cat_research #archive_intro, .cat_policy #archive_intro, .cat_psilocybin #archive_intro, .cat_cranial_compliance #archive_intro, .cat_cannabis #archive_intro, .cat_lsd #archive_intro, .cat_meditation #archive_intro, .cat_worldwide-psychedelic-research #archive_intro, .cat_achievements #archive_intro { display:none } .cat_press #archive_intro.custom{ display:block; } form#searchform .media-title{ margin-top:0 } form#searchform{ margin-bottom:20px; } form#searchform input{ width:180px; vertical-align:top; padding:3px; } form#searchform input#searchsubmit{ font-size:14px; margin:0px 0 5px 5px; padding:0; width:30px; } form#searchform div{ background:none repeat scroll 0 0 #EEF3F8; border:1px solid #0D3052; padding:10px; text-align:right; width:230px; } .overview{ background:#eee; border:1px solid #ddd; margin:20px 25px; padding:20px; position:relative; } .overview p{ text-align:justify; } .custom #footer{ background:#000; } .custom #footer p{ color:#fff; } .custom .menu-site-menu-container{ background:url(images/menu-shadow.png) left bottom repeat-x; position:relative; z-index:99; } /* Latest Slider Styling */ div.latest-slider { /* Set it so we could calculate the offsetLeft */ position: relative; height: 200px; width: 949px; overflow: auto; } ul.latest-slider { display: block; height: 200px; /* max width here, for users without javascript */ width: 3000px; padding: 15px 0 0 15px; /* removing default styling */ margin: 0; background: url('navigation.png'); list-style: none; } .latest-slider li { display: block; float: left; padding: 0 4px; } .latest-slider a { display:block; height:150px; text-decoration:none; width:180px; } .latest-slider span { background:none repeat scroll 0 0 #0D3052; color:#FFFFFF; display:block; float:left; font-size:12px; height:20px; line-height:20px; margin-top:-25px; opacity:0.9; overflow:hidden; filter:alpha(opacity=90); position:relative; z-index:999; padding:3px; text-align:left; width:174px; } .latest-slider a:hover span { } .latest-slider img { display:block; float:left; height:150px; width:180px; position:relative; z-index:2; opacity:1; filter:alpha(opacity=100); -moz-box-shadow: 0px 0px 10px #000; /* Firefox */ -webkit-box-shadow: 0px 0px 10px #000; /* Safari and Chrome */ box-shadow: 0px 0px 10px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */ behavior: url(ie-css3.htc); } .latest-slider a{ } .latest-slider a:hover img { opacity:0.8; filter:alpha(opacity=80); } #smp-wrapper{ clear:both; float:left; display:block; margin:5px 0; } #smp-wrapper ul, #smp-wrapper ul li{ list-style:none; margin:5px; padding:0px; } #smp-wrapper ul li{ float:left; width:90px; text-align:left; display:block; } #smp-wrapper ul li img{ vertical-align:middle; } #smp-wrapper div{ displaY:none; } #footer .left_k{ margin-top:-20px; } #smp-wrapper a{ border:0 none; color:#fff; text-decoration:none; font-size:12px; margin:5px; } br.clear{ float:left;clear:both; margin:5px 0; } body.cat-73.people .founders{ clear:both; } h2.people-head{ background:none repeat scroll 0 0 #0D3052; color:#FFFFFF; font-size:15px; margin-bottom:10px; padding:5px; text-align:left; } /* .latest-slider a:hover img { filter:alpha(opacity=80); margin-left:-10px; opacity:0.8; width:200px; height:180px; zoom: 1; margin-top:-10px; position:relative;z-index:99999; } */ /* Latest Slider styling ends */ .widget{ clear:both; float:left; margin-top:20px; } #social-media-page a{ display:block; float:left; margin:5px; } a.rsswidget { clear:both; float:right; margin-right:80px; margin-top:-57px; } .clear{ clear:both; padding:10px; } h2.entry-title a{ color:#0D3052; } .overview + #archive_intro { display:none; } .about-us .headline_area h1, .media .headline_area h1{ display:none } .banner-image{ clear:both; display:block; padding: 0; } .banner-image *{ vertical-align:top; } body.custom #sidebars #sidebar_1 .textwidget h4:last-of-type{ margin: 1em 0 .5em 0; } body.custom #sidebars #sidebar_1 .textwidget .fb-like-box:before{ margin-left: 5px; } /* set custom text (a hyphen) for second level of unordered lists in content div */ body.custom #content ul li li{ list-style-type: none; margin-left: 0; padding-left: 1em; text-indent: -1em; } body.custom #content ul li li:before{ content: "– "; } /*customising other ul levels */ body.custom #content ul li li li{ list-style-type: circle; } /* one column teasers */ .custom .teaser { width: 100%; margin-top: 2em; padding-top: 2em; border-top: 1px dotted #bbb; text-align: justify; clear: none; display: inline; } body.custom #content_box #content.hfeed .teasers_box { padding: 0; margin: 0; border-top: 0; clear: none; display: inline; } /* stop teaser text being flush with the sides of the content div and size prev_next properly */ body.custom #content_box #content.hfeed{ padding: 0 2em; width: 620px; clear: none; } body.custom #content_box #content.hfeed div.prev_next{ padding: 0; width: 100%; } /* prevent article images and thumbnails being outsized */ body.custom #content_box #content.hfeed .post.hentry .headline_area img.post_image, body.custom #content.hfeed .teasers_box .post a img.thumb{ max-width: 500px; height: auto; } /* social media */ .fb-like.fb_edge_widget_with_comment.fb_iframe_widget { margin-right: 32px; } #social-buttons { width: 50%; margin: 0 auto; } #social-buttons a { margin: 0 1em; } /* override donate button styling */ .paypal-donations input { background: none; border: none; }