/* Theme Name: Tickler Theme URI: http://osynlig.se Description: Theme for Tickler Author: Osynlig Version: 1.0 */ /*------------[ Reset ]-------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight: inherit;font-style: inherit;font-size: 100%; font-family: inherit;vertical-align: baseline;} caption, th, td {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} @font-face { font-family: 'Avant'; src: url('fonts/avant.eot') /* can't use format() */; } @font-face { font-family: 'Avant'; src: url('fonts/avant.otf') format('opentype'); src: url('fonts/avant.ttf') format('truetype'); } /*-----------------[ Classes ]------------------*/ .right, .alignright { float: right; } .left, .alignleft { float: left; } .clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; } .hidden { display: none; } .button, #press-login input.button, #press-signup input.button { background: url(images/bg-button.png) repeat-x #2a2a2a; color: #00aeef; padding: 10px 45px; text-shadow: 0 -1px 0 #000; cursor: pointer; font: bold 16px Arial, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #383838; width: auto; } .button:hover { text-decoration: none; } .logout { background: url(images/logout-button.png) no-repeat; width: 73px; height: 15px; position: absolute; bottom: 9px; right: 100px; display: block; text-indent: -9999px; } .grey { color: #969696; } .download-button { background: url(images/download-button.png) no-repeat; height: 32px; width: 101px; text-indent: -9999px; } .last { margin-right: 0; } /*-----------------[ Main styling ]------------------*/ body { font: 12px/100% Arial, Helvetica, sans-serif; color: #000; } h1 { font: bold 34px Arial; margin-bottom: 10px; letter-spacing: -0.05em; } .archive h1 { width: auto; float: left; margin-right: 23px; } h2 { font: bold 34px Arial; margin-bottom: 4px; letter-spacing: -0.025em; } h3 { font: 20px Arial; margin-bottom: 9px; letter-spacing: -0.05em; } #press-login h3, #press-signup h3 { margin-bottom: 22px; } h4 { font: 12px Arial; margin-bottom: 10px; } p { margin-bottom: 15px; font: 12px/130% Arial; } img { border: none; } a { color: #00aeef; text-decoration:none; } a:hover { text-decoration: underline; } ol, ul { margin: 10px 0; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: italic; } table { border-collapse: separate; border-spacing: 0; } input { border:1px solid #e6e6e6; padding: 3px 6px; } label { font: bold 16px Arial, sans-serif; margin-bottom: 5px; display: block; } #container { width: 890px; margin: 50px auto; padding: 0 30px; } #site #footer-content { margin: 0 auto 30px; padding-top: 38px; width: 950px; } #site #container { width: 950px; } #start-container { width: 730px; margin: 30px auto 0; } #meta-info { width: 320px; margin: 0 auto; } #meta-info a { display: block; float: left; margin: 0 10px; } /*-------------------------------------------[ Site ]----------------------------------------------*/ /*-----------------[ Header ]------------------*/ #site { background: #333333; font-family: Helvetica, Arial, sans-serif; color: #6b6b6b; } #site h1 { font: 45px/1em "Avant", Arial, sans-serif; color: #000; } #site h3 { font: italic 20px/130% Helvetica, Arial, sans-serif; color: #6b6b6b; } #site h4 { font: bold 19px/130% Helvetica, Arial, sans-serif; color: #424242; margin-bottom: 2px;} #site img { margin: 0; } #site a { font-weight: bold; color: #ec008c; } #site a:hover { text-decoration: none; } #site #wrapper { background: url(images/site-bg.png) repeat-x #fff; } #site #container { width: 968px; margin: 0px auto; padding: 0 0px; } #site #header { padding-top: 45px; margin-bottom: 20px; } #site #header-start { padding-top: 45px; margin-bottom: 13px; } #site #start-logo { background: url(images/site-start-logo.png) no-repeat; float: left; width: 211px; height: 229px; position: absolute; z-index: 0; left: -40px; margin-top: -15px; } #site .logo { float: left; margin-left: 20px; } #site .main-navigation { float: right; margin-right: 12px; margin-top: 26px; margin-bottom: 0px; } #site .main-navigation li { display: block; float: left; } #site .main-navigation li a { font: 17px "Avant", Arial, sans-serif; color: #6b6b6b; text-shadow: 0px 1px 1px #fff; float: left; display: block; padding: 4px 8px; margin-left: 10px; } #site .main-navigation li a:hover, #site .main-navigation li.active a, #site .main-navigation li.has-active-child a{ background: #ed008c; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); text-decoration: none; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); writing-mode: lr-tb; -moz-transform: rotate(-2deg); } #site .sub-navigation { float: right; list-style: none; margin: 0 0 26px; } #site .sub-navigation li { display: block; float: left; border-right: 1px solid #bababa; } #site .sub-navigation li:last-child{ border-right: none; } #site .sub-navigation li a { display: block; float: left; font: bold 14px Helvetica, Arial, sans-serif; color: #6b6b6b; padding: 3px 10px; } #site .sub-navigation li a:hover, #site .sub-navigation li.active a { color: #404040; text-decoration: none; } /*-----------------[ Content ]------------------*/ #loader { width: 24px; height: 24px; margin: 0 auto; background: url('images/loader-tickler.gif') no-repeat; } #loader.grey { background: url('images/loader-grey-tickler.gif') no-repeat; } #facebook-content #loader { margin-top: 9px; } #twitterfeed #loader { margin-top: 20px; } #site #content { padding-bottom: 0px; margin-bottom: 0; } #site #main-picture { background: #fff; margin-left: 6px; padding: 25px 30px 25px 23px; margin-bottom: 0px; z-index: 1; position: relative; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.10); width: 898px; } #site #main-picture-bottom { background: url(images/shadow.png) no-repeat; height: 20px; margin-left: 6px; } #site .medium-wrapper { background: url(images/site-medium-image-bg.png) 1px 5px no-repeat; padding: 30px 26px; } #site .small-wrapper { background: url(images/site-small-image-bg.png) 1px 5px no-repeat; padding: 30px 25px; background-color: transparent; } #site .small-wrapper.last { background: url(images/site-small-image-bg-2.png) 1px 5px no-repeat; } #site .facebook-wrapper-start { width: 190px; height: 165px; background: #f7f7f7; padding: 20px; overflow: hidden; } #site .facebook-wrapper-start .fb-entry a { color: #405d95; } #site .facebook-wrapper-start .fb-entry .date { font-weight: bold; } #site .facebook-wrapper-start .fb-entry p { margin: -1px 0 5px; } #site .facebook-wrapper-start .fb-entry .fb-read-more { color: #ec008c; text-transform: uppercase; font-size: 10px; display: block; background: url(images/fb-read-more.png) no-repeat right; width: 75px; } #site #facebook-ajax-wrapper #loader { margin-top: 68px; } #site .post p { line-height: 170%; } #site .post .left { margin-right: 40px; margin-bottom: 50px; } #site .post ul { margin-top: 0px; margin-bottom: 25px; } #site .post ul li { list-style-type: circle; margin-left: 17px; margin-bottom: 5px; } #site .post ul li a { font-size: 13px; } #site #product-wrapper p { line-height: 145%; } #site .post-thumbnail { margin-right: 0px; } #site .content { float: left; width: 435px; } #site .margin-wrapper .page { margin-top: 40px; } #site .margin-wrapper .page-web-stores { margin-top: 15px; } #site .product-features { background: url(images/site-features-bg.png) no-repeat; width: 374; height: 120px; padding: 30px 0 0 30px; } #site .product-features h4 { font: bold 15px Helvetica, Arial, sans-serif; color: #424242; text-transform: uppercase; } #site .product-features h4 span { font-size: 10px; color: #949494; text-transform: none; } #site .meta-information { list-style: none; margin: 0; } #site .meta-information li { display: block; float: left; padding-right: 10px; border-right: 1px solid #bababa; margin: 2px 0 10px; } #site .meta-information li:last-child{ border-right: none; } #site .meta-information li a { display: block; float: left; text-transform: uppercase; font: bold 11px Helvetica, Arial, sans-serif; color: #424242; padding: 3px 10px; background: url(images/site-plus.png) no-repeat right 5px; } #site .meta-information li a:hover{ text-decoration: none; } #site .margin-wrapper { margin-bottom: 5px; } #site .product-feature { position: relative; float: left;} #site .product-feature img { margin-right: 3px;} #site .feature-content { background: #fff; padding: 15px; width: 175px; display: none; position: absolute; top: 55px; left: 0; z-index: 999; -moz-box-shadow:0px 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2); box-shadow:0px 2px 5px rgba(0,0,0,0.2); } #site .feature-content p { margin-bottom: 5px } #site #case-wrapper { margin-top: 55px; } #site #case-wrapper img { vertical-align: top; } /*-----------------[ Testimonials ]------------------*/ #testimonials-wrapper {padding:0px; margin-left: 5px; margin-bottom: 20px;} #testimonials-wrapper h2 {margin-left:17px; margin-bottom: 20px; color: #404040; font-size: 44px; font-family: 'Avant';} .testimonials-box { width:310px; float:left; margin-top: 4px; margin-bottom: 10px;} .testimonials-box-content { width:270px; padding-left: 20px; padding-right: 20px; padding-top:20px; -moz-box-shadow:0px -1px 5px #eaeaea; -webkit-box-shadow:0px -2px 7px #eaeaea; box-shadow:0px 0px 7px #eaeaea;background-image: url(images/bottom-testimonials.png); background-position: bottom; background-repeat: no-repeat; padding-bottom: 10px; } #site .testimonials-box h3 { font-size: 17px; font-family: Helvetica; font-weight: bold; margin-top: 13px; font-style: normal; } #site .testimonials-box-margin h3 { font-size: 17px; font-family: Helvetica; font-weight: bold; margin-top: 15px; font-style: normal; } .testimonial-col-left { width:33%; float:left; margin-right: 4px; } .testimonial-col-middle { width:33%; float:left; margin-right: 4px;} .testimonial-col-right { width:33%; float:left; } /*-----------------[ Store Locator ]------------------*/ #map-wrapper { padding: 20px; -moz-box-shadow:0px 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2); box-shadow:0px 2px 5px rgba(0,0,0,0.2); } .map-info { margin: 24px 0 22px; } .map-info p { font: 14px Helvetica, Arial, sans-serif; width: 46%; } .map-info p.right { text-align: right; } .map-header { font-size: 19px; font-family: Helvetica; margin-bottom: 5px; margin-top: 0px; font-style: normal;} #map-wrapper h3 { font: bold 19px Helvetica, Arial, sans-serif; } #map-wrapper .infoBox { background: url(images/map-arrow.png) no-repeat 9px 1px; } #map-wrapper .infoBox > img { margin: 16px 8px 10px !important; } #map-wrapper .infoBox > div { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); line-height: 130%; } .locator-header { margin-bottom: 20px; } #search-glas { background-image: url(images/search-glas.png); height: 54px; width: 46px; float:left; border-top: 1px solid #d9e4ea; } .locator-header #search_location{color: #424242; position: absolute; width:386px; height: 34px; background-image:url(images/search-bg.png); font-size: 26px; font-family: Helvetica; float:left; font-weight: 100; border-top: 1px solid #d9e4ea; border-right: 1px solid #FFFFFF; } #search-submit { background-image: url(images/search-btn.png); width:110px; height: 42px;} .search-hold {width: 450px; float:left;} .search-middle {width: 215px; float:left; margin-left: 25px; margin-top:7px;} #site .search-middle h4, #site .search-right h4 { margin-bottom: -3px; } .search-right {float:right; width: 240px; margin-top:7px;} .search-hold small { display: block; margin: 9px 0 0; } #site #search_btn {width: 110px; height: 42px; position: relative; left: 290px; top:7px; background-image: url(images/search-btn.png);} /*-----------------[ News ]------------------*/ #site #news-wrapper { margin-bottom: 30px; } #site #news-wrapper a { color: #27a4dd; } #site #facebook-wrapper { float: left; width: 635px; margin-right: 10px; } #site #facebook-content { padding: 20px 20px 27px; box-shadow: 0 0 7px #ccc; -moz-box-shadow: 0 0 7px #ccc; -webkit-box-shadow: 0 0 7px #ccc; } #site #facebook-wrapper h2 { text-indent: -9999px; background: url(images/site-facebook-header.png) no-repeat; float: left; margin-right: 15px; width: 230px; } #site #facebook-wrapper iframe { margin-top: 12px; } #site #facebook-wrapper .fb-entry { border-bottom: 1px solid #EFEFEF; padding: 10px 0; } #site #facebook-wrapper .fb-entry p { font-size: 13px; margin-bottom: 2px; } #site #facebook-wrapper .fb-entry img { margin: 15px 15px 15px 0; } #site #facebook-wrapper .fb-entry a { color: #405d95; } #site #facebook-wrapper .fb-entry a.name { font-weight: bold; color: #3B5998; font-size: 11px; display: block; float: left; margin: 15px 0 0 0; width: 450px; } #site #facebook-wrapper .fb-entry .caption { font-size: 11px; display: block; float: left; margin: 5px 0 0 0; width: 450px; } #site #facebook-wrapper .fb-entry .read-more{ display: block; float: none; margin: 5px 0; } #site #facebook-wrapper .fb-entry .description { font-size: 11px; margin: 5px 15px 15px 0; float: left; width: 375px; } #site #facebook-wrapper .fb-entry .date { float: left;} #site #facebook-wrapper .fb-entry .comment { float: left; display: block; margin: 4px; } #site #twitter-wrapper { float: left; width: 310px; } #site #twitter-wrapper h2 { text-indent: -9999px; background: url(images/site-twitter-header.png) no-repeat; } #site #twitterfeed { min-height: 50px; padding: 10px 20px 20px; margin: 0; word-wrap: break-word; box-shadow: 0 0 7px #ccc; -moz-box-shadow: 0 0 7px #ccc; -webkit-box-shadow: 0 0 7px #ccc; } #site #twitterfeed .twitter { list-style: none; } #site #twitterfeed .twitter li { margin-bottom: 15px; border-bottom: 1px solid #ededed; padding-bottom: 15px; font: 13px/150% Helvetica, Arial, sans-serif; color: #8b8b8b; } #site #twitterfeed .twitter li a{ } #site .twitter li:last-child{ border-bottom: none; } #site #twitterfeed li { list-style: none; margin-bottom: 20px; } #site .twitter-timestamp { display: block; } #site #news-wrapper .fb-button { margin: 20px 0 0px; display: block; color: #405d95; } /*-----------------[ Reseller form ]------------------*/ #site #reseller-form { box-shadow: 0 0 7px #ccc; -moz-box-shadow: 0 0 7px #ccc; -webkit-box-shadow: 0 0 7px #ccc; padding: 20px; } #site #reseller-form h3 { font: 29px "Avant", Helvetica, Arial, sans-serif; color: #404040; } #site label { color: #424242; } #site input { background: #ebebeb; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; } #site input.button { background: url(images/bg-button.png) repeat-x; padding: 6px 20px; margin: 20px 0 10px; } #site .input-entry { margin: 5px 0; } #site .input-entry input { width: 95%; } #site .input-entry input[type=radio]{ width: auto; } #site .input-entry-left { float: left; width: 190px; } #site .input-entry-left input, #site .input-entry-right input { width: 170px; } #site .input-entry-right { float: right; width: 190px; } #site .radiogroup div { float: left; } #site .radiogroup div label { float: right; margin-right: 10px; } #site .extra-fields { display: none; } #site .success-message { background: #b3eca6; padding: 20px 10px; margin-bottom: 10px; } #site .error-message { background: #ffa8a8; padding: 20px; margin-bottom: 10px; } #site .error-message li { list-style: none; margin-bottom: 5px; } /*-----------------[ Footer ]------------------*/ #site #footer { background: #333333; border-top: none; padding-top: 0; margin-top: 0px } #site #footer h4 { color: #6B6B6B; font: bold 14px Helvetica,Arial,sans-serif; margin-bottom: 6px; } #site #footer p { color: #868686; font: bold 12px/130% Helvetica, Arial, sans-serif; } #site #copy { float: left; width: 500px; } #site .footer-navigation { margin: 0; } #site .footer-navigation li { display: block; float: left; } #site .footer-navigation li a { display: block; float: left; font: bold 14px Helvetica, Arial, sans-serif; color: #cbcbcb; padding: 0 0 5px 20px; text-shadow: 0 -1px 1px #000; } #site .footer-navigation li a:hover, #site .footer-navigation li.active a { text-decoration: none; color: #a5a5a5; } #site #social { float: right; margin-top: 20px; } #site #social span { float: left; margin: 7px 10px 0 0px; display: block; } #site #social a { background: url(images/site-icons.png) no-repeat; display: block; float: left; text-indent: -9999px; height: 24px; width: 23px; margin-left: 5px; vertical-align: middle; } #site #social a.twitter { background-position: 0 -24px; } #site #social a.addthis { background-position: 0 -48px; } #site #social a.addthis span { background: none; } .addthis_toolbox { float: left; } #site #start-bottom {width: 968px; background-image: url(images/news-box-bg.png); padding-right: 50px; padding-bottom:50px; background-position: 719px 15px; background-repeat: no-repeat; } /*-------------------------------------------[ Press ]----------------------------------------------*/ /*-----------------[ Header ]------------------*/ #header { margin-bottom: 35px; position: relative; } #header-start { margin-bottom: 35px; position: relative; } #main-navigation { background: url(images/bg-menu.png) no-repeat; height: 50px; margin-top: 10px; } #main-navigation ul { list-style: none; padding-left: 5px; margin: 0; } #main-navigation ul li { display: block; float: left; } #main-navigation ul li a { display: block; float: left; padding: 15px; font: 15px Arial, sans-serif; color: #fff; } #main-navigation ul li a:hover, #main-navigation ul li.active a { color: #929292; text-decoration: none; } #sub-navigation { position: relative; } #sub-navigation ul { background: #202020; height: 30px; list-style: none; padding-left: 5px; margin: 0; border-top: 2px solid #000; } #sub-navigation ul li { display: block; float: left; } #sub-navigation ul li a { display: block; float: left; padding: 6px 15px; font: 14px Arial, sans-serif; color: #bababa; } #sub-navigation ul li.active a, #sub-navigation ul li a:hover { color: #797979; text-decoration: none; } #sub-sub-navigation ul { background: #e1e1e1; list-style: none; padding: 0px; margin: 0; } #sub-sub-navigation ul li { display: block; float: left; } #sub-sub-navigation ul li a { display: block; float: left; padding: 6px 10px 6px 20px; margin-right: 0; font: 14px Arial, sans-serif; color: #5c5c5c; } #sub-sub-navigation ul li.active a { } #sub-sub-navigation ul li a:hover { color: #fff; text-decoration: none; } #sub-sub-navigation .diff { border-top: 2px solid #00aeef; padding: 0; height: auto; } #sub-sub-navigation .pink { border-top: 2px solid #ec008c; } #sub-sub-navigation .yellow { border-top: 2px solid #fff200; } #sub-sub-navigation ul.diff li a { padding: 6px 20px 6px 13px; margin-right: 0; color: #2c2c2c; } #sub-sub-navigation ul.children li.first a { padding-left: 12px ; } #sub-sub-navigation .diff .color-1 a { background: url(images/blue-menu.png) no-repeat right top #00aeef; padding-left: 20px; } #sub-sub-navigation .diff .color-2 a { background: url(images/pink-menu.png) no-repeat right top #ec008c; } #sub-sub-navigation .diff .color-3 a { background: url(images/yellow-menu.png) no-repeat right top #fff200; } #sub-sub-navigation .diff .blue-1 a { background: url(images/blue-menu.png) no-repeat right bottom #00aeef; } #sub-sub-navigation .diff .pink-1 a { background: url(images/blue-menu.png) no-repeat right bottom #00aeef; } #sub-sub-navigation .diff .pink-2 a { background: url(images/pink-menu.png) no-repeat right bottom #ec008c; } #star-wrapper { position: absolute; right: 18px; top: 21px; } #star { background: url(images/star.png) no-repeat; height: 90px; width: 91px; } /*-----------------[ Content ]------------------*/ #content { margin-bottom: 45px; } #press-login, #press-signup { float: left; width: 345px; padding: 40px 30px; border: 1px solid #ededed; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #press-signup { float: right; } #press-login input, #press-signup input, #press-signup select { background: #ebebeb; -webkit-border-radius:5px; -moz-border-radius: 5px; border: none; padding: 10px 15px; font-size: 15px; width: 305px; margin-bottom: 20px; } #press-signup select { width: 335px; } #press-signup p { margin-bottom: -12px; } .button-text { float: left; margin: 5px 0 0 12px; line-height: 140%; font-weight: bold; font-size: 12px; } /*-----------------[ Hovers ]------------------*/ .press-box { border: 1px solid #e9e9e9; width: 198px; padding: 10px; position: relative; float: left; margin: 0 2px 10px 0; } .press-box:hover { border: 1px solid #c0c0c0; } .press-box img { margin-bottom: 5px; } .press-box a, .press-box .product-title { font: bold 13px Arial, sans-serif; color: #00aeef; } .press-box-menu-hover { background: url(images/bg-menu-background-new.png) #2a2a2a repeat-x; display: none; position: absolute; top: 5px; right: 5px; border: 1px solid #1b1b1b; width: 114px; } .press-box-menu-hover ul { list-style: none; margin: 0; } .press-box-menu-hover ul li { background: url(images/arrow-right-new.png) no-repeat left center; } .press-box-menu-hover ul li:hover { background: url(images/arrow-right-new-hover.png) no-repeat left center; } .press-box-menu-hover ul li.head { background: none; } .press-box-menu-hover ul li.head:hover { background: none; } .press-box-menu-hover ul li a { color: #00aeef; font-size: 12px; padding: 6px 10px; text-shadow: 0 -1px 0 #000; display: block; } .press-box-menu-hover ul li a:hover { color: #a1a1a1; text-decoration: none; } .press-box-menu-hover ul li a.header { background: url(images/bg-dropdown-menu-hover.png) repeat-x #2a2a2a; text-decoration: none; color: #a1a1a1; cursor: default; padding: 10px 10px; } .press-box-menu-hover ul.sub-dropdown { border-top: 1px solid #1d1d1d; background: url("images/bg-button-in-header-dropdown.png") repeat-x scroll 0 0 #2A2A2A; display: none; padding: 4px 0; } .press-box-menu-hover ul.sub-dropdown li a { cursor: pointer; } .press-box-menu-hover-single { display: none; position: absolute; top: 5px; right: 5px; background: url(images/bg-menu-background-new.png) #2a2a2a repeat-x; border: 1px solid #1b1b1b; width: 104px; padding: 0 13px; } .press-box-menu-hover-single ul { list-style: none; margin: 0; } .press-box-menu-hover-single ul li { background: url(images/arrow-right-new.png) no-repeat left center; } .press-box-menu-hover-single ul li:hover{ background: url(images/arrow-right-new-hover.png) no-repeat left center; } .press-box-menu-hover-single ul li a { background: url(images/lines.png) bottom no-repeat; color: #00aeef; font-size: 12px; padding: 9px 0px; text-shadow: 0 -1px 0 #000; display: block; } .press-box-menu-hover-single ul li.last a { background: none; padding-top: 8px; } .press-box-menu-hover-single ul a:hover{ color: #a1a1a1; text-decoration: none; } .button-in-header { float: left; width: auto; position: relative; margin-top: 15px; } .button-in-header > a { background: url(images/bg-button-in-header.png) no-repeat; padding: 10px 29px 9px 13px; text-shadow: 0 -1px 0 #000; cursor: pointer; font: bold 12px Arial, sans-serif; } .button-in-header > a:hover { background: url(images/bg-button-in-header-hover.png) no-repeat; color: #a1a1a1; text-decoration: none; border-bottom: none; } .button-in-header ul { background: url(images/bg-button-in-header-dropdown.png) #2a2a2a repeat-x; position: absolute; top: 24px; left: 0; list-style: none; margin: -1px 0 0 0; z-index: 200; width: 114px; padding: 3px 0 5px; border: 1px solid #1b1b1b; } .button-in-header ul li { background: url(images/bg-button-in-header-arrow.png) no-repeat left center; } .button-in-header ul li:hover { background: url(images/bg-button-in-header-arrow-hover.png) no-repeat left center; } .button-in-header ul li a { color: #00aeef; padding: 6px 13px; text-shadow: 0 -1px 0 #000; display: block; font-weight: bold; } .button-in-header ul li a:hover { color: #a1a1a1; text-decoration: none; } /*-----------------[ Press releases ]------------------*/ ul.press-releases { font-size: 13px; list-style: none; margin: 0 0 2px; } ul.press-releases li { padding: 3px 2px; border: 1px solid #e9e9e9; margin-bottom: 2px; } ul.press-releases li:hover { background: #f8fdfe; border: 1px solid #c0c0c0; } ul.press-releases .button { background: url(images/bg-button.png) repeat-x #2a2a2a; color: #00aeef; padding: 8px 20px 7px; font: bold 12px Arial, sans-serif; -webkit-border-radius: 1px; -moz-border-radius: 1px; width: auto; text-decoration: none; } span.date { color: #969696; display: block; font-weight: bold; float: left; width: 100px; margin-right: 10px; padding: 10px; } span.title { display: block; float: left; width: 440px; margin-right: 10px; font-weight: bold; padding: 10px;} span.file { display: block; float: left; width: 100px; margin-right: 10px; font-weight: bold; padding: 10px; } /*-------[ Navigation ]--------*/ .wp-pagenavi { margin: 30px 0; } .wp-pagenavi a, .wp-pagenavi span.pages, .wp-pagenavi span.extend, .wp-pagenavi span.current { font: bold 18px Arial, sans-serif; color: #bebebe; border: none; border-right: 1px solid #bebebe; padding-right: 20px; letter-spacing: -0.05em; } .wp-pagenavi span { border: none !important; } .wp-pagenavi a { color: #00aeef; border: none !important; padding: 3px 6px; } .wp-pagenavi a.nextpostslink span, .wp-pagenavi a.previouspostslink span { font-size: 20px; padding: 3px 0px 0; } .wp-pagenavi span.current { border: none; padding: 3px 6px; color: #2c2c2c; } .wp-pagenavi a:hover, .wp-pagenavi a:focus, .wp-pagenavi a:active { border: none; color: #2C2C2C; } /*-----------------[ Footer ]------------------*/ #footer { border-top: 1px solid #383838; font-size: 12px; padding-top: 10px; } #footer a#license, #footer a#press-contact { border-right: 1px solid #383838; color: #383838; display: block; font-weight: bold; float: left; margin-right: 5px; padding-right: 5px; } #footer .right { color: #7f7f7f; } .copy { font-weight: bold; } /*-----------------[ Fancy box ]------------------*/ .popup { width: 540px; padding: 20px; } #site .popup { width: 444px; padding: 0px; height: 450px; } #site .popup-holder { display: none; } #site #fancybox-wrap .header { background: #00aef0; height: 30px; padding: 15px 20px; width: 401px; } #site #fancybox-wrap h4 { font: bold 27px Arial; color: #e2f2f8; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5); } #site #fancybox-wrap ul { margin: 12px 20px; list-style: none; } #site #fancybox-wrap li { border-bottom: 1px solid #ccc; padding: 10px 0 8px; } #site #fancybox-wrap li span { font: bold 14px Helvetica, Arial, sans-serif; color: #424242; display: block; float: left; width: 180px; margin-right: 10px; } #site #fancybox-wrap li span.value { font-weight: normal; } #site #fancybox-close { background: url(images/site-close-button.png) no-repeat; top: 16px; right: 20px; width: 44px; height: 45px; } /*-----------------[ Slider ]------------------*/ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } /* The slices in the Slider */ .nivo-slice { display:block; position:absolute; height:100%; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.3; /* Overridden by captionOpacity setting */ width:100%; z-index:89; } .nivo-caption p { padding:10px 20px; margin:0; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { position:absolute; right: 19px; bottom:19px; } .nivo-controlNav a { display:block; width:12px; height:10px; background:url(images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; position:relative; z-index:399; cursor:pointer; } .nivo-controlNav a.active { background-position:-16px 0; } /*-----------------[ Coda Slider ]------------------*/ .coda-slider-wrapper { padding: 0px; } /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px } /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider, .coda-slider .panel { width: 950px } /* Change margin and width of the slider (with dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 950px } /* Arrow styling */ #site .navigation { float: left; margin: 0 0px 5px 495px; z-index: 999; position: relative; } .arrow-navigation { float: left; margin-right: 8px; } .coda-nav-left a, .coda-nav-right a { background: url(images/site-arrows.png) no-repeat; width: 21px; height: 22px; display: block; text-indent: -9999px; } .coda-nav-right a { background: url(images/site-arrows.png) no-repeat -22px 0; margin-left: 1px; } /* Tabbed nav */ .bullet-navigation { float: left; margin-top: 6px; } .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden } .coda-nav ul li { display: inline } .coda-nav ul li a { background: url(images/site-product-bullets.png) no-repeat; text-indent: -9999px; display: block; float: left; margin-right: 5px; width: 10px; height: 10px; text-decoration: none } .coda-nav ul li a.current { background: url(images/site-product-bullets.png) no-repeat -16px 0; } /* Panel padding */ .coda-slider .panel-wrapper { padding: 20px; } /* Preloader */ .coda-slider p.loading { padding: 20px; text-align: center; } /* Miscellaneous */ .coda-slider-wrapper { clear: both; overflow: auto } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .coda-nav-left, .coda-nav-right { float: left } #site #coda-slider-1 .post-thumbnail { margin-top: -47px; z-index: 1; position: relative; }