/* Theme Name: SuperCMS Theme URI: http://themeforest.net/user/bukkiah/ Description: SuperCMS is a Content Management System suitable for all your web needs. Author: Bukkiah Version: 1.0 Tags: clean, sharp, elegant, business, portfolio, blog */ @import "css/reset.css"; /* TABLE OF CONTENTS 1. GENERAL 2. STRUCTURE 2.1 Wrappers & Floating 2.2 Header 2.3 Navigation 2.4 Main (Content & Sidebar) 2.5 Footer 3. POSTS 3.1 Typography 3.2 Post Styling 4. COMMENTS 4.1 Comments 4.2 Comment Form 5. WIDGETS 5.1 Sidebar Widgets 5.2 Footer Widgets 5.3 Special Widgets 6. MISC 6.1 Billboard 6.2 Latest News 6.3 Buttons 6.4 Columns 6.5 Breadcrumbs 6.6 Images 6.7 Image Gallery 6.8 Portfolio 6.9 Boxes 6.10 Scrollable 6.11 Styled links 6.12 Styled lists 6.13 Infoboxes 6.14 Headings 6.15 Dropcaps 6.16 Tables 6.17 Separators 6.18 Tabs 6.19 Toggles 6.20 Sitemap 6.21 Accordiong 6.22 Apple Overlay 6.23 Lightbox Gallery 6.24 Sliders 7. STYLESHEETS 7.1 Clean 7.2 Hex 7.3 Wood 7.4 Graph 7.5 Carbon */ /* GENERAL */ html { } body { font: 12px/20px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color:#434242; text-align:center; background: transparent url('images/body-bg.jpg') repeat;} input, textarea { font-size:12px; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; } /* ----------- */ /* 2.STRUCTURE */ /* ----------- */ /* 2.1 Wrappers & Floating */ #page-container { background: transparent url('images/light-accent.png') no-repeat center top; } .wrapper { text-align:left; margin:0px auto; width:960px; } #main { background: transparent url('images/content-shadow.png') repeat-x; padding-top:50px; min-height:500px; } #content { } .page-template-template-blog-php #content { padding-top:15px; } #sidebar { } #sidebar.sidebar-left-padding { padding-left:40px; } #sidebar.sidebar-right-padding { padding-right:40px; } .fl { float:left; } .fr { float:right; } #sidebar li, #sidebar2 li { margin-bottom:9px; padding-bottom:9px; } .list-border-dotted li{ border-bottom: 1px dotted #d8d3d3; } .list-border-dotted.bigger-spacing li { margin-bottom:15px !important; padding-bottom:15px !important; } .list-border-dotted li:last-of-type { border-bottom:none; margin-bottom:0 !important; padding-bottom:0 !important; } .no-style-list { list-style-type:none !important; } ul li a, ol li a { line-height:10px; } .widget_categories ul li, .widget_archive ul li { border-bottom: 1px dotted #d8d3d3; } /* 2.2 Header */ #header { background-color:#303030; repeat; height:91px; } #header .wrapper { background: transparent url('#') no-repeat center 5px; padding-top: 24px; height:50px;} #logo h1 { text-indent:-9999px; height:0; overflow:hidden; } #logo h1.logo-h1 { text-indent:0; height:auto; overflow:none; font-size:16px; color:white; } #tagline { color:#aaa; font-weight:bold; font-style:italic; margin-left: 15px; text-shadow: 1px 1px 0px #151515; margin-top:19px; } #rss { margin-top:16px; } #search { margin-left:30px; position:relative; margin-top:10px;} .widget_search #searchform{ position:relative; } #s { width: 177px; background: transparent url('images/search-bg.png') no-repeat; border:none; padding:5px 30px 5px 12px; line-height:12px; color:#aaa;text-shadow: 1px 1px 0px black; font-style:italic; } #s-submit { position:absolute; right:10px; top:7px; } .widget_search #s-submit { right:50px; } .widget_search #s { color:white; } /* 2.3 Navigation */ #navigation { background: transparent url('images/navigation-bg.png') repeat-x;} #navigation #navigation-inner { } #navigation ul li{ display:block; float:left; font-size:12px; padding:10px 0px; } #navigation ul li a { color:white; text-decoration:none; display:block; float:left; margin-right:33px; text-shadow:1px 1px 1px #151515; } #navigation ul li a span { float:left; display:block; padding-top:6px; padding-bottom:6px; margin-left:2px;height:14px; } #navigation ul li.current_page_item a, #navigation ul li.current_page_parent a{ background: transparent url('images/nav-right-cap.png') no-repeat scroll top right; display: block; float: left; height: 26px; padding-right: 12px;} #navigation ul li.current_page_item a span, #navigation ul li.current_page_parent a span{ background: transparent url('images/nav-left-cap.png') no-repeat; display: block; line-height: 12px; padding:6px 0px 5px 10px; } #navigation ul ul a { text-shadow:none; } #navigation ul ul a span { line-height:15px; height:auto; } #navigation ul ul a { background-image:none !important; } #navigation ul ul a span { background-image:none !important; } /* 2.4 Main (content and sidebar) */ .the-box-shadow { -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; border-radius: 8px; -webkit-border-radius:8px; -moz-border-radius:8px; } .wp-pagenavi, .white-wrap { border-radius: 8px; -webkit-border-radius:8px; -moz-border-radius:8px; background:white url('images/white-wrap-bg.png') repeat-x bottom; padding:25px 20px; position:relative;} .white-wrap.no-bg-image { background-image:none; } .white-wrap.small-shadow { background-image: url('images/white-wrap-bg-small.png'); } .shadow-pos-right { background: transparent url('images/content-shadow-right.png') repeat-y top right; } .shadow-pos-left { background: transparent url('images/content-shadow-left.png') repeat-y top left; } .wp-pagenavi, .shadow-pos-top { background: white url('images/content-shadow-top.png') repeat-x top left; } .shadow-pos-top-big { background: white url('images/content-shadow-top-big.png') repeat-x top left; } .shadow-pos-bottom { background: white url('images/content-shadow-bottom.png') repeat-x bottom left; border:none; } .border-bottom { border-bottom:1px solid #e3e3e3; } .border-top { border-top:1px solid #e3e3e3; } .white-wrap.no-padding { padding:0; } .white-wrap.no-hor-padding { padding-left:0; padding-right:0; } .white-wrap.no-ver-padding { padding-top:0; padding-bottom:0; } .white-wrap.bigger-padding { padding: 25px 35px; } .white-wrap.bigger-padding #billboard-right { margin-right:-35px; } .white-wrap.bigger-ver-padding { padding-top:50px; padding-bottom:50px; } .white-wrap.no-top-padding { padding-top:0; } .white-wrap.no-bottom-padding { padding-bottom:0; } .wp-pagenavi, .white-wrap.no-top-radius { border-top-left-radius:0; border-top-right-radius:0; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; } .white-wrap.no-bottom-radius { border-bottom-left-radius:0; border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; } .wp-pagenavi, .white-wrap.no-bottom-right-radius { border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomright:0; } .white-wrap.no-top-right-radius { border-top-right-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; } .white-wrap.z-index-50 { z-index:50; } .white-wrap.z-index-100 { z-index:100; } .white-wrap.z-index-150 { z-index:150; } .white-wrap.z-index-200 { z-index:200; } .margin-bottom-15 { margin-bottom:15px; } .margin-bottom-40 { margin-bottom:40px; } .margin-bottom-70 { margin-bottom:70px; } .wp-pagenavi, .negative-margin-35 { margin-left:-35px; margin-right:-30px; padding-left:35px; padding-right:35px; } .negative-margin-top-25 { margin-top:-25px; } .description { color:#999; text-transform:uppercase; font-size:10px; font-weight:bold; } .description a { font-weight:bold !important; } .hidden-overflow { overflow:hidden; } .no-box-shadow { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .transparent-bg { background:transparent; } .non-bold { font-weight:normal; } .italic { font-style:italic; } .non-capitalize { text-transform:none; } #footer .description { font-weight:bold; } /* 2.5 Footer */ #footer { background: transparent url('images/footer-behind-bg.png');color:#aaa; text-shadow:1px 1px 1px #232324; } #footer h4 { text-shadow:none; } #footer-widgets { background: transparent url('images/footer-bg.png') repeat-x; padding-top:35px; padding-bottom:35px; } #footer-bottom { background: transparent url('images/footer-line-bg.png') top center no-repeat; font-weight:bold; text-shadow:1px 1px 1px black; } #footer-bottom a { text-decoration:none; } #footer-bottom .fl { font-style:italic; } #footer-bottom #footer-nav li { float:left; display:block; margin-left:25px; margin-bottom:0; padding-bottom:0; } #footer-bottom #footer-nav a { color:white; font-weight:bold; } #footer-bottom #footer-nav ul { margin:0; } #footer-bottom-inner { background:transparent url('images/footer-bottom-bg.png'); padding:25px 0; } /* -------- */ /* 3. POSTS */ /* -------- */ /* 3.1 Typography */ a { color:#5b778e; text-decoration:none; font-weight:bold; } a.black { color:#2e2e2e; } a:hover { text-decoration:underline; } p,ul, ol, blockquote, pre { margin-bottom:20px; } ul, ol { } ul { } ol { } ul li, ol li { padding-bottom:10px; margin-bottom:10px; } .align-center { text-align:center; } .alignright {float:right; margin: 10px 0 10px 10px; } .alignleft {float:left; margin: 10px 10px 10px 0;} .aligncenter {display: block; margin-left: auto !important; margin-right: auto !important;} .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } #content ul, ol { list-style-position:inside; margin-left:15px; text-transform: capitalize; } #content ul li, #content ol li { line-height:24px; margin:0; padding:0; } #content ul ul, #content ul ol, #content ol ol, #content ol ul { margin:0; padding:0;margin-bottom:0px; padding-left:20px; } #content ul { list-style-type: disc; } #content ul ul { list-style-type: circle; } #content ul ul ul { list-style-type: square; } #content ol { list-style-type: decimal; } #content ol ol { list-style-type: lower-alpha; } #content ol ol ol{ list-style-type: lower-roman; } #content pre { background-color:#eee; border:1px solid #aaa; padding:10px; } #content blockquote { padding: 10px 20px 10px 30px; font-style:italic; background: transparent url("images/quote.png") top left no-repeat; } h1 { } h2 { font-size:26px; line-height: 30px; font-weight:normal; margin-bottom:25px; color:#2e2e2e; letter-spacing: -1px; text-transform:capitalize; } h3 { font-size:18px; line-height: 25px; font-weight:bold; margin-bottom:30px; color:#2e2e2e; text-transform:capitalize; } h4 { font-size:15px; line-height:22px; font-weight:bold; margin-bottom:30px; color:#555; text-transform:none; } h5 { } .no-margin-bottom { margin-bottom:0; } #page-heading { font-size:15px; line-height:25px; padding-top:50px !important; padding-bottom:50px !important; } #page-heading p { font-style:italic; color:#555; margin-bottom:0; } .page-heading { font-size:15px; line-height:25px; } .page-heading h2 { line-height:50px; } .page-heading p { font-style:italic; margin-bottom:0; color:#555; } .portfolio-page-heading { padding-top:40px !important; padding-bottom:50px !important; } .template-page-product h3 { margin-top:5px; margin-bottom:27px; } .page-product-billboard { background-image:url("images/page-product-bg.png"); } /* 6.2 Post Styling */ .post-thumbnail { text-align:center; margin-bottom:30px; } .post-thumbnail img { padding:3px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; } .post-title { margin-bottom:5px; } .page-title { margin-bottom:25px; } .page-template-template-blog-php .post-title, .single-portfoliocustom .post-title { margin-bottom:10px; } .post-meta-separator { margin:0 10px; color:#d0d0d0; } .post-meta a { color:#999; font-weight:normal; } .with-readmore-icon { padding-right:25px; background:transparent url("images/readmore-icon.png") right center no-repeat; } #about-the-author-info { width:160px; } #about-the-author-pic { margin-right:10px; } #about-the-author-content { width:380px; } #other-posts li div { line-height:15px; } #other-posts li img { margin-right:10px; } #about-the-author, #other-posts, #comments, #leave-comment { padding-top:35px; padding-bottom:35px; } .single-portfoliocustom #comments{ padding-top:0 !important; } .archive-post { margin-bottom:40px; } .archive-post-thumb { padding:3px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; margin-right:30px; } .archive-post-thumb img { display:block; } .archive-title { margin-bottom:0; } .post-thumbnail-wrapper { padding-top:40px; padding-bottom:40px; } /* ----------- */ /* 4. COMMENTS */ /* ----------- */ /* 4.1 Comments */ .comment-meta { width:170px; } .comment-author-info { width:110px; overflow:hidden; } .comment-author-gravatar { margin-right:10px; } .comment-content { width:330px; padding-right:50px; position:relative; } .comment-reply { position:absolute; right:20px; top:5px; } #comment ol, #comments ul { list-style-type:none !important; } #comments ol li { border-bottom:1px dotted #ccc; padding-bottom:20px; margin-bottom:20px; } #comments ul { clear:both; margin-left:20px !important; padding-left:20px; border-left:1px solid #ccc; padding-top:20px !important; } #comments ul .comment-content { width:340px; } #comments ul li { border-bottom:none; padding-bottom:0px;} #comments .comment:last-of-type { border-bottom:0; margin-bottom:0; } #comments p { line-height: 21px; text-transform:none; } .comment-meta p { line-height:15px; margin-bottom:0 !important; } #comments ul.children .comment-content{ width:290px; } #comments ul.children ul.children .comment-content{ width:250px; } .avatar { padding:4px; background: url("images/testimonial-frame.png") no-repeat scroll 0 0 transparent; } .avatar-24 { padding:3px; background-image:url("images/image-24px-wrapper.png"); background-repeat:no-repeat; } .testimonial-avatar .avatar { padding:0; background:none; } /* 4.2 Comment Form */ #leave-comment input, #leave-comment textarea { padding:7px 10px; line-height:15px; margin-right:20px; border:1px solid #cbcbcb; background: #fdfdfd url("images/comment-fields-bg.png") top left repeat-x; } #leave-comment input { width:250px; } #leave-comment textarea { width:450px; height:100px; vertical-align:top; } #leave-comment #submit { display:none } #leave-comment-portfolio input, #leave-comment-portfolio textarea { padding:7px 10px; line-height:15px; margin-right:20px; border:1px solid #cbcbcb; background: #fdfdfd url("images/comment-fields-bg.png") top left repeat-x; color:#999; text-transform:uppercase; font-size:11px; } #leave-comment-portfolio input { width:250px; } #leave-comment-portfolio textarea { width:250px; height:100px; vertical-align:top; } #leave-comment #submit, #leave-comment-portfolio #submit { display:none; } /* ---------- */ /* 5. WIDGETS */ /* ---------- */ /* 5.1 Sidebar Widgets */ .widgets-with-margin .widget { margin:0 35px; } .widgets-with-margin .widgets-container-inner { margin-left: -36px; margin-right:-36px; } .bigger-padding.widgets-with-margin .widget { margin:0 27px; } .bigger-padding.widgets-with-margin .widgets-container-inner { margin-left: -27px; margin-right:-27px; } .vertical-widgets { margin:0;margin-top:-25px; padding:35px 0; } .vertical-widgets .widget { margin-bottom:35px; } .widget h3 { margin-left:25px; font-size:15px; font-weight:bold; margin-bottom:20px; line-height:20px; } .widget ul, .widget ol { margin-left:0 !important; } .horizontal-widgets .widget ul { margin-bottom:0 !important; } .widget { background: transparent url('images/info-columns/categories-icon.png') no-repeat top left; } .widget-blog, .widget.blogposts, .widget_recent_entries { background: transparent url('images/info-columns/blog-icon.png') no-repeat top left; } .widget-testimonials, .widget.testimonials { background: transparent url('images/info-columns/testimonials-icon.png') no-repeat top left; } .widget-events, .widget.events { background: transparent url('images/info-columns/events-icon.png') no-repeat top left; } .widget-categories, .widget_categories { background: transparent url('images/info-columns/categories-icon.png') no-repeat top left; } .widget-archive, .widget_archive { background: transparent url('images/info-columns/archives-icon.png') no-repeat top left; } .my_recent_comments, .widget-comments, .widget_recent_comments { background: transparent url('images/info-columns/comments-icon.png') no-repeat top left; } .widget-related-posts { background: transparent url('images/info-columns/related-posts-icon.png') no-repeat top left; } .widget-popular-posts { background: transparent url('images/info-columns/popular-posts-icon.png') no-repeat top left; } .widget-author { background: transparent url('images/info-columns/author-icon.png') no-repeat top left; } .widget-inpost-comments { background: transparent url('images/info-columns/inpost-comments-icon.png') no-repeat top left; } .widget-leave-comment { background: transparent url('images/info-columns/leave-comment-icon.png') no-repeat top left; } .widget.testimonials span { font-weight:bold; } .widget .description.date { margin-right:20px; } .widget_categories li, .widget_archive li { text-align:right; clear:both; display:block; width:100%; position:relative; line-height:12px; color:#999; } .widget_categories li a, .widget_archive li a { position:absolute; left:0; } .widget-comments-comment { font-style:italic; } .widget-comments-comment a{ color:#434242; font-weight:normal; } .widget-comments-meta img { vertical-align:middle; } .widget-comments-meta span.comment-author { margin:0 10px; } .popular-widget-post-thumb { margin-right:10px; } #wp-calendar { width:100%; text-align:center; } #wp-calendar caption { border-bottom:1px solid #eaeaea; margin-left:-10px; margin-right:-10px; padding-bottom:10px; margin-bottom:10px; color:#333; font-weight:bold;} /* 5.2 Footer Widgets */ #footer .widget { float:left; margin-left:26px; } #footer .widget:first-of-type { margin-left:0; } #footer a { color:#aaa;} #footer h4 { color:white; margin-left: 25px; margin-bottom:15px;} #footer ul li { border-bottom:1px dotted #161616; padding-bottom:5px; margin-bottom:5px; } #footer ul li:last-of-type { border-bottom:none; } #footer ul li a{ font-weight:normal;text-shadow: 1px 1px 0px black; } #footer-widget-partners, .widget_links { background: transparent url('images/footer-partners.png') no-repeat; } #footer-widget-flickr, .widget_flickr_widget { background: transparent url('images/footer-flickr.png') no-repeat; } #footer-widget-flickr .flickr-pics a { display:block; float:left; width:40px; height:40px; border:3px solid #777; background-color:#5d5d5f; margin:0 0 10px 10px; -moz-box-shadow: 0 1px 2px #1e1e1f; -webkit-box-shadow: 0 1px 2px #1e1e1f; box-shadow: 0 1px 2px #1e1e1f; } #footer-widget-tweets, .widget_twitter_widget { background: transparent url('images/footer-tweets.png') no-repeat; } #footer-widget-contact, .widget.contacttext { background: transparent url('images/footer-contact.png') no-repeat; } .flickr_badge_image { display:block; float:left; width:40px; height:40px; border:3px solid #777; background-color:#5d5d5f; margin:0 0 10px 10px; -moz-box-shadow: 0 1px 2px #1e1e1f; -webkit-box-shadow: 0 1px 2px #1e1e1f; box-shadow: 0 1px 2px #1e1e1f; } .flickr_badge_image img { width:40px; height:40px; } .widget_twitter_widget ul{ margin:0 !important; padding:0 !important;} #sidebar .widget_flickr_widget .flickr_badge_image, #sidebar2 .widget_flickr_widget .flickr_badge_image { border-color:white; } /* 5.3 Special Widgets */ .testimonial-avatar { background:transparent url('images/testimonial-frame.png') no-repeat; padding:3px 4px 5px 4px; margin-right:10px; } /* ------- */ /* 6. MISC */ /* ------- */ /* 6.1 Billboard */ #billboard-content { font-size:13px; line-height:25px;} #billboard-left { width:400px; margin-top:25px; } #billboard-right { background: transparent url('images/laptop.png') no-repeat; width:410px; height:315px; margin-right:-20px; padding:20px 0 0 85px; } #billboard-navigation { position:relative; text-align:center; padding-top:16px; padding-bottom:16px; } .left-arrow { position:absolute; left:35px; top:11px; background: transparent url('images/left-arrow.png') no-repeat; display:block; height:23px; width:23px; } .right-arrow { position:absolute; right:35px; top:11px; background: transparent url('images/right-arrow.png') no-repeat; display:block; height:23px; width:23px; } .left-arrow.in-content-nav { left:-10px; top:170px; } .right-arrow.in-content-nav { right:-10px; top:170px; } .page-template-template-index-ver2-php #billboard-navigation { background-image: url('images/homepage-ver2-billboard-nav-bg.png'); } .page-template-template-index-ver2-php #billboard-content { background-image: url('images/homepage-ver2-billboard-bg.png'); } .billboard-entry { display:none; } #billboard-entry-1 { display:block; } .billboard-entry.visible { display:block; } .billboard-pic { display:none; } #billboard-pic-1 { display:block; } .billboard-pic.visible { display:block; } #billboard-navigation-circles { height:12px; } #billboard-navigation-circles a{ display:inline-block; height:12px; width:11px; margin-right:9px; background: transparent url("images/billboard-selector-inactive.png") no-repeat; vertical-align:top; cursor:hand; cursor:pointer; } #billboard-navigation-circles a.active-billboard-selector { background-image: url("images/billboard-selector-active.png") !important; } /* 6.2 Info columns */ /* 6.3 Latest news */ #latest-news { background: transparent url('images/latest-news-bg.png') repeat-x; border-radius: 8px; -webkit-border-radius:8px; -moz-border-radius:8px;} #latest-news-inner { padding-left:145px; height:42px; background: transparent url('images/latest-news-icon.png') no-repeat; font-size:12px; position:relative;} #latest-news-inner #latest-news-title { position:absolute; left:46px; line-height:12px; top:13px; color:white; font-size:12px; text-shadow:1px 1px 1px black; font-weight:bold; } #latest-news span{ margin:0px 17px; line-height:40px; float:left; } #latest-news span.italic { display:block; float:left; height:40px; overflow:hidden; width:500px; } #latest-news span.description { color:#779ab8; } /* 6.4 Buttons */ .grey-button{ font-weight:normal; text-transform:capitalize; background: transparent url('images/nav-right-cap.png') no-repeat scroll top right; display: block; float: left; height: 26px; padding-right: 10px; text-decoration:none !important;} .grey-button span { background: transparent url('images/nav-left-cap.png') no-repeat; display: block; line-height: 12px; padding:6px 0 7px 13px; } #footer .grey-button{ color:#b0cbe1;} #sidebar .grey-button, #sidebar2 .grey-button { background:none;} #sidebar .grey-button:hover, #sidebar2 .grey-button:hover { text-decoration:underline !important; } #sidebar .grey-button span, #sidebar2 .grey-button span { background:none; padding:0; margin:0; } .black-button { color:white; font-weight:normal; background: transparent url('images/black-button-left-cap.png') no-repeat; height:23px; padding-left:10px; display:block; float:left; margin-right:10px; } .black-button span { background: transparent url('images/black-button-right-cap.png') no-repeat center right; float:left; display:block; height:23px; padding-right:10px; margin-left:1px;} .styled-button { background: transparent url('images/button-left-cap.png') no-repeat; height:23px; padding-left:11px; float:left; display:block; color:white !important; margin-right:10px; font-size:11px !important; text-shadow:1px 1px 1px #3b5f7c; line-height:21px; } .styled-button span { background: transparent url('images/button-right-cap.png') no-repeat center right; float:left; display:block; height:23px; padding-right:11px; } .styled-button-big { background: transparent url('images/button-big-left-cap.png') no-repeat; height:31px; padding-left:11px; float:left; display:block; color:white !important; margin-right:10px; font-size:12px !important; text-shadow:1px 1px 1px #3b5f7c; line-height:28px; } .styled-button-big span { background: transparent url('images/button-big-right-cap.png') no-repeat center right; padding-left:10px; float:left; display:block; height:31px; padding-right:21px; } .pagination .pagination-page-info { font-weight:bold; margin-right:15px; } .pagination .normal-button { height:23px; display:block; float:left; color:#959595; margin-right:5px; font-weight:normal; font-style:italic; } .wp-pagenavi { overflow:hidden; } .wp-pagenavi span.pages { font-weight:bold; float:left; margin-right:15px; } .wp-pagenavi a { height:23px; padding-left:11px; display:block; float:left; color:#333; margin-right:10px; line-height:19px; } .wp-pagenavi .current, .wp-pagenavi .nextpostslink { background: transparent url('images/button-left-cap.png') no-repeat; height:23px; padding-left:11px; display:block; float:left; color:white !important; margin-right:10px; line-height:21px; } .wp-pagenavi .current span, .wp-pagenavi .nextpostslink span { background: transparent url('images/button-right-cap.png') no-repeat center right; float:left; display:block; height:23px; padding-right:11px; } /* 6.5 Columns */ .col { margin-right: 4%; float:left; } .col.last { margin-right:0px; } .col-one_half{ width:48%; } .col-one_third{ width:30.66%; } .col-two_third{ width:65.33%; } .col-one_fourth{ width:22%; } .col-three_fourth{ width:74%; } .col-one_fifth{ width:16.8%; } .col-two_fifth{ width:37.6%; } .col-three_fifth{ width:58.4%; } .col-four_fifth{ width:67.2%; } .col-one_sixth{ width:13.33%; } .col-five_sixth{ width:82.67%; } .col-530 { width:530px; } .col-560 { width:560px; } .col-580 { width:580px; } .col-260 { width:260px; } .col-270 { width:270px; } .col-220 { width:220px; } .col-300 { width:300px; } .col-330 { width:330px; } /* 6.6 Breadcrumbs */ #breadcrumbs { -moz-box-shadow: 0 1px 3px #ccc; -webkit-box-shadow: 0 1px 3px #ccc; box-shadow: 0 1px 3px #ccc; } #breadcrumbs ul { margin:0; padding:0; padding-left: 15px; } #breadcrumbs ul li { display:block; float:left; margin:0; padding:0;} #breadcrumbs ul li a { display:block; font-size:11px; color:#777; padding: 15px 40px 13px 25px; font-weight:normal; background:transparent url('images/breadcrumb-bg.png') no-repeat center right; } #breadcrumbs ul li span { display:block; font-size:11px; color:#777; padding: 15px 40px 13px 25px; font-weight:normal; background:transparent url('images/breadcrumb-bg.png') no-repeat center right; line-height:10px; } /* 6.7 Images */ /* 6.8 Image Gallery */ .image-gallery .image-gallery-column { margin-bottom:40px; } .image-gallery .image-gallery-column .image-gallery-item{ -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; margin-right:40px; } .image-gallery .image-gallery-column .image-gallery-item.last { margin-right:0; } /* 6.9 Porfolio */ .portfolio-overview-ver2 .portfolio-item { margin-bottom:90px; } .portfolio-overview-ver1 .portfolio-item { padding-top:60px; padding-bottom:60px; } .portfolio-overview-ver2 { padding-top:50px !important; } .portfolio-item .portfolio-item-pic { margin-right:60px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; } .portfolio-heading.fl { margin-right:50px; } .portfolio-heading { margin-bottom:10px; } .portfolio-title { margin-bottom:20px; } .portfolio-item .post-title { margin-bottom:3px; } .portfolio-item .post-title a { color:#2e2e2e; } .post-title { color:#2e2e2e; font-weight:bold; } .post-title a{ color:#2e2e2e; } .portfolio-title a { color:#2e2e2e; } .portfolio-overview-ver3 { padding-top:50px !important; } .portfolio-overview-ver3 .portfolio-column { margin-bottom:50px; } .portfolio-column .portfolio-item-pic-container { margin-bottom:20px; } .portfolio-column .portfolio-item-pic { margin-right:0px; } .portfolio-overview-ver1 .portfolio-item-pic, .portfolio-overview-ver2 .portfolio-item-pic { background: transparent url("images/portfolio-shadow.png") bottom center no-repeat; padding:0 17px 10px 17px; -moz-box-shadow:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .portfolio-item-pic img { display:block;} .portfolio-column .portfolio-item { margin-right:40px; width:267px;} .portfolio-column .portfolio-column { margin-bottom:50px; } .portfolio-column .portfolio-item.last { margin-right:0; } .portfolio-image-big-holder { text-align:center; } .portfolio-image-big { text-align:center; } .portfolio-image-big-item { display:none; } .portfolio-image-big-item img, .portfolio-image-big img { -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; max-width:100%; } .portfolio-image-big-item.visible { display:block; } #portfolio-navigation { position:relative; text-align:center; padding-top:15px; padding-bottom:15px; margin-top:20px;} #portfolio-navigation-circles a{ display:inline-block; height:12px; width:11px; background: transparent url("images/billboard-selector-inactive.png") no-repeat; cursor:hand; cursor:pointer; } #portfolio-navigation-circles a.active-portfolio-selector { background-image: url("images/billboard-selector-active.png") !important; } #portfolio-navigation-ver3 { position:relative; text-align:center; padding-top:15px; padding-bottom:15px;} #portfolio-navigation-circles-ver3 a{ display:inline-block; height:12px; width:11px; margin-right:9px; background: transparent url("images/billboard-selector-inactive.png") no-repeat; cursor:hand; cursor:pointer;} #portfolio-navigation-circles-ver3 a.active { background-image: url("images/billboard-selector-active.png") !important; } #portfolio-navigation-ver2 { position:relative; text-align:center; padding-top:15px; padding-bottom:15px;} #portfolio-navigation-circles a{ display:inline-block; height:12px; width:11px; margin-right:9px; background: transparent url("images/billboard-selector-inactive.png") no-repeat; cursor:hand; cursor:pointer;} #portfolio-navigation-circles a.active { background-image: url("images/billboard-selector-active.png") !important; } .navigation { min-height:1px; } #portfolio-item-ver2-slider { background:white url("images/portfolio-item-ver2-slider-bg.png") bottom repeat-x !important; } #portfolio-navigation-ver3 { background:white url("images/portfolio-item-ver3-nav-bg.png") bottom repeat-x !important; } #portfolio-navigation-ver3 .left-arrow { top:14px; } #portfolio-navigation-ver3 .right-arrow { top:14px; } #portfolio-gallery-hidden { display:none; } .initiate-portfolio-lightbox { cursor:pointer; cursor:hand; } /* 6.10 Boxes */ .content-box { -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; padding:25px; } .content-box h3 { margin-bottom:15px; font-size:15px; } .titled-content-box h3{ margin-left:-25px; margin-right:-25px; margin-top:-25px; padding:22px 25px; line-height:15px; background:transparent url("images/title-contentbox-bg.png") repeat-x; } /* 6.11 Scrollable */ .scrollable { position:relative; overflow:hidden; width: 890px; height:290px; } .scrollable .items { width:20000em; position:absolute; } .items div { float:left; } /* 6.12 STYLED LINKS */ .s-link { background-position: left center; background-repeat:no-repeat; margin-right:50px; margin-bottom:20px; text-transform: capitalize; } .s-link-attachment { background-image: url("images/icons/links/attachment.png"); padding:2px 0; padding-left: 15px; } .s-link-cart { background-image: url("images/icons/links/cart.png"); padding-left: 25px; } .s-link-download { background-image: url("images/icons/links/download.png"); padding-left: 25px; } .s-link-email { background-image: url("images/icons/links/email.png"); padding-left: 25px; } .s-link-form { background-image: url("images/icons/links/form.png"); padding-left: 20px; } .s-link-globe { background-image: url("images/icons/links/globe.png"); padding:2px 0;padding-left: 25px; } .s-link-music { background-image: url("images/icons/links/music.png"); padding:1px 0; padding-left: 25px; } .s-link-permalink { background-image: url("images/icons/links/permalink.png"); padding-left: 25px; } .s-link-play { background-image: url("images/icons/links/play.png"); padding:2px 0;padding-left: 25px; } .s-link-podcast { background-image: url("images/icons/links/podcast.png"); padding-left: 25px; } .s-link-sourcecode { background-image: url("images/icons/links/sourcecode.png"); padding-left: 25px; } .s-link-speaker { background-image: url("images/icons/links/speaker.png"); padding-left: 25px; } .s-link-video { background-image: url("images/icons/links/video.png"); padding-left: 25px; } .s-link-visit { background-image: url("images/icons/links/visit.png"); padding-left: 25px; } .s-link-light { color:#5b778e; background-color:#f2f2f2; } .s-link-dark { color:white; background-color:#5b778e; } /* 6.13 STYLED LISTS */ .s-list li { list-style-type:none; background-position:left center; background-repeat:no-repeat; line-height:30px; margin-bottom:0; padding-bottom:0 !important; } .s-list-tick li { background-image: url("images/icons/lists/tick.png"); padding-left:20px !important; } .s-list-arrow li { background-image: url("images/icons/lists/arrow.png"); padding-left:25px !important; } .s-list-star li { background-image: url("images/icons/lists/star.png"); padding-left:20px !important; } .s-list-circle li { background-image: url("images/icons/lists/circle.png"); padding-left:15px !important; } /* 6.14 INFO BOXES */ .s-infobox { -moz-box-shadow: 0 1px 3px #ccc; -webkit-box-shadow: 0 1px 3px #ccc; box-shadow: 0 1px 3px #ccc; } .s-infobox-content { padding:10px; padding-left:45px; background-position: 15px center; background-repeat:no-repeat; font-style:italic; } .s-infobox-red { background-image: url("images/info-red-bg.png"); border:1px solid #ffd3d3; } .s-infobox-red .s-infobox-content { border:1px solid #fff3f3; background-image: url("images/icons/info/red.png"); } .s-infobox-orange { background-image: url("images/info-orange-bg.png"); border:1px solid #ffdfba; } .s-infobox-orange .s-infobox-content { border:1px solid #fffcf8; background-image: url("images/icons/info/orange.png"); } .s-infobox-green { background-image: url("images/info-green-bg.png"); border:1px solid #b9e1ad; } .s-infobox-green .s-infobox-content { border:1px solid #f9fef7; background-image: url("images/icons/info/green.png"); } .s-infobox-blue { background-image: url("images/info-blue-bg.png"); border:1px solid #cbddf4; } .s-infobox-blue .s-infobox-content { border:1px solid #fafdff; background-image: url("images/icons/info/blue.png"); } .s-infobox-error { background-image: url("images/info-red-bg.png"); border:1px solid #ffd3d3; } .s-infobox-error .s-infobox-content { border:1px solid #fff3f3; background-image: url("images/icons/info/red.png"); } .s-infobox-warning { background-image: url("images/info-orange-bg.png"); border:1px solid #ffdfba; } .s-infobox-warning .s-infobox-content { border:1px solid #fffcf8; background-image: url("images/icons/info/orange.png"); } .s-infobox-download { background-image: url("images/info-green-bg.png"); border:1px solid #b9e1ad; } .s-infobox-download .s-infobox-content { border:1px solid #f9fef7; background-image: url("images/icons/info/green.png"); } .s-infobox-info { background-image: url("images/info-blue-bg.png"); border:1px solid #cbddf4; } .s-infobox-info .s-infobox-content { border:1px solid #fafdff; background-image: url("images/icons/info/blue.png"); } /* 6.15 HEADINGS */ .the-post-content h1, .s-heading-1 { font-size:28px; line-height:35px; margin-bottom:10px; font-weight:bold; color:#2e2e2e; letter-spacing:-2px; text-transform:none; } .the-post-content h2, .s-heading-2 { font-size:26px; line-height:32px; margin-bottom:10px; font-weight:bold; color:#2e2e2e; letter-spacing:-2px; text-transform:none; } .the-post-content h3, .s-heading-3 { font-size:22px; line-height:28px; margin-bottom:10px; font-weight:bold; color:#2e2e2e; letter-spacing:-1px; text-transform:none; } .the-post-content h4, .s-heading-4 { font-size:18px; line-height:24px; margin-bottom:10px; font-weight:bold; color:#2e2e2e; text-transform:none; } .the-post-content h5, .s-heading-5 { font-size:15px; line-height:20px; margin-bottom:10px; font-weight:bold; color:#2e2e2e; text-transform:none; } .the-post-content h6, .s-heading-6 { font-size:12px; line-height:18px; margin-bottom:10px; font-weight:bold; color:#2e2e2e; text-transform:none; } /* 6.16 DROPCAPS */ .s-dropcap-1 { float:left; width:32px; text-align:center; font-size:36px; display:block; line-height:36px; margin-top: 3px; margin-right:5px; } .s-dropcap-2 { float:left; color:white; font-weight:bold; font-size:18px; display:block; line-height:32px; text-align:center; height:32px; width:32px; margin-top: 3px; margin-right:5px; background: transparent url("images/icons/dropcaps/dropcap-1.png") no-repeat; } .s-dropcap-3 { float:left; color:white; font-weight:bold; font-size:18px; display:block; line-height:32px; text-align:center; height:32px; width:32px; margin-top: 3px; margin-right:5px; background: transparent url("images/icons/dropcaps/dropcap-2.png") no-repeat; } /* 6.17 TABLE */ .s-table-container { -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; } .s-table-container table { width:100%; color:#434242; } .s-table-container table td{ padding:15px 25px; border:1px solid #e7e6e6; } .s-table-container table td:nth-child(even) { background:#fafafa; } .s-table-container table td:nth-child(odd) { background:white; } .s-table-title { padding:22px 25px; background:transparent url("images/table-title-bg.png") bottom repeat-x; } .s-table-title h4 { margin-bottom:0; } /* 6.18 */ .s-line { background:transparent url("images/gray-pixel.png") left center repeat-x; position:relative; } .s-line-text { background:none repeat scroll 0 0 white; left:780px; padding:0 10px; position:relative; } .s-line-image { background:none repeat scroll 0 0 white; left:861px; padding-left:10px; position:relative; } .s-line a { color:inherit; font-weight:inherit; } /* 6.19 TABS */ .s-tabs { border-bottom:1px solid #dedede; line-height:14px; margin-left:0 !important; } .s-tabs-styled { -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; } .s-tabs-styled ul { margin-bottom:0 !important; } .s-tabs-styled .s-tabs { background: transparent url("images/tabs-bg.png") repeat-x bottom left; } .s-tabs li { float:left; display:block; margin-bottom:0; padding-bottom:0; margin-left:10px !important; padding-top:10px !important; } .s-tabs li a { padding:10px 30px; display:block; } .s-tabs li a.current { border:1px solid #dedede; border-bottom:0px; background:white; margin-bottom:-1px; padding-top:9px; padding-bottom:11px; } .s-tabs-styled li { margin-left:30px; } .s-tabs-styled .s-panes { padding:30px; } /* 6.20 TOGGLES */ .toggle-header { margin:0; padding:0;padding-left:30px; background: transparent url("images/toggle-closed.png") no-repeat center left; } .toggle-header h3 { margin:0; padding:0; } .toggle-header h3 a { color:black; font-weight:normal; } .toggle-container { position:relative; } .toggle-content { display:none; margin-top:10px; } .toggle-opened .toggle-header { background-image: url("images/toggle-opened.png"); } .toggle-opened .toggle-content { display:block; } /* 6.21 SITEMAP */ .sitemap-list, .sitemap-list ul { padding:0 !important; margin:0 !important; margin-bottom:35px !important; list-style-type:none !important; } .sitemap-list ul li { background:transparent url("images/sitemap-li-bg.png") no-repeat 10px top; padding-left:25px !important; } /* 6.22 ACCORDION */ .s-accordion { border:1px solid #eaeaea; border-bottom:0; position:relative; } .s-accordion.s-accordion-shadow { -moz-box-shadow: 0 1px 2px #cbcbcb; -webkit-box-shadow: 0 1px 2px #cbcbcb; box-shadow: 0 1px 2px #cbcbcb; } .s-accordion.s-accordion-shadow .s-accordion-header a { margin:0; padding:0; font-size:15px; color:black; font-weight:normal; } .s-accordion h3 { margin:0; padding:0; font-size:15px; } .s-accordion h3 a { color:black; font-weight:normal; } .s-accordion li { display:block; background: transparent url("images/accordion-shadow.png") no-repeat bottom left; border-bottom:1px solid #eaeaea; margin:0; padding:0; } .s-accordion li .s-accordion-header { padding:15px 20px; background: transparent url("images/toggle-closed.png") no-repeat center right; margin-right:20px; } .s-accordion li.active .s-accordion-header { background-image:url("images/toggle-opened.png"); } .s-accordion li .s-accordion-content { display:none; padding:0 20px; margin-bottom:20px; } .s-accordion li.active .s-accordion-content { display:block; } /* 6.23 APPLE OVERLAY */ .apple-overlay-container { display:none;position:relative; padding:20px; z-index:100; } .apple-overlay { background:white; padding:10px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; border-radius: 8px; } .apple-overlay img { display:block; } .apple-overlay-container .close { background-image:url("images/close.png"); cursor:pointer; height:35px; position:absolute; right:0px; top:0px; width:35px; } /* 6.24 LIGHTBOX GALLERY */ .lbox-gallery ul li { display:block; float:left; margin-right:20px !important; } /* 6.25 SLIDERS */ .s-slider { -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; } .s-slider-slide { padding:45px 20px; display:none; } .s-slider-navigation { border-top:1px solid #e2e2e2; padding:20px; } .s-slider-navigation { text-align:center; position:relative; } .s-slider-navigation-circles a{ display:inline-block; height:12px; width:11px; background: transparent url("images/billboard-selector-inactive.png") no-repeat; } .s-slider-navigation-circles a.active-slider-selector { background-image: url("images/billboard-selector-active.png") !important; } .s-slider-no-navigation .s-slider-navigation { display:none; } #first-slider-example .s-slider-slide-1 { background: transparent url("images/dummy-pics/monitors.png") no-repeat right 20px; padding-right:450px; } #first-slider-example .s-slider-slide-2 { background: transparent url("images/dummy-pics/monitors.png") no-repeat right 20px; padding-right:450px; } #first-slider-example .s-slider-slide-3 { background: transparent url("images/dummy-pics/monitors.png") no-repeat right 20px; padding-right:450px; } #first-slider-example .s-slider-slide-4 { background: transparent url("images/dummy-pics/monitors.png") no-repeat right 20px; padding-right:450px; } #second-slider-example .s-slider-slide-1 { background: transparent url("images/dummy-pics/monitors.png") no-repeat right 20px; padding-right:450px; } #second-slider-example .s-slider-slide-2 { background: transparent url("images/dummy-pics/monitors.png") no-repeat right 20px; padding-right:450px; } #second-slider-example .s-slider-slide-3 { background: transparent url("images/dummy-pics/monitors.png") no-repeat right 20px; padding-right:450px; } #second-slider-example .s-slider-slide-4 { background: transparent url("images/dummy-pics/monitors.png") no-repeat right 20px; padding-right:450px; } .s-slider-ver2 { -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; margin-bottom:60px; position:relative; } .s-slider-ver2 .nivo-controlNav { position:absolute; bottom:-60px; text-align:center; width:100%; border:1px solid #e2e2e2; border-top:none; } .s-slider-ver2 .nivo-controlNav a { display:inline-block; border-left: 1px solid #e2e2e2; text-align:center; } .s-slider-ver2 .nivo-controlNav img { display:inline; position:relative; padding:10px; margin:0; } .s-slider-ver2-navigation { border:1px solid #e2e2e2; padding-left:25%; border-left:none; border-right:none; } .s-slider-ver2-navigation ul { margin:0; padding:0; } .s-slider-ver2-navigation ul li { float:left; display:block; padding:10px; border-left: 1px solid #e2e2e2; text-align:center; margin:0; } /* -------------- */ /* 7. STYLESHEETS */ /* -------------- */ /* 7.1 CLEAN STYLE */ body.clean-style { background-image:none; background-color:#d9dbde; } body.clean-style #header{ background-image:none; background-color:white; } body.clean-style #navigation{ background-image:none; background-color:white; border-top:1px solid #f5f5f5;} body.clean-style #navigation a { color:#202020; text-shadow:none; } body.clean-style #navigation ul li.current_page_item a{ background-image: url('images/styles/clean/nav-right-cap.png'); } body.clean-style #navigation ul li.current_page_item a span { background-image: url('images/styles/clean/nav-left-cap.png'); } body.clean-style #tagline { color:#666; text-shadow:none; } body.clean-style #s { background: transparent url('images/styles/clean/search-bg.png') no-repeat; color:#303030;text-shadow: none; } body.clean-style #latest-news { background: transparent url('images/styles/clean/latest-news-bg.png') no-repeat; } body.clean-style #footer { background-image:none; background-color:white; color:#434242; text-shadow:none; } body.clean-style #footer h4 { color:#2e2e2e; } body.clean-style #footer a { color:#5b778e; text-shadow:none; font-weight:bold; } body.clean-style #footer li { border-color: #cecdcd; } body.clean-style #footer-widgets { background:white url('images/white-wrap-bg.png') repeat-x bottom; } body.clean-style #footer-bottom { background-image:none; background-color:white; font-weight:bold; color:#666; } body.clean-style #footer-widget-flickr .flickr-pics { margin-left:-10px; } body.clean-style #footer-widget-flickr .flickr-pics a { display:block; float:left; width:40px; height:40px; border:3px solid #fcfcfc; background-color:#fff; margin:0 0 10px 10px; -moz-box-shadow: 0 1px 2px #cbcbcb; -webkit-box-shadow: 0 1px 2px #cbcbcb; box-shadow: 0 1px 2px #cbcbcb; } body.clean-style #footer-bottom #footer-nav a{ color:#666; } body.clean-style .grey-button { background-image: url('images/styles/clean/nav-right-cap.png'); color:#5b778e; } body.clean-style .grey-button span { background-image:url('images/styles/clean/nav-left-cap.png'); font-weight:normal; } /* 7.2 HEX STYLE */ body.hex-style { background-image: url('images/styles/hex/body-bg.png'); } body.hex-style #navigation{ background-image:none; background-color:white; border-top:1px solid #f5f5f5;} body.hex-style #navigation a { color:#202020; text-shadow:none;} body.hex-style #navigation ul li.current_page_item a{ background-image: url('images/styles/clean/nav-right-cap.png'); } body.hex-style #navigation ul li.current_page_item a span { background-image: url('images/styles/clean/nav-left-cap.png'); } /* 7.3 WOOD STYLE */ body.wood-style { background-image:url('images/styles/wood/body-bg.jpg'); background-position: top center; background-color:#592815; } body.wood-style #page-container { background-image:none; } body.wood-style #header{ background-image:none; background-color:#efefef; border-bottom:#e6e6e6; } body.wood-style #navigation{ background-image:url("images/styles/wood/navigation-bg.png"); height:47px;} body.wood-style #navigation a { color:#202020; text-shadow:none; } body.wood-style #navigation ul li.current_page_item a{ background-image: url('images/styles/clean/nav-right-cap.png'); } body.wood-style #navigation ul li.current_page_item a span { background-image: url('images/styles/clean/nav-left-cap.png');} body.wood-style #tagline { color:#666; text-shadow:none; } body.wood-style #s { background: transparent url('images/styles/clean/search-bg.png') no-repeat; color:#303030;text-shadow: none; } body.wood-style #latest-news { background: transparent url('images/styles/clean/latest-news-bg.png') no-repeat; } body.wood-style #footer { background-image:none; background-color:white; color:#434242; text-shadow:none;} body.wood-style #footer h4 { color:#2e2e2e; } body.wood-style #footer a { color:#5b778e; text-shadow:none; font-weight:bold; } body.wood-style #footer li { border-color: #cecdcd; } body.wood-style #footer-widgets { background:#e3e3e3 url('images/styles/wood/footer-bg.png') repeat-x; } body.wood-style #footer-bottom { background-image:none; background-color:white; font-weight:bold; color:#666; } body.wood-style #footer-widget-flickr .flickr-pics { margin-left:-10px; } body.wood-style #footer-widget-flickr .flickr-pics a { display:block; float:left; width:40px; height:40px; border:3px solid white; background-color:#ededed; margin:0 0 10px 10px; -moz-box-shadow: 0 1px 2px #cbcbcb; -webkit-box-shadow: 0 1px 2px #cbcbcb; box-shadow: 0 1px 2px #cbcbcb; } body.wood-style #footer-bottom { border-top:1px solid #dadada; } body.wood-style #footer-bottom #footer-nav a{ color:#666; } body.wood-style .grey-button { background-image: url('images/styles/clean/nav-right-cap.png'); } body.wood-style .grey-button span { background-image: url('images/styles/clean/nav-left-cap.png'); font-weight:normal; } body.wood-style #footer .grey-button { color:#5b778e; } /* 7.4 GRAPH STYLE */ body.graph-style { background-image:url('images/styles/graph/body-bg.png'); } body.graph-style #header{ background-image:url('images/styles/graph/header-bg.png'); background-repeat:repeat-x; height:66px; } body.graph-style #navigation{ background-image:url('images/styles/graph/navigation-bg.png'); background-repeat:repeat-x; } body.graph-style #navigation a { color:#262622; text-shadow:none; } body.graph-style #navigation ul li.current_page_item a{ background-image: url('images/styles/graph/nav-right-cap.png'); } body.graph-style #navigation ul li.current_page_item a span { background-image: url('images/styles/graph/nav-left-cap.png'); } body.graph-style #main { background: transparent; } /* 7.5 CARBON STYLE */ body.carbon-style { background-image:none; background-color:#ebebeb; } body.carbon-style #header{ background-image:url('images/styles/carbon/header-bg.png'); background-repeat:repeat-x; height:66px; } body.carbon-style #header .wrapper { background-image:none; } body.carbon-style #navigation{ background-image:url('images/styles/carbon/navigation-bg.png'); background-repeat:repeat-x; } body.carbon-style #navigation ul li { padding-bottom:9px; } body.carbon-style #footer-widgets{ background-image:url('images/styles/carbon/footer-bg.png'); background-repeat:repeat-x; } body.carbon-style #footer-bottom { background:#141414; }