/* Theme Name: Colorwave Theme URI: http://www.nitrografix.net Description: Powered by Nitrografix Author: Nitrografix web agency Author URI: http://www.nitrografix.net Version: 1.08 Tags: corporate, colors, two-columns, fixed-width, threaded-comments, sticky-post, translation-ready, custom sidebars */ /* 1 *************** RESET DEFAULT BROWSER CSS 2 *************** GENERAL SETTINGS 3 *************** GENERAL LAYOUT 3.1 ------------ Colorswitcher 4 *************** SHORTCODES 4.1 ------------ Dividers 4.2 ------------ Featured Works 4.3 ------------ Recent Posts 4.4 ------------ Recent Services 4.5 ------------ Contact Form 4.6 ------------ People 4.7 ------------ Last Work 4.8 ------------ Messages 4.9 ------------ Tabs / Accordion 5 *************** CONTENT 5.1 ------------ General 5.2 ------------ Menu 5.3 ------------ Post / Page 5.4 ------------ Single Page 5.5 ------------ Comments 5.6 ------------ Services 5.7 ------------ Footer 5.8 ------------ Portfolio 5.9 ------------ Archives 5.10 ------------ Gallery 5.11 ------------ Sitemap / 404 6 *************** WIDGETS 6.1 ------------ General 6.2 ------------ Twitter 6.3 ------------ Search Bar 6.4 ------------ Calendar 6.5 ------------ Categories / Archives / FlickR 6.6 ------------ Recent - Popular Posts 6.7 ------------ Recent Comments 6.8 ------------ Contact Form 6.9 ------------ FeedBurner 7 *************** JQUERY PRELOAD IMAGE 8 *************** HIGHLIGHT 8.1 ------------ Nivo Slider 8.2 ------------ Nitrografix Slider /******* 1 . Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ 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,b,u,i,center, dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0;padding:0;border:0;vertical-align:baseline;background:transparent } body { line-height:1 } h1,h2,h3,h4,h5,h6 { padding:0;margin:0;font-weight:bold;clear:both } ol,ul { list-style:none } blockquote { quotes:none } blockquote:before,blockquote:after { content:'';content:none} del { text-decoration:line-through;color:red } a img { border:none } html { font-size:100% } /********* 2 . GENERAL SETTINGS */ body { margin:0;padding:0;/*font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; */font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; background-color:#f4f4f4; color: #999; font-size: 13px; line-height: 1.5em; } h1, h2, h3, h4, h5, h6 { color: #58595d; line-height: 1.3em; font-weight: normal; text-rendering: optimizelegibility } h1 { font-size: 28px; margin: 20px 0px 20px 0px; font-weight: normal; font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; } h2 { font-size: 23px; margin: 10px 0px 10px 0px; font-weight: normal; text-shadow: 1px 1px 0px #FFF; font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; } h3 { font-size: 16px; margin: 15px 0px 8px 0px; font-weight: normal; text-shadow: 1px 1px 0px #FFF } h4 { font-size: 14px } h5 { font-size: 12px } h6 { font-size: 11px} p { font-size: 13px; text-indent:0; padding:0; color:#999999; line-height: 1.5em; padding-bottom: 18px } a { text-decoration:none; color: #1e8dcc } a:hover,a:focus,a:active { color: #58595d } a:active { outline:none } span { color: #1e8dcc } :focus { outline: 0 } var,address{font-family:Georgia, 'Bitstream Charter', serif} address{color:#626262;margin-bottom:10px;line-height:18px} code{font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace} pre{font-family:'Courier 10 Pitch', Courier, monospace;background-color:#F1F1F1;padding:1.5em; border: 1px solid #E1E1E1;} ins{background-color:#FFC;text-decoration:none;line-height:1.5em } big{font-size:131.25%} sup,sub{font-size:10px} sup{bottom:1ex} sup,sub{height:0;line-height:1; position:relative; vertical-align:baseline} dd{color:#828282;font-size:.9em} ul, ol { margin-bottom: 20px } li { padding-left: 13px; font-size: 13px; line-height: 1.6em } .clearleft { clear: left } .clearright { clear: right } .clear { clear: both } .floatleft { float: left } .floatright { float: right } .block { display: block } #nitrografix_switcher { position: absolute; left: 0px; top: 200px; z-index: 10; background-color: #F0F0F0; border: 1px solid #DDD; padding: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px } table { width: 100%; border: 0px solid #E7E7E7; margin: 0px 0px 0px 0px; } th { padding: 9px 24px; font-size: 12px; text-align: left; color: #FFF; background: #145d8f url('graphix/head-name-bg.png') repeat-x top left; border-bottom: 1px solid #EAEAEA } .alternate, .alternate td { background-color: #F1F1F1; } td { text-align: left; padding: 6px 24px; border-top: 1px solid #DDD; font-size: 11px; background-color: #FAFAFA } blockquote { margin: 10px 0px 10px 0px; padding: 10px 50px 7px 10px; border-left: 2px solid #1e8dcc; background: url("graphix/quotes.png") no-repeat top right } blockquote p { font-style: italic; color: #145d8f; padding-bottom: 7px } dl { margin-bottom: 20px } dt { font-weight: bold; font-size: 13px; line-height: 1.6em; margin-top: 10px } dd { font-size: 11px; line-height: 1.4em } /* ********** 3. GENERAL LAYOUT */ #header { height: 101px; background: #125483 url('graphix/header-bg.png') repeat-x top left; } #highlight, #custombanner { height: 421px; background: #f4f4f4 url('graphix/highlight-bg.png') repeat-x top left; border-bottom: 1px solid #E8E8E8; overflow: hidden; position: relative } #banner { background: transparent url('graphix/bg-highlight.png') no-repeat top center; height: 82px } #custombanner { background-color: #0473b2; height: 82px } #breadcrumb { padding: 25px 0px 20px 0px; border-bottom: 1px solid #E8E8E8 } .middle { border-top: 1px solid #FFF; border-bottom: 1px solid #E8E8E8; padding: 20px 0px 20px 0px } .content { width: 980px; margin: 0 auto } .content_menu { width: 1000px; margin: 0 auto } /* ---------- 3.1 COLORSWITCHER */ #colorswitcher { position: fixed; top: 40%; z-index: 9999 } #colors { float: left; border: 1px solid #cdcccc; border-left: 0 } #colors div { background-color: #ECECEC; padding: 10px; border: 1px solid #FFF; width: 66px } #colors img { padding: 6px } #switcher { float: left } /* ********** 4. SHORTCODES */ /* ---------- 4.1 DIVIDERS */ .one_half, .one_half_last { width: 47%; float: left; padding: 0 2.8% 0 2.8%; margin: 15px 0px 20px 0px; overflow: hidden } .two_third, .two_third_last { width: 64.72%; float: left; padding: 0 2.36% 0 2.36%; margin: 15px 0px 20px 0px; overflow: hidden } .one_fourth, .one_fourth_first, .one_fourth_last { width: 22%; margin: 15px 0px 20px 0px; padding: 0 2% 0 2%; float: left } .one_third, .one_third_first, .one_third_last { width: 30%; float: left; padding: 0 2.36% 0 2.36%; margin: 15px 0px 20px 0px } .three_fourth, .three_fourth_last { width: 74%; float: left; margin: 15px 0px 20px 0px; padding: 0 2% 0 0; } .three_fourth_last { padding-left: 2%; padding-right: 0px } .one_third_first, .one_half, .two_third, .one_fourth_first { padding-left: 0 } .one_third_last, .one_half_last, .two_third_last, .one_fourth_last { padding-right: 0 } .one_third_first { background: transparent url('graphix/separ-vertical-bg.png') repeat-y top right } .one_third_last, .one_half_last { background: transparent url('graphix/separ-vertical-bg.png') repeat-y top left } .dropcap:first-letter { font-size: 3.571em; line-height: 0.76em; padding: 0.04em 0.12em 0 0; color: #888; float: left; } .divider { clear: both; height: 20px; margin: 10px 0px 10px 0px; background: transparent url('graphix/separ-horizontal-bg.png') repeat-x bottom left } .divider a { float: right; background-color: #F1F1F1; color: #AAA; text-shadow: 1px 1px 0px #F1F1F1; font-size: 9px; padding: 0px 6px 0px 6px; position: relative; top: -1px } .divider a:hover { color: #666; } /* ---------- 4.2 FEATURED WORKS */ .featured-works { margin-bottom: 20px } .featured-works h4 { color: #999; font-style: italic; font-size: 13px; font-weight: normal } .featured-works h2 { margin-bottom: 3px } .featured { background-color: #FFF; border: 1px solid #CCC; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .featured-content { background-color: #dfdfdf; padding: 20px 13px 13px 13px; margin: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .featured-cat { float: right; margin-bottom: 10px } .featured-work { background: transparent url('graphix/featured-work-bg.png') repeat-y top left; width: 209px; height: 165px; padding: 0px 9px 0px 9px } .one_fourth_featured, .one_fourth_featured_first, .one_fourth_featured_last { width: 24%; padding: 0 0.666% 0 0.666%; float: left } .one_fourth_featured_first { padding-left: 0 } .one_fourth_featured_last { padding-right: 0 } /* ---------- 4.3 RECENT POSTS */ .recent-posts { margin-bottom: 20px } .recent-posts h4 { color: #999; font-style: italic; font-size: 13px; font-weight: normal } .recent-posts h2 { margin-bottom: 3px } .recent-posts-title { margin-top: 4px } .recent-posts-title h3 { font-weight: normal; margin-top: 5px; margin-bottom: 3px; font-size: 16px } .recent-posts-title h5 { font-weight: bold; font-size: 10px } .recent-posts-title { margin-bottom: 10px } .recent-posts-head { width: 80%; margin-left: 10px; } .two_third .recent-posts-head { width: 75%; margin-left: 10px; } .recent-posts-comments { margin-top: 5px } .recent-posts-comments a { font-size: 11px; color: #999 } .recent-posts-comments a:hover { font-size: 11px; color: #1e8dcc } .recent-posts-comments h6 { display: inline; font-weight: normal; color: #999; margin-top: 3px; font-size: 11px } .recent-posts-comments img { position: relative; top: 6px } /* ----------- 4.4 RECENT SERVICES */ .recent-services { margin-bottom: 20px } .recent-services h4 { color: #999; font-style: italic; font-size: 13px; font-weight: normal } .recent-services h2 { margin-bottom: 3px } /* ----------- 4.5 CONTACT FORM */ #contact-form { width: 99% } #contact-form p { padding-top: 4px; padding-bottom: 0px; clear: left } #contact-form label { display: block; width: 20%; float: left } #contact-form label, #contact-form textarea { padding: 6px 10px 6px 6px; border: 1px solid #EAEAEA; background-color: #EAEAEA; text-shadow: 1px 1px 0px #FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px } #contact-form label img { position: relative; top: 2px } #contact-form input[type=text] { float: left; width: 72%; padding: 6px; border: 1px solid #EAEAEA; margin-left: 3px } #contact-form textarea { width: 71.3%; height: 150px; background-color: #FFF; margin-left: 3px; -webkit-border-radius: 6px; -moz-border-radius: 6px } #contact-form input[type=submit] { font-size: 12px; font-weight: bold; background: transparent url('graphix/button-submit.png') no-repeat top left; text-align: center; color: #FFF; padding: 12px 0px 12px 0px; width: 126px; margin-left: 23.2%; border: none; cursor: pointer; font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; } #contact-form input[type=submit]:hover { background-position: 0px -42px } /* ---------- 4.6 PEOPLE */ .people table { border: 0 } .people td { padding: 0; border: 0; vertical-align: top; background-color: transparent } .people-avatar { background: transparent url('graphix/people-avatar-bg.png') no-repeat top left; padding: 6px; height: 101px; width: 101px; margin-right: 14px; } .people-content h3 { margin: 2px 0px 4px 0px; color: #58595d; float: left } .people-content h5 { margin: 0px 0px 16px 0px; color: #999; font-style: italic } .people-twitter { background: transparent url('graphix/twitter-bg.png') no-repeat top left; height: 18px; padding: 0px 0px 0px 7px; width: 39px; float: right; margin-right: 20px; position: relative; top: 4px } .people-twitter a { color: #FFF; font-size: 10px; position: relative; top: -1px } .people-twitter:hover { background-position: 0px -18px } .people-twitter:hover a { color: #58595d } .people p { padding-bottom: 0px } /* ---------- 4.7 LAST WORK */ .last-work table { border: 0 } .last-work td { padding: 0; border: 0; vertical-align: top; background-color: transparent } .last-work h2 { margin-bottom: 0px } .last-work h5 { font-style: italic; color: #AAA; margin-bottom: 15px } .last-work-content { margin-left: 10px } .last-work-content h3 { margin: 0px; font-size: 17px } .last-work-content h3 a { color: #58595D } .last-work-content h3 a:hover { color: #1e8dcc } .last-work-content h6 { margin: 0px 0px 15px 0px } .last-work .wp-post-image { margin-top: 7px; margin-bottom: 10px } .last-work .more-link, .last-work .button { margin-left: 10px } /* ---------- 4.8 MESSAGES */ .box { clear: both; margin: 10px 0px 10px 0px } .box p { padding: 10px 10px 10px 10px; line-height: 1.6em } .box p img { vertical-align: bottom } .box-close { position: relative; top: 2px } .valid, .error, .warning, .info { background-color: #E0F2CB; border: 1px solid #CCEBAC; -webkit-border-radius: 4px; -moz-border-radius: 4px } .valid p, .error p, .warning p, .info p { font-style: italic; font-size: 14px } .valid p { color: #6DA847; font-style: italic; font-size: 14px } .error { background-color: #fbd3b1; border: 1px solid #f5b49a; } .error p { color: #a84747 } .info { background-color: #b1d6fb; border: 1px solid #9ac5f5 } .info p { color: #4777a8 } .warning { background-color: #fbe5b1; border: 1px solid #f5d69a } .warning p { color: #a88947 } /* -------- 4.9 TABS / ACCORDION */ .nitrografix-tabs, .nitrografix-accordion { margin: 10px 0px 20px 0px; border-bottom: 1px solid #CACACA } .nitrografix-tabs ul.ui-tabs-nav h3 { margin: 0px } .nitrografix-tabs ul.ui-tabs-nav { margin-bottom: 0px; height: 42px; } .nitrografix-tabs li.ui-state-default { float: left; display: block; margin-left: 3px; background-color: #FFF; padding: 1px 1px 0px 1px; border: 1px solid #CCC; border-bottom: 1px solid #FFF; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; } .nitrografix-tabs li.ui-state-default h3 { background: #f4f4f4; margin: 1px 1px 0px 1px } .nitrografix-tabs li.ui-state-default a { padding: 10px; display: block; font-size: 14px; color: #828282; text-shadow: 1px 1px 0px #FEFEFE; } .nitrografix-tabs li.ui-state-default:hover h3 { background: #145d8f url('graphix/tabs-bg.png') repeat-x top left; margin-top: 0px } .nitrografix-tabs li.ui-state-default:hover a, .nitrografix-tabs li.ui-state-active a { color: #FFF; text-shadow: none } .nitrografix-tabs li.ui-state-active { background-color: #FFF; padding: 1px 1px 0px 1px; border: 1px solid #CCC; border-bottom: 1px solid #FFF; position: relative; top: 1px; } .nitrografix-tabs li.ui-state-active h3 { background: #145d8f url('graphix/tabs-bg.png') repeat-x top left; margin: 0px 1px 0px 1px } .ui-tabs-hide { display:none } .tabs { border: 1px solid #EAEAEA; background-color: #FAFAFA; clear: both; padding: 20px 10px 4px 10px; } .nitrografix-tabs h1,.nitrografix-tabs h2,.nitrografix-tabs h3,.nitrografix-tabs h4,.nitrografix-tabs h5,.nitrografix-tabs h6 { margin-top: 0px } .nitrografix-accordion { } .nitrografix-accordion .ui-accordion-header a { background-color: #F4F4F4; text-shadow: 1px 1px 0px #FEFEFE; margin: 1px 1px 1px 1px; color: #828282; height: 16px; } .nitrografix-accordion-content { border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; background-color: #FAFAFA; clear: both; padding: 20px 10px 4px 10px; } .nitrografix-accordion h3 { margin: 0px; background-color: #FFF; padding: 0px; border: 1px solid #CCC; border-bottom: 0 } .nitrografix-accordion .ui-accordion-header a { display: block; height: 40px } .nitrografix-accordion .ui-accordion-header a span { display: block; padding: 10px; padding-left: 50px; color: #828282; font-size: 14px; background: transparent url('graphix/icon-fleche-tabs.png') no-repeat 8px 4px } .nitrografix-accordion .ui-state-hover a, .nitrografix-accordion .ui-state-active a { color: #FFF; text-shadow: none; background: #145d8f url('graphix/tabs-bg.png') repeat-x top left; margin-top: 0; padding-bottom: 1px } .nitrografix-accordion .ui-state-hover a span, .nitrografix-accordion .ui-state-active a span { color: #FFF; background-image: url('graphix/icon-fleche-tabs-selected.png') } .image-frame img { padding: 4px; height: auto; background-color: #FFF; border: 1px solid #EAEAEA; } .checklist li, .pluslist li, .warninglist li, .lovelist li, .starlist li, .arrowlist li { list-style: none; background: transparent url('graphix/icon-check.png') no-repeat 0em 0.2em; padding-left: 25px } .pluslist li { background-image: url('graphix/icon-add.png') } .warninglist li { background-image: url('graphix/icon-warning-list.png') } .lovelist li { background-image: url('graphix/icon-love.png') } .starlist li { background-image: url('graphix/icon-star.png') } .arrowlist li { background-image: url('graphix/icon-arrow.png') } /* ---------- 4.10 PRICING */ .pricing-table table { border: 0 } .pricing-table td { border: 0; background-color: transparent; padding: 0; padding-right: 1px } .pricing-table .head-name { border-bottom: 1px solid #165a81; background: #2079ac url('graphix/head-name-bg.png') repeat-x top left; padding: 15px 0px 10px 0px; border-left: #26739d; border-right: #26739d; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px } .pricing-table .head-name h2 { color: #FFF; text-align: center; text-shadow: 1px 1px 0px #58595d } .pricing-table .head-price { border-top: 1px solid #288bc4; background: #1a6b99 url('graphix/head-pricing-bg.png') repeat-x top left; padding: 10px 0px 10px 0px } .pricing-table .head-price h4 { color: #FFF; text-align: center; } .pricing-table .head-price h4 span { font-size: 1.5em; color: #FFF } .content-pricing-list { border: 1px solid #CCC; border-top: 0px; padding-top: 20px; background-color: #FFF; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px } .content-pricing-list p { text-align: center; padding-bottom: 10px } .pricing-button { padding-bottom: 0px } .content-pricing-list ul li { margin: 0px } /* ********** 5. CONTENT */ /* ---------- 5.1 GENERAL */ .content ul { list-style-type: disc; list-style-position: inside; color: #828282 } .content ol { list-style-type: decimal; list-style-position: inside; color: #828282 } .content ul ul, .content ol ol { margin-bottom: 8px; } .content li li { font-size: 0.9em; } /*.more, .button { color: #58595d; font-size: 12px; font-weight: bold; font-style: normal; display: block; background: transparent url('graphix/read-more.png') no-repeat top left; padding-top: 12px; width: 107px; height: 30px;text-align: center; line-height: 12px }*/ .more-link, .button, .curr-cat, .cat, .cat:hover { font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; display: inline-block; background: transparent url('graphix/read-more.png') no-repeat top left; text-align: center; line-height: 12px; height: 42px; padding-left: 6px } .more-link span, .button span, .curr-cat span, .cat span { color: #58595d; background: transparent url('graphix/read-more.png') no-repeat top right; cursor: pointer; float: left; font-weight: bold; height: 30px; padding: 13px 20px 0px 14px; white-space: nowrap } .button { background: transparent url('graphix/button-link.png') no-repeat top left } .button span { background: transparent url('graphix/button-link.png') no-repeat top right; color: #FFF } .more-link:hover, .button:hover { background-position: 0px -42px } .more-link:hover span, .button:hover span { background-position: 100% -42px; color: #FFF } .cat { background: none } .cat span { background: none; } .cat:hover span { background: transparent url('graphix/read-more.png') no-repeat top right; color: #1e8dcc } .button span img { vertical-align: top; position: relative; top: -6px; left: -4px } #logo { float: left; margin-top: 30px; width: 22% } #custombanner h1 { font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; color: #FFF; text-shadow: 1px 1px 0px #114c76; float: left } #custombanner p { color: #FFF; text-shadow: 1px 1px 0px #114c76; font-style: italic; margin: 30px 0px 0px 20px; padding: 0px; font-size: 15px; float: left } .header-teaser { width: 506px; float: left } .header-ad { width: 468px; float: left; padding-top: 10px } #breadcrumb img { position: relative; top: 2px } #breadcrumb h6 { color: #999; font-size: 14px; font-weight: normal } /* ********** 5.2 MENU */ #menu { float:left; margin-top: 30px; width: 78%; } #menu ul li { font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; position: relative; float: left; margin-left: 10px; padding-left: 0px; padding-bottom: 1px } #menu ul li a { position: relative; text-transform: uppercase; font-size: 11px; display: inline-block; background: transparent url('graphix/menu-selected-bg.png') no-repeat 0 -36px; text-align: center; text-shadow: 1px 1px 0px #042b3d; line-height: 12px; padding-left: 6px } #menu ul li a span { color: #9fb7c7; background: transparent url('graphix/menu-selected-bg.png') no-repeat 0px -36px; cursor: pointer; float: left; font-weight: normal; height: 25px; padding: 10px 14px 0px 8px; white-space: nowrap } #menu ul li a:hover { background-position: top left } #menu ul li a:hover span { background-position: top right; text-shadow: none; color: #FFF } #menu ul li:hover > ul { display: block } #menu ul ul { position: absolute; z-index: 999; display: none; width: auto; top: 100%; left: 0px; padding-top: 9px; background: url('graphix/menu-bg-fleche.png') no-repeat 30px 0px } #menu ul ul li { display: list-item; float: none; margin:0; padding: 0; background-color: #F3F3F3; padding: 0px 10px 0px 10px; border-left: 1px solid #AAA; border-right: 1px solid #AAA } #menu ul ul li:hover { background-color: #F3F3F3; background-image: none } #menu ul ul li a { text-shadow: none; display: block; padding: 10px 80px 6px 4px; height: 20px; text-align: left; text-transform: none; border-bottom: 1px dotted #d1d1d1 } #menu ul ul li a span { background: transparent url('graphix/icon-fleche-menu.png') no-repeat 0px 0px; color: #707070; font-weight: normal; font-size: 13px; padding: 0px; padding-left: 14px } #menu ul ul li a:hover { background: #F0F0F0 none } #menu ul ul li a:hover span { color: #1E8DCC; background-position: top left } #menu ul ul li a.parentmenu { background: transparent url('graphix/icon-fleche-menu-children.png') no-repeat 100% 10px } #menu ul ul ul { left: 100%; top: 1px; background: transparent url('graphix/menu-bg-bg-fleche.png') no-repeat 0px 18px; } #menu li.current_page_item a { position: static; background: transparent url('graphix/menu-selected-bg.png') no-repeat top left } #menu li.current_page_item a span { background: transparent url('graphix/menu-selected-bg.png') no-repeat top right; color: #FFF } #menu li.current_page_item a:hover span { color: #FFF } #menu ul ul li.current_page_item a { background: #EAEAEA url('graphix/separ-horizontal-bg.png') repeat-x bottom left } #menu ul ul li.current_page_item a span { background: transparent url('graphix/icon-fleche-menu.png') no-repeat 0px 0px; color: #1E8DCC } #menu ul li.current_page_item li a span { background: transparent url('graphix/icon-fleche-menu.png') no-repeat 0px 0px; color: #707070 } #menu li.current_page_item ul li a { background: #F1F1F1 none } #menu li.current_page_item li a:hover span { color: #1E8DCC } #menu ul ul li.current_page_item a:hover span { background: transparent url('graphix/icon-fleche-menu.png') no-repeat 0px 0px; color: #1E8DCC } #menu li.current_page_root > a span { color: #FFF } #catmenu { height: 55px; padding-top: 13px; background: transparent url('graphix/catmenu-bg.png') repeat-x top left } #catmenu ul { list-style: none; margin-bottom: 0px } #catmenu ul li { font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; position: relative; float: left; margin-left: 10px; padding-left: 0px; padding-bottom: 1px } #catmenu ul li a { position: relative; text-transform: uppercase; font-size: 11px; display: inline-block; background: none; text-align: center; text-shadow: 1px 1px 0px #FFF; line-height: 12px; padding-left: 6px } #catmenu ul li a span { color: #8e8f91; background: none; cursor: pointer; float: left; font-weight: normal; height: 30px; padding: 12px 14px 0px 8px; white-space: nowrap } #catmenu ul li a:hover { background: transparent url('graphix/read-more.png') no-repeat top left } #catmenu ul li a:hover span { background: transparent url('graphix/read-more.png') no-repeat top right; color: #1e8dcc } #catmenu ul li:hover > ul { display: block } #catmenu ul ul { position: absolute; z-index: 999; display: none; width: auto; top: 100%; left: 0px; padding-top: 8px; background: transparent url('graphix/catmenu-fleche.png') no-repeat 30px 0px } #catmenu ul ul li { display: list-item; float: none; margin:0; padding: 0; background-color: #FFF; padding: 0px 0px 0px 0px; } #catmenu ul ul li:hover { background-color: #FAFAFA; background-image: none } #catmenu ul ul li a { text-shadow: none; display: block; padding: 10px 80px 6px 10px; border: 1px solid #DDD;border-top: 0; height: 20px; text-align: left; text-transform: none } #catmenu ul ul li a span { background: transparent url('graphix/icon-fleche-menu.png') no-repeat 0px 0px; color: #707070; font-weight: normal; font-size: 13px; padding: 0px; padding-left: 14px } #catmenu ul ul li a:hover { background: #FAFAFA none } #catmenu ul ul li a:hover span { color: #1E8DCC; background: transparent url('graphix/icon-fleche-menu.png') no-repeat 0px 0px } #catmenu ul ul li a.parentmenu { background: transparent url('graphix/icon-fleche-menu-children.png') no-repeat 100% 10px } #catmenu ul ul ul { left: 100%; top: 1px; background: transparent url('graphix/menu-bg-bg-fleche.png') no-repeat 0px 18px; } #catmenu li.current-menu-item a { position: static; background: transparent url('graphix/read-more.png') no-repeat top left } #catmenu li.current-menu-item a span { background: transparent url('graphix/read-more.png') no-repeat top right; color: #1e8dcc } #catmenu ul ul li.current-menu-item a { background: #FAFAFA url('graphix/separ-horizontal-bg.png') repeat-x bottom left } #catmenu ul ul li.current-menu-item a span { background: transparent url('graphix/icon-fleche-menu.png') no-repeat 0px 0px; color: #1E8DCC } #catmenu ul li.current-menu-item li a span { background: transparent url('graphix/icon-fleche-menu.png') no-repeat 0px 0px; color: #707070 } #catmenu li.current-menu-item ul li a { background: #FAFAFA none } #catmenu li.current-menu-item li a:hover span { color: #1E8DCC } #catmenu ul ul li.current-menu-item a:hover span { background: transparent url('graphix/icon-fleche-menu.png') no-repeat 0px 0px; color: #1E8DCC } /* ---------- 5.3 POST / PAGE */ .posts { padding: 0px 0px 10px 0px; margin-top: 10px } .post-title h2 { font-size: 26px } .post-title-small h3 { font-size: 17px } .post-title h2 a, .post-title h3 a { color: #58595d } .post-title h2 a:hover, .post-title h3 a:hover { color: #1e8dcc } .post-head { padding-bottom: 5px; margin: 0px 0px 15px 0px; background: transparent url('graphix/separ-horizontal-bg.png') repeat-x bottom left } .post-title { float: left; width: 565px; margin-left: 5px } .post-title-small { float: left; width: 224px; margin-left: 5px } .post-type { float: left; width: 62px } .post-title h2, .post-title-small h3 { margin: 0 } .post-title p, .post-title-small p { font-size: 11px; padding-left: 1px; padding-bottom: 10px; color: #58595d } .post-title-small p { font-size: 10px; } .post-ban { width: 634px; margin-bottom: 10px; } .post-image { height: 182px; width: 626px; position: relative; background: transparent url('graphix/post-ban-bg.png') repeat-y top left; padding: 0px 4px 0px 4px } .vignette-sticky { position: absolute; top: -9px; right: -5px; } .post-resume { float: left; margin-top: 15px } .post-resume p { width: 143px; color: #58595d; line-height: 1.5em; padding-bottom: 10px } .post-resume p img, .post-short-resume img, .post-resume-small p img { position: relative; top: 4px } .post-resume-small { margin-bottom: 10px } .post-resume-small p { line-height: 1.5em; padding-bottom: 3px } .post-tags img { position: relative; top: 4px } .posts .more-link { float: right } .title-magazine { font-size: 17px; margin-bottom: 20px } .post-magazine { width: 296px } .post-magazine-content { padding: 0px 4px 0px 4px; width: 288px; height: 114px; background: transparent url('graphix/post-magazine-bg.png') repeat-y top left } .post-list-content { padding: 0px 4px 0px 4px; width: 288px; height: 200px; background: transparent url('graphix/post-magazine-bg.png') repeat-y top left } .post-list { width: 296px; float: left } .post-list-excerpt { width: 320px; margin-left: 18px; padding-top: 5px; float: left } .wp-caption { background-color: #FAFAFA; border: 1px solid #DDD; padding-top: 4px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px } .wp-caption-text { text-align: center; padding: 5px 0px 5px 0px; color: #1e8dcc } .aligncenter { display: block; margin: 0 auto } .alignleft { float: left; margin-right: 10px } .alignright { float: right; margin-left: 10px } .post-pagination { clear: left; margin: 10px 6px 10px 6px; font-size: 11px} .post-pagination span { color: #828282 } #page_list{ float:left; padding: 6px 4px 0px 0px } .page_nav { float: left } #navigation{float:right} .page_nav a, .more-link-mini { font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; display: inline-block; background: transparent url('graphix/read-more-mini.png') no-repeat top left; text-align: center; line-height: 12px; height: 33px; padding-left: 7px } .page_nav a span, .more-link-mini span { color: #58595d; text-shadow: 1px 1px 0px #F1F1F1; background: transparent url('graphix/read-more-mini.png') no-repeat top right; cursor: pointer; float: left; font-weight: bold; height: 24px; padding: 9px 10px 0px 4px; white-space: nowrap } .page_nav a:hover, .more-link-mini:hover { background-position: 0px -33px } .page_nav a:hover span, .more-link-mini:hover span { background-position: 100% -33px } #page_list .page { display: block; float: left; text-align: center; background: transparent url('graphix/pagging-bg.png') no-repeat top left; height: 22px; padding-left: 9px } #page_list .page span { background: transparent url('graphix/pagging-bg.png') no-repeat top right; text-align: left; padding: 1px 8px 0px 0px; float: left; height: 21px; cursor: pointer } #page_list a.current, #page_list .page:hover { background-position: 0px -22px } #page_list a.current span, #page_list .page:hover span { background-position: 100% -22px; color: #FFF } #number_page { display: inline-block; line-height: 33px; vertical-align: top } /* --------- 5.4 SINGLE PAGE */ .colorwave-avatar { height: 53px; width: 53px; background: transparent url('graphix/avatar-bg.png') no-repeat top left; padding: 5px 0px 0px 5px } #post-single { border-bottom: 1px solid #E8E8E8 } #author-info { margin-top: 10px; padding-top: 20px; background: transparent url('graphix/separ-horizontal-bg.png') repeat-x top left } #author-info h4 { color: #1e8dcc; font-weight: bold; font-size: 15px } #author-info h5, #comments-head h5 { font-weight: normal; font-style: italic; color: #999; font-size: 13px } #author-description { margin: 10px 0px 20px 0px } #author-description .colorwave-avatar { float: left; width: 70px } #author-description p { float: left; width: 88%; } #comments-share { background: transparent url('graphix/separ-horizontal-bg.png') repeat-x top left } #comments-head { width: 47%; float: left } #comments-head h3 { font-size: 18px } #related-posts { margin: 5px 0px; padding: 5px 0px 0px 0px; background: transparent url('graphix/separ-horizontal-bg.png') repeat-x top left } #related-posts h3 { font-weight: bold; margin-bottom: 0px } #related-posts h5 { font-style: italic; margin-bottom: 10px } /* SOCIAL */ #social-bookmark { width: 50%; float: left; margin-top: 20px; padding-right: 2% } #social-bookmark a, .social-shortcode a { float: right; display: block; height: 23px; width: 23px;margin-left: 14px } .social-shortcode a { float: left } #social-bookmark a:hover, .social-icons a:hover, .social-shortcode a:hover { background-position: 0px -23px } .facebook { background: transparent url("graphix/social/icon-facebook.png") no-repeat top left } .linkedin { background: transparent url("graphix/social/icon-linkedin.png") no-repeat top left } .flickr { background: transparent url("graphix/social/icon-flickr.png") no-repeat top left } .digg { background: transparent url("graphix/social/icon-digg.png") no-repeat top left } .twitter { background: transparent url("graphix/social/icon-twitter.png") no-repeat top left } .stumbleupon { background: transparent url("graphix/social/icon-stumbleupon.png") no-repeat top left } .delicious { background: transparent url("graphix/social/icon-delicious.png") no-repeat top left } .tumblr { background: transparent url("graphix/social/icon-tumblr.png") no-repeat top left } .friendfeed { background: transparent url("graphix/social/icon-friendfeed.png") no-repeat top left } .youtube { background: transparent url("graphix/social/icon-youtube.png") no-repeat top left } .vimeo { background: transparent url("graphix/social/icon-vimeo.png") no-repeat top left } .deviantart { background: transparent url("graphix/social/icon-deviantart.png") no-repeat top left } .lastfm { background: transparent url("graphix/social/icon-lastfm.png") no-repeat top left } .posterous { background: transparent url("graphix/social/icon-posterous.png") no-repeat top left } .brightkite { background: transparent url("graphix/social/icon-brightkite.png") no-repeat top left } .rss { background: transparent url("graphix/social/icon-rss.png") no-repeat top left } .social-icons { background-color: #fff; border: 1px solid #CCC; -webkit-border-radius: 4px } .social-icons div { background-color: #e9e9e9; margin: 1px; overflow: hidden } .social-icons a { float: left; display: block; height: 23px; width: 23px; margin: 6px 9px 6px 9px } .social-shortcode { height: 30px; clear: both } /* --------- 5.5 COMMENTS */ #comments-entries { background-color: #FFF; margin-top: 30px; clear: both; border: 1px solid #e0e0e0; -webkit-border-radius: 4px; -moz-border-radius: 4px } #comments { background-color: #f0f0f0; margin: 1px; padding: 10px 0px 6px 0px } .form-submit { padding-bottom: 4px } .comments-entry { padding: 20px 0px 20px 0px; background: transparent url('graphix/separ-horizontal-bg.png') repeat-x bottom left } .comments-author { background-color: #FFF } .comments-entry .colorwave-avatar { margin-left: 2% } .comments-entry .comments-entry { margin-top: 20px; padding: 20px 0 0 4%; background: transparent url('graphix/separ-horizontal-bg.png') repeat-x top left } .pingback { padding: 12px 0px 0px 14px; background: transparent url('graphix/separ-horizontal-bg.png') repeat-x bottom left } .comment-infos { width: 20%; margin: 0 2% 0 2% } .comment-infos h5 { margin-bottom: 0px; font-weight: bold; font-size: 13px; line-height: 1.6em; color: #58595d } .comment-infos span { font-size: 11px; padding-left: 3px; color: #999 } .comment-body { width: 64.5% } .comments-entry .comments-entry .comment-body { width: 64.05% } .comments-entry .comments-entry .comments-entry .comment-body { width: 63.7% } .comments-entry .comments-entry .comments-entry .comments-entry .comment-body { width: 63.25% } .comment-body p { padding-bottom: 5px; font-size: 12px; color: #626367 } .comment-body blockquote { padding: 4px 0px 0px 34px; margin: 10px 0px 10px 0px; font-style: italic; background-color: #f0f0f0; background: transparent url('graphix/quote.png') no-repeat 4px 4px; border-left: none; } .comment-body blockquote p { font-size: 12px; color: #333 } .comment-edit-link { font-size: 11px } .comment-reply-link { float: right; color: #999; font-size: 11px; text-shadow: 1px 1px 0px #FFF; margin-right: 10px } .comment-reply-link:hover { color: #1e8dcc } #comment-form { margin-left: 10px; width: 98% } #comment-form label { display: block; width: 20%; float: left } #comment-form label { padding: 5px 10px 6px 6px; border: 1px solid #EAEAEA; background-color: #EAEAEA; text-shadow: 1px 1px 0px #FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px } #comment-form label img { position: relative; top: 2px } .form-allowed-tags { font-size: 10px } #comment-form input[type=text] { width: 72%; padding: 7px; border: 1px solid #EAEAEA; margin-left: 3px; margin-top: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px } #comment-form textarea { width: 95%; background-color: #FFF; padding: 6px 10px 6px 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px } #submit { background: transparent url('graphix/button-submit.png') no-repeat 0px 2px; text-align: center; color: #FFF; height: 42px; width: 126px; line-height: 12px; padding: 0px; border: 0; margin: 0px; border: none; cursor: pointer; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; } #submit:hover { background-position: 0px -40px } .navigation { height: 30px } .nav-previous { float: left; margin: 10px 0px 0px 10px; font-size: 12px } .nav-next { float: right; margin: 10px 10px 0px 0px; font-size: 12px} /* ---------- 5.6 SERVICES */ .service { margin-bottom: 20px } .service-preview { width: 300px; float: left } .service-content .more-link, .service-content .button { float: left; margin: 10px 10px 0px 0px } .service-buttons { margin: 0 auto; } .service-content { width: 660px; float: left; margin-right: 20px } .service-content h2 { margin: 0px 0px 10px 0px } /* ---------- 5.7. FOOTER */ #footer { border-top: 1px solid #FFF; background-color: #FAFAFA; border-bottom: #EAEAEA } #footer h3 { color: #b3b3b3; font-size: 20px; font-weight: normal; margin-bottom: 20px } #copyright { height: 60px; background: #1a6b99 url('graphix/copyright-bg.png') repeat-x bottom left } #copyright-content { float: left; width: 30%; margin-top: 16px } #copyright-content h6 { color: #FFF } #copyright-content h6 span { color: #CCC } #copyright ul { width: 70%; float: left; margin-top: 20px; margin-bottom: 10px } #copyright li { list-style-type: disc; float: right; margin-left: 10px; padding-left: 4px; font-size: 9px } #copyright a { font-size: 11px; color: #CCC } #copyright a:hover { font-size: 11px; color: #1e8dcc } /* ---------- 5.8 PORTFOLIO */ .portfolio { padding: 20px 0px 20px 0px } .portfolio h2 { margin: 0px; color: #58595d } .portfolio h6 { margin-bottom: 15px } .portfolio-preview { width: 488px; float: left; } .portfolio-preview-content { width: 480px; height: 220px; padding: 0px 4px 0px 4px; background: transparent url('graphix/portfolio-slider-bg.png') repeat-y top left } .portfolio-columns-preview { width: 478px } .portfolio-preview-columns-content { width: 470px; background: transparent url('graphix/portfolio-slider-columns-bg.png') repeat-y top left } .portfolio-slider { position:relative; width: 480px; height: 220px; background: transparent url('graphix/preload.gif') no-repeat 50% 50% } .portfolio-columns-slider { position:relative; width: 470px; height: 220px; background: transparent url('graphix/preload.gif') no-repeat 50% 50% } .portfolio-slider img { position:absolute; top: 0px; left: 0px; display: none; } .portfolio-slider a { border:0; display:block; } .portfolio-content { width: 466px; float: left; margin-left: 16px } .portfolio-content .button, .portfolio-content .more-link { float: left; margin-right: 10px } #portfolio-cat { color: #1e8dcc; float: left; line-height: 12px; font-size: 18px; font-weight: normal; padding-top: 12px; margin-right: 10px } .one_half_portfolio, .one_half_portfolio_last { width: 478px; float: left; margin: 15px 0px 20px 0px; overflow: hidden } .one_half_portfolio { padding-right: 12px } .one_half_portfolio_last { padding-left: 12px } /* ---------- 5.9 ARCHIVES */ .archives-content { width: 560px; margin-left: 10px } .archives h2 { margin: 4px 0px 4px 0px; font-size: 18px } .archives p { padding-bottom: 0px } .archives:hover { background-color: #F1F1F1 } /* ---------- 5.10 GALLERY */ .gallery-item { float: left; width: 200px; margin-right: 14px; padding: 10px 0px 10px 0px; margin-bottom: 10px } .image-gallery { position: relative; background: transparent url('graphix/gallery-bg.png') no-repeat top left; width: 192px; height: 146px; padding: 4px 4px 15px 4px } .gallery-item h4 { margin: 5px 0px 0px 10px; color: #999999 } .vignette-new { position: absolute; top: -5px; right: -5px; } .gallery-view-image { position: absolute; top: 44px; left: 16px; height: 56px; width: 55px; background: transparent url('graphix/magnifying-glass.png') no-repeat top left } .gallery-read-more { position: absolute; top: 44px; right: 16px; height: 56px; width: 55px; background: transparent url('graphix/fleche-more.png') no-repeat top right } /* ---------- 5.11 SITEMAP / 404 */ .sitemap li { padding-top: 6px } .sitemap-pages li { list-style: none outside none; background: transparent url('graphix/icon-page.png') no-repeat 0px 8px; padding-left: 20px } .sitemap-categories li { list-style: none outside none; background: transparent url('graphix/icon-categorie.png') no-repeat 0px 8px; padding-left: 20px } .sitemap-tags li { list-style: none outside none; background: transparent url('graphix/icon-tag.png') no-repeat 0px 8px; padding-left: 20px } .sitemap-authors li { list-style: none outside none; background: transparent url('graphix/icon-author.png') no-repeat 0px 8px; padding-left: 20px } .sitemap-posts li , .unknow-posts li { list-style: none outside none; background: transparent url('graphix/icon-post.png') no-repeat 0px 8px; padding-left: 20px } .sitemap-posts-categories .one_half, .sitemap-posts-categories .one_half_last, .sitemap-posts-categories h3 { margin-top: 0px } #unknow { margin: 0 4% 0 4% } #unknow div { float: left; margin-right: 20px; margin-left: 20px } #unknow h1 { margin: 50px 0px 3px 0px; color: #86878a } #unknow h4 { margin: 0px; color: #b4b4b4 } #unknow .button { margin-top: 50px } .unknow-posts li { padding-top: 6px } /* ********** 6. WIDGETS */ /* ---------- 6.1 GENERAL */ .widget-separ { padding: 10px 0px 10px 0px } #primary h3 { color: #58595d; font-size: 20px; font-weight: normal; margin: 0px 0px 10px 0px; padding-top: 12px } #primary li { text-indent: 4px; font-size: 14px; margin: 0; padding: 6px 0px 6px 0px; background: transparent url('graphix/separ-horizontal-bg.png') repeat-x bottom left; line-height: 1.6em } #primary ul { margin-bottom: 0px; list-style: none } #primary ul ul { margin-bottom: 0 } #primary ul ul li{ padding-left: 14px; border: 0px; background: none } #primary li:hover { background-color: #F1F1F1 } .widget_text ul { list-style-type: disc } .rss-date { font-size: 0.8em; color: #444 } /* ---------- 6.2 TWITTER */ .tweet { margin-bottom: 16px } .tweet-icon { position: relative; top: 3px } .tweet a { color: #999; font-size: 12px; line-height: 1.6em } .tweet a:hover { color: #1e8dcc } .tweet span { color: #2c94cf; font-size: 10px } /* ---------- 6.3 SEARCH BAR */ #footer .widget_searchbarwidget h3, #footer .widget_socialwidget h3 { margin-bottom: 5px } #footer .widget_searchbarwidget h6, #footer .widget_socialwidget h6 { margin-bottom: 15px; font-size: 12px; font-style: italic; color: #999; font-weight: normal } #s { font-size: 13px; line-height: 20px; color: #525252; display: block; float: left; background: transparent url('graphix/input-search-bg.png') no-repeat top left; height: 25px; width: 221px; border: 0px; padding: 6px 6px 4px 6px } #searchsubmit { display: block; float: left; cursor: pointer; border: 0px; background: transparent url("graphix/submit-search.png") no-repeat top left; width: 35px; height: 33px; padding: 0px; margin: 0px 0px 0px 3px } #searchsubmit:hover { background-position: 0px -33px } /* ---------- 6.4 CALENDAR */ .widget_calendar table { border-spacing: 2px; border-collapse: separate; width: 100% } .widget_calendar th { background-color: #EAEAEA; color: #FFF; text-align: center; padding: 6px 0px 6px 0px; font-size: 12px } .widget_calendar td { background-color: #F0F0F0; border: 0px; color: #58595D; font-size: 12px; text-align: center; padding: 6px 0px 6px 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px } .widget_calendar td:hover { background-color: transparent } .widget_calendar .pad { background-color: transparent } .widget_calendar caption { margin-bottom: 10px; font-size: 13px; color: #1e8dcc; text-transform: capitalize } /* ---------- 6.5 CATEGORIES / ARCHIVES / FLICKR */ .widget_categories li, .widget_archive li { float: left; width: 50% } .widget_categories ul ul li { width: 80% } .widget_categories select { padding: 4px } .flickr_badge_image { position: relative; margin: 8px 8px 0px 0px; float: left; background: transparent url('graphix/flickr-img-bg.png') no-repeat top left; width: 80px; height: 80px; padding: 5px } .widget_flickrwidget .button { margin-top: 15px } /* ---------- 6.6 RECENT / POPULAR POSTS */ .posts-sidebar { position: relative; width: 292px; overflow: hidden; margin: 10px 0px 10px 0px; } .post-sidebar { background: transparent url('graphix/post-widget-bg.png') repeat-y top left; padding-left: 5px; padding-right: 5px; width: 282px; height: 104px } .posts-sidebar p a { color: #1e8dcc; font-size: 14px; } .posts-sidebar p a:hover { color: #333 } .posts-sidebar p span { font-size: 10px; color: #333 } .posts-widget { padding: 10px 0px 10px 0px; background: transparent url('graphix/separ-horizontal-bg.png') repeat-x bottom left } .posts-widget:hover { background-color: #F1F1F1 } .posts-widget-content { width: 220px; margin-left: 10px; float: left } .posts-widget-content h4 { font-weight: normal; padding-top: 2px } .posts-widget-content h6 { font-size: 10px } .posts-widget-mini h4 { padding-left: 4px } .posts-widget-mini h6 { padding-left: 5px } /* ---------- 6.7 RECENT COMMENTS */ .comments-sidebar { margin: 20px 0px 10px 0px } .comment-sidebar p { padding: 10px 4px 4px 10px } .comment-sidebar span { padding: 0px 10px 0px 10px; font-size: 10px; color: #828282; font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; } .comment-sidebar span a { color: #828282 } .comment-sidebar span a:hover { color: #333 } .comment-sidebar { background: transparent url('graphix/comment-widget-bg.png') repeat-y top left } .comment-sidebar blockquote { background: transparent url('graphix/blockquote-comments.png') no-repeat 10px 10px; margin: 0px; padding: 4px 4px 0px 20px; border: 0 } .comments-excerpt { font-size: 15px; } .comments-sidebar h6 { color: #999999; float: right; position: relative; right: 40px; bottom: 6px } .comments-sidebar h6 span { color: #58595d } #primary .widget_popularpostswidget h3,#primary .widget_recentcommentswidget h3,#primary .widget_recentpostswidget h3, #primary .widget_flickrwidget h3, #primary .widget_recentgallerieswidget h3 { margin-bottom: 3px } .widget_popularpostswidget h5, .widget_recentcommentswidget h5, .widget_recentpostswidget h5, .widget_flickrwidget h5, .widget_recentgallerieswidget h5 { font-style: italic; font-weight: normal; color: #999; margin-left: 3px; margin-bottom: 10px } /* ---------- 6.8 CONTACT FORM */ .widget_contactformwidget label { display: block; float: left; width: 18%; padding: 4px 10px 2px 6px; border: 1px solid #EAEAEA; background-color: #EAEAEA; text-shadow: 1px 1px 0px #FAFAFA; -webkit-border-radius: 6px; -moz-border-radius: 6px } .widget_contactformwidget input[type=text], textarea { border: 1px solid #EAEAEA; padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px } .widget_contactformwidget input[type=text] { width: 70%; float: left; margin-right: 2px; } .widget_contactformwidget textarea { width: 99%; height: 80px } .widget_contactformwidget p { clear: left; padding: 4px 0px 4px 0px } .widget_contactformwidget input[type=submit] { background: transparent url('graphix/button-submit.png') no-repeat top left; text-align: center; color: #FFF; padding: 12px 0px 12px 0px; width: 126px; border: none; cursor: pointer; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; } .widget_contactformwidget input[type=submit]:hover { background-position: 0px -42px } /* ---------- 6.9 FEEDBURNER */ .feedburner h4 { margin: 0px 0px 10px 0px } .feedburner h4 img { position: relative; top: 3px; left: 1px } .newsletter-input { float: left; background: transparent url('graphix/newsletter-input.png') no-repeat top left; border: none; width: 240px; padding: 4px 4px 4px 6px; height: 27px; color: #AAA; margin-right: 5px } .newsletter-submit { float: left; cursor: pointer; background: transparent url('graphix/newsletter-submit.png') no-repeat top left; height: 34px; width: 36px; border: none; text-indent: -9999px } .newsletter-submit:hover { background-position: bottom left } .feedburner-description { font-style: italic; color: #999999; padding-bottom: 4px } /* ********** 7. jQuery Preload Image */ .preload_image { background: transparent url('graphix/preload.gif') no-repeat 50% 50% } .service_thumb { position: relative; width: 290px; height: 130px } .gallery_thumb { position: relative; width: 192px; height: 146px } .portfolio_image { position: relative; width: 480px; height: 220px } .post-thumb { position: relative; width: 282px; height: 104px; float: left } .post-view { position: relative; width: 626px; height: 184px } .portfolio-view { position: relative; width: 480px; height: 220px; float: left; margin-right: 6px } .post-head-small { position: relative; width: 288px; height: 114px; float: left } .post-head-list { position: relative; width: 288px; height: 200px; float: left } .post-view a, .post-head-small a { cursor: pointer } .featured_work { position: relative; float: left; width: 209px; height: 165px } .magnifying-glass { display: block; background: transparent url('graphix/magnifying-glass.png') no-repeat 50% 50% } .fleche-more { display: block; background: transparent url('graphix/fleche-more.png') no-repeat 50% 50% } .fleche-more-mini { display: block; background: transparent url('graphix/fleche-more-mini.png') no-repeat 50% 50% } .image-roll { position: absolute; top: 0px; left: 0px } /******** 8 . HIGHLIGHT > /* ------ 8.1 . NIVO SLIDER */ .nivoSlider { position:relative } .nivoSlider img { position:absolute;top:0;left:0 } .nivoSlider a { display:block } .nivoSlider a.nivo-imageLink { position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none } .nivo-slice { display:block;position:absolute;z-index:50;height:100% } .nivo-caption { position: absolute; left: 0px; bottom: 0px; opacity: 1.0; z-index: 89; width: 100%; cursor: default; background-image: url('graphix/highlight-nivo-caption-bg.png') } .nivo-caption h1 { font-size: 26px; color: #DDD; margin: 10px 0px 4px 10px; font-weight: normal } .nivo-caption p { padding: 0 } .nivo-caption p.slider-description { font-size: 10px; color: #AAA; margin-left: 11px; padding-bottom: 16px; } .nivo-directionNav a { position:absolute;bottom:10px;z-index:99;cursor:pointer } .nivo-directionNav a:hover { background-position:0 -23px } .nivo-prevNav { right: 46px; background-image: url('graphix/highlight-prev.png'); background-repeat: no-repeat; width: 29px; height: 23px; text-indent:-9999px } .nivo-nextNav { right: 17px; background-image: url('graphix/highlight-next.png'); background-repeat: no-repeat; width: 29px; height: 23px; text-indent:-9999px } .nivo-controlNav { position:absolute; bottom: -30px } .nivo-controlNav a { display:block; float:left; margin:3px; background-image:url('graphix/bullets.png'); text-indent:-9999px; height: 12px;width: 12px;z-index:99;cursor:pointer } .nivo-controlNav a:hover { background-position:0 -12px } .nivo-controlNav a.active { background-position:0 -12px; cursor: default } .nivo-html-caption { display:none; } #highlights-nivo { padding-top: 34px; } #highlight-nivo-content { background: transparent url('graphix/highlight-nivo-bg.png') repeat-y top left; padding: 3px 0px 3px 11px } #highlight-nivo { height: 320px; width: 960px; background: transparent url('graphix/preload.gif') no-repeat 50% 50% } .nitrografix-slideshow { margin: 10px 0px 10px 0px; background: transparent url('graphix/preload.gif') no-repeat 50% 50% } .nitrografix-slideshow .nivo-caption { width: auto; bottom: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px } .nitrografix-slideshow .nivo-caption p { padding: 10px; font-size: 15px; color: #FFF } .portfolio-slider .nivo-prevNav { left: 17px } .portfolio-slider .nivo-nextNav { left: 46px; } .portfolio-slider .nivo-controlNav { bottom: 0px; right: 0px; padding: 3px 4px 3px 6px; background: #FFF; z-index: 99; -webkit-border-top-left-radius: 4px } .portfolio-slider .nivo-caption { display: none } /* ------- 8.2 NITROGRAFIX HIGHLIGHT */ #preload_highlight { display: none; right: 10px; bottom: 10px; position: absolute; } #preload_highlight p { color: #999; font-size: 10px; } #highlight-wrap { position: relative; height: 420px; width: 980px; background: transparent url('graphix/bg-highlight.png') no-repeat top center } #highlights { position: relative; width: 9999px; } .highlight-content { display: block; float: left; margin-right: 80px; width: 980px; height: 420px } .highlight-image { display: block; float: left; width: 547px; background: transparent; } .highlight-preview { float: left; width: 350px; margin-left: 70px } .highlight-preview h1 { color: #F4F4F4; text-shadow: 1px 1px 0px #114c76; font-size: 25px; margin-top: 0px } .highlight-preview p { font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; color: #F4F4F4; text-shadow: 1px 1px 0px #114c76; font-size: 14px } .highlight-more { margin-top: 10px } .highlight-more a { margin-right: 10px; color: #58595D } .highlight-caption { position: absolute; left: 618px; bottom: 35px } .highlight-caption a { display:block; float:left; margin:2px; background-image:url("graphix/bullets.png"); text-indent:-9999px; height: 12px; width: 12px; z-index:99; cursor:pointer } .highlight-caption a:hover { background-position: 0 -12px } .highlight-caption a.active { background-position: 0px -12px; cursor: default } #piecemaker { position: absolute; top: 20px }