/* Theme Name: Blue Lagoon Theme URI: http://www.seekom.com Author: Nicky Casey - Seekom Author URI: http://www.seekom.com */ /* CSS Document */ ol, ul {list-style: none;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; margin: 10px 10px 20px 10px ;} /* Display */ body { margin:0; padding:0; background-color: #fff; background-image: url(images/bg.jpg); background-repeat: repeat-x; background-position: top; font: 13px Arial, Helvetica, sans-serif, "Trebuchet MS";} #container { width: 971px; margin: 0px auto; } #top { height: 128px; background-repeat: repeat-x; background-position: top; margin: 0px; padding: 0px; background-image: url(images/topshadow.gif); } #contentholder { FLOAT: left; WIDTH: 971px; margin: 0px; background-repeat: repeat-y; background-position: center top; background-image: url(images/bg-content.gif); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #contentholder-wide { FLOAT: left; WIDTH: 971px; margin: 0px; background-repeat: repeat-y; background-position: center top; background-image: url(images/bg-content-wide.gif); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} #contentover { FLOAT: left; WIDTH: 971px; background-repeat: no-repeat; background-position: center top; background-image: url(images/content-over.gif); } #contentover-wide { FLOAT: left; WIDTH: 971px; background-repeat: no-repeat; background-position: center top; background-image: url(images/content-over-wide.gif); } #contentover-index { FLOAT: left; WIDTH: 971px; background-repeat: no-repeat; background-position: center top; background-image: url(images/content-over-index.gif); } #content_wideleft { FLOAT: left; WIDTH: 644px; padding: 0px 0px 0px 14px; } #content_left { FLOAT: left; WIDTH: 340px; margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px;} #content_mid { FLOAT: left; MARGIN: 0px; WIDTH: 340px; TEXT-ALIGN: left; display: block; padding: 10px;} #sidebar { FLOAT: left; MARGIN: 0px; WIDTH: 270px; TEXT-ALIGN: left; display: block; padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 30px;} #footer {clear: both; padding: 0px; margin: 0px; background-image: url(images/footerbg.gif); background-position: center top; background-repeat: no-repeat; background-color: #FFFFFF; border:0px;} #footer-wide {clear: both; padding: 0px; margin: 0px; background-image: url(images/footerbg-wide.gif); background-position: center top; background-repeat: no-repeat; background-color: #FFFFFF; border:0px;} #credits { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; COLOR: #333333; line-height: 20px; font-weight: normal;text-align: center; height: 40px; padding-top: 30px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0px; } #credits a { COLOR: #1f97b4; TEXT-DECORATION: underline; line-height: 16px; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";} #credits a:hover { text-decoration: underline; color: #333333;} #logo { width: 320px; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; color: #FFFFFF; height: 128px; margin: 0px; padding: 0px; background-image: url(images/logo.jpg); float: left; display: block; background-position: left top; background-repeat: no-repeat;} #logotext { margin: 58px 0 0 -3020px; width: 260px; } #logotext h1 { font-size: 18px; } /* Text Styles - H / P */ h1, h2 { FONT-WEIGHT: normal; LINE-HEIGHT: 30px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; font-size: 20px; margin: 0px 0px 8px; padding: 0px 0px 0px 10px;} h1 { color: #5a6703;} .content h1 { COLOR: #76BFD0;} h1 a { COLOR: #9adcff; TEXT-DECORATION: none } h1 A:hover { COLOR: #ffffff; TEXT-DECORATION: none } h2 { COLOR: #1B7DA0;} h2 a { COLOR: #5EB5C9; TEXT-DECORATION: none} p { FONT-SIZE: 13px; COLOR: #333333; LINE-HEIGHT: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif; padding: 8px 10px; margin: 0px; } p a,li a { COLOR: #1f97b4; TEXT-DECORATION: underline; } p a:visited, li a:visited { COLOR: #59B0BF; } p a:hover, li a:hover { COLOR: #1a1a1a; } img.right, img.left, img.size-medium { clear: none; padding: 4px; border: 1px solid #CCC; background-color: #EEE; } img.right {float: right; margin: 0 0 10px 15px; } img.left, img.alignleft {float: left; margin: 0 15px 10px 0; } #gallery {min-height: 120px;} #topright { width: 648px; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size: 28px; color: #FFFFFF; height: 128px; margin: 0px; padding: 0px; float: right; display: block; background: url(images/topright.gif) no-repeat right top;} #topright-wide { width: 648px; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size: 28px; color: #FFFFFF; height: 128px; margin: 0px; padding: 0px; float: right; display: block; background: url(images/topright-wide.gif) no-repeat right top;} #topright-index { width: 648px; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size: 28px; color: #FFFFFF; height: 128px; margin: 0px; padding: 0px; float: right; display: block; background-repeat: no-repeat; background-position: right top; background-image: url(images/topright-index.jpg);} .gform_wrapper li, .gform_wrapper form li, .gform_wrapper form ul li { list-style-type:none!important; background-image:none!important} .gform_footer input[type=submit] { background-color: #8B9C19; border: 1px none #707070; color: #636363; font-weight:bold; text-shadow: 0px 1px 1px #fff; background-image:url(images/gobut_bg.gif); background-repeat:repeat-x; background-position:bottom; padding: 3px 4px; line-height: 14px; font-size: 13px; margin: 0 0 0 15px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .greenbox {background-color: #eaeecc; border-top-width: 1px; border-right-width: 5px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #d2db91; border-right-color: #d2db91; border-bottom-color: #d2db91; border-left-color: #d2db91; padding: 0 0px 20px 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; min-height: 400px; } .entry {margin: 10px;} .greenbox li, .bluebox li {line-height: 175%; background-image:url(images/bullet.gif); background-repeat: no-repeat;background-position: 0 6px; margin-left: 0; padding-left: 15px;} .greenbox img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} .greenbox h1, .greenbox h2 { background-color: #D2DB91; color: #5a6703; background-repeat: repeat-y; background-position: left top;} .bluebox { background-color: #e6f3f6; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; height: 177px; border-top: 1px solid #b2e3ef; border-right: 5px solid #b2e3ef; border-bottom: 1px solid #b2e3ef; border-left: 1px solid #b2e3ef;} .bluebox img { padding-right: 10px;} .bluebox h1 { background-color: #b2e3ef; color: #115b75; } .sidebar2 { padding: 0px 0 35px 0; border: 1px solid #5BB2C7; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; min-height: 100px;} .sidebar2 p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px 10px 10px 10px; } .sidebar1 li {background-image:url(images/arrow.gif); background-repeat: no-repeat;background-position: 0 6px; margin-left: 0; padding-left: 15px; margin-bottom: 7px;} .sidebar1 { padding: 0px; border: 1px solid #A7B450; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; min-height: 100px;} .sidebar1 p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px 10px 10px 10px; } .sidebar1 h2 { background-color: #EAEECC; margin-bottom: 5px; color: #5A6703; background-image:url(images/greenboxbg.gif); background-position:center bottom; background-repeat:repeat-x;} .sidebar2 h2 { background-color: #E6F3F6; color: #115B75; margin-bottom: 5px; background-image:url(images/blueboxbg2.gif); background-position:center bottom; background-repeat:repeat-x;} .sidebar2 form {padding: 0 0 0 10px;} .gobutton { clear: both; padding-left: 10px; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; } .gobuttonsml { clear: both; padding-left: 0px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;} .gobutton input { margin: 0px; padding: 3px; background-color: #ACBC40; border: 1px solid #657302; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; background-image: url(images/gobut_bg.gif); background-repeat: repeat-x; background-position: left top; } .gobutton2 { clear: both; padding-left: 10px; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px;} .gobutton2 input { margin: 0px; padding: 2px; background-color: #ACBC40; border: 1px solid #657302; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; background-image: url(images/gobut_bg.gif); background-repeat: repeat-x; background-position: left top; float: left; } .sideblock_left { FLOAT: left; WIDTH: 642px; padding-top: 10px; padding-right: 5px; padding-bottom: 0px; padding-left: 0px;} .content h1 { background-color: #E6F3F6; margin-bottom: 5px; background-image:url(images/blueboxbg.gif); background-position:center bottom; background-repeat:repeat-x; color:#115B75;} .content ul { margin: 15px 0px 20px 35px; padding: 0px; color: #333333; } .content ul li { padding-left: 20px; list-style-type: none; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 6px; margin-bottom: 7px; line-height: 18px;} .content ol li { padding-left: 5px; color: #333333; font-size: 11px; line-height: 22px; font-family: Arial, Tahoma, Helvetica, sans-serif; margin-left: 30px; list-style-type: decimal;} .content ol li { padding-left: 5px; color: #333333; font-size: 11px; line-height: 22px; font-family: Arial, Tahoma, Helvetica, sans-serif; margin-left: 30px; list-style-type: decimal;} #slideshow_panel { height: 185px; clear: both; position: relative; } /* CSS Main Vertical List Menu */ .verticallist { width: 160px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px; } .verticallist ul { margin: 0; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; font-weight: bold; } .verticallist li { padding: 0px; overflow: hidden; height: 20px; margin-top: 0; margin-right: 0; margin-bottom: 1px; margin-left: 0; } .verticallist a { display: block; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 15px; color: #1f97b4; text-decoration: underline; background-image: url(images/arrow.gif); background-position: left center; background-repeat: no-repeat; margin: 0px; font-weight: normal; } .verticallist a:link { display: block; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 15px; color: #1f97b4; text-decoration: underline; background-image: url(images/arrow.gif); background-position: left center; background-repeat: no-repeat; margin: 0px; font-weight: normal; } .verticallist a:visited { display: block; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 15px; color: #1f97b4; text-decoration: underline; background-image: url(images/arrow.gif); background-position: left center; background-repeat: no-repeat; margin: 0px; font-weight: normal; } .verticallist a:hover { color: #000000; } h3 { padding: 5px 5px 5px 10px; font-size: 16px; font-weight: normal; margin: 0px 0px 10px; background-color: #EAEECC; font-family: Georgia, "Times New Roman", Times, serif; background-image:url(images/greenboxbg2.gif); background-position:center bottom; background-repeat:repeat-x; color:#5A6703;} h3 a { color: #829613; text-decoration: none;} h3 a:hover { color: #718211; text-decoration: underline; } h4 { background: #D1D98C; padding: 5px 5px 5px 10px; font-size: 14px; font-weight: normal; color: #FFFFFF; margin: 0px 0px 10px; font-family: Georgia, "Times New Roman", Times, serif;} h5 { font-size: 14px; font-weight: bold; color: #115B75; font-family: Georgia, "Times New Roman", Times, serif; background-color: #5BB2C7; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; background-image:url(images/blueboxbg-sm.gif); background-position:center top; background-repeat:repeat-x;} h5 a {text-decoration: none; color: #115B75; } h6 {font-size: 14px; font-weight: bold; color: #5A6703; font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0 0 2px 0;} p.small { font-size: 10px; font-style: italic; line-height: 13px; } .yellow-text { color: #F8A71C; } #nav { margin:67px 0 5px -20px; width:650px; border: 0px; color: #115b75; font-size: 12px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; font-weight: normal; position: relative; z-index: 1000; } #nav li {border-right: #fff solid 1px;} /* END NAV */ .content h2 { color: #859c06; font-size: 18px; margin-bottom: 0px; } /* ----- Date selector specific styles ----- */ form input.cal,form select.cal {width: 75px; border-color: #ACACAC #E1E1E1 #E1E1E1 #ACACAC; border-style: solid; border-width: 1px; float: left; font: normal 12px Arial, sans-serif; margin-right: 6px;} form input.cal {padding: 1px 3px; margin-bottom: 5px;} form label.cal { color: #666; width: 60px; float: left; margin-left: 0px; margin-right: 6px; text-align: right; font: normal 11px 'Century Gothic',Helvetica,Sans-serif; } /*.button {float:right; margin-right: 40px; background-color: #4DA0C6; color:#fff; font-size: 11px; font-weight:bold; cursor:pointer;} */ form input.search {float: right; margin-right: 55px;} input.dashboard,select.dashboard { width: 70px;} button.dashboard {background: url(images/dashboard-icon.gif); border: 0; cursor: pointer; float: left; height: 20px; margin-right: 20px; width: 20px;} button.dashboard:hover,button.dashboard.active {background-position:0 20px;} div.dashboard {background: url(images/dashboard2.png); height:180px; padding:0 12px; text-align:center; width:147px;} div.dashboard * {margin:0; padding: 0;} div.dashboard div {background:none !important; cursor:move; height:170px; overflow:hidden; padding-top:10px; position:relative; width:147px; } div.dashboard caption {color:#CF0; font:normal 12px/17px Arial, Helvetica, sans-serif; padding-top:4px; text-align:center; width:100%;} div.dashboard caption a {cursor:pointer; display:block; height:11px; overflow:hidden; position:absolute; text-indent:-100px; top:16px; width:11px;} div.dashboard caption a.prev {background-image:url(images/dashboard-prev.gif); left:1px; } div.dashboard caption a.next {background-image:url(images/dashboard-next.gif); right:1px; } div.dashboard caption a:hover {background-position:0 11px;} div.dashboard caption span {height:25px; position:relative; text-align:center;} div.dashboard caption span.month {padding-right:8px;} div.dashboard caption span.month:after {content: ',';} div.dashboard table {border:0; border-collapse:collapse; border-spacing:0; cursor:default; margin:0 auto; overflow: hidden; width: 147px;} div.dashboard td, div.dashboard th {border: 0; color: #999; font:normal 12px Arial, Helvetica, sans-serif; height: 19px; text-align: center; width: 21px;} div.dashboard td {color: #333; font-size:11px; padding-right: 5px; text-align:right; width: 16px;} div.dashboard td.invalid {color:#666;} div.dashboard td.valid {color:#FFF; cursor:pointer;} div.dashboard td.active, div.dashboard td.hover {color: #CF0; cursor:pointer;}