/* Theme Name:CODA BLUE Theme URI:http://wordpress.bustatheme.com/coda-blue/ Description:The Coda Slider inspired wordpress theme by Greg Johnson. Version:1.0 Author:Greg Johnson Author URI:http://greg-j.com/ Tags:coda, jquery, slider, dark, fixed */ /* CSS Reset */ html, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption{ margin:0; padding:0; border:0; outline:0; } :focus{outline:0} ol, ul{list-style:none} blockquote:before, blockquote:after, q:before, q:after{content:""} blockquote, q{quotes:"" ""} strong{font-weight:bold} em{font-style:normal} body {font-size: 62.5%; /* Resets 1em to 0px */font-family: Verdana, Sans-Serif;margin: 0 0 0px 0;padding: 0;} a {color: #ff3300;text-decoration: none; cursor:pointer} a:hover {color: #ff3300;text-decoration: underline;} a:focus {outline: none;} h1, h2, h3, h4, h5, h6 {font-weight: normal; margin: 0px 0 5px; } /* news */ h7 {font-family:Verdana, Sans-Serif;font-size: 16px;color:#00aeef;margin: 0px;padding:0px;} h7 a {font-family:Verdana, Sans-Serif;font-size: 16px;color:#00aeef;margin: 0px;padding:0px;} h7 a:hover {font-family:Verdana, Sans-Serif;font-size: 16px; color: #ff3300; text-decoration: underline;margin: 0px;padding:0px;} h5 {font-family:Verdana, Sans-Serif;font-size: 1.4em;color:#1e6c9c;margin: 0px;padding:0px; padding-bottom:7px;} /* page */ h2 {font-family:Verdana, Sans-Serif;font-size: 1.6em;color:#00aeef;margin: 0px;padding:0px; padding-bottom:10px;} h4 {font-family:Verdana, Sans-Serif;font-size: 1.4em;color:#1e6c9c;margin: 0px;padding:0px; padding-bottom:7px;padding-top:15px;} /* footer */ h6 {font-family:Verdana, Sans-Serif;font-size: 1.5em;color:#1e6c9c;margin: 0px;padding:0px; padding-bottom:7px;} /* scroll */ h8 {font-family:Verdana, Sans-Serif;font-size: 1.6em;color:#ffffff;margin: 0px;padding:0px;} /* STRUCTURE--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #page {width:920px;background-color: white;margin: 0px auto;padding: 0; font-family:Verdana; } .postmetadata {clear: both;} .clear {clear: both;} /* STRUCTURE--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* NAVIGATION---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header{width:910px; margin-left:10px;height: 94px; background: url(images/logo.gif);background-repeat: no-repeat;} #header h1, #header h2{display:none;} #header ul {list-style-type: none; list-style-image: none; float: right; padding: 0px 0px 0px 0px; margin-left: 10px; margin-top: 50px;} #header ul li {float: left; display: block;padding:0px;padding-right:15px;} #header ul li a {text-decoration: none; color: #ff3300; font-family:verdana;font-size:1.2em; border-bottom: 4px solid #e8f5ff;} #header ul li a:hover {text-decoration: none; color: #ff3300; font-family:verdana;font-size:1.2em; border-bottom: 4px solid #ff3300;} /* NAVIGATION---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* HEADER INTERIOR------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #headerinterior {width:920px; height:316px; padding:8px; margin:0 auto;position:relative;background-image: url(images/header_interior.gif); background-repeat: no-repeat;} #newssinterior {width:920px; height:316px; margin-left:17px; margin-top:5px;position:relative; background-image: url(http://polarlogistics.net/wp-content/uploads/header_news.jpg); background-repeat: no-repeat;} #charterinterior {width:920px; height:316px; margin-left:17px; margin-top:5px;position:relative; background-image: url(http://polarlogistics.net/wp-content/uploads/header_charter.jpg); background-repeat: no-repeat;} #freightinterior {width:920px; height:316px; margin-left:17px; margin-top:5px;position:relative; background-image: url(http://polarlogistics.net/wp-content/uploads/header_freight.jpg); background-repeat: no-repeat;} #personnelinterior {width:920px; height:316px; margin-left:17px; margin-top:5px;position:relative; background-image: url(http://polarlogistics.net/wp-content/uploads/header_personnel.jpg); background-repeat: no-repeat;} #campsinterior {width:920px; height:316px; margin-left:17px; margin-top:5px;position:relative; background-image: url(http://polarlogistics.net/wp-content/uploads/header_camps.jpg); background-repeat: no-repeat;} #campsinterior-two {width:920px; height:316px; margin-left:17px; margin-top:5px;position:relative; background-image: url(http://polarlogistics.net/wp-content/uploads/header_camps2.jpg); background-repeat: no-repeat;} #servicesinterior {width:920px; height:316px; margin-left:17px; margin-top:5px;position:relative; background-image: url(http://polarlogistics.net/wp-content/uploads/header_services.jpg); background-repeat: no-repeat;} #projectinterior {width:920px; height:316px; margin-left:17px; margin-top:5px;position:relative; background-image: url(http://polarlogistics.net/wp-content/uploads/header_projectproposal.jpg); background-repeat: no-repeat;} /* HEADER--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header{width:910px; margin-left:10px;height: 94px; background-image: url(images/logo.gif);background-repeat: no-repeat;} #header h1, #header h2{display:none;} #header ul {list-style-type: none; list-style-image: none; float: right; padding: 0px 0px 0px 0px; margin-left: 10px; margin-top: 50px;} #header ul li {float: left; display: block; height: 30px;padding: 0px;padding-left:10px;} #header ul li a {text-decoration: none; color: #ff3300;} #header ul li a:hover {text-decoration: none; color: #ff3300; } /* SCROLLER------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #sliderwrap {width:920px; height:398px; padding:0px; padding-top:8px; margin:0 auto;position:relative;background-image: url(images/header_border.gif);background-repeat: no-repeat;} #slider{width:870px;height:360px;margin-left:25px;position:relative;padding:0px; padding-top:0px;} #page .scroll{width:870px;margin:0 auto;overflow:auto;position:relative;clear:left;} #page .scrollContainer .panel{padding:0px 0px;height:370px;width:870px;overflow:hidden;} #page .scrollButtons{width:25px;height:33px;position:absolute;top:167px;cursor:pointer;} #page .scrollButtons a{display:block;height:33px;width:25px;} #page .scrollButtons span{display:none;} #page .scrollMeLeft{left:-30px; height:33px;width:25px;} #page .scrollMeLeft a {background:url(images/arrow_left.gif) no-repeat;} #page .scrollMeRight{right:-30px; height:33px;width:25px;} #page .scrollMeRight a {background:url(images/arrow_right.gif) -0px 0 no-repeat;} /* scroll content */ .charter {background-image: url(http://polarlogistics.net/wp-content/uploads/scroll_charter.jpg);background-repeat: no-repeat;} .freight {background-image: url(http://polarlogistics.net/wp-content/uploads/scroll_freight.jpg);background-repeat: no-repeat;} .personnel {background-image: url(http://polarlogistics.net/wp-content/uploads/scroll_personnel.jpg);background-repeat: no-repeat;} .camps {background-image: url(http://polarlogistics.net/wp-content/uploads/scroll_camps.jpg);background-repeat: no-repeat;} .services {background-image: url(http://polarlogistics.net/wp-content/uploads/scroll_services.jpg);background-repeat: no-repeat;} .text {font-size:1.4em; color:white; padding-left:540px; padding-top:10px; padding-right:15px;} {border: 1px solid #ffffff; text-align: center; padding-top:3px; padding-bottom:3px; padding-left:4px; padding-right:4px; margin-top: 15px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .more a {color:#ffffff; background-color: #1e6c9c; text-decoration:none; font-size:10px; padding-top:3px; padding-bottom:3px; padding-left:4px; margin-top: 15px; padding-right:4px;border: 1px solid #ffffff; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .more a:hover {background-color: #ffffff;color:#1e6c9c;text-decoration:none; font-size:10px; padding-top:3px; padding-bottom:3px; padding-left:4px; padding-right:4px;border: 1px solid #1e6c9c; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} /* SCROLLER------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* CONTENT-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #contentwrap {width:880px;background-color:#e8f5ff;padding:10px;margin-left:10px;font-family:verdana;font-size:1.1em; line-height:1.5em;} #content-a {float:left; width:510px;padding:4px; border: solid 1px #00aeef;background-color:#f4f4f5;} #content-b {float:right; width:340px; padding:4px;height:100%; border: solid 1px #00aeef;background-color:#f4f4f5;} #content-wide {width:870px;padding:4px; border: solid 1px #00aeef;background-color:#f4f4f5;} #inside {padding:10px; background-color:#ffffff;} #inside p {padding-bottom:10px;} #inside-b {padding-left:10px;padding-right:10px;padding-top:1px;padding-bottom:1px;font-size:.9em; line-height:1.3em;} #pagelist {float:right;background-color:#f4f4f5;margin-left:10px;margin-bottom:10px; padding:0px;font-size:.9em; line-height:1.3em;} #pagelist ul {list-style-type: disc;padding-left: 25px;padding-right:15px; padding-top:10px; padding-bottom:10px;} #pagelist ul ul {list-style-type: circle;padding-left: 15px;padding-top:5px;padding-bottom:5px;} #navigation {margin-top: 5px;margin-bottom: 10px; margin-left:10px;margin-right:10px; background-color:#;} .navigationright {float: right;} .navigationleft {float: left} #brochure {float:right; width:342px; padding:4px;height:100%;background-color:#c7e4fa; margin-top:10px; text-align:center;} #brochure-a {float:left; width:150px; background:#c7e4fa; text-align: right;} #brochure-b {float:right; width:180px; background:#c7e4fa; text-align:left;} /* CONTENT-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* COMPANY NEWS--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #recent-posts {padding-left: 0;margin-left: 0;border-bottom: 1px solid #00aeef;width: 100%;} #recent-posts li {list-style: none;margin: 0;padding: 0em;padding-top:4px;padding-bottom:4px;border-top: 1px solid #00aeef;} #morenews li {list-style: none;margin: 0;padding: 0em;padding-top: .5em;padding-bottom: 0em;text-align:right;} /* COMPANY NEWS--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* BROSHURE POPUP-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #brochuretext {width:350px; height:16px; border: solid 1px #91c0e0;background-color:#e8f5ff; margin-top:5px;} #brochuretextarea {width:350px; height:100px; border: solid 1px #91c0e0;background-color:#e8f5ff; margin-top:5px;} /* BROSHURE POPUP-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* FOOTER--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer {width: 910px; height:150px;margin: 0px auto; margin-top:4px; margin-left:10px; padding: 0px;background: #ffffff url('images/footer.gif') no-repeat;} #container {padding: 10px; padding-top:15px;padding-bottom:15px;} #side-a {float: left;width: 290px;height:125px;background: url('images/footer_separater.gif') no-repeat;} #side-b {float: right;width: 290px;height:125px;} #side-c {float: left;width: 290px;height:125px;margin-left:10px;background: url('images/footer_separater.gif') no-repeat;} #clear {clear: both;} /* FOOTER--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* MISCELLANEOUS-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .center {text-align: center;} .hidden {display: none;} hr {display: none;} a img {border: none;} /* MISCELLANEOUS-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Begin Form Elements-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .entry form {/* This is mainly for password protected posts, makes them look better. */text-align:center;} select {width: 130px;} #commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;} #commentform {margin: 5px 10px 0 0;} #commentform textarea {width: 100%;padding: 2px;} #respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #commentform #submit {margin: 0 0 5px auto;float: right;} .project {width:350; height:175;} /* End Form Elements-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */