/* Theme Name: Tricon Marine default Theme URI: http://www.tricon.com/ Description: The default WordPress theme for Tricon Marine. Version: 1.0 Author: Evermore media Author URI: http://www.evermoreworld.com/ */ html, body { background: #111111; font-family: Arial; font-size: 12px; color: #8F8F8F; margin: 0px; padding: 0px; } body { margin-top: -10px !important; } img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 1em 1em} a img.alignleft {float:left; margin:0 1em 1em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} a { outline: none; moz-outline: none; color: #fff; } a:hover { outline: none; moz-outline: none; color: #85A1B7; } .wrap { width: 920px; margin: 0px auto;} .left { float: left; } .right { float: right; } .clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; } .col-50 { width: 49%; } .white { color: #fff !important;} .blue { color: #9FB7C9 !important;} div#body-wrapper { width: 980px; margin: 0 auto; } div#top-wrapper { background: url('img/gray-line.png') bottom repeat-x; margin: 0 auto 10px; } a#logo { width: 182px; height: 59px; background: url('img/tricon-logo.png') no-repeat; display: block; line-height: 0px; color: #000; font-size: 0px; text-indent: -9999px; margin: 24px 0 0 8px; display: block;} ul#menu { margin: 0px; padding: 0px; list-style-type: none; margin-top: 56px;} ul#menu li { list-style: none; display: block; float: left; } ul#menu li a { display: block; height: 45px; font-size: 0px; line-height: 0px; color: #000; text-indent: -9999px; } ul#menu li#about a { padding-left: 13px; width: 67px; background: url('img/menu-items.png') 13px 0px no-repeat; } ul#menu li#about a:hover { background: url('img/menu-items.png') 13px -45px no-repeat; } ul#menu li#fleet a { width: 105px; background: url('img/menu-items.png') -67px 0px no-repeat; } ul#menu li#fleet a:hover { background: url('img/menu-items.png') -67px -45px no-repeat; } ul#menu li#builds a { width: 150px; background: url('img/menu-items.png') -172px 0px no-repeat; } ul#menu li#builds a:hover { background: url('img/menu-items.png') -172px -45px no-repeat; } ul#menu li#news a { width: 147px; background: url('img/menu-items.png') -322px 0px no-repeat; } ul#menu li#news a:hover { background: url('img/menu-items.png') -322px -45px no-repeat; } ul#menu li#contact a { padding-right: 13px; width: 87px; background: url('img/menu-items.png') -469px 0px no-repeat; } ul#menu li#contact a:hover { background: url('img/menu-items.png') -469px -45px no-repeat; } div#img-rotate { width: 980px; margin: 0 auto; position: relative;} #slide-nav { position: absolute; left: 30px; bottom: 15px; width: auto !important; z-index: 10; } #slide-nav a { width: 10px; height: 10px; display: block; float: left; background: url('img/rotator-links.png') 0px 0px no-repeat; text-indent: -9999px; text-decoration: none; padding: 0px !important; font-size: 0px; line-height: 10px; margin: 5px; color: #BABABA; } #slide-nav a:hover, #slide-nav a.activeSlide { background: url('img/rotator-links.png') 0px -10px no-repeat; color: #274963; } .blue-spacer { background: #274963; height: 10px; } .blue-banner { position: absolute; background: #274963; bottom: 0px; } div#hp-news { z-index: 10; right: 30px; width: 230px; height: 230px; padding: 10px; background-image: url('img/hp-news.png'); background-position: center 10px; background-repeat: no-repeat; color: #85A1B7; font-size: 11px; } div#hp-news a { color: #fff; font-size: 11px; } div#hp-news a:hover { color: #85A1B7; } div#hp-news-list { padding: 0px 10px; } div.hp-news-item { width: 210px; height: 45px; padding: 10px 0; border-bottom: 1px dashed #335F80; } div.hp-news-item a { font-size: 12px !important; width: 160px; line-height: 16px;} div.date-wrap { background: #203C51; width: 32px; margin-right: 16px; color: #86A2B7; border: 1px solid #203C51; } div.date-wrap .day { display: block; font-size: 14px; font-weight: bold; text-align: center; height: 19px; line-height: 19px; } div.date-wrap .month { display: block; background: #366689; text-align: center; padding: 1px 0px; font-size: 11px; line-height: 12px; } div#newsletter { height: 68px; background: url('img/newsletter-bcg.png') no-repeat;} div#newsletter form { text-align: right; margin: 23px 25px 0 0;} div#newsletter form input.text { width: 164px; color: #545454; font-size: 11px; border: none; background: none; padding: 3px 5px; margin-right: 10px; } div#newsletter form input.submit { border: none; background: none; cursor: pointer; padding: 0px; margin: 0px; width: 18px; height: 18px;} /*** VERTICAL MENU ***/ #vertical-menu { width: 920px; } #vertical-menu ul { margin: 0px; padding: 0px; position: relative; background: #274963; width: 920px; border-bottom: 3px solid #fff; height: 42px;} #vertical-menu ul li { display: block; float: left; background: url('img/vertical-menu-divider.png') center left no-repeat; } #vertical-menu ul li a { display: block; padding: 12px 14px ; font-size: 12px; color: #fff; text-decoration: none; } #vertical-menu ul li a:hover, #vertical-menu ul li.current_page_item a, #vertical-menu ul li.current_page_parent a { background: #fff; color: #333333; } #vertical-menu ul li ul { position: absolute; top: 45px; left: 0px; background: #fff; width: 920px; display: none; height: 30px !important; } #vertical-menu ul li.current_page_item ul, #vertical-menu ul li.current_page_parent ul { display: block; } #vertical-menu ul li ul li { background: url('img/vertical-submenu-divider.png') center left no-repeat; } #vertical-menu ul li ul li a { display: block; padding: 7px 12px ; font-size: 12px; color: #333333; text-decoration: none; background: none !important; } #vertical-menu ul li ul li a:hover, #vertical-menu ul li ul li.current_page_item a { color: #264863; text-decoration: underline; } #vertical-menu ul li:first-child, #vertical-menu ul li ul li:first-child { background: none !important; } /*** FULL WIDTH CONTENT***/ div.content-wrap-full { width: 840px; font-size: 12px; color: #8F8F8F; line-height: 18px; margin-bottom: 20px; margin: 15px auto; } div.submenu { background: #161616; width: 148px; padding: 20px 10px; border-color: #333333; border-style: solid; border-width: 0; margin-bottom: 20px; } div.submenu-title { left: 30px; height: 20px; padding: 25px; } div.submenu { font-size: 14px; font-family: Georgia; color: #999999; line-height: 25px; } div.submenu ul { list-style: none; margin: 0px; padding: 0px; } div.submenu ul li ul li { background: url('img/submenu-arrow-2.png') left 9px no-repeat; } div.submenu ul li ul { display: none; } div.submenu ul li { padding: 0 0 0 15px; background: url('img/submensu-arrow.png') left 9px no-repeat; } div.submenu ul li a { text-decoration: none; color: #999999; } div.submenu ul li a:hover, div.submenu ul li.current-cat a, div.submenu ul li.current-cat-parent a { text-decoration: underline; color: #FFFFFF !important; } /***/ div.submenu ul > li { padding: 0; margin: 0; } div.submenu ul > li > a { display: block; width: 110px; background: url('img/default-submenu-items.png') 0 -64px no-repeat; padding: 0px 10px 0px 30px; line-height: 32px; color: #FFFFFF;} div.submenu ul > li > a:hover { display: block; background: url('img/default-submenu-items.png') 0 -32px no-repeat; color: #FFFFFF; text-decoration: none; } div.submenu ul > li.current_page_item > a { display: block; background: url('img/default-submenu-items.png') no-repeat; color: #FFFFFF !important; } /***/ /***/ div#newsub ul > li { padding: 0; margin: 0; } div#newsub ul > li > a { display: block; width: 168px; background: url('img/news-submenu-items.png') 0 -64px no-repeat; padding: 0px 10px 0px 30px; line-height: 32px; color: #FFFFFF;} div#newsub ul > li > a:hover { display: block; background: url('img/news-submenu-items.png') 0 -32px no-repeat; color: #FFFFFF; text-decoration: none; } div#newsub ul > li.current-cat > a { display: block; background: url('img/news-submenu-items.png') no-repeat; color: #FFFFFF !important; } /***/ div.submenu ul li.current_page_item ul, div.submenu ul li.current_page_parent ul { display: block; } div.submenu ul li.current_page_parent ul li ul, div.submenu ul li.current_page_item ul li ul { display: none; } div.submenu ul li.current_page_parent ul li.current_page_item ul { display: block; } div.submenu ul li.current_page_ancestor ul li.current_page_parent ul { display: block; } div.submenu ul li.current_page_ancestor ul li ul { display: none; } div.submenu ul li.current_page_ancestor ul { display: block } div.submenu ul li.current_page_ancestor a { color: #fff; } div.submenu ul li.current_page_ancestor ul li a { color: #999; } div.submenu ul li.current_page_ancestor ul li.current_page_parent a { color: #fff; } div.submenu ul li.current_page_ancestor ul li.current_page_parent ul li a { color: #999; } div.submenu ul li.current_page_ancestor ul li.current_page_parent ul li.current_page_item a { color: #fff; } div.submenu ul li.current_page_parent ul li.current_page_item a { color: #fff; } div.submenu ul li.current_page_parent ul li.current_page_item ul li a { color: #999; } div.submenu ul li.current_page_item a { color: #fff; } div.submenu ul li.current_page_item ul li a { color: #999; } div#newsub, div#contact { background: #161616; width: 208px; padding: 20px; border-color: #333333; border-style: solid; border-width: 0 1px 1px 1px; } div#news-title, div#contact-title { width: 200px; left: 30px; height: 20px; padding: 25px; } div#contact-data { margin-top: 2px; width: 640px; font-size: 12px; color: #8F8F8F; line-height: 18px; margin-bottom: 20px;} div.highlights { background: #274963 url('img/title-highlights.png') center 10px no-repeat; width: 230px; margin: 20px 0px; padding: 10px; } div.highlights-menu { margin-top: 35px; background: transparent url('img/blue-line.png') center 37px repeat-x; } div.highlights-menu a { font-size: 14px; font-family: Georgia; color: #85A1B7; display: inline-block; padding: 10px 20px; text-decoration: none; border-color: transparent; border-style: solid; border-width: 1px 1px 0px 1px; background: transparent url('img/highlights-bcg.png') bottom repeat-x; border-bottom: 0px;} div.highlights-menu a:hover, div.highlights-menu a.active { background: #274963; border-color: #335F80; border-style: solid; border-width: 1px 1px 0px 1px; border-bottom: 0px; color: #fff;} div.highlights-wrap { padding: 10px; } div.highlights-item { width: 210px; padding: 16px 0; border-bottom: 1px dashed #335F80; } div.highlights-item a { font-size: 12px ; line-height: 16px; color: #CCCCCC; font-family: Arial;} div.highlights-item a:hover { color: #86A2B7;} ul.news-menu { width: 653px; background: #000 url('img/gray-line.png') bottom repeat-x; padding-top: 5px; padding-left: 15px; margin: 0px;} ul.news-menu li { display: inline; list-style: none; } ul.news-menu a { font-size: 13px; font-family: Georgia; color: #999; display: inline-block; padding: 10px 20px; text-decoration: none; border-color: transparent; border-style: solid; border-width: 1px 1px 1px 1px;} ul.news-menu a:hover, ul.news-menu li.current-cat a { background: #111; border-color: #262626; border-style: solid; border-width: 1px 1px 0px 1px; border-bottom: 1px solid #111; color: #8BA9BF;} div.news-menu-sub { width: 653px; background: url('img/gray-line.png') bottom repeat-x; padding-left: 15px; } div.news-menu-sub a { font-size: 13px; font-family: Georgia; color: #999; padding: 10px 20px; text-decoration: none; display: inline-block; } div.news-menu-sub a:hover, div.news-menu-sub a.active { color: #8BA9BF; } div.category-items { margin: 10px 0px 0px 35px;} div.news-item div.news-item-thumb { width: 120px; margin: 0 35px 15px 0; } div.news-item { margin-top: 30px; } div.news-item a.title { color: #8BA9BF; text-decoration: underline; font-family: Georgia; font-size: 15px; } div.news-item p { color: #adadad; font-family: Arial; font-size: 12px; line-height: 18px; } div.news-item p span { color: #444444; } div.news-item p a { color: #fff; text-decoration: underline; } div.category-wrap { width: 666px; font-size: 12px; color: #8F8F8F; line-height: 18px; } div.newer-entries { float: left; width: 200px; text-align: left; } div.older-entries { float: right; width: 200px; text-align: right; } div.navigation { margin: 30px 0px; } div.navigation a { font-size: 13px; font-family: Georgia; color: #999; text-decoration: none; } div.navigation a:hover { color: #8BA9BF; } div.content-wrap { width: 710px; font-size: 12px; color: #8F8F8F; line-height: 18px; margin-bottom: 20px;} div.wrap { font-size: 12px; color: #8F8F8F; line-height: 18px; } div.content-wrap h1, div.wrap h1 { font-family: Georgia; font-size: 18px; color: #FFFFFF; font-weight: normal; } div.content-wrap h2, div.wrap h2 { font-family: Georgia; font-size: 15px; color: #FFFFFF; font-weight: normal; margin: 10px 0px; } div.content-wrap h3, div.wrap h3 { font-family: Georgia; font-size: 15px; color: #8BA9BF; font-weight: normal; margin: 10px 0px; } div.content-wrap blockquote, div.wrap blockquote { background: url('img/blockquote-bcg.png') 3px left no-repeat; margin: 20px 0px; padding: 0 0 0 27px; font-style: italic; } div.content-wrap strong, div.content-wrap b, div.wrap strong { color: #999999; } /* contact form */ div.contact-form form .input { font-family: Arial; font-size: 11px; color: #535353; background: #111111; border: 1px solid #333333; padding: 6px; width: 200px;} div.contact-form form .submit { font-family: Georgia; font-size: 13px; color: #fff; background: #333333; border: none; padding: 5px 10px; cursor: pointer;} div.contact-form form .ajax-loader { position: absolute; right: 130px; top: 5px; } div.contact-form form p { margin: 10px 0px; } div.contact-form form span.wpcf7-not-valid-tip { background: #111111; border: none; font-size:11px; left:0; padding:0; top:0; width: 190px; font-family: Arial; color: #ff0000; line-height:11px; padding: 5px 0px; margin: 0px 6px; } div.contact-form form div.wpcf7-response-output { font-size: 11px; font-family: Arial; color: #535353; border: none; line-height: 18px; } div#contact-data p { font-family: Arial; font-size: 12px; color: #8F8F8F; } div#contact-data p a { color: #fff; } div.gmap { background: #1C1C1C; padding: 10px; margin: 15px 0 35px 0; } div.gmap p { padding: 0; margin: 0; } div.content-wrap-full a img { border-color: #274963 !important; } div.content-wrap-full a:hover img { border-color: #fff !important; } .gallery-item { width: auto !important; margin: 3px !important;} .gallery-item img { border-color: #274963 !important;} .gallery-item a:hover img { border-color: #fff !important;} div#footer { margin: 20px auto; width: 900px; padding: 0px 10px; font-size: 11px; color: #545454; } div#footer a { font-size: 11px; color: #545454; text-decoration: none; } div#footer div#social-bar { width: 120px; } div#footer div#social-bar a { width: 16px; height: 16px; display: block; font-size: 0px; color: #000; line-height: 0px; text-indent: -9999px; float: left; margin-right: 10px; } div#footer div#social-bar a#rss { background: url('img/social-bar-icons.png') 0px 0px no-repeat;} div#footer div#social-bar a#rss:hover { background: url('img/social-bar-icons.png') 0px -16px no-repeat;} div#footer div#social-bar a#linked { background: url('img/social-bar-icons.png') -26px 0px no-repeat;} div#footer div#social-bar a#linked:hover { background: url('img/social-bar-icons.png') -26px -16px no-repeat;} div#footer div#social-bar a#youtube { background: url('img/social-bar-icons.png') -52px 0px no-repeat;} div#footer div#social-bar a#youtube:hover { background: url('img/social-bar-icons.png') -52px -16px no-repeat;} div#footer div#social-bar a#twitter { background: url('img/social-bar-icons.png') -78px 0px no-repeat;} div#footer div#social-bar a#twitter:hover { background: url('img/social-bar-icons.png') -78px -16px no-repeat;} div#footer div#social-bar a#facebook { background: url('img/social-bar-icons.png') -104px 0px no-repeat; margin-right: 0px;} div#footer div#social-bar a#facebook:hover { background: url('img/social-bar-icons.png') -104px -16px no-repeat; } div#tfleet { width: 433px; height: 255px; position: relative; } div.tfleet-wrap { position: absolute; } div#mediaspace { margin: 10px 0px;} div.center { text-align: center; } #cboxPrevious {background:url("http://www.evermoreworld.com/dev/tricon/wp-content/plugins/lightbox-plus/css/white/images/prevwhite.png") no-repeat scroll left top transparent !important;} #cboxNext {background:url("http://www.evermoreworld.com/dev/tricon/wp-content/plugins/lightbox-plus/css/white/images/nextwhite.png") no-repeat scroll right top transparent !important;} #cboxOverlay {background: #274963 !important;} #cboxCurrent {color: #6d6d6d !important;} #cboxTitle {color: #353535 !important;} .fleet-wrap { width: 217px; height: 242px; float: left; margin: 30px 17px 30px 0px; cursor: pointer; position: relative; overflow: hidden; } #fleet-nisi { background: url('img/fleet-nisi.jpg') no-repeat;} #fleet-argos { background: url('img/fleet-argos.jpg') no-repeat;} #fleet-allocean { background: url('img/fleet-all-ocean.jpg') no-repeat;} #fleet-custom { background: url('img/fleet-custom.jpg') no-repeat; margin-right: 0px;} .fleet-wrap-inside { width: 215px; height: 240px; background: #060606; border: 1px solid #222222; position: absolute; bottom: -250px; left: 0px;} .fleet-wrap-inside a { font-size: 12px; color: #777777; padding: 0 20px; font-weight: bold; text-decoration: none; } .fleet-wrap-inside a:hover { color: #fff; text-decoration: underline; } .fleet-wrap-inside .l0 { width: 175px; height: 69px; position: absolute; bottom: 0px;} .fleet-wrap-inside .l1 { width: 175px; position: absolute; bottom: 69px; border-top: 1px solid #222222; padding: 12px 20px; } .fleet-wrap-inside .l2 { width: 175px; position: absolute; bottom: 112px; border-top: 1px solid #222222; padding: 12px 20px; background-color: #161616 !important; } .fleet-wrap-inside .l3 { width: 175px; position: absolute; bottom: 155px; border-top: 1px solid #222222; padding: 12px 20px; } .fleet-wrap-inside .l4 { width: 175px; position: absolute; bottom: 198px; padding: 10px; padding: 12px 20px; background-color: #161616 !important; }