/* Theme Name: Wake Up! Theme URI: Description: Version: Author: Jon Packman Author URI: */ strong { font-weight: bold } em { font-style: italic } *{padding:0; margin:0;} a { outline:none } /* Gets rid of Firefox's dotted borders */ a img { border:none } /* Gets rid of IE's blue borders */ html {font: 100% 'Lucida Grande', 'Lucida Sans Unicode', arial, Helvetica, sans-serif; height: 100%; min-height: 100% } body { font: 62.5% 'Lucida Grande', 'Lucida Sans Unicode', arial, Helvetica, sans-serif; background: #00122b; color: #728a99; width: 100%; } div {position: relative} br {clear: both} /* TYPOGRAPHY */ p { color: #728a99; padding: 0 0 1em 0; font: 1.2em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif; line-height: 1.5; } a {text-decoration: underline; color: #728a99; } a:hover {color: #cdf0ff} a:active {color: #cdf0ff;} .skip {text-indent: -9999px;} ul {list-style-type:none;} h1 {font: 18px "Century Gothic", "lucida grande", "lucida sans unicode", arial, helvetica, sans-serif; color: #fff; } h2 { font: 16px "Century Gothic", "lucida grande", "lucida sans unicode", arial, helvetica, sans-serif; color: #fff; } h3 {color: #fff; font: 16px "Century Gothic", "lucida grande", "lucida sans unicode", arial, helvetica, sans-serif; } h4 {padding-bottom: 1em; color: #fff; font: 1.5em "Century Gothic", "lucida grande", "lucida sans unicode", arial, helvetica, sans-serif; } h5, h6 {padding-bottom: 1em; color: #fff; font: 1.3em "Century Gothic", "lucida grande", "lucida sans unicode", arial, helvetica, sans-serif; } /* BASIC LAYOUT */ #wrapper {width: 962px; height: 100%; min-height: 100%; margin: 0 auto; padding-bottom: 15px} #container {width: 100%; background: url("images/main_bg8.jpg") no-repeat; height: 100%; z-index: 100 } #main_col {float: left; width: 625px; } #main_col #header {width: 100%; height: 304px; background: url("images/header_boat5.jpg") no-repeat 0px 150px; margin-left: -23px } .post {border: 1px solid #111111; width: 543px; margin: 4px 0 30px 80px; } #main_col #main_text {padding: 22px 20px 10px 20px; width: 503px; background: url("images/text_bg.jpg") repeat; } #right_col { float: right; width: 318px; } #footer { clear: both; top: 0px; margin: 0 0 0 80px; width: 758px; background: url("images/text_bg.jpg") repeat; border: 1px solid #111111; padding: 0.5em 20px; min-height: 1.5em } /* FANCY BACKGROUNDS */ #ray_wrap{ position: fixed; height: 100%; width: 1600px; margin: 0 0 0 -316px; overflow: hidden } #ray1{position: absolute; margin-right: 962px; height: 100%; width:316px; background: url("images/rays_left2.jpg") repeat top left; overflow: hidden; z-index: 90} #ray2{position: absolute; margin-left: 1277px; height: 100%; width:316px; background: url("images/rays_right2.jpg") repeat top right; overflow: hidden; z-index: 91} #left_border {position: absolute; left: 0px; top: 0; width: 961px; height: 100%; background: #0e3d6d url("images/border_image_left4.jpg") repeat-y; z-index: 98} #right_border {position: absolute; right: 1px; top: 0; width: 183px; height: 100%; background: url("images/border_image_right4.jpg") repeat-y; z-index: 99} #pattern { background: url("images/pattern_overlay.png") repeat; position: fixed; width: 3000px; margin: 0 0 0 -1000px; height: 100%; z-index: 92; overflow: hidden;} /* NAVIGATION */ #sidebar ul#nav {position: relative; top: 29px; height: 294px; background: url("images/nav.png") no-repeat 143px 0;} #sidebar ul#nav li { text-transform: uppercase; height: 23px; width: 268px; position: relative;} #sidebar ul#nav li a{ margin: 0px; background: url("images/nav.png") no-repeat 143px 0; text-transform: uppercase; height: 22px; width: 268px; border-bottom: 1px solid #0448e4; text-indent: -9999px; position: absolute; top: 0; left: 0; } #sidebar ul#nav li.page-item-75 a { top: 0px; background-position: 143px 0px; } #sidebar ul#nav li.page-item-11 a{ top: 0px; background-position: 143px -23px; } #sidebar ul#nav li.page-item-9 a{ top: 0px; background-position: 143px -46px; } #sidebar ul#nav li.page-item-6 a{ top: 0px; background-position: 143px -69px; } #sidebar ul#nav li.page-item-13 a{ top: 0px; background-position: 143px -92px; } #sidebar ul#nav li.page-item-18 a{ top: 0px; background-position: 143px -115px; } #sidebar ul#nav li.page-item-20 a{ top: 0px; background-position: 143px -138px; } #sidebar ul#nav li.page-item-172 a{ top: 0px; background-position: 143px -161px; } #sidebar ul#nav li.page-item-22 a{ top: 0px; background-position: 143px -184px; } #sidebar ul#nav li.page-item-24 a{ top: 0px; background-position: 143px -207px; } #sidebar ul#nav li.page-item-26 a{ top: 0px; background-position: 143px -230px; } #sidebar ul#nav li:hover { background: url("images/li_navonbg.png") repeat; } #sidebar ul#nav li a:hover{ background-image: url("images/nav_hov.png") ;} #sidebar ul#nav li.current_page_item {background: url("images/li_navhovbg.png") repeat;} #sidebar ul#nav li.current_page_item a { background-image: url("images/nav_hov.png") ;} #sidebar ul#nav li.current_page_item :hover { background-color: transparent } body#pageblog ul#nav li.page-item-24 { background: url("images/navonbg.png") repeat; } body#pageblog ul#nav li.page-item-24:hover { background: url("images/navhovbg.png") repeat; } body#pageblog #sidebar ul#nav li.page-item-24 a { background-image: url("images/nav_hov.png");} /**** THE REST *****/ #header a.logo {position: absolute; left: 103px; top: 25px; background: url("images/wakeup18.jpg") no-repeat top left; width: 271px; height: 94px} #header a.logo img {position: absolute; left: 282px; top: 144px} a.skip {position: absolute; text-indent: -9999px} h1.pagetitle {background: #575829 url("images/h1_grad.png") repeat-x; padding: 0px 20px; line-height: 1.5; display: block } #main_text p { color: #728a99; } body#gallery #main_col #main_text, body#our-boat #main_col #main_text { padding: 22px 5px 10px 20px; width: 518px} #main_text h2 { margin-bottom: 10px; display: block; color: #70723b; clear: both} body#our-boat #main_text p {clear: both; width: 503px;} body#our-boat #main_text h2 {width: 503px;} body#trips #main_text h2 {margin: 5px 0 10px 0} #ngg_slideshow1 {margin: 0px 0 20px -10px; padding: 0} a.slideshowlink { margin-bottom: 20px; display: block; font-size: 1.3em } /* images placed in posts and pages (not gallery images) */ img { border: 1px solid #111111; } img#homemap { border: 1px solid #456f9f; margin: 0 0 20px 0 } img.alignnone { float: left; margin: 5px 15px 10px 0px } img.alignright { float: right; margin: 5px 0 10px 15px } img.alignleft { float: left; margin: 5px 20px 10px 0 } img.aligncenter { float: none; margin: 10px 0px 10px 0px; position: relative} body#home img.alignleft {margin: 15px 20px 10px 2px} body#our-boat img.alignright {margin: 10px 0 10px 0} body#our-boat img.alignleft {margin: 10px 15px 10px 2px} body#getting-here img.aligncenter {margin: 10px 0px} /* SIDEBAR */ #sidebar {width: 268px; float: left; position: relative; } #sidebar .side_block {width: 233px; background: url("images/text_bg.jpg") repeat; margin: 0px 0 20px 0; border: 1px solid #111111; padding-bottom: 15px } /* SIDEBAR TYPOGRAPHY */ #sidebar h2 {background: #58401c url("images/sideh2_bg.png") repeat-x; padding: 0px 15px 1px 15px; color: #fff; display: block; text-decoration: none; margin: 0 0 14px 0px; line-height: 1.5} #sidebar h2 a {color: #fff; text-decoration: none; } #sidebar .side_block h3 { margin: 10px 15px 9px 15px; display: block; color: #70723b; } #sidebar .side_block h3 a {font-size: 80%; color: #875d00; text-decoration: none; border-bottom: 1px dotted #875d00; } #sidebar .side_block h3 a:hover {color: #cdf0ff} #sidebar p, #sidebar .side_block p {font-size: 1.1em; margin: 0 15px 10px 15px; padding: 0; color: #868686; line-height: 1.5} #sidebar a.readmore_link {text-decoration: none; font-weight: bold; font-family: "century gothic"; text-transform: uppercase; color: #fff; display: block; background: url("images/readmore_bg.png") no-repeat; margin: 0 15px 0px 15px; padding: 1px 0 3px 3px; width: 204px; height: 17px} #sidebar a.readmore_link:hover {color: #875d00; background: url("images/readmore_bg_hov.png") no-repeat;} #sidebar .side_block a.external_link {margin: 9px 15px 4px 15px; display: block} #sidebar .side_block a.vid img {display: block; margin-bottom: 5px; opacity: 0.6} #sidebar .side_block a.vid img:hover {opacity: 1} /* BOAT STATS */ #sidebar .side_block dl, #sidebar .side_block ul {font-size: 1.1em; color: #333; width: 204px; padding: 0px 15px 0px 15px; margin: -5px 0 0 0} #sidebar .side_block dt { color: #575829; float: left; clear: left ; line-height: 2; margin: 0 5px 0 0} #sidebar .side_block dd { color: #728a99; float: left; line-height: 2 } img#lp{border: 1px solid #111111; margin: 0 0 17px 0; position: relative; clear: left} /* SUBSCRIPTION */ #sidebar ul.feeds {margin-bottom: 35px} #sidebar ul.feeds li {float: left; margin-right: 10px} #sidebar ul.feeds li p {margin: 0 15px; font-size: 11px} #sidebar ul.feeds li a{text-decoration: none; color: #875d00; text-transform: uppercase; font-weight: bold } #sidebar ul.feeds li a:hover {color: #fff; } #sidebar ul.feeds li span{font-size: 10px; color: #728a99; } #sidebar ul.feeds li#subscribe2{position: relative; background: url("images/text_bg.jpg") repeat; width: 233px; border: 1px solid #111111; margin: 12px 0 18px 0; top: 15px; float: none;clear: left} li#subscribe2 form input{ width: auto; } li#subscribe2 form input:first-child{ width: 197px; padding: 2px; margin: 10px 0; color: #58401c; background: none; border: 1px solid #58401c; } li#subscribe2 form input:first-child:focus {border: 1px solid #664915; color: #ccc} li#subscribe2 form input#sub_send {color: #875d00; padding: 1px 3px 2px 3px; margin: 10px auto 15px auto; font-size: 12px; text-transform: uppercase; border: 1px solid #58401c; background: none; display: block;} li#subscribe2 form input#sub_send:hover { cursor: pointer; color: #fff; border: 1px solid #664915; } li#subscribe2 form input#sub_no { margin: 0 0 0 10px;} /* WIDGETS */ #sidebar ul#side_widgets li {background: url("images/text_bg.jpg") repeat; margin: 0px 0 18px 0; width: 233px; border: 1px solid #111111; padding: 0 } #sidebar ul#side_widgets li ul {width: 203px; margin: 15px;} #sidebar ul#side_widgets li ul li {background: none; margin: 0 0 5px; border: none; width: 203px; padding: 0 } #sidebar ul#side_widgets li ul li a:hover{color: #fff } #sidebar ul#side_widgets li .ngg-widget {width: 199px; margin: 0px 15px 15px 15px;} #sidebar ul#side_widgets li.widget_kbrss ul li a { border: 1px solid #875d00; display: block; padding: 3px 5px; margin-bottom: 8px; text-decoration: none } #sidebar ul#side_widgets li#recent-posts ul li a, #sidebar ul#side_widgets li.widget_categories ul li a, #sidebar ul#side_widgets li#recent-comments ul li a {font-size: 1.3em; font-family: "century gothic"; display: block !important; color: #875d00; text-decoration: none; border-bottom: 1px dotted #875d00; margin: 0 0 5px 0 !important; padding: 0; } #sidebar ul#side_widgets li#recent-posts ul li a:hover, #sidebar ul#side_widgets li.widget_categories ul li a:hover, #sidebar ul#side_widgets li#recent-comments ul li a:hover{color: #fff } #sidebar ul#side_widgets li ul li.recentcomments span { color: #8eaec2;} /* SEARCH BAR */ #sidebar form#searchform {position: relative; width: 316px; margin: 0px 0 0px 0; height: 60px} #sidebar form#searchform #s {width: 224px; min-height: 22px; background: url("images/search_text_bg2.jpg") no-repeat; border: 1px dotted #022e67; float: left; padding: 5px 0 0 5px; margin: 14px 0 0; color: #f6f6f6 } #sidebar form#searchform #searchsubmit {float: right; width: 83px; height: 54px; background: #002c65; color: #fff; font-size: 12px;border: none; } #sidebar form#searchform #searchsubmit:hover {cursor: pointer; } /* COMMENTS */ textarea#comment {width: 481px; background: transparent; border: 1px solid #70723b; color: #728a99; padding: 10px; font: 1em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif; } form#commentform {width: 503px; } form#commentform input {background: transparent; border: 1px solid #70723b; color: #728a99; padding: 3px; width: 180px; margin: 0 10px 0 0; font: 1em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif; } form#commentform input:focus, form#commentform textarea:focus {border: 1px solid #aaac71; } form#commentform label {font: 1.2em "courier new", monospace } form#commentform label span {font: 11px "courier new", monospace } form#commentform input#submit {width: 186px; text-transform: uppercase; } form#commentform input#submit:hover { border: 1px solid #adbcca; color: #70723b; cursor: pointer } ol.commentlist {width: 503px; } ol.commentlist li {color: #f6f6f6; padding-bottom: 20px; margin-bottom: 20px; list-style-type: none; border-bottom: 1px dotted #101010; } ol.commentlist li p.who {margin: 0; padding: 0} ol.commentlist li p.entryauthor {font: bold 1.4em "century gothic"; color: #4e770e ! important; margin: 0px; padding: 0} ol.commentlist li p.commentmetadata a {font-size: 90%; color: #875d00} ol.commentlist li p.commentmetadata a.when {font-size: 90%; color: #4c6372; text-decoration: none} ol.commentlist li a {font-size: 100%; color: #875d00; margin: 0} ol.commentlist li p.thdrpy, ol.commentlist li p.thdmang, ol.commentlist li div.comment-childs p.thdrpy {display: inline; margin: 0 10px 0 0; } ol.commentlist li div.comment-childs p { font-size: 1em; color: #fff; margin: 0 0 10px 0; padding: 0;} ol.commentlist li input.mvccls {color: #fff; border: 1px solid #875d00; background: transparent; padding: 0 2px; margin: 0 0 5px 0; font-size: 10px} ol.commentlist li cite {font: bold 1.2em "century gothic"; color: #4e770e; } ol.commentlist li p br {height: 0px} ol.commentlist li small.commentmetadata {display: block; color: #4c6372; margin: 0 0 10px 0} /* GUESTBOOK COMMENTS (styles for Threaded Comments plugin)*/ li.alt {background: transparent; } .editComment, .editableComment, .textComment {display: inline;} .comment-childs {margin: 5px 0px 2px 0px; padding: 15px; background: url("images/gbook_reply1.png") repeat; font-size: 11px} .chalt{ background: url("images/gbook_reply1.png") repeat;} #newcomment{border:1px dashed #777;width:90%;} #newcommentsubmit{color:red;} .adminreplycomment{border:1px dashed #777; width:99%; margin:4px; padding:4px;} .mvccls{color: #999;} /* BLOG */ #main_col #main_blog {position: relative; border: 1px solid #111111; width: 543px; margin: 4px 0 30px 80px; background: url("images/text_bg.jpg") repeat;} #main_col #main_blog .post {position: relative; padding: 22px 20px 10px 20px; width: 503px; border: none; width: 503px; margin: 0; border-bottom: 1px dotted #101010} #main_col #main_blog .post h2 a { color: #875d00; text-decoration: none} #main_col #main_blog .post h2 a:hover { color: #fff;} #main_col #main_blog .post p.whenwho {font-size: 90%; color: #4c6372; margin: 10px 0 0 0} p.postmetadata {font-size: 1.1em; color: #4c6372 !important;} p.postmetadata a {color: #875d00; text-decoration: none} div.navigation {position: absolute; right: 20px; top: 3px; } div.navigation div {display: inline; position: relative; margin: 0 0 0px 10px} .post h2#respond {border: none; margin: 10px 0 15px 0} /**** FOOTER ****/ #footer ul#footer_nav {position: relative; text-align: center; margin: 0; } #footer ul#footer_nav li {display: inline; margin: 0 7px 0px 0; font-size: 12px; position: relative} #footer ul#footer_nav li a {display: inline; color: #875d00; font-family: "century gothic"; text-decoration: none} #footer ul#footer_nav li a img{ margin: 5px 0 0 ; padding: 0; } #footer ul#footer_nav li a:hover {color: #fff; } p#credits a.code_check {margin-left: 10px; color: #0068ea; } p#credits {font-size: 10px; clear: both; text-align: center; color: #0068ea; padding: 10px 0 0 0; } p#credits a {color: #0068ea; } p#credits a:hover {color: #fff; }