/* Theme Name: WP-Aftershock Theme URI: http://www.aftershock.co.nz/ Description: WordPress theme for the Gibson Group TV show, Aftershock. Designed by Robert Appierdo (www.dnation.co.nz) and Shayna Quinn (shaynaquinn@gmail.com), developed by Robert Curry and Peter Curry (www.wanderingmonster.co.nz). Version: 1.0 Author: Robert Curry Author URI: http://www.wanderingmonster.co.nz/ Tags: 2 columns, orange, widgets, fixed width */ /* Body */ * { margin: 0px; padding: 0px; } body { background: url(img/bg.gif) repeat-y center top #636363; font: 12px Arial,sans-serif; } #wrap { background: #fff url(img/body_bg.gif); margin: 0 auto; width: 850px; position: relative; } /* Links */ a { color: #f15b25; font-weight:bold; text-decoration:none; } a:hover { text-decoration:underline; } a img { border:0; } /* Header */ #header { height: 274px; margin-bottom: -8px; background: #ff601f url(img/banner.jpg) no-repeat; position: relative; } #header.video { background-image: url(img/banner_video.jpg); } #header.survive { background-image: url(img/banner_survive.jpg); } #header.watch { background-image: url(img/banner_watch.jpg); } #header.photo { background-image: url(img/banner_photo.jpg); } #header.polls { background-image: url(img/banner_polls.jpg); } #header.discussion { background-image: url(img/banner_say.jpg); } #header.expert { background-image: url(img/banner_expert.jpg); } #header.kit { background-image: url(img/banner_kit.jpg); } #header.tvshow { background-image: url(img/banner_tvshow.jpg); } #header.credits { background-image: url(img/banner_credits.jpg); } h1 { text-indent: -1000px; position: relative; left: 437px; top: 10px; overflow: hidden; width: 392px; height: 99px; } h1 span { /*background: transparent url(img/heading.gif);*/ display: block; width: 392px; height: 99px; position: absolute; top: 0px; left: 0px; } #header p { visibility: hidden; } a#prequake { text-indent: -10000px; display: block; width: 117px; height: 67px; position: absolute; left: 673px; top: 118px; } a#prequake:hover { background: url(img/prequake.gif); } /* Styles for Menu Items */ /************/ /* Main Nav */ /************/ #menu { width: 850px; height: 30px; position: absolute; left: 2px; top: 197px; z-index: 2; } #menu ul { margin: 0px; padding: 0px; list-style: none; } #menu li { float: left; position: relative; width: 109px; height: 28px; } #menu ul ul li { height: auto; } #menu li ul { position: absolute; display: block; top: 23px; left: 0px; } /* to override top and left in browsers other than IE */ #menu li>ul { top: auto; left: auto; } /* Fix IE. Hide from IE Mac \*/ * html #menu ul li { float: left; height: 1%; } * html #menu ul li a { height: 1%; } /* End */ #menu li:hover ul { display: block; } #menu li:hover>ul { visibility: visible; } #menu ul ul { visibility: hidden; } #menu ul a { position: relative; display: block; height: 18px; color: white; background: #636363; margin-right: 2px; text-align: center; padding: 5px 0px; } #menu ul a:hover { text-decoration: none; } #menu li ul li { width: 145px; border-top: 3px solid transparent; overflow: hidden; } #menu li ul a { text-transform: uppercase; font-size: 0.71em; text-align: left; background: #636363; border-right-style: none; padding: 8px 7px 8px 7px; } #menu li a.child_active, #menu li a.active { background-color: #ff601f; } #menu ul li.current_page_item ul li a:hover, #menu ul li a:hover { background-color: #ff601f; } #menu ul a span { display: block; width: 107px; height: 28px; position: absolute; top: 0px; left: 0px; } #menu ul a.active span, #menu ul a.child_active span, #menu ul a:hover span { background-position: 0px -30px; } #menu ul a#home span { background-image: url(img/nav_home.gif); } #menu ul a#survive span { background-image: url(img/nav_survive.gif); } #menu ul a#about span { background-image: url(img/nav_about.gif); } #menu ul a#photos span { background-image: url(img/nav_photos.gif); } #menu ul a#toolkit span { background-image: url(img/nav_toolkit.gif); } #menu ul a#video span { background-image: url(img/nav_video.gif); } #menu ul a#tvshow span { background-image: url(img/nav_tvshow.gif); } #menu ul a#watch span { background-image: url(img/nav_watch.gif); } div#contentwide h2 { font-family: Trebuchet MS, Arial, Verdana, sans-serif; } /* Sidebar and Polls */ #right-column { width: 244px; float: right; position: relative; } #right-column h2 { width: 206px; text-indent: -10000px; height: 88px; background: url(img/poll_header.gif) no-repeat; position: absolute; top: -65px; right: 0px; left: 71px; } #right-column div.poll-body { float: right; position: relative; left: 33px; margin-top: 23px; padding: 7px 30px 0px 12px; width: 154px; background: url(img/poll_body.gif) repeat-y; } #right-column div.poll-body h3 { text-transform: uppercase; font-size: 1.0em; font-weight: normal; color: white; margin-right: 10px; } #right-column ul.wp-polls-ul li { color: white; } \ul.wp-polls-ul li { display: block; /*width: 76px; float: left;*/ margin: 8px 0px; font-size: 1.0em; text-transform: uppercase; font-weight: bold; } #contentwide ul.wp-polls-ul { padding: 0px; margin: 0px; } #contentwide ul.wp-polls-ul li { padding: 0px; } #right-column ul.wp-polls-ul li label { color: white; } ul.wp-polls-ul li label { font-size: 1.0em; } #right-column div.poll-footer { position: relative; float: right; width: 237px; height: 198px; background: url(img/poll_bottom.gif) no-repeat scroll right top; } a#poll-vote { text-indent: -10000px; display: block; width: 59px; height: 31px; overflow: hidden; margin: 15px 0px 0px 4px; background: url(img/poll_vote.gif) no-repeat scroll top left; float: left; } a#poll-vote:hover { background-position: 0px -31px; } a#poll-vote-archive { text-indent: -10000px; display: block; height: 29px; width: 99px; margin-bottom: 20px; background: url(img/vote_archive.gif) no-repeat scroll right top; } a#poll-vote-archive:hover { background-position: 0px -29px; } .poll-voted { color: #d93821; margin-left: 18px; font-size: 1.2em; font-weight: bold; } /*#right-column a#poll-vote.disabled span { background-position: 0px -80px; }*/ #right-column a#poll-results { text-indent: -10000px; display: block; width: 94px; height: 31px; margin: 15px 0px 0px 4px; float: left; overflow: hidden; background: url(img/poll_results.gif) no-repeat scroll top left; } #right-column a#poll-results:hover { background-position: 0px -31px; } div.poll-voting { width: 275px; float: left; /*margin-left: 5px; margin-top: 10px;*/ } div.poll-voting a#poll-vote { margin: 10px auto 0px; } div.wp-polls ul { margin: 0px; } div.poll-options { padding-left: 8px; width: 196px; height: 80px; margin-bottom: -16px; background: url(img/poll_footer.gif) no-repeat; float: right; position: relative; left: 33px; } #contentwide div.poll-options { display: none; } #right-column div.divider { clear: right; height: 68px; background: url(img/rightcol_divider.gif) no-repeat scroll right; } .sidebar-link { width: 148px; float: right; } .sidebar-link a { display: block; width: 148px; text-indent: -10000px; position: relative; } .sidebar-link img { display: block; } .sidebar-link img#watch_video_img { margin-top: -22px; margin-bottom: -5px; } .sidebar-link a#toolkit_survivalkit { background: url(img/content_kit_link.gif) no-repeat top center; height: 74px; } .sidebar-link a#toolkit_survivalkit:hover { background-position: 0px -74px; } .sidebar-link a#watch_video { background: url(img/content_video_link.gif) no-repeat top center; height: 26px; margin-bottom: 10px; } .sidebar-link a#watch_video:hover { background-position: 0px -26px; } /* Content */ #content { margin: 0 155px 5px; padding:0; } #contentwide { width: 570px; margin: 0px 0px 30px 30px; float: left; display: inline; position: relative; } #content h2, #contentwide h2 { font-size: 2.2em; color: #f15b25; font-weight: bold; display: block; } h2 span.detail, h3 span.detail { font-weight: normal; } #content h3, #contentwide h3 { font-size: 1.4em; margin: 0 0 8px; color: #f7931e; } /*#content img,#contentwide img { float:left; margin:3px 10px 3px 0; }*/ #content ul,#contentwide ul,#content ol,#contentwide ol { margin:0 0 16px 20px; } #content li,#contentwide li { padding:0 0 0 5px; } #content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol { margin:0 0 0 16px; } /* Footer */ #footer { padding: 57px 0px 20px 135px; background: white url(img/footer_bg.gif) no-repeat; clear: both; } #footer .logos a { margin-right: 21px; } #footer .logos a.last { margin-right: 0px; } #footer .credits { font-size: 0.9em; } #footer .credits a { color: black; font-weight: normal; } #footer .credits span { padding: 0px 10px; border-right: 1px solid #ff601f; } #footer .credits span.first { padding-left: 0px; } #footer .credits span.last { padding-right: 0px; border-right: none; } /* Tags */ p,ul,ol {margin:0 0 18px;} blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;} blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;} label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;} table#wp-calendar {margin:0 0 20px; width:140px;} code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #cccccc;} /* Forms */ #s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;} #author,#email,#url,#comment,#extra {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;} #commentsection {margin:25px 0 0;} #commentsection p {margin:0 0 6px;} /* Float fix */ .contenttext {overflow:hidden;} * html .contenttext {height:1px; overflow:visible;} * html .contenttext p {overflow:hidden; width:99%;} .clear { clear: left; } /* WP image align classes */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 0 0 2px 7px; display: inline; } img.alignleft { margin: 0 16px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* Various classes */ .left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;} .right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;} .center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;} .textright {text-align:right;} .small {font-size:0.8em;} .bold {font-weight:bold;} .hide {display:none;} .post {margin:0 0 25px;} .postinfo {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 30px; padding:8px 5px 8px 8px;} #comments, #respond { padding-top: 30px; margin-top: 30px; border-top: 1px solid #f7931e; float: left; width: 100%; } .comment { margin:0 0 12px; } .comment p.author { margin-bottom: 0px; color: #f7931e; } #respond { font-size: 1.5em; } #respond h3 { font-size: 0.933em; } #respond label { color: #ff601f; font-weight: normal; display: block; margin-bottom: 5px; } #comment-submit { font-size: 0.95em; color: white; background-color: #f15b25; border: none; padding: 4px 8px; } #comment-submit:hover { color: #f7901e; } .navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;} .navigation p {margin:0; padding:0;} .prevlink {margin-right:20px;} .nextlink {margin-left:20px;} /* Containers for those annoying paragraphs with left-floating images on the left. */ div.shell { float: left; width: 100%; margin: 0.5em 0; } /* Bios for the about page */ div.bio { float: left; width: 270px; margin: 0px 15px 20px 0px; } div.bio.important { margin-bottom: 60px; } div.bio em { font-style: normal; color: #ff601f; } /* Video boxes */ div.video_summary { float: left; width: 270px; margin-right: 15px; } div.video_summary p { margin-left: 80px; font-size: 0.9em; } img.video_thumb { float: left; margin-right: 14px; } span.video_title { font-weight: normal; color: black; } /* Galleries */ .ngg-gallerycontainer { height: 92px; overflow: hidden; margin-bottom: 7px; position: relative; } #scrollers { height: 29px; } .ngg-scrollbutton { display: block; width: 22px; height: 21px; } /*.ngg-scrollbutton:hover { background-position: 0px -63px; }*/ #ngg-scrollleft { float: left; background-image: url(img/gallery-scroll-left.gif); } #ngg-scrollright { float: right; background-image: url(img/gallery-scroll-right.gif); } .ngg-galleryoverview { height: 92px; position: relative; left: 0px; } .ngg-gallery-thumbnail { float: left; } #ngg-image { display: block; margin: 0px auto 20px auto; } #ngg-caption-container { margin-bottom: 20px; text-align: center; } /* Q&A */ .question { margin-bottom: 50px; } .question .answer { color: #636363; } .question .initial, .question .author { color: #ff601f; } /* Topic Center */ .topic { float: left; width: 270px; margin-right: 15px; } p.author strong { color: #ff601f; } /* Survival Kit */ .survival_kit_item { width: 520px; margin-top: 30px; } .survival_kit_item_icon { float: right; width: 119px; height: 120px; background-position: center center; background-repeat: no-repeat; } .drinking_water { background-image: url(/wordpress/wp-content/uploads/drinking_water.jpg); } .washing_water { background-image: url(/wordpress/wp-content/uploads/washing_water.jpg); } .canned_food { background-image: url(/wordpress/wp-content/uploads/cans.jpg); } .can_opener { background-image: url(/wordpress/wp-content/uploads/can_opener.jpg); } .bbq { background-image: url(/wordpress/wp-content/uploads/bbq.jpg); } .first_aid { background-image: url(/wordpress/wp-content/uploads/first_aid_kit.jpg); } .survival_kit_select { float: left; width: 165px; } .survival_kit_select label { padding-right: 1em; color: #9d9d9d; font-size: 1.4em; } #survival_kit_calculator select { width: 70px; float: right; margin-right: 170px; } .survival_kit_select br { display: none; } .survival_kit_calculate { display: block; text-indent: -10000px; margin-top: 30px; background: url(img/calculate.gif) no-repeat top center; width: 217px; height: 52px; } .survival_kit_calculate:hover { background-position: 0px -52px; } #survival_kit_icons { float: left; width: 268px; } #survival_kit_icons .survival_kit_item_icon { margin-top: 30px; margin-right: 15px; } #survival_kit_shopping_list { background-color: #636363; width: 233px; color: white; float: left; margin-right: 2em; } #survival_kit_shopping_list p { font-weight: bold; } #survival_kit_shopping_list h2 { padding-bottom: 15px; } #survival_kit_shopping_list a { padding: 12px 15px; width: 203px; float: left; color: white; font-size: 1.4em; } #survival_kit_shopping_list a.print:hover { text-decoration: none; color: #ef922f; } #survival_kit_shopping_list a.calculate:hover { text-decoration: none; color: #e75831; } #survival_kit_shopping_list .print { background-color: #e75831; } #survival_kit_shopping_list .calculate { height: 21px; background: url(/wordpress/wp-content/uploads/calculate_again.gif) no-repeat; } /* Polls Archive */ div.poll-body { float: right; width: 100%; } div.poll-pie { float: left; width: 290px; } div.poll-pie.wide { width: 100%; } div.pollsarchive-poll img { margin-top: 10px; float: left; } div.pollsarchive-poll { float: left; width: 100%; margin-bottom: 3em; position: relative; } div.pollsarchive-voted { position: absolute; top: -14px; left: 244px; width: 88px; height: 38px; background: url(img/voted.gif) no-repeat; } span.poll-results { font-size: 1.4em; font-weight: bold; color: black; margin-left: 14px; } h3 span.poll-results { font-size: 1.0em; margin-left: 0px; } div.key { float: left; margin: 0; width: 160px; } div.wide div.key { width: 360px; } div.key h3 { color: black !important; background: transparent !important; padding: 0px 8px 0px 24px !important; font-weight: normal !important; display: inline; } #contentwide div.key ul { padding: 0; list-style: none; color: #838383; font-size: 0.8em; margin-top: 35px; margin-left: 5px; } div.key li { position: relative; margin: 3px 0px 0px 0px; } div.key li div { float: left; width: 16px; height: 8px; margin-top: 0.5em; margin-right: 10px; } div.key li.key_1 div { background-color: #ff601f; } div.key li.key_2 div { background-color: #f7931e; } div.key li.key_3 div { background-color: #231f20; } div.key li.key_4 div { background-color: #929292; } div.key span.key_percent { position: absolute; } div.key span.key_description { margin-left: 35px; }