/* Theme Name: TYO Theme URI: http://Wundermarx.com Description: A custom theme made for Thank You Ocean. Author: Jeff Frey of Wundermarx|PR Author URI: http://www.wundermarx.com version: 1.0 Tags: two-column, widget-ready */ /* basics */ a {color: #A61F1F; text-decoration: none; font-weight: bold} a:hover {color: #DD9E24} a img {border: 0} .clear {clear: both} h2 {color: #2A7183; font-size: 16px; font-weight: bold} .surveyfly h2 {clear:both;} .surveyfly .surveyfly_text input{margin-bottom:20px;} body {margin: 0px; background-color: #2A7183; background-image: url(images/back.gif); background-repeat: repeat-x; font-family: arial, helvetica, sans-serif; font-size: 12px} #header {width: 950px; margin: 0 auto} #main {width: 950px; margin: 10px auto; background-image: url(images/back_main_middle.gif)} #main .outer {width: 950px; background-image: url(images/back_main_top.gif); background-repeat: no-repeat} #main .inner {width: 950px; background-image: url(images/back_main_bottom.gif); background-repeat: no-repeat; background-position: bottom} #content {width: 722px; padding: 30px; float: left} #content h1 {color: #343634; font-size: 26px; letter-spacing: -1px; margin: 0} #content p span {font-weight: bold; color: #2a7183; font-size: 14px} #content-podpress {width: 722px; padding: 30px; float: left} #content-podpress h1 {color: #343634; font-size: 26px; letter-spacing: -1px; margin: 0} #content-podpress p span {font-weight: bold; color: #2a7183; font-size: 14px} #content .form p {margin-left: 25px} #content .form input.checkbox {position: absolute; margin-left: -25px} .inputs {display: block; float: left; width: 250px; margin: 15px 0 0 25px} .long {width: 500px} .inputs input.text {width: 250px; margin: 0 !important; padding: 0 !important} .short input.text {width: 168px} #content .form .short input.checkbox {position: relative; margin-left: 0} .inputs input.submit {background-color: #2A7183; color: #FFFFFF; text-transform: uppercase; border: 0; border-right: 2px solid #CCCCCC; border-bottom: 2px solid #CCCCCC; font-weight: bold; padding: 2px 5px} #promo {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin: 20px 0; padding: 20px 0} #promo ul.photos {margin: 0; padding: 0; list-style: none; height: 163px} #promo ul.photos li {display: block; float: left; margin: 0 20px 0 0} #promo ul.photos li.last {margin-right: 0} #promo ul.photos li a {display: block; float: left; border: 4px solid #FFFFFF} #promo ul.photos li a:hover {border: 4px solid #B0D840} #promo .left, #promo .right {width: 350px; float: left; vertical-align: top} #promo p span {text-transform: uppercase} #promo p br {display: block;padding-bottom: 10px;} #promo p span b {color: #2D2C2C} #promo p.threat-titles {margin-top: 7px;} #promo .right p {margin-left: 20px} #promo .right ul {margin-top: -12px;} #promo .right ul li {padding: 0 0 3px 0;} #promo .home-titles {display: block; padding: 5px 0 6px 0; color: #2D2C2C;} #primary {width: 494px; float: right} #btf {} #btf .links {width: 300px; float: left} #btf .video {width: 190px; float: left; padding: 0 0 0 10px;} #btf .video1 {width: 190px; float: left; margin: 0 0 0 10px;} #btf .video, #btf .video1 {padding-top: 20px} /* #btf .video img {position: absolute} */ #btf .video p, #btf .video1 p {padding: 0 0 0 15px;} /* threat page side bars */ #secondary {width: 203px; float: left} #secondary img.bordered {border: 2px solid #2A7183} #secondary h3, #secondary #google-news-inline h3 {background-color: #2A7183; color: #ffffff; display: block; margin-bottom: 0; padding: 10px; font-size: 13px; font-weight: bold; text-align: center} #secondary ul {margin: 0; padding: 0; list-style: none} #secondary ul.moreinfo {height: 150px; background-color: #C8EAF2; overflow-y: auto; overflow-x: hidden; padding: 10px} #secondary ul li {display: block; padding: 0 0 5px 0} #secondary ul li a {color: #333333; font-weight: normal} #secondary ul li a:hover {color: #2A7183} #secondary ul li.more {text-align: right} #secondary ul li.more a, #secondary ul li.more a:hover {color: #2a7183} #secondary #google-news-inline ul {margin-top: 10px;} h4 {color: #2D2C2C; clear: both; text-transform: uppercase; font-size: 13px; font-weight: bold; padding: 3px 0 3px 30px; margin-bottom: 10px; background-repeat: no-repeat} h4 a, h4 a:hover {color: #2D2C2C} h4.rss {background-image: url(images/RSS_icon.jpg); background-position: -10px -5px;} h4.paperclip {background-image: url(images/paperclip_icon.jpg)} h4.forward {float: left; background-image: url(images/forward_icon.jpg); margin: 0 0 0 25px; padding: 25px 0 3px 30px; background-position: 0 20px} #btf h4 {padding: 10px 0 10px 50px} h4.view {background-image: url(images/video_icon.jpg)} h4.signup {background-image: url(images/newsletter_icon.jpg)} h4.newsletter {height: 30px; padding-top: 10px;background-image: url(images/newsletter_icon.jpg); background-position: -4px 0px} h4.podcast {background-image: url(images/podcast_icon.jpg); background-position: -4px 0px} .WP-EmailIcon {display: block; float: left;} #sidebar {width: 150px; padding: 20px 4px 100px 4px; float: right} #sidebar ul {margin: 0; padding: 0; list-style: none} #sidebar ul li {width: 150px; height: 140px; display: block; float: left; margin: 0 0 20px 0} #sidebar ul li a {width: 150px; height: 140px; display: block; float: left} #sidebar ul li a:hover {background-position: 0 -140px} #sidebar ul li.here a, #sidebar ul li.here a:hover {background-position: 0 -280px} #sidebar ul li a b {display: none} #sidebar ul li#join a {background-image: url(images/icon_join.png)} #sidebar ul li#pledge a {background-image: url(images/icon_pledge.png)} #sidebar ul li#engage a {background-image: url(images/icon_engage.png)} #sidebar ul li#partner a {background-image: url(images/icon_partner.png)} #footer {width: 950px; margin: 0 auto; padding-bottom: 30px} #footer ul {margin: 0; padding: 5px 10px 10px 10px; list-style: none} #footer ul li {display: block; float: left; border-right: 1px solid #6C9DA9; padding: 2px 10px; color: #AAC6CD; font-size: 10px} #footer ul li.first, #footer ul li.last {border-right: 0} #footer ul li a {display: block; float: left; text-decoration: none; color: #AAC6CD} #footer ul li a:hover {color: #FFFFFF} #footer ul li:last-child { border-right: 0;} /* nav & dropdown */ .menu {width:950px; height:26px; margin: 0 auto; background-image: url(images/back_nav.gif)} /* hack to correct IE5.5 faulty box model */ * html .menu {width:951px; w\idth:950px;} /* remove all the bullets, borders and padding from the default list styling */ .menu ul {margin: 0; padding: 0 0 0 130px; list-style: none; text-align: center} .menu ul ul {position: absolute; left: -999em; height: auto; width: 150px; background-color: #ddebb6; margin: 25px 0 0 0 !important; padding: 0; text-align: left; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li {float:left;width:149px;position:relative;} /* style the links for the top level */ .menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#758279; padding-left:10px; line-height:29px;} /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited {width:149px; w\idth:138px;} /* style the second level background */ .menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(images/drop.gif) bottom right no-repeat;} /* style the second level hover */ .menu ul ul a.drop:hover{background:#c9ba65 url(images/drop.gif) bottom right no-repeat;} .menu ul ul :hover > a.drop {background:#c9ba65 url(images/drop.gif) bottom right no-repeat;} /* style the third level background */ .menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;} /* style the third level hover */ .menu ul ul ul a:hover {background:#b2ab9b;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;} /* another hack for IE5.5 */ * html .menu ul ul {top:30px;t\op:31px;} /* position the third level flyout menu */ .menu ul ul ul{left:149px; top:-1px; width:149px;} /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left {left:-149px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links */ .menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;} /* yet another hack for IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;} /* style the top level hover */ .menu a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;} .menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;} /* ================================================================ This CSS is further CSS I have created specifically for Wordpress so that the current page is highlighted in two levels. If you want it in three levels let me know. Author: Isaac Rowntree Website: www.zackdesign.biz =================================================================== */ .menu ul ul .current_page_item a { color: red; background: white; border-left: 1px solid black; } .menu .current_page_item a { color: red; font-weight: bold; background: white; } .menu ul .current_page_item ul a { color: white; font-weight: normal; background: black; } .menu ul .current_page_item ul a:hover { background: gray; } .menu .current_page_item a:hover { background: white; } #nav {width: 950px; height: 26px; margin: 0 auto; background-image: url(images/back_nav.gif)} #nav ul {margin: 0; padding: 0 0 0 130px; list-style: none; text-align: center} #nav ul li {display: block; float: left; position: relative; font-size: 14px; font-weight: bold; margin: 0; padding: 0; border-right: 1px solid #2A7183} #nav ul li.last {border-right: 0} #nav ul li a {display: block; float: left; padding: 4px 10px; color: #FFFFFF; background-image: url(images/back_nav_off.gif); text-decoration: none} #nav ul li a:hover {color: #000000; background-image: url(images/back_nav_on.gif)} #nav ul ul {position: absolute; left: -999em; height: auto; width: 150px; background-color: #ddebb6; margin: 25px 0 0 0 !important; padding: 0; text-align: left; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95} #nav ul ul li {float: none; clear: left; background-image: none; font-size: 11px; border-right: 0} #nav ul ul li a {float: none; background-image: none; color: #1c4e5c; border-bottom: 1px solid #FFFFFF} #nav ul ul li a:hover {background-image: none; color: #b0310f} #nav li:hover ul, #nav li.sfhover ul {left: 0; margin: 0 0 0 -2px} #nav li:hover a, #nav li.sfhover a {background-image: url(images/back_nav_on.gif); background-repeat: repeat-x; color: #000000} #nav li:hover li a, #nav li.sfhover li a {background-image: none; color: #1c4e5c} #nav li li:hover a, #nav li li.sfhover a {background-image: none; color: #b0310f} #nav ul li:last-child { border-right: 0;} #nav ul {z-index: 1001} #nav ul ul {z-index: 1002} /* Layout on the COCA page */ table#wpld_links {width: 100%;} table#wpld_links td {width: 33%; vertical-align: top;} table#wpld_links td ul.wpld_links {margin: 0; padding: 0; list-style: none;} table#wpld_links td ul.wpdl_links a {color: #048EAC;} table#wpld_links td #wpld_lnks ul.wpdl_links li {font-size:12px; line-height:140%;} /* ie6 png support */ #sidebar ul li a {behavior: url(http://70.32.105.81/wp-content/themes/TYO/iepngfix.htc); cursor: pointer} /* Ocean Aliance page */ div.links-wrapper div {width: 31%; float: left; padding: 0 0 0 15px;} div.links-wrapper div ul {list-style: none; margin: 0;} div.links-wrapper div ul li { margin: 0 0 0 -40px; padding: 0 0 5px 0;} div.links-wrapper div ul li a {font-size: 11px; font-weight: normal; line-height: 10px;} div.link-cat-4, div.link-cat-7 {clear: left;} /* Event Details & Events layout */ fieldset {margin-top: 15px;} #date span.ed-titles {color: #343634; padding: 0 10px 10px 0; line-height: 20px;} #date span.ed-text {color: #343634; font-weight: normal;} #date legend {font-size: 13px;} #date a {font-weight: normal;} .fieldset-wrapper span.ed-text {font-weight: normal; line-height: 20px; color: #343634;} input.btn {color: #343634; background-color: #fff; border: solid 1px #2A7183; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} .ed-text input.btn {float: right; margin: 0 0 0 0;} /* Just foe Kids */ .kids-left {float: left; width: 420px;} .kids-right {float: left; width: 300px;} /* Podcast */ div.podPress_content div {padding: 0 0 30px 0;} #content-podpress div.post {padding: 0 0 60px 0;} #content-podpress div.post a {color: #343634;} #content-podpress div.post a:hover{color: #DD9E24;} #content-podpress div.post h2 a {color: #2A7183;} /* Contact Forms */ #content .linklove {display: none;} #content #cformsform {padding: 0 0 50px 0;} #content #contact-left { width: 350px; float: left;} #content #contact-right { width: 200px; float: left;} #cformsform label {float: left; clear: left; text-align: left; width: 240px;} #cformsform input, #cformsform select, #cformsform textarea {float: left; clear: left; width: 240px;} #cformsform select {width: 246px;} #cformsform #sendbutton {width: 75px;} #cformsform label span {width: 150px;} #cformsform .reqtxt, #cformsform .emailreqtxt {padding-top: 18px;} /* Contest Form */ #content #cforms3form {padding: 0 0 50px 0;} #cforms3form label {float: left; clear: left; text-align: left; width: 240px;} #cforms3form input, #cforms3form select, #cforms3form textarea {float: left; clear: left; width: 240px;} #cforms3form select {width: 246px;} #cforms3form #sendbutton3 {width: 75px;} #cforms3form label span {width: 150px;} #cforms3form .reqtxt, #cforms3form .emailreqtxt {padding-top: 18px;} #cforms3form .linklove {display: none;} /* Form spam check */ #spam-check {display: none;} /* wow-facts page */ ul.unIndentedList {padding: 0 0 0 25px; margin: 3px 0 0 0;} ul.unIndentedList li {padding: 0 0 10px 0;} /* email friend and pop-up */ #wp-email-popup {width: 75%; background-color: #ff;} /* images */ span.image-center {display: block; padding: 0 0 0 40px;} /* news page */ #google-news-inline h3 {color: #2A7183; font-size: 16px; font-weight: bold; padding-left: 10px; margin-bottom: 0;} #google-news-inline ul {margin-top: 0px; color: #333333; font-size: 12px;} #google-news-inline ul li a, .item-list ul li a {color: #333333;} #google-news-inline ul li a:hover, .item-list ul li a:hover {color: #DD9E24} /* survey-fly - Pledge Page */ .surveyfly input {display: block; margin: 0 0 0 -1px; float: left;} #content div.surveyfly p span.survey-text {display: block; padding: 0 0 10px 20px; margin: -15px 0 0 -1px; line-height: 15px; color: #343634; font-weight: normal; font-size: 12px;} input.surveysubmit {display: block; margin: 15px 0; clear: left; cursor: pointer; border: 1px #999 solid;} /* List and Event forms */ /*Add Videos Styling*/ div#add-vid-front { border-color:#EBEBEB #CCCCCC #CCCCCC #EBEBEB; border-style:solid; border-width:1px; margin:15px 15px 0 15px; padding:2px; } div#add-vid { border-color:#EBEBEB #CCCCCC #CCCCCC #EBEBEB; border-style:solid; border-width:1px; margin:15px 15% 15px 15px; padding:2px; } div#add-vid-inner { background:#FFFFFF none repeat scroll 0 0; border:medium none !important; /*height:100% !important;*/ margin:0 0 0 0 !important; overflow:visible !important; padding:1em 8px; } div#add-vid h2 { color: #464646; -x-system-font:none; font-family:Georgia,"arial,helvetica,sans-serif;" font-size:24px; font-size-adjust:none; font-stretch:normal; font-style:italic; font-variant:normal; font-weight:normal; line-height:35px; margin:0; padding:14px 15px 3px 20px; text-shadow:0 1px 0 #FFFFFF; background:#F1F1F1 none repeat scroll 0 50%; display:block; overflow:hidden; } table.my-form-table tr.title { margin-left: 20px; } table.my-form-table tr.title td { font-weight: bold; } table.my-form-table th { padding:10px; text-align:left; vertical-align:top; width:200px; color:#222222; text-shadow:0 1px 0 #FFFFFF; } table.my-form-table td { font-size:11px; line-height:20px; margin-bottom:9px; padding:4px 10px 12px; } table.my-form-table input { border-color: #DFDFDF; border-style:solid; border-width:1px; } div.add-submit { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; margin:5px 0; padding:1.5em 0; } div.add-submit input, .edit-submit { background:#21759B url(button-grad.png) repeat-x scroll left top; border-color:#298CBA !important; color:#FFFFFF !important; font-weight:bold; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3); } /*Managing Videos Styling*/ table#manage-vids { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-collapse:separate; border-spacing:0; border-color: #DFDFDF; border-style:solid; border-width:1px; clear:both; margin:0 0 40px 0; width:98%; } table#manage-vids th{ background: url(gray-grad.png); line-height:1.3em; padding:7px; text-align:center; border-bottom: 1px solid #DFDFDF; } table#manage-vids td { margin: 4px; padding: 4px; font-size: 15px; border-bottom: 1px solid #DFDFDF; text-align: center; } table#manage-vids tbody { border: 1px #DFDFDF solid; } table#manage-vids tr { } .image-slider { float: right; padding: 0 0 5px 10px; } .accordion .wp-caption-text, .wp-caption-text { text-align: center; } .accordion h2 { padding-bottom: 5px !important; } .accordion .togcontent { padding-top: 0px !important; } #promo .home-titles-wod { display: block; padding: 20px 0 6px 0; color: #2D2C2C; font-size: 18px; } #promo .home-titles-wod sup{ font-size: 12px; } div.wp-video { float: right; padding: 0 0 20px 10px; text-align: center; } div.right-img { float: left; width: 350px; padding-left: 10px; padding-top: 35px; } div.left-text { float: left; width: 355px; } a.contest-link, a.contest-link:visited { color: #2A7183 !important; } a.contest-link:hover { text-decoration: underline; } span.red { color: #A61F1F; }