/* Theme Name: Mike Carson Creative Version: 3.0 Description: Designed by Mike Carson & Mark Forrester. Author: Mike Carson & Mark Forrester Author URI: http://www.woothemes.com */ /*------------------------------------------------------------------ [ STYLE.CSS ] Main Stylesheet -------------------------------------------------------------------- [Table of contents] 0. EMBEDDED FONTS 1. RESET 2. MAIN STYLES 2.a Tags defaults 2.b Base layout 2.c Navigations 2.d Elements, ID's & Classes 3. FORMS 3.a Form styles 3.b Individual forms 4. PLUGINS 5. PRINT /*------------------------------------------------------------------ 1. RESET Global reset for all HTML elements ------------------------------------------------------------------*/ /*------------------------------------------------------------------ 2. MAIN STYLES General definitions -------------------------------------------------------------------- /* 0 - EMBEDDED FONTS */ @font-face { font-family: 'AvantGardeBkBTBookOblique'; src: url('/fonts/avgardni-webfont.eot'); src: local('☺'), url('/fonts/avgardni-webfont.woff') format('woff'), url('/fonts/avgardni-webfont.ttf') format('truetype'), url('/fonts/avgardni-webfont.svg#webfontpZaEobqm') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvantGardeBkBTDemi'; src: url('/fonts/avgardd-webfont.eot'); src: local('☺'), url('avgardd-webfont.woff') format('woff'), url('/fonts/avgardd-webfont.ttf') format('truetype'), url('/fonts/avgardd-webfont.svg#webfontelN6Eq8N') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvantGardeBkBTDemiOblique'; src: url('/fonts/avgarddo-webfont.eot'); src: local('☺'), url('/fonts/avgarddo-webfont.woff') format('woff'), url('/fonts/avgarddo-webfont.ttf') format('truetype'), url('/fonts/avgarddo-webfont.svg#webfontGdbfEg0m') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvantGardeBkBTBook'; src: url('/fonts/avgardn-webfont.eot'); src: local('☺'), url('/fonts/avgardn-webfont.woff') format('woff'), url('/fonts/avgardn-webfont.ttf') format('truetype'), url('/fonts/avgardn-webfont.svg#webfontRpBQMPhA') format('svg'); font-weight: normal; font-style: normal; } /* 1.1 Defaults */ body { height: 100%; font-family: arial,Helvetica,Sans-serif; font-size: 12px; line-height: 18px; color: #2c2a29; background-color: #ffffff; background-image: url(images/bg.png); background-repeat: no-repeat; background-position: bottom right; margin: 0px; padding: 0px; border: none; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: AvantGardeBkBTBook,arial; color: #777777; line-height:1; font-weight: normal; } h1 {font-size: 36px; margin: 0 0 15px; } h2 {font-size: 28px; margin: 0 0 20px; } h3 {font-size: 20px; margin: 0 0 15px; } h4 {font-size: 18px; margin: 0 0 15px; } h5 {font-size: 14px; margin: 0 0 15px;} h6 {font-size: 12px; margin: 0 0 15px;} p { font-family: arial,Helvetica,Sans-serif; font-size: 14px; line-height: 18px; color: #333333; } /* 1.2 Hyperlinks */ a:link, a:visited { text-decoration: none; color: #685bc7; } /* a7a4e0 */ a:hover, a:active { text-decoration: none; color: #8b84d7; } #bottom a:link, #bottom a:visited { text-decoration: none; color: #483d8b; } /* #a7a4e0 */ #bottom a:hover, #bottom a:active { text-decoration: none; color: #8b84d7; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; color: #674529; } h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active; {text-decoration: underline; color: #ee4c80; border:none !important;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #container { min-height: 100%; position: relative; } #body { width: 980px; margin: 0 auto; padding-top: 0px; padding-left:0px; padding-right:0px; padding-bottom: 30px; } .col-left { float: left; } .col-right { float: right; } .col-full { width: 960px; margin: 0 auto; padding: 0px; } #body div#main, #body div#sidebar { display: table-cell; vertical-align: top; } #main { width: 720px; max-width: 740px; padding-right: 20px; } div#preloaded-images { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; } /* 2.2 Sidebars */ #sidebar { width: 220px; max-width: 240px; padding-left: 20px; border-left: 1px solid #cccccc; } /* 2.3 Header */ #header{ width: 980px; margin: 0 auto; padding-top: 20px; padding-left: 0px; padding-right: 0px; padding-bottom: 20px; } #header-top div#logo, #header-top div#top-ad { display: table-cell; vertical-align: top; } #logo { text-align: left; min-height: 75px; max-height: 80px; min-width: 630px; max-width: 630px; padding: 0px; margin: 0px; display: block; } #logo img { border: none; } #top-ad { min-height: 75px; max-height: 100px; min-width: 350px; max-width: 350px; display: block; } #top-ad img { border: 0px; } /* MAIN Navigation */ #website-nav-menu { margin-top: 30px; min-height: 46px; max-height: 56px; background-image: url(images/bg-nav.png); background-repeat: no-repeat; background-position: top left; padding-top: 5px; padding-left: 18px; padding-right: 18px; padding-bottom: 5px; overflow: hidden } #primary-nav { margin: 0px; width: 944px; height: 24px; border-bottom: 1px solid #a1a3a6; } #primary-nav ul, #primary-nav ol { position:relative; float: left; margin-top: 7px; margin-bottom: 0px; padding: 0px; list-style: none; width: auto; text-align: left; display: block; } #primary-nav li { padding-left: 45px; padding-right: 0px; display: inline; width: auto; font-family: AvantGardeBkBTBook,arial; font-size: 22px; line-height: 1px; text-transform: uppercase; font-weight: normal; color: #ffffff; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } #primary-nav li:first-child { padding-left: 0px; padding-right: 0px; margin: 0px; } #primary-nav li a:link, #primary-nav li a:visited { color: #ffffff; text-decoration:none; } #primary-nav li a:hover, #primary-nav li a:active { color: #b4b5df; text-decoration:none; } #primary-nav li.current_page_item a:link, #primary-nav li.current_page_item a:visited { color: #b2b1b1; text-decoration:none; } #secondary-nav { margin: 0px; width: 944px; height: 15px; } #secondary-nav ul, #secondary-nav ol { position: relative; float: left; margin-top: 5px; margin-bottom: 0px; padding: 0px; list-style: none; width: auto; text-align: left; display: block; } #secondary-nav li { padding-left: 12px; padding-right: 10px; display: inline; width: auto; font-family: arial; font-size: 14px; line-height: 14px; font-weight: normal; color: #ffffff; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-left: 1px solid #b2b1b1; } #secondary-nav li:first-child { padding-left: 0px; padding-right: 10px; margin: 0px; border: none; } #secondary-nav li a:link, #secondary-nav li a:visited { color: #b4b5df; text-decoration:none; } /*#c7b0ff*/ #secondary-nav li a:hover, #secondary-nav li a:active { color: #a7a4e0; text-decoration:none; } /*#*/ div#facebook { float: right; padding: 0px; margin-top: 1px; margin-right: 10px; display: inline; } div#facebook img { width: 20px; height: 20px; border: none; } div#facebook a:link img, div#facebook a:visited img { background-image: url(images/ico-facebook.png); background-repeat: no-repeat; background-position: top-center; } div#facebook a:hover img, div#facebook a:active img { background-image: url(images/ico-facebook-hover.png); background-repeat: no-repeat; background-position: top-center; } div#twitter { float: right; padding: 0px; margin-top: 1px; display: inline; } div#twitter img { width: 16px; height: 20px; border: none; } div#twitter a:link img, div#twitter a:visited img { background-image: url(images/ico-twitter.png); background-repeat: no-repeat; background-position: top-center; } div#twitter a:hover img, div#twitter a:active img { background-image: url(images/ico-twitter-hover.png); background-repeat: no-repeat; background-position: top-center; } /* FRONT PAGE FEATURED GALLERY */ #featured-gallery { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; min-width: 940px; max-width: 960px; height: 265px; background-image: url(images/bg-featured.png); background-repeat: no-repeat; background-position: top left; } .featured-thumbail { display: inline; float: left; margin-top: 0px; margin-left: 0px; margin-right: 10px; background-image: url(images/bg-feat-thumb.png); background-position: top left; background-repeat: no-repeat; padding: 10px; } .stepcarousel { position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 698px; height: 266px; /*Height should enough to fit largest content's height*/ margin-top: 0px; } .stepcarousel img { border: none; } .stepcarousel .belt { position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarousel .panel { float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ width: 698px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } #featured { float: left; width: 699px; height: 266px; margin-top: -1px; } .featured_text { font-family: arial,AvantGardeBkBTBook; padding: 10px 10px 0 0; color: #ffffff; font-size: 16px; min-height: 217px; max-height: 217px; overflow: hidden; } .featured_text h2 { text-align: center; font-size: 25px; font-weight: normal; color: #ffffff; } .featured_text h2 a:link, h2 a:visited { color: #b4b5df; } .featured_text h2 a:hover, h2 a:active { color: #a7a4e0; } div.featured_button_box { float: right; min-width: 25px; min-height: 20px; margin-top: 10px; margin-left: 0px; margin-right: 9px; background-image: url(images/btn-ltlav-arrow.png); background-repeat: no-repeat; background-position: top right; padding-right: 15px; } div.featured_button_box:hover { background-image: url(images/btn-lav-arrow.png); background-repeat: no-repeat; background-position: top right; } div.featured_button_box a {font-family: AvantGardeBkBTBook,arial; font-size: 14px; line-height: 21px; padding-top: 2px; padding-left: 12px; padding-right: 2px; padding-bottom: 1px;} div.featured_button_box a:link, div.featured_button_box a:visited { background-image: url(images/btn-ltlav-bg.png); background-repeat: repeat-x; background-position: top left; color: #2c2a29; } div.featured_button_box a:hover, div.featured_button_box a:active, div.featured_button_box:hover a { background-image: url(images/btn-lav-bg.png); background-repeat: repeat-x; background-position: top left; color: #ffffff; } div.about_box { float: right; min-width: 200px; max-width: 220px; min-height: 247px; max-height: 267px; font-family: arial,AvantGardeBkBTBook; margin-top: -1px; margin-right: 0px; } div.about { min-height: 207px; max-height: 207px; font-family: arial,AvantGardeBkBTBook; font-size: 14px; color: #2c2a29; padding: 10px; } div.about h2 { color: #777777; font-size: 25px; font-weight: normal; text-align: center; margin: 0px; } /* a1a3a6 */ div.about_button { float: right; min-width: 25px; min-height: 20px; margin-top: 10px; margin-left: 0px; margin-right: 10px; background-image: url(images/btn-blk-arrow.png); background-repeat: no-repeat; background-position: top right; padding-right: 15px; } div.about_button:hover { background-image: url(images/btn-lav-arrow.png); background-repeat: no-repeat; background-position: top right; } div.about_button a {font-family: AvantGardeBkBTBook,arial; font-size: 14px; line-height: 21px; padding-top: 2px; padding-left: 12px; padding-right: 2px; padding-bottom: 1px;} div.about_button a:link, div.about_button a:visited { background-image: url(images/btn-blk-bg.png); background-repeat: repeat-x; background-position: top left; color: #eeeeee; } div.about_button a:hover, div.about_button a:active, div.about_button:hover a { background-image: url(images/btn-lav-bg.png); background-repeat: repeat-x; background-position: top left; color: #ffffff; } /*=== Slider Navigation ===*/ #slider_nav { padding: 10px 20px 10px 20px; background-color: #2c2a29; color:#ddedfe; line-height: 20px; height:20px; font-family: AvantGardeBkBTBook,Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; font-size: 20px; margin-top: 0px; } #slider-btn-container { min-width: 698px; max-width: 698px; height: 20px; } div.slider-btn-left { float: left; } div.slider-btn-left img { height: 20px; width: 20px; margin-left: 0px; margin-right: 5px; vertical-align: top; border: none; } div.slider-btn-right { float: right; } div.slider-btn-right img { height: 20px; width: 20px; margin-left: 5px; margin-right: 0px; vertical-align: top; border: none; } #slider_nav a:link, #slider_nav a:visited { color: #cccccc; text-decoration: none; } #slider_nav a:hover, #slider_nav a:active { color: #ffffff; text-decoration: none; } div.slider-btn-left a:link img, div.slider-btn-left a:visited img { background-image: url(images/arr-left.png); background-repeat: no-repeat; background-position: top-center; } div.slider-btn-left a:hover img, div.slider-btn-left a:active img { background-image: url(images/arr-left-hover.png); background-repeat: no-repeat; background-position: top-center; } div.slider-btn-right a:link img, div.slider-btn-right a:visited img { background-image: url(images/arr-right.png); background-repeat: no-repeat; background-position: top-center; } div.slider-btn-right a:hover img, div.slider-btn-right a:active img { background-image: url(images/arr-right-hover.png); background-repeat: no-repeat; background-position: top-center; } #main .thumbnail { margin-bottom:20px;} h2.single { font-size: 2.17em; border-bottom: 1px solid #e4e4e4; padding-bottom:20px; } h2.arh { border-bottom: 1px solid #e4e4e4; padding-bottom:20px;} h2.archive { border-bottom: 1px solid #e4e4e4; padding-bottom:20px;} #sidebar h4, #sidebar2 h4 { margin: 0 0 3px } #sidebar h4, #sidebar2 h4 { margin: 0 0 18px } /*------------------------------- 2.b Base layout --------------------------------- [?] Mostly ID's. Classes & tags allowed. */ .post-image-block { background: url(images/post_image_block_bg.jpg); width:220px; height:150px; margin-bottom:1px; } .category-image-block { background: url(images/category_image_block_bg.jpg); width: 230px; height: 151px; margin-bottom: 0px; } .category-image-block a:link img, .category-image-block a:visited img { color: #b9bbbd; border: 2px solid #666666; } /* #b9bbbd */ .category-image-block a:active img, .category-image-block a:hover img, { color: none; border: none; } #albums-home { margin-top: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; overflow: hidden; border: 0px solid #ff0000; } #albums-home div { display: table-cell; vertical-align: top; } #albums-home p.category { margin:0; } #albums-home p.category a { background-color: #2c2a29; text-align:center; color:#ffffff; display:block; height: 25px; font-family: AvantGardeBkBTBook,arial; font-size:16px; font-weight: normal; line-height: 25px; padding:5px; margin-top: 2px; margin-bottom: 25px; } #albums-home p.category a:hover { background-color: #777777; /* #696969 #363933 */ } .albums-grid-home { padding-right: 20px; padding-bottom: 0px; border: 0px solid #ffff00; } div.main_button { float: right; min-width: 25px; min-height: 20px; margin-top: 5px; margin-left: 0px; margin-right: 0px; background-image: url(images/btn-blk-arrow.png); background-repeat: no-repeat; background-position: top right; padding-right: 15px; } div.main_button:hover { background-image: url(images/btn-lav-arrow.png); background-repeat: no-repeat; background-position: top right; } div.main_button a {font-family: AvantGardeBkBTBook,arial; font-size: 14px; line-height: 21px; padding-top: 2px; padding-left: 12px; padding-right: 2px; padding-bottom: 1px;} div.main_button a:link, div.main_button a:visited { background-image: url(images/btn-blk-bg.png); background-repeat: repeat-x; background-position: top left; color: #eeeeee; } div.main_button a:hover, div.main_button a:active, div.main_button:hover a { background-image: url(images/btn-lav-bg.png); background-repeat: repeat-x; background-position: top left; color: #ffffff; } /* FOOTER */ #bottom { width: 980px; margin: 0 auto; padding-top: 5px; padding-left: 0px; padding-right: 0px; padding-bottom: 10px; border-top: 1px solid #2c2a29; } #bottom p { font-family: AvantGardeBkBTBook,arial; text-align: right; font-size: 12px; font-weight: normal; color: #2c2a29; margin: 0; } /*------------------------------- 2.c Navigations -------------------------------*/ /* Pagination */ .more_entries { clear:both; margin-bottom:20px; text-align:center; padding: 0 20px 0 20px; } .more_entries .wp-pagenavi strong { padding:5px; border:1px solid #E4E4E4; margin-right:5px; } .wp-pagenavi span.pages { border:none !important; } .more_entries .wp-pagenavi a strong { padding:0; border:none; margin-right:0; } .more_entries .wp-pagenavi a, .more_entries .wp-pagenavi .on { padding:5px !important; border:1px solid #E4E4E4 !important; margin-right:5px !important; } .more_entries .wp-pagenavi .on { font-weight:bold; } .more_entries .wp-pagenavi a:hover { background-color:#E4E4E4; color:#333333; } #prevPosts { background: #232528; width: 460px; height: 200px; position: relative; } #prevPosts h3 { color: #fff; height: 32px; padding: 5px 0 0 0; position: absolute; top: 10px; left: 10px; } /*------------------------------- 2.d Elements, ID's & Classes -------------------------------*/ div#about { color: #fff; padding:10px; margin-bottom:20px; } #about h2 { color: #fff; font-size: 1.35em; text-transform: uppercase; margin: 0 0 12px; color:#FFFFFF !important; } #about .about_button { padding:5px; text-decoration:none; text-transform: uppercase; } #about .about_image { float:right; margin:5px 0 10px 10px; border:1px solid #333333; background-color:#111111; width:75px; height:75px; } #home #header p { font-size: 1.17em; line-height: 1.43em; } a.rss_subscribe { background-image: url(images/rss_icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; } /*=== Category Dropdown navigation ===*/ #button { height: 30px; width: 184px; margin: auto; position:absolute; top:35px; right:30px; z-index:1; } .menu_class { margin-bottom: -5px; } .the_menu { display:none; width:184px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; } .the_menu ul.children { margin-bottom:0; } .the_menu ul.children li { padding-left:20px; } .the_menu ul.children li a { font-size:11px; } .the_menu li a { color:#FFFFFF; text-decoration:none; padding:10px; display:block; } .the_menu li a:hover { padding:10px; font-weight:bold; } /*=== Slider ===*/ /* Post Entry */ .entry { padding-left: 10px; padding-right: 0px; } .entry blockquote p { color: #666; font-size: 16px; font-style: italic; line-height: 22px; } .entry ul li { line-height:140%; padding-bottom: 6px; } .entry ol li { line-height:140%; padding:0 0 1em 0; list-style-position: inside; list-style-type:decimal; } #albums .entry { padding:10px; color:#eeeeee; border-bottom:none; } #albums h2 a { color:#ffffff; } p.post_meta { font-size:11px; color:#666666;margin-bottom:5px; } p.post_meta span.details { background: url(images/post_meta_bg.jpg) no-repeat; padding: 3px 0 3px 21px; } p.post_meta span.date { background: url(images/ico-date.gif) no-repeat; padding: 3px 0 3px 21px; } p.post_meta span.comments { background: url(images/ico-comments.gif) no-repeat; padding: 3px 0 3px 21px; } /* Post Image Styling */ .wp-caption { background: none; border: none; padding: 0px; margin: 0px; text-align: left; } .wp-caption-text { margin-top: 0px; margin-left: 2px; margin-bottom: 0px; padding: 0px; font-size: 10px; } .wp-caption img { border: 1px solid #333333; } /* Home Page Blog Module */ #blog .box { padding:10px 10px 0px 10px; } #blog .box h4 { margin-bottom:5px; } #blog .box h4 a { color:#111111; } #blog .box a { padding:0px !important; } #blog .box a:hover { text-decoration:underline; } #line_break { margin-top:2.5em; padding-top:3em; border-top:1px solid #E4E4E4; } .archive_options { float:left; padding:10px 0 10px 0; margin-bottom:20px; width:460px; } /*=== Comments ===*/ div#comments {} ol.commentlist { margin: 20px 0 20px 0; } ol.commentlist li.odd {background-color:#f7f7f7;} ol.commentlist li h4 { margin-bottom: 0; } ol.commentlist li { margin-bottom:20px; position: relative; } ol.commentlist .comment {background-color:#eeeeee; border: 1px solid #cccccc; padding:20px;} ol.commentlist .avatar { float: right; display: inline; margin: 0 0 20px 20px; padding:4px; background-color:#ffffff; border: solid 1px #cccccc; } ol.commentlist li cite { font-size: 1.3em; font-weight:bold } ol.commentlist li .comment-meta { font-size: .92em; margin-bottom:1em } ol.commentlist ul.children li { position:relative; margin-top:20px; } ol.commentlist .odd ul.children li { background-color:#ffffff; } ol.commentlist .odd ul li ul.children li { background-color:#F4F4F4; } #respond #author, #respond #email, #respond #url, #respond #comment { border: 1px solid #cccccc; padding:5px; } #respond label { padding:5px; margin-left:5px; } #respond .cancel-comment-reply {margin-bottom:20px; } #commentform #submit { padding:10px; } /*=== Widgetized Footer Section ===*/ .custom #footerWrap { border-top:1px solid #E4E4E4; margin-top:10px; padding-top:20px;} #home #footerWrap { border-top:none; margin-top:0; } #footerWrap h4 { margin: 0 0 10px } #footerWrap h2 {font-size:1.33em; line-height:1em; padding: 5px 0 5px 0 } #footerWrap h4 { color: #2f3032; font-size: 1.17em; font-weight: bold; line-height: 1.43em; } #footerWrap ul li p { color:#333333; margin:0; } #footerWrap ul li { margin: 0; } #footerWrap ul li ul { margin: 5px; } #footerWrap ul li ul li { margin: 0; padding:0px; } #footerWrap ul li ul li a { font-weight:normal; font-size:12px; color: #333333; padding-left:10px; } #footerWrap ul li ul li ul li a { font-weight:normal; font-size:11px; background-color: #f7f7f7; padding-left:10px; } #footerWrap ul li img { text-align: center; } #footerWrap ul li.clickready { cursor: pointer; } /*=== Widgets ===*/ .widget { margin-bottom:20px; } .widget a { text-decoration: none; } .widget a:hover { text-decoration:underline; } .widget ul li { margin: 0; padding:10px; border-width: 1px; border-style: dotted; border-bottom-style: none !important; } .widget h3 { padding: 5px 0; margin-bottom:20px; } .widget h4 img { float:left; margin-right:10px; } h3#news { padding-left: 35px; background-image: url(images/ico-news.gif); background-repeat: no-repeat; background-position: 0px 5px; } h3#flickr { padding-left: 35px; background-image: url(images/ico-flickr.gif); background-repeat: no-repeat; background-position: 0px 5px; } h3#photos { padding-left: 35px; background-image: url(images/ico-photos.gif); background-repeat: no-repeat; background-position: 0px 5px; } h3#twitter { padding-left: 35px; background-image: url(images/ico-twitter.gif); background-repeat: no-repeat; } h3#subscribe { padding-left: 35px; background-image: url(images/ico-subscribe.gif); background-repeat: no-repeat; } h3#popular { padding-left: 35px; background-image: url(images/ico-press.gif); background-repeat: no-repeat; background-position: 0px 5px; } #recent-comments h3 { padding-left: 35px; background-image: url(images/ico-comment.gif); background-repeat: no-repeat; } #archives h3 { padding-left: 35px; background-image: url(images/ico-archives.gif); background-repeat: no-repeat; } .widget_links h3 { padding-left: 35px; background-image: url(images/ico-blogroll.gif); background-repeat: no-repeat; } ul.news li h4 { margin-bottom: 5px !important } ul.news li img { float:left; padding:5px; border:1px solid #cccccc; background-color:#FFFFFF; } ul.news li .content { float:left; padding:0 0 0 10px; width:126px; } #sidebar2 ul.photos { width: 240px; margin: 0 0 1.5em -20px; } .flickr .flickr_badge_image { float: left; display: inline; margin: 0 10px 10px 0; } .flickr_badge_image a {padding:0 !important;} .flickr .flickr_badge_image a img { display: block; background-color:#FFFFFF; padding:5px; border:1px solid #cccccc; } .flickr .flickr_photos { padding:15px 0 10px 16px; float:left; } #twitter_update_list { background: #e5edf0; border: 1px dotted #b6ccd4; color: #434343; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.17em; font-style: italic; line-height: 1.43em; text-align: center; padding: 10px; overflow:hidden; margin-bottom:0; } #twitter_update_list li { margin-bottom:15px; padding:0 !important; border:none !important; background-color:transparent !important; } div.follow { color:#e5edf0; font-family:Georgia,"Times New Roman",Times,serif; font-size:1.1em; font-style:italic; padding:5px; text-align:center; background-color: #A3B7BD; width:210px; } div.follow a { color:#e5edf0; } #searchform #s { padding:5px; border: 1px solid #cccccc; margin-right:5px; width:146px; } #searchform #searchsubmit { padding:5px; border: 1px solid #cccccc; background-color:#000000; color:#FFFFFF; } #wp-calendar { width: 99%; padding: 0 0 0px 0; margin-bottom: 15px; } #wp-calendar caption { font-size: 11px; text-align:center; padding:5px; text-transform: uppercase; } #wp-calendar thead tr th { color: #000000; font-size: 14px; font-weight: bold; padding-top: 10px; } #wp-calendar tfoot tr th { padding-top: 10px; } #wp-calendar th { color: #fff; } #wp-calendar th, #wp-calendar td { padding: 3px; text-align: center; } #wp-calendar td { background: transparent; } #wp-calendar td, table#wp-calendar th { padding: 3px 0; } #wp-calendar a { text-decoration: underline; } #wp-calendar a:hover { text-decoration: none; } #footerWrap ul li.recentcomments { padding:5px; } #footerWrap ul li.recentcomments a { background-color:transparent; } #footerWrap ul li.recentcomments a:hover { text-decoration:underline; color:#111111; } #footerWrap .news a { padding:0; } #footerWrap .widget_tag_cloud a { display:inline !important; } /*=== Adverts ===*/ .advert { float: left; text-align: center; padding: 20px 10px; } .home_leaderboard { border-bottom: 1px solid #cccccc; } .content_advert { float: left; text-align: center; background-color: #dddddd; padding: 20px 0px; margin-bottom: 20px; } .advert img { border: 1px solid #cccccc; } .header_banner_ad img { margin-top: 23px; } /*=== Credits Footer ===*/ .credits { text-align:center; padding-top:15px; } .credits a { display:inline; text-decoration:underline; } .credits img { vertical-align:middle; } /*------------------------------------------------------------------ 3. FORMS Styles for forms only -------------------------------------------------------------------- /*------------------------------- 3.a Form styles -------------------------------*/ input.text, select.select, textarea.textarea { border: 1px solid #B6CCD4; color: #000; padding: 6px; } input.text { width: 195px } select.select { width: 200px } textarea.textarea { height: 10em; width: 446px } select.select.free { width: auto } button.button { color: #000; height: auto; width: auto; line-height: normal; white-space: nowrap; } input.submit { color: #000; cursor: pointer; padding: 0; } /* General forms */ form.form { /* nothing here */ } form.form ol.fieldset { list-style: none } form.form ol.fieldset li.field { margin: 0 0 1em; position: relative; } form.form ol.fieldset li.field label { font-weight: bold; display: block; } form.form p.submit { /* nothing here */ } /* Search forms where button and text input are next to each other */ form.search { /* nothing here */ } form.search p.fields { margin: 0 } form.search p.fields input, form.search p.fields button { display: inline; vertical-align: middle; } /*------------------------------- 3.b Individual forms -------------------------------*/ form#newsletter { position: relative; color:#333333; padding:10px; } form#newsletter p.fields input.text { border: 1px solid #b6ccd4; padding: 9px 30px 9px 7px; width: 158px; margin-bottom:10px; } form#newsletter p.fields button { background: url(images/ico-newsletter.gif) no-repeat; width: 17px; height: 22px; border: none; position: absolute; top: 16px; right: 17px; z-index: 9999; } /*------------------------------------------------------------------ 4. PLUGINS Predefined utilities -------------------------------------------------------------------- /*------------------------------- Utility classes -------------------------------*/ .l { text-align: left } .c { text-align: center } .r { text-align: right } .wrap, .col { float: left; display: inline; position: relative; } .wrap { clear: both } .clear { clear: both } .fl { float: left } .fr { float: right } .hide, .hidden, .skip { display: none } .nomargin { margin-bottom: 0 !important } .noborder { border: 0 !important } .top { margin-top: 0 !important } .hr { background: #ccc; height: 1px; margin: 1.5em 0; } .hr hr { display: none } .replace, .br { display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; } .opacity { -moz-opacity: 0.95; opacity: 0.95; filter: alpha(opacity = 95); } .rounded { -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden } .fix { clear:both; height: 1px; margin: 0 0 -1px; overflow: hidden; } /* Align */ .aligncenter { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 20px; display: block; } .alignleft { margin-top: 0px; margin-left: 0px; margin-right: 12px; margin-bottom: 10px; float: left; } .alignright { margin-top: 0px; margin-left: 12px; margin-right: 0px; margin-bottom: 10px; float: right; } .thumbnail {display: block;} .box .thumbnail {margin: 0 0 5px 0 ;} } @media print { /*------------------------------------------------------------------ END CSS ------------------------------------------------------------------*/ }/* end @media */