body { font-family: Arial, Helvetica, sans-serif; background-color:#fff; color: #fff; background-image: url(../images/back.jpg), url(../images/back-2.jpg); background-repeat: no-repeat, repeat-y; background-position:center top; background-size: 2000px 812px, 2000px 20px; } .ipod body { font-family: Arial, Helvetica, sans-serif; background-color: white; background-image:url(../images/white.jpg); background-repeat:repeat-y; background-repeat:repeat-x; } .iphone body { font-family: Arial, Helvetica, sans-serif; background-color: white; background-image:url(../images/white.jpg); background-repeat:repeat-y; background-repeat:repeat-x; } .ipad body { font-family: Arial, Helvetica, sans-serif; background-color: white; background-image:url(../images/white.jpg); background-repeat:repeat-y; background-repeat:repeat-x; } .ipad2 body { font-family: Arial, Helvetica, sans-serif; background-color: white; background-image:url(../images/white.jpg); background-repeat:repeat-y; background-repeat:repeat-x; } .j2me body { font-family: Arial, Helvetica, sans-serif; background-color: white; background-image:none; } .blackberry body { font-family: Arial, Helvetica, sans-serif; background-color: white; background-image:none; } .android body { font-family: Arial, Helvetica, sans-serif; background-color: white; background-image:none; } .mobile body { font-family: Arial, Helvetica, sans-serif; background-color: white; background-image:none; } /* -- 2.0 Site structure -- */ #content { width: 980px; margin: 0 auto; } #primary { width: 620px; } #sidebar { width: 300px; } .sidebar-narrow { width: 140px; } #footer { clear: both; } /* -- 3.0 Common Classes -- */ .rounded { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .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; color: #0c449b; } 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: 10px; } /*.widget { margin-bottom: 20px; }*/ .widget { margin-bottom: 0px; padding:0;} .hentry, .navigation-links, .hfeed, .nav, #featured, .pinglist { margin-bottom: 30px; } .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 { } /* -- 8.0 Top Bar -- */ #top-bar { height: 33px; background: url(../images/menu.png) repeat-x; /*border-bottom: 1px solid #666666; border-top: 1px solid #666666;*/ text-transform:uppercase; font-size:10px; font-weight:bold; } #top-bar a { color: #ffffff; } #top-bar-inner { width: 940px; margin: 0 auto; background: url(../images/menu.png) repeat-x; height: 33px; } #date { padding-top: 6px; float: left; margin-right: 10px; } #date p { font-size: 10px; text-transform: uppercase; color: #fff; background: #333333; padding: 0 5px; line-height: 18px; margin-bottom: 0; } #feeds { float: right; padding-top: 6px; margin-right:10px;} #feeds a { /*background: url(../images/icon-rss.gif) left top no-repeat; padding-left: 17px; margin-left: 10px;*/ } #feeds a:hover { text-decoration: none; } #feeds img{ margin-right:2px;} /* -- 10.0 header -- */ #header { width: 980px; height: 240px; margin: 0 auto; padding: 5px 0px 0px 0px; } #logo { float: right; height:75px;} #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: left; height:90px;} #banner-header img { padding: 0 5px 3px 0; background: none; } .header-widget { width: 768px;} /* -- Homepage Styles -- */ /* -- 12.0 Latest Post -- */ /* -- Single post -- */ #latest-post { background: #222; -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; padding: 15px; display: none; } #latest-post .post-thumb { margin: 0; } #latest-post .post-thumb img { float: left; margin: 0 20px 0 0; } #latest-post .entry-title { margin-bottom: 10px; } #latest-post .entry-title, #latest-post .entry-title a { color: #ddd; line-height: 28px; 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; } /* -- Slider -- */ .coda-slider-wrapper { width: 620px; z-index: 0; position: relative} .coda-slider { background: #222; color: #fff; margin-bottom: 10px !important; padding: 0 0 15px 0 !important; } .coda-slider, .coda-slider .panel { width: 620px; } .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 620px } .coda-nav-left a, .coda-nav-right a { background: #222; color: #fff; padding: 5px 10px; width: 100px; position: absolute; top: 0; z-index: 1; outline: none; } .coda-nav-left a { left: 0; } .coda-nav-right a { right: 0; } .coda-slider .panel-wrapper { padding: 15px; } .coda-slider p.loading { padding: 15px; text-align: center } .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; margin-bottom: 30px; } .coda-nav ul li { display: inline } .coda-nav ul li a { background: #222; color: #fff; display: block; float: left; margin: 0 5px; text-decoration: none; height: 10px; width: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; outline: none; text-indent: -9999px; } .coda-nav ul li:first-child a { margin-left: 0; } .coda-nav ul li:last-child a { margin-right: 0; } .coda-slider-wrapper { height:231px;clear: both; overflow: hidden; } .coda-slider { height:325px; float: left; overflow: hidden; position: relative; } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative; } .coda-nav-left, .coda-nav-right { float: left } .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none } /*From Secondary Navigation */ #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: #cc3333; } .coda-nav ul li a.current { background: #cc3333; color: #fff; } /* -- 13.0 Top Blocks -- */ #top-blocks { margin-bottom: 30px; } /* -- 14.0 Latest News -- */ #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.gif) 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.thumbed, #recent-news-block .entry-title.thumbed a { padding-top: 5px; } #recent-news-block .entry-title a:hover { text-decoration: none; } #recent-news-block .entry-header { background: url(../images/bg-dots.gif) 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; } #recent-news-block .recent-thumb img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 5px 10px 5px 0; } /* -- 15.0 Featured Stories -- */ #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.gif) 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.thumbed, #featured-posts-block .entry-title.thumbed a { padding-top: 5px; } #featured-posts-block .entry-title a:hover { text-decoration: none; } #featured-posts-block .entry-header { background: url(../images/bg-dots.gif) 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; } #featured-posts-block .featured-thumb img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 5px 10px 5px 0; } /* -- 16.0 News in Pictures -- */ #picture-posts { position: relative;margin-top: 20px; margin-bottom: 30px; display: none; } 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; position: absolute; bottom: -60px; display: block; width: 270px; } 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: -8px; padding: 0; } /* #picture-posts ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; }*/ #picture-posts ul.thumbs li { float: left; padding: 0; margin: 0px 10px 9px 0; list-style: none; } #picture-posts a.thumb { padding: 4px; display: block; border: 1px solid #e2e2e2; background: #f2f2f2; } #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: 327px; } .category-block .post-container { background: url(../images/bg-dots.gif) left bottom repeat-x; padding: 0 0 10px 0; margin: 0 0 10px 0; } .category-block .post-thumb { height: 84px; position: relative; width: 100px; } .category-block .post-thumb img { padding: 4px; float: left; margin: 0 0px 0 0;width:90px;height:69px; } .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.gif) 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; background-color:#3b3b3b;color:#FFF } /* -- 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; } .gce-list-date { background-attachment:scroll; background-color:transparent; background-image:url(http://www.autosphere.ca/legaragiste/wp-content/themes/deadline-zenko-french/images/calendar.jpg); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:80px; color:#000000; float:left; font-family:Helvetica; font-size:12px; font-style:normal; font-variant:normal; font-weight:normal; height:80px; letter-spacing:0; line-height:40px; margin:0; padding-left:0; padding-top:0; text-align:center; text-transform:uppercase; width:80px; } /* -- 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: 0px; border-width: 0px; line-height: 18px; margin-bottom: 5px; margin-left:0; margin-right:1px; margin-top:1px; text-align: left; padding: 0 0px; } table .even { background: #ddd; } caption { text-align: left; } tr { } th, td { line-height: 15px; padding-top: 1px; padding-bottom:2px; padding-left:0; padding-right:1px; } /* -- 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: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { border: 2px solid #cfcfcf; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery img { border: 10px solid #f1f1f1; } .gallery br+br { display: none; } /* -- 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.gif) 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 #000; } #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 #000; } #commentform label { font-style: italic; font-size: 13px; color: #333; } #commentform input#submit { border: 1px; color: #000; font-weight: bold; padding: 5px 15px; } #commentform label.error { font-size: 11px; font-style: normal; color: red; display: block; } .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 -- */ /* -- 22.0 Post Page Styles -- */ .single-entry-title { padding: 10px 0 10px 0; } #single-column-left { float: left; width: 665px; 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.gif) left bottom repeat-x; width: 500px;} #single-column-left .entry-content { margin-bottom: 40px; } #single-column-right {float: right; } #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.flattr { background-position: 0 -242px; } #single-column-right ul.share li.xing { background-position: 0 -264px; } #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.gif) 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 .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; background: url(../images/black.png) no-repeat; height: 33px; /*font-family: Georgia; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: 400;*/ padding: 3px 0 0 10px; font-size: 12px; color:#ffffff; /*background: url(../images/bg-widget-title.gif) left bottom repeat-x; margin: 0 0 20px 0; */} .widget-title a{ color:#ffffff; } #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 { line-height: 24px; padding: 0 0 0 12px; } .xoxo a, .widget ul a { color: #263B51; font-weight: 700; font-family: Tahoma;} .xoxo a:hover, .widget ul li a:hover { text-decoration: none; } .widget li { list-style-type: none; list-style-position: inside; line-height: 14px; margin-bottom: 5px; text-align:left;} /* -- 24.3 125 Ads Widget -- */ .tz_ad_widget { margin-bottom: 10px!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 { padding: 0px; } .ads-125 img:hover { background: none; } /* -- 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.gif) 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 8px 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 5px 0 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: 0px; background: none; } .ads-120x240 img:hover { background: none; } /* -- 24.8 120x240 Ad Widget -- */ .tz_ad300_widget { padding: 0; margin-bottom: 5px; } .tz_ad300_widget .widget-title { display: none; } .ads-300 { width: 300px; height: 250px; overflow: hidden; padding-bottom:12px; } /*ADDED NEW BY ROOT DESIGN WORKS, LLC */ /* -- 24.8A 120x240 2 Column side by side Ads Widget -- */ .tz_ad120x240_2col_widget { margin-bottom: 20px!important; } .tz_ad120x240_2col_widget .ads-120x140-2col { width: 310px; } .tz_ad120x240_2col_widget ul { list-style-type: none; margin: 0; padding: 0; } .tz_ad120x240_2col_widget ul li { display: block; float: left; margin: 0 30px 0px 0; padding: 0!important; background: none!important; line-height: 40px!important; } .ads-120x140-2col img { padding: 0px; } .ads-120x140-2col img:hover { background: none; } /*ADDED NEW BY ROOT DESIGN WORKS, LLC */ /* -- 24.8b 160x600 Ad Widget -- */ .ads-160x600 { margin-top: -10px; } .ads-160x600 img { margin-left: 70px!important; padding: 0px; background: none; } .ads-160x600 img:hover { background: none; } /* -- 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 #tabs { background: #f8f8f8; padding: 4px;background: url(../images/thin.jpg) no-repeat; } .tz_tab_widget #tab-items { list-style-type: none; padding: 0; margin: 0; height: 34px; } /* .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 0px 0 0; line-height: 28px; padding: 0; background: none; } .tz_tab_widget #tab-items li a { font-weight: bold; font-size: 11px; text-transform: uppercase; color: #263B51; padding: 0px 10px 5px 10px; display: block; border-left: 1px solid #f8f8f8; border-top: none; } .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: url(../images/blu-tab-widget.png) no-repeat top left; /* height: 33px; background: #fff; */ color:#ffffff; text-decoration: none; border-left: none; border-top: 1px solid #e8e8e8; } .tz_tab_widget .tabs-inner { 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.gif) 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; } /* -- 24.11 Social Counter Widget -- */ .tz_social_counter_widget { margin-bottom: 30px; } .tz_social_counter_widget .widget-title { margin-bottom: 10px; } .tz_social_counter_widget ul { list-style: none !important; list-style-image: none; padding: 0; margin: 0; width: 300px; } .tz_social_counter_widget li { display: block; width: 300px; background: url(../images/bg-dots.gif) left bottom repeat-x !important; padding: 10px 0 !important; margin: 0; } .tz_social_counter_widget .img { width: 48px; float: left; margin-right: 10px} .tz_social_counter_widget .img img { border: none; padding: 0px; background: none; height: 48px; width: 48px; } .tz_social_counter_widget .txt { width: 242px; clear: right; } .tz_social_counter_widget .txt p { margin: 0; font-weight: bold; font-size: 13px; } .tz_social_counter_widget .txt span { display: block; text-transform: uppercase; color: #999; font-size: 10px; font-weight: normal; } /* -- 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.gif) 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 0px 0 0; } #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: 980px!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: #333333; border: none; color: #fff; font-weight: bold; padding: 5px 15px; } /* -- 28.0 Footer -- */ #footer { background:#1D1C1C url(../images/bgf.jpg) repeat-x; border-top:1px solid #fff; padding-top:3px; clear:both; } #foot-inner { width: 940px; margin: 0 auto; color:#FFF;} .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: 980px; 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; } /****ADDITIONAL STUFF FROM ZENKO THEME**/ /*FOR MENU NAVIGATION DROPDOWN */ #menu { background: url(../images/menu.png); height: 40px; margin: 0 auto; font-weight:400; font-size:16px; } #menu-wrap { width: 980px; margin: 0 auto; } .downarrowclass { } .dropdown li a:hover .downarrowclass, .dropdown li:hover .downarrowclass, .dropdown ul li.current_page_item a .downarrowclass, .dropdown ul li.current-cat a .downarrowclass{ } .rightarrowclass { background:url(../images/righth.png) no-repeat center right; padding:8px; position:absolute; right:10px; } /********************************************************************************************* 10. Forms ------------------------- searchform.php *********************************************************************************************/ #search { color:#FFFFFF; float:right; font-size:10px; height:28px; padding:9px 0 0 0; width:145px; } #searchform { background:url(../images/search.png) no-repeat; height:22px; } #searchform label,#searchform .submit { display:block; filter:alpha(opacity=0); opacity:0; } #se { background:none; border:0; height:15px; width:80px; margin:0px 16px 0 0; padding:3px 15px 0 5px; color:#656668; font-size:10px; } #searchform input:focus { border:0; } input, textarea, text { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #000; padding:6px; } textarea{ height:150px; } #rss { float: right; margin-top: 9px; margin-right:0px; color: #fff; font-size: 10px; height: 20px; } #rss li { display: inline; padding: 0; float: left; height: 20px; } #rss li a { color: #fff; font-size: 10px; text-decoration: none; padding: 0; /*font-weight: bold;*/ line-height: 1.5; } #rss li a:hover { text-decoration: underline; } #rss li.rssimg { background: url(../images/rss.png) no-repeat left top; padding-left: 0px; height:22px; width:22px;} #rss li.faceimg { background: url(../images/face.png) no-repeat left top; padding-left: 8px; height:22px; width:22px;} #rss li.youimg { background: url(../images/you.png) no-repeat left top; padding-left: 8px; height:22px; width:22px;} #rss li.twitimg { background: url(../images/twit.png) no-repeat left top; padding-left: 8px; height:22px; width:22px;} #rss li.linkimg { background: url(../images/link.png) no-repeat left top; padding-left: 8px; height:22px; width:22px; } #rss li.emailimg { background: url(../images/mail.png) no-repeat left top; padding-left: 21px; margin-left: 10px; } #rss img { vertical-align: middle; margin-right: 3px; } /* SIMPLE IMAGE LINK CSS OVERRIDE */ .widget_simpleimagelink_container { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 100%; } .floatleft { float:left; } .floatright { float:right; } .navigation { color:#fff; width:100%; } .navigation .alignleft a, .navigation .alignright a { width: 125px; text-align: center; height: 20px; } .navigation a { color: #fff; background:#1f1f1f; font-weight: bold; margin: 7px 5px; padding: 5px 6px; cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius:3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:none; } .navigation-post a, .navigation-post p { cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius:3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:none; font-weight:bold;color:#ffffff;background-color:#1f1f1f; margin:7px 5px; padding:5px 6px; text-align:center; } .navigation-post a:hover, .navigation-post p:hover { cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius:3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:none; font-weight:bold;color:#333333;background-color:#ffffff; text-align:center; margin:7px 5px; padding:5px 6px; text-decoration:none; } .navigation-post { width:100%; } .navigation .alignleft { float: left; } .navigation a:hover { color: #1f1f1f; background:#fff; } .navigation .alignright { float: right; } /* -- 1.0 Document Body -- */ body, input, textarea { font: 12px/20px Arial, sans-serif; color: #333; } /* -- 2.0 Site structure -- */ #content { width: 980px; margin: 0 auto; } #primary { width: 665px; } #sidebar { 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: 10px; } /*.widget { margin-bottom: 20px; }*/ .widget { margin-bottom: 10px; } .hentry, .navigation-links, .hfeed, .nav, #featured, .pinglist { margin-bottom: 30px; } .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 { } /* -- 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.gif) left top no-repeat; */padding-left: 17px; margin-left: 10px; } #feeds a:hover { text-decoration: none; } #feeds { float: right; padding-top: 6px; } #feeds a { /*background: url(images/icon-rss.gif) 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: inline-block; position: relative; } #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; display: block; } */ /* -- 10.0 header -- */ #header { width: 940px; margin: 0 auto; padding: 10px 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: left; height:90px;} #banner-header img { padding: 0px; background: #f8f8f8; } /* -- 11.0 Primary Navigation -- */ /* -- 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); z-index: 999; position: relative; } #primary-nav ul { margin: 0; padding: 0; list-style: none; line-height: 40px; position: absolute; } #primary-nav ul a { display: inline-block; position: relative; } #primary-nav ul li { float: left; position: relative; } #primary-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /* 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; display: block; } #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 */t #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; } /* Fluid effect */ #primary-nav a { display: block; width: auto; } #primary-nav li { float: left; width: auto; position: relative; } #primary-nav li ul { position: absolute; width: auto; left: -999em; min-width: 100%; } #primary-nav li:hover ul, #primary-nav li.sfHover ul { left: auto; top: 40px; } #primary-nav ul ul li:hover ul, #primary-nav ul ul li.sfHover ul { margin-left: 100%; left: 0; top: -10px; } #primary-nav li li { white-space: nowrap; min-width: 140px; } /* -- Homepage Styles -- */ /* -- 12.0 Latest Post -- */ /* -- Single post -- */ #latest-post { background: #222; -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: 15px; padding: 15px; display: none; height:185px} #latest-post .post-thumb { float: left; height: 146px; margin: 0 0 35px; } #latest-post .post-thumb img { float: left; margin: 0 15px 0 0; width:188px; height:145px;} #latest-post .entry-title { margin-bottom: 10px; } #latest-post .entry-title, #latest-post .entry-title a { color: #ddd; line-height: 28px; 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; } /* -- Slider -- */ .coda-slider-wrapper { width: 665px; z-index: 0; position: relative;} .coda-slider { background: #222; color: #fff; margin-bottom: 10px !important; padding: 0 0 15px 0 !important; } .coda-slider, .coda-slider .panel { width: 665px; height:182px; } .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 665px;} .coda-nav-left a, .coda-nav-right a { background: #222; color: #fff; padding: 5px 10px; width: 100px; position: absolute; top: 0; z-index: 1; outline: none; } .coda-nav-left a { left: 0; } .coda-nav-right a { right: 0; } .coda-slider .panel-wrapper { padding: 15px; height: 295px;} .coda-slider p.loading { padding: 15px; text-align: center } .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; margin-bottom: 30px; } .coda-nav ul li { display: inline } .coda-nav ul li a { background: #222; color: #fff; display: block; float: left; margin: 0 5px; text-decoration: none; height: 10px; width: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; outline: none; text-indent: -9999px; } .coda-nav ul li:first-child a { margin-left: 0; } . .coda-nav ul li:last-child a { margin-right: 0; } .coda-slider-wrapper { clear: both; overflow: hidden; } .coda-slider { float: left; overflow: hidden; position: relative; } .coda-slider .panel { display: block; float: left; } .coda-slider .panel-container { position: relative; } .coda-nav-left, .coda-nav-right { float: left } .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none } /* -- 13.0 Top Blocks -- */ #top-blocks { margin-bottom: 30px; } /* -- 14.0 Latest News -- */ #recent-news-block { width: 327px; float: left; } #recent-news-block .post-thumb { margin: 0 0 5px 0; padding: 0 0 5px 0; background: url(images/bg-dots.gif) 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.thumbed, #recent-news-block .entry-title.thumbed a { padding-top: 5px; } #recent-news-block .entry-title a:hover { text-decoration: none; } #recent-news-block .entry-header { background: url(images/bg-dots.gif) 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; } #recent-news-block .recent-thumb img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 5px 10px 5px 0; } /* -- 15.0 Featured Stories -- */ #featured-posts-block { width: 327px; float: right; } #featured-posts-block .post-thumb { margin: 0 0 5px 0; padding: 0 0 5px 0; background: url(images/bg-dots.gif) 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.thumbed, #featured-posts-block .entry-title.thumbed a { padding-top: 5px; } #featured-posts-block .entry-title a:hover { text-decoration: none; } #featured-posts-block .entry-header { background: url(images/bg-dots.gif) 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; } #featured-posts-block .featured-thumb img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 5px 10px 5px 0; } /* -- 16.0 News in Pictures -- */ /*#picture-posts { position: relative; margin-bottom: 30px; display: none; } 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 { width: 300px; height: 290px; position: absolute; top: 5; 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; position: absolute; bottom: -60px; display: block; width: 270px; } 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; } */ /* -- 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: 0px; border-width: 0px; line-height: 18px; margin: 0 0 0px 0; text-align: left; padding: 0 0px; } table .even { background: #ddd; } caption { text-align: left; } tr { border-bottom: 0px; } th, td { padding-top: 2px; padding-bottom: 0; vertical-align: top; } /* -- 20.5 Images -- */ img.alignleft { float: left; margin: 4px 15px 15px 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: 4px 15px 15px 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: 0; auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { border: 2px solid #cfcfcf; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery img { border: 10px solid #f1f1f1; } .gallery br+br { display: none; } /* -- 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.gif) 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 #000; } #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 #000; } #commentform label { font-style: italic; font-size: 13px; color: #333; } #commentform input#submit { border: 1; color: #fff; font-weight: bold; padding: 5px 15px; } #commentform label.error { font-size: 11px; font-style: normal; color: red; display: block; } .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; } / /* -- 23.0 Related Posts -- */ #related-posts .post-container { background: url(images/bg-dots.gif) 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 .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 { 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: #263b51; } .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 { margin-bottom: 10px!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.gif) 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 8px 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 5px 0 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 { padding: 0; margin-bottom: 5px; } .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;background: url(images/thin.jpg) no-repeat; } .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 { 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.gif) 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; } /* -- 24.11 Social Counter Widget -- */ .tz_social_counter_widget { margin-bottom: 30px; } .tz_social_counter_widget .widget-title { margin-bottom: 10px; } .tz_social_counter_widget ul { list-style: none !important; list-style-image: none; padding: 0; margin: 0; width: 300px; } .tz_social_counter_widget li { display: block; width: 300px; background: url(images/bg-dots.gif) left bottom repeat-x !important; padding: 10px 0 !important; margin: 0; } .tz_social_counter_widget .img { width: 48px; float: left; margin-right: 10px} .tz_social_counter_widget .img img { border: none; padding: none; background: none; height: 48px; width: 48px; } .tz_social_counter_widget .txt { width: 242px; clear: right; } .tz_social_counter_widget .txt p { margin: 0; font-weight: bold; font-size: 13px; } .tz_social_counter_widget .txt span { display: block; text-transform: uppercase; color: #999; font-size: 10px; font-weight: normal; } /* -- 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.gif) 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 .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:#1D1C1C url(../images/bgf.jpg) repeat-x; padding-top:3px; clear:both; border: 1px solid #1D1C1C; border-top:1px solid #fff; } #footer .widget h3 { background:none; height:22px; /* font-family:Georgia;*/ text-transform:uppercase; font-size:15px; color:#aeaeae; font-weight:400; margin-bottom:10px; border-bottom:1px solid #595959; padding:7px 5px 0 10px; } #footer .widget a { color:#c4c4c4; font-weight: 700; font-family: Tahoma; font-size: .9em;} #footer .widget ul li {line-height: 14px; padding: 0 0 0 15px;} #foot-inner { width: 940px; margin: 0 auto; color:#FFF;} .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; } /* ======= CUSTOM =========*/ #copyright { background:#3c3c3c; color:#C4C4C4; line-height:19px; font-size:11px; border-top:1px solid #525252; text-align:center; padding:20px 45px 30px 20px; margin-bottom: 10px; } #copyright a { color:#c4c4c4; border-bottom:1px dotted #ccc; } #copyright a:hover { color:#c4c4c4; border-bottom:none; text-decoration:none; } /* Custom for search to work: */ #middle { width: 670px; float: left; margin: 0 10px 10px 0; } #posts { width: 670px; float: left; margin-bottom:15px; } #posts .homepost .rightcontp h3 { background: none; font-size: 16px; text-transform: none; padding: 0; } #posts .thumb { float: left; } #posts .thumb img { float: left; margin: 0 10px 5px 0; } h3.recent { background: url(images/blu.png) no-repeat top left; height: 33px; font-family: Arial; text-transform: uppercase; font-size: 10px; color: #fff; font-weight: 400; padding: 7px 5px 0 10px; } .homepost { border-bottom: 1px solid #ccc; font-size: 12px; color: #444; line-height: 20px; margin-top: 10px; float: left; padding: 0 0 10px 0; margin: 8px 0 3px 0; clear: both; width: 670px; } .rightcontp h3 a:link { font-weight: 700; color: #444; } .rightcontp h3 a:visited {color: #444;} .rightcontp h3 a:hover {text-decoration: underline;} .bubble { background: transparent url(images/bb.png) no-repeat; color: #fff; float: right; height: 17px; padding-top: 0px; text-align: center; width: 19px; margin-top: 2px; margin-left: 10px; line-height: 1.3; } .bubble a { color: #fff; font-size: 10px; font-weight: 700; font-family: Arial; } .post-meta { font-size: 10px; font-family: Arial; color: #737373; text-transform: uppercase; } .post-meta a { font-size: 10px; font-family: Arial; color: #737373; } /* * Toon Barn Style */ .nrelate .nr_inner { clear: both; padding: 4px 0; width: 100%; margin-top:-5px; } .nrelate .nr_panel{ float:left; background:none; font-size:11px; border:1px solid transparent !important; margin:1px; padding:1px 1px 0px; display:block; text-decoration:none; cursor:pointer; padding-bottom:20px; } .nrelate .nr_title { font-size:16px; margin-top:0; margin-bottom:5px; } .nrelate_default .nr_panel { background: none repeat scroll 0 0 transparent; border: 1px solid transparent !important; cursor: pointer; display: block; float: left; font-size: 11px; margin: 1px; padding: 1px 1px 0 20px; text-decoration: none; } .nrelate .nr_img_div { display:block; line-height:0; position:relative; background:none repeat scroll 0 0 #000000; background-color:transparent; border:1px solid #cccccc; } .nrelate .nr_img { border: none; display:block; margin-left:auto !important; margin-right:auto !important; padding: 2px !important; background:none repeat scroll 0 0 #F0F0F0; border-top:1px solid #FFFFFF; outline:1px solid #DDDDDD; width:auto !important; } .nrelate .nr_img_div img { border:1px solid #FFFFFF !important; margin:0 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -khtml-box-shadow: none !important; box-shadow: none !important; } .nrelate .nr_text { overflow: hidden; word-wrap:break-word; clear:left; float:left; font-family:sans-serif; font-weight:bold; line-height:140%; padding:2px; margin-top:4px; text-align:left; display:block; width:100%; color: #263B51; } .nrelate .nr_text:hover { overflow: hidden; word-wrap:break-word; clear:left; float:left; font-family:sans-serif; font-weight:bold; line-height:140%; padding:2px; margin-top:4px; text-align:left; display:block; width:100%; color: #333; } .nrelate .nr_source { font-size: 9px; font-style: italic; font-weight:normal; } .nrelate .nr_panel .nr_post_title, .nrelate .nr_panel .nr_source, .nrelate .nr_panel .nr_excerpt{ display:block; } .nrelate .nr_panel .nr_excerpt{ font-weight:normal; } .nrelate ul li .nr_link, .nrelate ul li .nr_link:hover, .nrelate ul li .nr_link:active, .nrelate ul li .nr_link:link{ border:none; } .nrelate ul li .nr_excerpt, .nrelate ul li .nr_source{ padding-left:5px; } /* Sponsored area on thumbnails */ .nrelate .nr_sponsored_wrap{ display:block; height:18px; position:absolute; left:3px; overflow:hidden; } .nrelate a.nr_panel:hover .nr_sponsored_wrap{ left:3px; } /* settings for each thumbnail size supported in plugin */ .nrelate.nr_80 .nr_panel{ width : 88px; padding-bottom:20px; height:200px;padding-right: 40px;} .nrelate_default.nr_80 .nr_panel {width: 88px;padding-left:20px;} .nrelate.nr_80 .nr_panel .nr_sponsored_wrap{ width : 80px; top : 65px; } .nrelate.nr_80 .nr_panel .nr_sponsored{ left : 62px; } .nrelate.nr_90 .nr_panel{ width : 98px; } .nrelate.nr_90 .nr_panel .nr_sponsored_wrap{ width : 90px; top : 75px; } .nrelate.nr_90 .nr_panel .nr_sponsored{ left : 72px; } .nrelate.nr_100 .nr_panel{ width : 108px; } .nrelate.nr_100 .nr_panel .nr_sponsored_wrap{ width : 100px; top : 85px; } .nrelate.nr_100 .nr_panel .nr_sponsored{ left : 82px; } .nrelate.nr_110 .nr_panel{ width: 118px; } .nrelate.nr_110 .nr_panel .nr_sponsored_wrap{ width : 110px; top : 95px; } .nrelate.nr_110 .nr_panel .nr_sponsored{ left : 92px; } .nrelate.nr_120 .nr_panel{ width : 128px; } .nrelate.nr_120 .nr_panel .nr_sponsored_wrap{ width : 120px; top : 105px; } .nrelate.nr_120 .nr_panel .nr_sponsored{ left : 102px; } .nrelate.nr_130 .nr_panel{ width : 138px; } .nrelate.nr_130 .nr_panel .nr_sponsored_wrap{ width : 130px; top : 115px; } .nrelate.nr_130 .nr_panel .nr_sponsored{ left : 112px; } .nrelate.nr_140 .nr_panel{ width : 148px; } .nrelate.nr_140 .nr_panel .nr_sponsored_wrap{ width : 140px; top : 125px; } .nrelate.nr_140 .nr_panel .nr_sponsored{ left : 122px; } .nrelate.nr_150 .nr_panel{ width : 158px; } .nrelate.nr_150 .nr_panel .nr_sponsored_wrap{ width : 150px; top:135px; } .nrelate.nr_150 .nr_panel .nr_sponsored{ left : 132px; } /*Popular Posts*/ #sideBar #popularPosts { list-style:none; } #sideBar #popularPosts li { overflow:auto; margin:10px 0px;} #sideBar #popularPosts li img { float:left; margin-right:10px; border:5px solid #88ffd3;} #sideBar #popularPosts li a { text-decoration:none; font-weight:bold; color:#1e292b;} #sideBar #popularPosts li p { margin-top:10px; } #black { background: url(images/black.png) ; height: 40px; margin: 0 auto; font-weight:400; font-size:16px; } #black-wrap { width: 980px; margin: 0 auto; } .block { clear: both; color: #444444; float: left; font-size: 12px; height: 319px; margin-bottom: 7px; position: relative; width: 670px; } .mainFrame{ height: 252px; margin-top: 10px; width: 328px;} .mainFrame a { text-decoration: none; } .mainPicture { display: inline-block; height: 252px; left: 8px; position: absolute; width: 320px; overflow: hidden; } .mainPicture img { width: 335px; } #pictorials .mainPicture img:hover{ opacity:0.8; } #pictorials .others img:hover{ opacity:0.8;} .mainDescription{ bottom: 0px; height: auto; padding: 7px 5px 5px 10px; position: absolute; /* RGBa with 0.6 opacity */ background-color: rgba(100, 100, 100, 0.7); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } #pictorials{ height:325px; width:673px;} #pictorials .others{ display: inline-block; height: 253px; position: absolute; right: 9px; top: 46px; width: 343px;} #pictorials .others .last{ margin:0;} #pictorials a:hover { text-decoration: none;} #pictorials .others .not-last{ margin-right:11px; margin-bottom:11px;} #pictorials .others img{ width:95px;} #pictorials .others li{ display:inline-block;} #pictorials .picto-title{ color: #FFFFFF; display: block; font-size: 13px; font-weight: bold; overflow: hidden; width: 306px;} #pictorials .picto-date-picture{ color: #ECECEC; display: block; font-size: 12px; font-weight: bold; } #latest-post .post-thumb { float: left; height: 146px; margin: 0 0 32px; } /*top slider*/ .coda-slider-wrapper .post-thumb .overlay-video { background: url("../images/rousseau_play_icon.png") no-repeat scroll center center transparent; height: 100%; position: absolute; width: 100%; z-index: 10;} .coda-slider-wrapper .post-thumb .overlay { background: url("../images/photos_bg.png") repeat scroll 0 0 transparent; bottom: 1px; color: white; font-size: 16px; height: 34px; line-height: 18px; padding-bottom: 0; padding-top: 0; position: absolute; text-indent: 64px; width: 93%; } .coda-slider-wrapper .post-thumb .overlay span{ background: url("../images/rousseau_camera_icon.png") no-repeat scroll 8px 2px transparent; display: block; padding-bottom: 7px; padding-right: 0; padding-top: 9px; width: 100%; } .coda-slider .post-thumb{float: left; position: relative;} /*rest of page*/ .category-block .post-thumb a { display: block; height: 100%; position: relative; width: 100%; } .category-block .post-thumb a .overlay-video { background: url("../images/rousseau_play_icon_small.png") no-repeat scroll center center transparent; height: 100%; position: absolute; width: 100%; z-index: 10;} .category-block .post-thumb a .overlay { background: url("../images/photos_bg.png") repeat scroll 0 0 transparent; bottom: 4px; color: white; font-size: 11px; height: 24px; left: 5px; line-height: 6px; padding-bottom: 0; padding-top: 0; position: absolute; text-indent: 26px; width: 75px; z-index: 10; } .category-block .post-thumb a .overlay span{ background: url("../images/rousseau_camera_icon_small.png") no-repeat scroll 4px 4px transparent; display: block; padding-bottom: 7px; padding-right: 0; padding-top: 9px; width: 100%; } /**/ #latest-post .post-thumb .overlay-video { background: url("../images/rousseau_play_icon.png") no-repeat scroll center center transparent; height: 100%; position: absolute; width: 100%; z-index: 10;} #latest-post .post-thumb .overlay { background: url("../images/photos_bg.png") repeat scroll 0 0 transparent; bottom: 1px; color: white; font-size: 16px; height: 34px; line-height: 18px; padding-bottom: 0; padding-top: 0; position: absolute; text-indent: 64px; width: 93%; } #latest-post .post-thumb .overlay span{ background: url("../images/rousseau_camera_icon.png") no-repeat scroll 8px 2px transparent; display: block; padding-bottom: 7px; padding-right: 0; padding-top: 9px; width: 100%; } #latest-post .post-thumb{float: left; position: relative;} /**/ #archive-posts .post-container .post-thumb { height: 84px; position: relative; width: 94px; float:left; } .post-container .post-thumb a { display: block; height: 100%; position: relative; width: 100%; } .post-container.clearfix .post-thumb a .overlay-video { background: url("../images/rousseau_play_icon_small.png") no-repeat scroll center center transparent; height: 100%; position: absolute; width: 90%; z-index: 10;} .post-container.clearfix .post-thumb a .overlay { background: url("../images/photos_bg.png") repeat scroll 0 0 transparent; bottom: 4px; color: white; font-size: 11px; height: 24px; left: 5px; line-height: 6px; margin-left: -1px; padding-bottom: 0; padding-top: 0; position: absolute; text-indent: 26px; width: 90%; z-index: 10; } .post-container.clearfix .post-thumb a .overlay span{ background: url("../images/rousseau_camera_icon_small.png") no-repeat scroll 4px 4px transparent; display: block; padding-bottom: 7px; padding-right: 0; padding-top: 9px; width: 100%; } #latest-post .post-thumb { float: left; left: 15px; margin: 0; position: absolute; top: 15px; } #latest-post .entry-header { left: 205px; margin-bottom: 10px; position: relative; top: 0; width: 430px; } #latest-post .entry-title { left: 205px; margin-bottom: 10px; position: relative; top: -5px; width: 430px; } #latest-post .entry-summary { color: #999999; left: 205px; position: relative; top: -5px; width: 430px; } #latest-post .continue { color: #DDDDDD; font-size: 10px; left: 205px; position: relative; text-transform: uppercase; top: -5px; } #latest-post, .coda-slider .panel-wrapper { position: relative; }