/* Begin Reset -- http://meyerweb.com/eric/tools/css/reset/ -- v1.0 | 20080212 */ 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; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* End Reset *//* -- Styles Index ======= 1.0 Document Body 2.0 Site Structure 3.0 Common Classes 4.0 Basic Alignments 5.0 Default Links 6.0 Vertical Rhythm 7.0 Default Headings 8.0 Top Bar 9.0 Secondary Navigation 10.0 header 11.0 Primary Navigation 12.0 Latest Post 13.0 Top Blocks 14.0 Recent Posts 15.0 Featured Posts 16.0 News in Pictures 17.0 Category Blocks 18.0 Category Blocks Summary 19.0 Forms 20.0 Entry Styles 20.1 Entry Headers 20.2 Default Text Elements 20.3 Default Lists 20.4 Tables 20.5 Images 20.6 WP Gallery 20.7 Comments 20.8 Author Bio 20.9 Shortcodes 21.0 Page Navigation 22.0 Post Page Styles 23.0 Related Posts 24.0 Widgets 24.1 Calendar Widget 24.2 Widget lists 24.3 125 Ads Widget 24.4 Twitter Widget 24.5 Flickr Widget 24.6 Video Widget 24.7 300x250 Ad Widget 24.8 120x240 Ad Widget 24.9 Search Widget 24.10 Tabbed widget 25.0 Archives Template 26.0 Full Width Template 27.0 Contact Form Template 28.0 Footer 29.0 WP Pagenavi Support x.x Clearfix x.x Browser-specific Fixes -- */ /* -- 1.0 Document Body -- */ body, input, textarea { font: 12px/20px Arial, sans-serif; color: #333; } /* -- 2.0 Site structure -- */ #content { width: 940px; margin: 0 auto; } #primary { float: left; width: 620px; } #sidebar { float: right; width: 300px; } .sidebar-narrow { width: 140px; } #footer { clear: both; } /* -- 3.0 Common Classes -- */ .rounded { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; } .hidden { display: none; } /* -- 4.0 Basic Alignments -- */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } /* -- 5.0 Default Links -- */ a { text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none; } /* -- 6.0 Vertical Rhythm -- */ .entry-meta { margin-bottom: 10px; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .post-thumb, .author-bio { margin-bottom: 20px; } .widget { margin-bottom: 30px; } .hentry, .navigation-links, .hfeed, .nav, #featured, .pinglist { margin-bottom: 40px; } .children, .entry-content ol ol, .entry-content ul ul, .widget ul ul { margin-bottom: 0; } /* -- 7.0 Default Headings -- */ h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 { font-size: 22px; line-height: 30px; } h2 { font-size: 20px; line-height: 22px; } h3 { font-size: 16px; line-height: 20px; } h4 { font-size: 14px; line-height: 18px; } h5 { font-size: 12px; line-height: 18px; } h6 { font-size: 10px; line-height: 16px; } .page-title { font-size: 14px; font-weight: bold; margin-bottom: 15px; } .entry-title, .entry-title a { font-size: 22px; line-height: 30px; } /* -- 8.0 Top Bar -- */ #top-bar { height: 30px; background: #f8f8f8; border-bottom: 1px solid #eee; } #top-bar a { color: #333; } #top-bar-inner { width: 940px; margin: 0 auto; } #date { padding-top: 6px; float: left; margin-right: 10px; } #date p { font-size: 10px; text-transform: uppercase; color: #fff; background: #ccc; padding: 0 5px; line-height: 18px; margin-bottom: 0; } #feeds { float: right; padding-top: 6px; } #feeds a { background: url(../images/icon-rss.png) left top no-repeat; padding-left: 17px; margin-left: 10px; } #feeds a:hover { text-decoration: none; } /* -- 9.0 Secondary Navigation -- */ #secondary-nav { float: left; } #secondary-nav ul { margin: 0; padding: 0; list-style: none; height: 30px; line-height: 30px; } #secondary-nav ul a { display: block; position: relative; font-weight: bold; color:white;} #secondary-nav ul li { float: left; position: relative; } #secondary-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #secondary-nav ul ul { position: absolute; top: -9999em; width: 180px; /* left offset of submenus need to match (see below) */ } #secondary-nav ul ul li { width: 100%; } /* Make sub menus appear */ #secondary-nav ul li:hover ul, #secondary-nav ul li.sfHover ul { left: -1px; top: 30px; /* match top ul list item height */ z-index: 99; } /* Hide all subs subs (4 levels deep) */ #secondary-nav ul li:hover li ul, #secondary-nav ul li.sfHover li ul, #secondary-nav ul li li:hover li ul, #secondary-nav ul li li.sfHover li ul, #secondary-nav ul li li li:hover li ul, #secondary-nav ul li li li.sfHover li ul { top: -9999em; } /* Displays all subs subs (4 levels deep) */ #secondary-nav ul li li:hover ul, #secondary-nav ul li li.sfHover ul, #secondary-nav ul li li li:hover ul, #secondary-nav ul li li li.sfHover ul, #secondary-nav ul li li li li:hover ul, #secondary-nav ul li li li li.sfHover ul { left: 180px; /* match .nav ul width */ top: -1px; } /* Secondary Navigation Skin */ #secondary-nav ul a { padding: 0 6px; height: 30px; line-height: 30px; } #secondary-nav ul li.current_menu_item ul li a, #secondary-nav ul li.current_page_item ul li a { color: #333; } #secondary-nav ul a:hover { text-decoration: none; } #secondary-nav ul ul { border-top: 1px solid #eee; } #secondary-nav ul ul li { border: 1px solid #eee; border-top: none; background: #f8f8f8; } #secondary-nav ul ul li.sfHover, #secondary-nav ul ul li.sfHover, #secondary-nav ul ul a:focus, #secondary-nav ul ul a:hover, #secondary-nav ul ul a:active { background: #fff; outline: 0; } /* -- 10.0 header -- */ #header { width: 940px; margin: 0 auto; padding: 30px 0; } #logo { float: left; } #logo, #logo a { font-size: 28px; line-height: 30px; color: #000; font-weight: bold; } #logo a:hover { text-decoration: none; } #tagline { color: #999; font-size: 12px; line-height: 20px; font-weight: normal; } #banner-header { float: right; } #banner-header img { padding: 4px; background: #f8f8f8; } /* -- 11.0 Primary Navigation -- */ #primary-nav { width: 940px; margin: 0 auto 20px auto; height: 50px; background: url(../images/bg-primary-menu.gif) left top repeat-x; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.5); } #primary-nav ul { margin: 0; padding: 0; list-style: none; line-height: 40px; } #primary-nav ul a { display: block; position: relative; } #primary-nav ul li { float: left; position: relative; } #primary-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #primary-nav ul ul { position: absolute; top: -9999em; width: 180px; /* left offset of submenus need to match (see below) */ } #primary-nav ul ul li { width: 156px; } /* Make sub menus appear */ #primary-nav ul li:hover ul, #primary-nav ul li.sfHover ul { left: 0; top: 40px; /* match top ul list item height */ z-index: 99; } /* Hide all subs subs (4 levels deep) */ #primary-nav ul li:hover li ul, #primary-nav ul li.sfHover li ul, #primary-nav ul li li:hover li ul, #primary-nav ul li li.sfHover li ul, #primary-nav ul li li li:hover li ul, #primary-nav ul li li li.sfHover li ul { top: -9999em; } /* Displays all subs subs (4 levels deep) */ #primary-nav ul li li:hover ul, #primary-nav ul li li.sfHover ul, #primary-nav ul li li li:hover ul, #primary-nav ul li li li.sfHover ul, #primary-nav ul li li li li:hover ul, #primary-nav ul li li li li.sfHover ul { left: 179px; /* match .nav ul width */ top: 0; } /* Primary Navigation Skin */ #primary-nav ul { font-size: 13px; text-transform: capitalize; } /* top level skin */ #primary-nav ul li { border-right: 1px solid #fff; } #primary-nav ul a { padding: 0 12px; color: #333; height: 40px; line-height: 40px; } #primary-nav ul a:hover, #primary-nav ul li.sfHover a, #primary-nav ul li.current-cat a, #primary-nav ul li.current-menu-item a { text-decoration: none; color: #f8f8f8; background: #333; text-shadow: 0 -1px 1px rgba(0,0,0,0.7); -moz-border-radius: 2px 2px 0 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; } /* 2nd level skin */ #primary-nav ul ul { padding: 10px 0 15px 0; background: #333; -moz-border-radius: 0 0 2px 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.5); } #primary-nav ul ul li { height: 30px; line-height: 30px; border: none; padding: 0 12px; float: none; } #primary-nav ul ul li a { line-height: 30px; height: 30px; } #primary-nav ul li.sfHover ul a { color: #ccc; background: url(../images/bg-primary-menu-bevel.gif) left top repeat-x; padding: 0 5px; } #primary-nav ul li.sfHover ul li:first-child a { background: none; } #primary-nav ul li.sfHover ul a:hover { color: #f8f8f8; } /* 3rd level onwards */ #primary-nav ul ul ul { padding: 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-right-radius: 2px; } #primary-nav ul ul li.sfHover, #primary-nav ul ul li.sfHover, #primary-nav ul ul a:focus, #primary-nav ul ul a:hover, #primary-nav ul ul a:active { outline: 0; } /* -- Homepage Styles -- */ /* -- 12.0 Latest Post -- */ #latest-post { background: #222; padding: 15px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.5); margin-bottom: 30px; } #latest-post .post-thumb { margin: 0; } #latest-post .post-thumb img { float: left; margin: 0 20px 0 0; } #latest-post .entry-title { margin-bottom: 15px; } #latest-post .entry-title, #latest-post .entry-title a { color: #ddd; line-height: 30px; font-size: 22px; } #latest-post .entry-title:hover, #latest-post .entry-title a:hover { color: #fff; text-decoration: none; } #latest-post .entry-header { margin-bottom: 10px; } #latest-post .entry-header, #latest-post .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } #latest-post .entry-header a:hover { color: #ddd; text-decoration: none; } #latest-post .entry-summary { color: #999; } #latest-post .continue { font-size: 10px; text-transform: uppercase; color: #ddd; } #latest-post .continue:hover { color: #fff; text-decoration: none; } /* -- 13.0 Top Blocks -- */ #top-blocks { margin-bottom: 30px; } /* -- 14.0 Recent Posts -- */ #recent-news-block { width: 300px; float: left; } #recent-news-block .post-thumb { margin: 0 0 5px 0; padding: 0 0 5px 0; background: url(../images/bg-dots.png) left bottom repeat-x; } #recent-news-block .entry-title, #recent-news-block .entry-title a { font-size: 13px; line-height: 20px; color: #333; font-weight: bold; } #recent-news-block .entry-title a:hover { text-decoration: none; } #recent-news-block .entry-header { background: url(../images/bg-dots.png) left bottom repeat-x; margin: 0 0 5px 0; padding: 0 0 5px 0; } #recent-news-block .entry-header, #recent-news-block .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } #recent-news-block .entry-header a:hover { text-decoration: none; color: #333; } /* -- 15.0 Featured Posts -- */ #featured-posts-block { width: 300px; float: right; } #featured-posts-block .post-thumb { margin: 0 0 5px 0; padding: 0 0 5px 0; background: url(../images/bg-dots.png) left bottom repeat-x; } #featured-posts-block .entry-title, #featured-posts-block .entry-title a { font-size: 13px; line-height: 20px; color: #333; font-weight: bold; } #featured-posts-block .entry-title a:hover { text-decoration: none; } #featured-posts-block .entry-header { background: url(../images/bg-dots.png) left bottom repeat-x; margin: 0 0 5px 0; padding: 0 0 5px 0; } #featured-posts-block .entry-header, #featured-posts-block .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } #featured-posts-block .entry-header a:hover { text-decoration: none; color: #333; } /* -- 16.0 News in Pictures -- */ #picture-posts { position: relative; margin-bottom: 30px; } div.content { display: none; position: relative; } /* slideshow */ div.slideshow-container { width: 300px; height: 290px; position: relative; } div.loader { position: absolute; top: 0; left: 0; background: url(../images/loader.gif) center center no-repeat; width: 300px; height: 290px; } div.slideshow { width: 300px; height: 290px; position: absolute; top: 0; left: 0; overflow: hidden; } div.slideshow span.image-wrapper { width: 300px; height: 290px; overflow: hidden; } div.slideshow a.advance-link { width: 300px; height: 290px; position: absolute; top: 0; left: 0; } div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; } div.slideshow img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; position: absolute; top: 0; left: 0; } /* captions */ div.caption-container { position: absolute; left: 5px; top: 200px; width: 290px; } span.image-caption { display: block; position: absolute; width: 290px; top: 0; left: 0; } div.caption { padding: 8px 10px 5px 10px; background: transparent url(../images/bg-dark-70.png); overflow: hidden; } div.image-title a { font-weight: bold; font-size: 13px; color: #ddd; } div.image-title a:hover { text-decoration: none; color: #fff; } div.caption .entry-header { margin: 0 0 5px 0; } div.caption .entry-header, div.caption .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } div.caption .entry-header a:hover { text-decoration: none; color: #ddd; } /* thumbs */ #picture-posts ul.thumbs { clear: both; margin: 0; padding: 0; } #picture-posts ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; } #picture-posts a.thumb { padding: 4px; display: block; border: 1px solid #e2e2e2; background: #f2f2f2; } #picture-posts a.thumb:hover { background: #333; border-color: #222; } #picture-posts ul.thumbs li.selected a.thumb { background: #333; border-color: #222; } #picture-posts a.thumb:focus { outline: none; } #picture-posts ul.thumbs img { border: none; display: block; } /* -- 17.0 Category Blocks -- */ #category-blocks { margin-bottom: 20px; } .category-block { width: 300px; } .category-block .post-container { background: url(../images/bg-dots.png) left bottom repeat-x; padding: 0 0 10px 0; margin: 0 0 10px 0; } .category-block .post-thumb { margin: 0; padding: 0; } .category-block .post-thumb img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 0 10px 0 0; } .category-block .post-thumb img:hover { background: #333; border-color: #222; } .category-block .entry-title, .category-block .entry-title a { font-size: 13px; line-height: 20px; color: #333; font-weight: bold; } .category-block .entry-title a:hover { text-decoration: none; } .category-block .entry-header { margin: 0 0 3px 0; padding: 0; } .category-block .entry-header, .category-block .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } .category-block .entry-header a:hover { text-decoration: none; color: #333; } .category-block .entry-summary p { margin: 0; } /* -- 18.0 Category Blocks Summary -- */ #category-blocks-summary { margin-bottom: 20px; } .category-block-summary { width: 300px; } .category-block-summary .post-container { background: url(../images/bg-dots.png) left bottom repeat-x; padding: 0 0 5px 0; margin: 0 0 5px 0; } .category-block-summary .entry-title, .category-block-summary .entry-title a { font-size: 13px; line-height: 20px; color: #333; font-weight: bold; } .category-block-summary .entry-title a:hover { text-decoration: none; } .category-block-summary .entry-header { margin: 0 0 3px 0; padding: 0; } .category-block-summary .entry-header, .category-block-summary .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } .category-block-summary .entry-header a:hover { text-decoration: none; color: #333; } /* -- 19.0 Forms -- */ input, textarea, button { background: #fff; border: 1px solid #efefef; } input, textarea, button { padding: 5px; } button { padding: 2px 10px; cursor: pointer; } input:focus, textarea:focus, button:hover { background: #fff; border-color: #ddd; } #submit { cursor: pointer; } /* -- 20.0 Entry Styles --*/ .entry-meta { font-size: 10px; color: #999; text-transform: uppercase; } .entry-meta a { color: #999; } .entry-meta a:hover { color: #666; text-decoration: none; } /* -- 20.1 Entry Headers -- */ .entry-content h2 { padding: 10px 0 15px; } /* -- 20.2 Default Text Elements -- */ address { font-style: italic; } abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; } blockquote { font-family: Cambria, Georgia, "Times New Roman", Times, serif; color: #666; font-style: italic; border-left: 1px solid #ddd; margin-left: 15px; padding-left: 10px; } strong { font-weight: bold; } em, dfn, cite { font-style: italic; } dfn { font-weight: bold; } sup { font-size: 11px; vertical-align: top; } sub { font-size: 11px; vertical-align: bottom; } small { font-size: 11px; } del { text-decoration: line-through; } ins { text-decoration: underline; } code, pre { line-height: 18px; } var, kbd, samp, code, pre { font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #efefef; } kbd { font-weight: bold; } samp, var { font-style: italic; } pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; } code { padding: 3px; } /* -- 20.3 Default Lists -- */ ul, ol, dl { margin-left: 30px; } /* -- 20.4 Tables -- */ table { border: 1px solid #ccc; border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; } table .even { background: #ddd; } caption { text-align: left; } tr { border-bottom: 1px solid #ccc; } th, td { padding: 5px; vertical-align: middle; text-align: center; } /* -- 20.5 Images -- */ img.alignleft { float: left; margin: 15px; } img.alignright { display: block; margin: 15px; } img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; } .wp-caption { text-align: center; margin: 15px; font-family: Georgia, serif; font-style: italic; } .wp-caption img, .wp-caption img a { margin: 0; padding: 0; border: 0 none; } .wp-caption .wp-caption-text { margin: 0; padding: 5px; } .wp-smiley { max-height: 13px; margin: 0 !important; } /* -- 20.6 WP Gallery -- */ .gallery { margin: auto; } .gallery-image { border: 2px solid #efefef; margin-left: 0; } .gallery-caption { margin-left: 0; } .gallery-item { float: left; text-align: center; margin-left: 0; } .gallery-columns-2 { width: 50%; } .gallery-columns-3 { width: 33%; } .gallery-columns-4 { width: 25%; } .gallery-columns-5 { width: 20%; } .gallery-columns-6 { width: 16%; } .gallery-columns-7 { width: 14%; } .gallery-columns-8 { width: 12%; } .gallery-columns-9 { width: 11%; } /* -- 20.7 Comments -- */ h2#comments, #respond h2 {background: url(../images/bg-widget-title.gif) bottom repeat-x; padding: 0 0 20px 0; margin: 0 0 20px 0; } ol.commentlist { margin: 0 0 40px 0; list-style-type: none; overflow: visible; } li.comment { margin: 0 20px 20px 0; } li.comment .comment-body { margin: 0 0 0 70px; position: relative; } li.comment .comment-meta { overflow: hidden; float: left; display: block; width: 50%; } li.comment .comment-text { background: url(../images/bg-dots.png) left bottom repeat-x; padding-bottom: 1px; } li.comment .avatar { position: absolute; left: -70px; padding: 2px; background: #f8f8f8; border: 1px solid #eee; } li.comment p { clear: both; } li.comment cite, li.bypostauthor li.comment cite { color: #333; font-weight: bold; font-style: normal; background: url(../images/bg-arrow-grey.png) right center no-repeat; padding: 0 10px 0 0; margin: 0 8px 0 0; float: left;} li.comment cite a, li.bypostauthor li.comment cite a { color: #333; } li.comment cite a:hover { text-decoration: none;} .commentmetadata, .commentmetadata a { font-size: 10px; text-transform: uppercase; color: #999; } .commentmetadata a:hover {color: #666;text-decoration: none;} .says { display: none; } .comment-meta { margin: 0 0 10px; line-height: 22px; position: relative; } li.comment .comment-body a.comment-reply-link { display: block; position: absolute; right: 0; top: 0px; color: #999; font-weight: bold; background: url(../images/bg-arrow-grey.png) right center no-repeat; padding: 0 10px 0 0; font-size: 10px; text-transform: uppercase; } li.comment .comment-body a.comment-reply-link:hover {color: #666;text-decoration: none; } .children { list-style-type: none; margin: 20px 0 0 70px; } .children li.comment { margin: 0 0 20px 0; } #respond h2 { margin-top: 15px; } #commentform { margin-bottom: 20px; } #commentform div.wrap { margin-bottom: 10px; } #commentform div.input-container { display: inline-block; margin-right: 10px; background-color: #f8f8f8; padding: 1px 3px;} #commentform input[type=text] { width: 290px; border: 1px solid #e8e8e8; } #commentform div.textarea-container { display: inline-block; margin-right: 10px; background-color: #f8f8f8; padding: 4px 4px 0} #commentform textarea { width: 440px; height: 155px; padding: 5px; border: 1px solid #e8e8e8; } #commentform label { font-style: italic; font-size: 13px; color: #333; } #commentform input#submit { border: none; color: #fff; font-weight: bold; padding: 5px 15px; } .cancel-comment-reply { margin: 0 0 10px; text-align: right; } /* -- 20.8 Author Bio -- */ .author-bio { margin-bottom: 30px; } .author-bio .avatar { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 0 10px 0 0; } /* -- 20.9 Shortcodes -- */ span.quote_left { float: left; display: inline; width: 240px; margin: 15px 15px 10px 0; padding: 0 10px 0 0; border-right: 3px solid #e8e8e8; font: 14px/22px "Georgia", serif; text-align: right; font-style: italic; color: #333; } span.quote_right { float: right; display: inline; width: 240px; margin: 15px 0 10px 15px; padding: 0 0 0 10px; border-left: 3px solid #e8e8e8; font: 14px/22px "Georgia", serif; font-style: italic; color: #333; } blockquote { margin: 0 20px 15px; padding: 0 0 0 10px; border-left: 3px solid #e8e8e8; font: 14px/22px "Georgia", serif; font-style: italic; color: #333; } /* -- 21.0 Page Navigation -- */ .page-navigation .nav-next { float: left; } .page-navigation .nav-previous { float: right; } .single-page-navigation .nav-next { float: right; } .single-page-navigation .nav-previous { float: left; } /* -- 22.0 Post Page Styles -- */ .single-entry-title { padding: 10px 0 10px 0; } #single-column-left { float: left; width: 460px; background: url(../images/bg-widget-title.gif) left top repeat-x; } p.breadcrumb { font-size: 11px; text-transform: uppercase; margin-bottom: 0; } p.breadcrumb.archive { margin-bottom: 15px; } p.breadcrumb a:hover { text-decoration: none; color: #333; } #single-column-left .entry-meta { padding: 20px 0 15px 0; background: url(../images/bg-dots.png) left bottom repeat-x; } #single-column-left .entry-content { margin-bottom: 40px; } #single-column-right { float: right; width: 140px;} #single-column-right ul.share { padding-top: 15px; margin: 0 0 15px 0; list-style: none; background: url(../images/bg-widget-title.gif) left top repeat-x; } #single-column-right ul.share li { line-height: 17px; margin: 0 0 7px 0; padding: 0 0 0 25px; background: url(../images/icons-social.png) 0 0 no-repeat; } #single-column-right ul.share li.fb { background-position: 0 -22px; } #single-column-right ul.share li.digg { background-position: 0 -44px; } #single-column-right ul.share li.reddit { background-position: 0 -66px; } #single-column-right ul.share li.del { background-position: 0 -88px; } #single-column-right ul.share li.stumble { background-position: 0 -110px; } #single-column-right ul.share li.gbuzz { background-position: 0 -132px; } #single-column-right ul.share li.ybuzz { background-position: 0 -154px; } #single-column-right ul.share li.techno { background-position: 0 -176px; } #single-column-right ul.share li.linkedin { background-position: 0 -198px; } #single-column-right ul.share li.email { background-position: 0 -220px; } #single-column-right ul.share li a { color: #666; } #single-column-right ul.share li a:hover { text-decoration: none; } #single-column-right ul.rss { background: url(../images/bg-widget-title.gif) left top repeat-x; margin: 0; padding: 15px 0 0 0; list-style: none; } #single-column-right ul.rss li { line-height: 17px; margin: 0 0 7px 0; padding: 0 0 0 25px; background: url(../images/icon-rss2.png) 0 0 no-repeat; } #single-column-right ul.rss li a { color: #666; } #single-column-right ul.rss li a:hover { text-decoration: none; } /* -- 23.0 Related Posts -- */ #related-posts .post-container { background: url(../images/bg-dots.png) left bottom repeat-x; padding: 0 0 10px 0; margin: 0 0 10px 0; } #related-posts .post-thumb { margin: 0; padding: 0; } #related-posts .post-thumb img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 0 10px 0 0; } #related-posts .post-thumb img:hover { background: #333; border-color: #222; } #related-posts .entry-title, #related-posts .entry-title a { font-size: 13px; line-height: 20px; color: #333; font-weight: bold; } #related-posts .entry-title a:hover { text-decoration: none; } #related-posts .entry-meta { margin: 0 0 3px 0; padding: 0; background: none; } #related-posts .entry-meta, #related-posts .entry-meta a { font-size: 10px; text-transform: uppercase; color: #999; } #related-posts .entry-meta a:hover { text-decoration: none; color: #333; } #related-posts .entry-summary p { margin: 0; } /* -- 24.0 Widgets -- */ .widget-title { text-transform: uppercase; font-size: 11px; padding-bottom: 10px; font-weight: bold; background: url(../images/bg-widget-title.gif) left bottom repeat-x; margin: 0 0 20px 0; } #footer .widget-title { background: url(../images/bg-widget-title-foot.gif) left bottom repeat-x; } /* -- 24.1 Calendar Widget -- */ .widget_calendar caption { margin-bottom: 5px; } .widget_calendar table { width: 100% } /* -- 24.2 Widget lists -- */ .xoxo, .widget ul { margin: 0; padding: 0; list-style-type: none; } .xoxo li, .widget ul li { line-height: 24px; padding: 0 0 0 12px; background: url(../images/bg-arrow-grey.png) left 8px no-repeat; } .xoxo a, .widget ul li a { color: #333; } .xoxo a:hover, .widget ul li a:hover { text-decoration: none; } /* -- 24.3 125 Ads Widget -- */ .tz_ad_widget { margin-bottom: 20px!important; } .tz_ad_widget .ads-125 { width: 310px; } .tz_ad_widget ul { list-style-type: none; margin: 0; padding: 0; } .tz_ad_widget ul li { display: block; width: 145px; height: 145px; float: left; margin: 0 10px 10px 0; padding: 0!important; background: none!important; line-height: 20px!important; } .ads-125 img { padding: 10px; background: #f8f8f8; } .ads-125 img:hover { background: #333; } /* -- 24.4 Twitter Widget -- */ .tz_tweet_widget ul { margin: 0 0 10px 0; list-style-type: none; } .tz_tweet_widget ul li { background: url(../images/bg-dots.png) left bottom repeat-x!important; padding: 0 0 7px 0!important; margin: 0 0 7px 0; line-height: 20px; } .tz_tweet_widget a { color: #666; } .tz_tweet_widget a:hover { text-decoration: none; } .tz_tweet_widget span a:hover { text-decoration: underline!important; } /* -- 24.5 Flickr Widget -- */ .tz_flickr_widget #flickr_badge_wrapper { width: 310px; } .flickr_badge_image { float: left; margin: 0 22px 8px 0; width: 95px; height: 95px; overflow: hidden; } .flickr_badge_image img { background: #f8f8f8; padding: 9px; } .flickr_badge_image img:hover { background: #333; } /* -- 24.6 Video Widget -- */ .tz_video { padding: 5px; background: #f8f8f8; margin-bottom: 10px; } .tz_video_desc { font-style: italic; margin: 0; color: #666; } /* -- 24.7 300x250 Ad Widget -- */ .ads-120x240 img { padding: 10px; background: #f8f8f8; } .ads-120x240 img:hover { background: #333; } /* -- 24.8 120x240 Ad Widget -- */ .tz_ad300_widget { padding: 0; margin-bottom: 30px; } .tz_ad300_widget .widget-title { display: none; } .ads-300 { width: 300px; height: 250px; overflow: hidden; } /* -- 24.9 Search Widget -- */ .widget_search { margin-bottom: 20px!important; } .widget_search form { margin: 0; } .widget_search .search-container { background: #f8f8f8; padding: 4px; } .widget_search .search-inner { border: 1px solid #e8e8e8; background: #fff; padding-left: 5px; } .widget_search #searchsubmit { float: right; border: none; cursor: pointer; padding: 7px; line-height: 1; } .widget_search #s { padding: 0; float: left; margin-top: 7px; width: 205px; border: none; } /* -- 24.10 Tabbed widget -- */ .tz_tab_widget #tabs { background: #f8f8f8; padding: 4px; } .tz_tab_widget #tab-items { list-style-type: none; padding: 0; margin: 0; height: 40px; } .tz_tab_widget #tab-items li { float: left; margin: 0 2px 0 0; line-height: 40px; padding: 0; background: none; } .tz_tab_widget #tab-items li a { font-weight: bold; font-size: 11px; text-transform: uppercase; color: #999; padding: 0 10px; display: block; border-left: 1px solid #f8f8f8; border-top: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8; } .tz_tab_widget #tab-items li a:hover, .tz_tab_widget #tab-items li.ui-tabs-selected a, .tz_tab_widget #tab-items li.ui-state-active a { background: #fff; text-decoration: none; border-left: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } .tz_tab_widget .tabs-inner { border: 1px solid #e8e8e8; padding: 15px; background: #fff; } .tz_tab_widget .ui-tabs-hide { display: none; } .tz_tab_widget .tab ul { list-style-type: none; margin: 0; } .tz_tab_widget .tab ul li { background: url(../images/bg-dots.png) left bottom repeat-x; padding: 10px 0; } .tz_tab_widget .tab-thumb img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 0 10px 0 0; } .tz_tab_widget .tab-thumb img:hover { background: #333; border-color: #222; } .tz_tab_widget .entry-title, .tz_tab_widget .entry-title a { font-size: 13px; line-height: 20px; color: #333; font-weight: bold; } .tz_tab_widget .entry-title a:hover { text-decoration: none; } .tz_tab_widget .entry-meta, .tz_tab_widget .entry-meta a { color:#999; font-size: 10px; text-transform: uppercase; } .tz_tab_widget .entry-meta a:hover { text-decoration: none; color: #333; } .tab-comments .avatar { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 0 10px 0 0; } .tab-comments .avatar:hover { background: #333; border-color: #222; } .tab-comments h3, .tab-comments h3 a { font-size: 12px; line-height: 20px; font-weight: normal; font-style: italic; color: #666; } .tab-comments h3 a:hover { text-decoration: none; color: #333; } .tab-tags a { color: #666; background: #f2f2f2; padding: 4px 8px; } .tab-tags a:hover { color: #fff; text-decoration: none; } /* -- 25.0 Archives Template -- */ .archive-lists .children { margin: 0 0 0 15px; list-style: circle outside; } #archive-posts .post-container { background: url(../images/bg-dots.png) left bottom repeat-x; padding: 0 0 10px 0; margin: 0 0 10px 0; } #archive-posts .post-container .post-thumb { margin: 0; padding: 0; } #archive-posts .post-container .post-thumb img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 0 10px 0 0; } #archive-posts .post-container .post-thumb img:hover { background: #333; border-color: #222; } #archive-posts .post-container .entry-title, #archive-posts .post-container .entry-title a { font-size: 13px; line-height: 20px; color: #333; font-weight: bold; } #archive-posts .post-container .entry-title a:hover { text-decoration: none; } #archive-posts .post-container .entry-meta { margin: 0 0 3px 0; padding: 0; background: none; } #archive-posts .post-container .entry-meta, #archive-posts .post-container .entry-meta a { font-size: 10px; text-transform: uppercase; color: #999; } #archive-posts .post-container .entry-meta a:hover { text-decoration: none; color: #333; } #archive-posts .post-container .entry-summary p { margin: 0; } /* -- 26.0 Full Width Template -- */ .full-width { width: 940px!important; } /* -- 27.0 Contact Form Template -- */ #contactForm { margin: 15px 0; } #contactForm ul { list-style: none; margin: 0; } #contactForm ul li { margin-bottom: 10px; } #contactForm div.input-container { display: inline-block; margin-right: 10px; background-color: #f8f8f8; padding: 1px 3px;} #contactForm input[type=text] { width: 350px; border: 1px solid #e8e8e8; } #contactForm div.textarea-container { display: inline-block; margin-right: 10px; background-color: #f8f8f8; padding: 4px 4px 0} #contactForm textarea { width: 550px; height: 155px; padding: 5px; border: 1px solid #e8e8e8; } #contactForm label { font-style: italic; font-size: 13px; color: #333; display: block; margin: 2px; } #contactForm label.error { font-size: 11px; font-style: normal; color: red; } #contactForm button { background-color: #df6838; border: none; color: #fff; font-weight: bold; padding: 5px 15px; } /* -- 28.0 Footer -- */ #footer { background: #f8f8f8; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; padding: 40px 0 10px 0; } #foot-inner { width: 940px; margin: 0 auto; } .foot-widget-one, .foot-widget-two, .foot-widget-three { width: 220px; float: left; margin-right: 20px; } .foot-widget-four { width: 220px; float: right; } #foot-notes { width: 940px; margin: 0 auto; padding: 15px 0 0 0; height: 30px; } .copyright { float: left; } .credit { float: right; } .copyright, .credit { margin: 0; } #foot-notes, #foot-notes a { font-size: 11px; color: #999; } #foot-notes a { border-bottom: 1px dotted #ccc; } #foot-notes a:hover { text-decoration: none; color: #666; } /* -- 29.0 WP Pagenavi Support -- */ .page-navigation {margin-top: 20px;} .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active { padding: 4px 7px; margin: 5px; text-decoration: none; border: 1px solid #efefef; background: #FFFFFF; } .wp-pagenavi a:hover { border: 1px solid #ccc !important; } .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink { border: 1px solid #fff; } .wp-pagenavi span.pages { padding: 4px 7px 4px 0px; margin: 5px 0 5px 0px; border: 1px solid #fff; background: #FFFFFF; } .wp-pagenavi span.current { padding: 4px 7px; margin: 5px; font-weight: bold; border: 1px solid #ccc !important; background: #fafafa; } .wp-pagenavi span.extend { padding: 4px 7px; margin: 5px; border: 1px solid #ccc; background-color: #FFFFFF; } /* -- x.x Clearfix -- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */ /* -- x.x Browser-specific Fixes -- */ body.ie #commentform div.input-container, body.ie #commentform div.textarea-container, body.ie #contactForm div.input-container, body.ie #contactForm div.textarea-container { overflow: visible; display: inline; padding: 3px;} body.ie #commentform div.input-container { width: 302px; } body.ie #commentform div.textarea-container { width: 452px; } body.ie #commentform div.input-container input { margin: 0 !important; } body.gecko #commentform div.input-container, body.gecko #commentform div.textarea-container, body.gecko #contactForm div.input-container, body.gecko #contactForm div.textarea-container, body.opera #commentform div.input-container, body.opera #commentform div.textarea-container, body.opera #contactForm div.input-container, body.opera #contactForm div.textarea-container { padding: 3px; } #sidebar div.widget_nav_menu h3{ background-color: #48767f; color: white; margin-bottom:1px; padding-left: 10px; padding-top: 4px; } #sidebar div.widget_nav_menu div{ padding: 10px 10px 10px; background-color: #C0D4DA; } /* -- * Default CSS File * This file contains styles related to the colour scheme of the theme -- Please make any amendments to "custom.css" rather than this file This will make updating your theme files much easier without overwriting your changes! -- */ a, #top-bar a:hover, #logo a:hover, .widget-title, #recent-news-block .entry-title a:hover, #featured-posts-block .entry-title a:hover, .category-block .entry-title a:hover, .category-block-summary .entry-title a:hover, .tz_tweet_widget a:hover, .xoxo a:hover, .tz_tab_widget #tab-items li a:hover, .tz_tab_widget #tab-items li.ui-tabs-selected a, .tz_tab_widget #tab-items li.ui-state-active a, .tz_tab_widget .entry-title a:hover, .widget ul li a:hover, #related-posts .entry-title a:hover, p.breadcrumb, li.bypostauthor cite, li.bypostauthor cite a, li.comment cite a:hover, #archive-posts .post-container .entry-title a:hover, #single-column-right ul.share li a:hover, #single-column-right ul.rss li a:hover, #secondary-nav ul li.current_page_item a, #secondary-nav ul li.current_page_item li a:hover, #secondary-nav ul li.current_menu_item a, #secondary-nav ul li.current_menu_item a:hover { color: #df6838; } .tz_tweet_widget span a { color: #df6838!important; } .widget_search #searchsubmit, .tab-tags a:hover, #commentform input#submit, #contactForm button { background: #df6838; color: #fff; } .widget-title a { padding-right: 8px; background: url(../images/bg-arrow-orange.png) right 3px no-repeat; } .widget-title a:hover { background: url(../images/bg-arrow-black.png) right 3px no-repeat; text-decoration: none; color: #333; }/* -- * Custom CSS File * Please make any amendments to your theme's CSS in this file rather than "styles.css" This will make updating your theme files much easier without overwriting your changes! -- */ /* Example: Change the background colour to black (!important is used to overwrite any duplicate classes in styles.css) body { background: #000!important; } */ a, #top-bar a:hover, #logo a:hover, .widget-title, #recent-news-block .entry-title a:hover, #featured-posts-block .entry-title a:hover, .category-block .entry-title a:hover, .category-block-summary .entry-title a:hover, .tz_tweet_widget a:hover, .xoxo a:hover, .tz_tab_widget #tab-items li a:hover, .tz_tab_widget #tab-items li.ui-tabs-selected a, .tz_tab_widget #tab-items li.ui-state-active a, .tz_tab_widget .entry-title a:hover, .widget ul li a:hover, #related-posts .entry-title a:hover, p.breadcrumb, li.bypostauthor cite, li.bypostauthor cite a, li.comment cite a:hover, #archive-posts .post-container .entry-title a:hover, #single-column-right ul.share li a:hover, #single-column-right ul.rss li a:hover, #secondary-nav ul li.current_page_item a, #secondary-nav ul li.current_page_item li a:hover, #secondary-nav ul li.current_menu_item a, #secondary-nav ul li.current_menu_item a:hover { color: #004653; } .tz_tweet_widget span a { color: #004653 !important; } .widget_search #searchsubmit, .tab-tags a:hover, #commentform input#submit, #contactForm button { background: #004653; color: #fff; } .widget-title a { padding-right: 8px; background: url(../images/bg-arrow-pen.png) right 3px no-repeat; } .widget-title a:hover { background: url(../images/bg-arrow-pen.png) right 3px no-repeat; text-decoration: none; color: #333; } #footer .widget ul li{ background-image: url(../images/bg-arrow-pen.png); } #footer .tz_tweet_widget ul li{ background-image: url(../images/bg-dots-pen.png) !important; } #top-bar{ background-color:#48767F; border-bottom-color: #c0d4da; } #date .rounded{ background:#033340; } /* Secondary Navigation Skin */ #secondary-nav ul a { padding: 0 6px; height: 30px; line-height: 30px; } #secondary-nav ul li.current_menu_item ul li a, #secondary-nav ul li.current_page_item ul li a { color: #333; } #secondary-nav ul a:hover { text-decoration: none; } #secondary-nav ul ul { border-top: 1px solid #c0d4da; } #secondary-nav ul ul li { border: 1px solid #c0d4da; border-top: none; background: #73a1aa; } #secondary-nav ul ul li.sfHover, #secondary-nav ul ul li.sfHover, #secondary-nav ul ul a:focus, #secondary-nav ul ul a:hover, #secondary-nav ul ul a:active { background: #e7f2f5; outline: 0; } #header{ padding: 0 10px; background: white url(../images/pen-logo@2x.jpg) 10px 0 no-repeat; background-size: 940px 117px; height: 117px; } #header #logo{ overflow:hidden; } #header #logo a{ height: 117px; width: 940px; text-indent: -950px; display:block; overflow:hidden; } #header #logo p{ height:0px; width:0px; overflow:hidden; margin-bottom: 0px; } #header-wrap, #primary-nav-wrap, #content-wrap{ width:100%; background-color: #e7f2f5; } #primary-nav-wrap .white-out{ margin: 0 auto; background: #fff; width: 960px; } #primary-nav{ margin-bottom: 0; background-image:url(../images/pen-bg-primary-menu.gif); } #single-column-left .entry-meta { padding-bottom: 10px; } span.social-like { height: 25px; display:block; overflow: hidden; } #primary-nav ul a:hover, #primary-nav ul li.sfHover a, #primary-nav ul li.current-cat a, #primary-nav ul li.current-menu-item a { text-decoration: none; color: #f8f8f8; background: #033340; text-shadow: 0 -1px 1px rgba(0,0,0,0.7); -moz-border-radius: 0 0 0 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; } #primary-nav ul ul { background: #033340; } #content{ background-color: #fff; padding:20px 10px 0; } #latest-post { background:#033340; } #footer{ background: #accacf; }