/* Default styles */ @import "css/reset.css"; /*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Page Navigation -2.2.2 Category Navigation -2.2.3 Search -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.6.1 Footer Widget Area -2.7 Featured Area 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi -3.4 Buttons / Banners 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 Sidebar Tabs -4.4 Video 5. COMMENTS -5.1 Comments -5.2 Comments Form -5.3 Pingbacks / Trackbacks -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 12px Verdana; line-height: 1.2; color: #333; background: #fff url(images/stripe-bg.jpg); text-align:center; /* for IE */ margin:0 auto; /* for the rest */ } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Arial,Helvetica,Sans-serif; color: #000; line-height:1.4em; } h1 {font-size: 34px; letter-spacing: -1px; } h2 {font-size: 24px; color: #66cccc; font-weight: normal; letter-spacing: -1px; } h3 {font-size: 18px; color:#ff0099; font-weight: normal; } h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;} p {margin: 0;} /* 1.2 Hyperlinks */ a:link, a:visited { text-decoration:none; color: #66cccc; } a:hover {text-decoration:none;} .entry a:hover, .widget a:hover {border-bottom:none;} 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; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline; border:none !important;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #container {background: #474747 url(images/splatter.jpg) no-repeat 0% 0%; width: 990px; text-align:left; margin:0 auto; border-left: 5px solid #fff; border-right: 5px solid #fff; } #home #container {background: #474747 url(images/splatter.jpg) no-repeat 0% 50%; } #top { background:#fff url(images/top-bg.jpg) no-repeat top center !important; } /*.local-weather {float: right; display: block; background: url(images/local-weather.jpg) no-repeat; width: 130px; height: 55px; margin-top: -20px; margin-left: 20px;}*/ #bookmark {padding: 10px 15px 0px 0px; float:right; display: block; clear:both; margin-top: 0px; height: 5px;} /* IE8, FF, Saf, Opera (Everything but IE 6,7) */ html>/**/body #bookmark {padding: 0px 15px 0px 0px; float:right; display: block; clear:both; margin-top: -10px; height: 5px;} .local-weather {float: right; display: block; background: url(images/weather.png) no-repeat; width: 210px; height: 84px; margin-top: -70px; margin-left: 20px;} .local-weather a {display:block;width: 210px; height: 84px; } .local-weather span {display:none; } /*.boost {display: block; background: url(images/boost-your-ride.jpg) no-repeat; width: 500px; height: 42px; float: left; margin: 8px 0 0 60px; text-align: center;}*/ .boost {display: block; background: url(images/boost-your-ride.jpg) no-repeat; width: 500px; height: 42px; float: left; margin: 8px 0 0 25px; text-align: center;} .boost a {width: 500px; height: 42px; } .boost span {display:none;} .boost p {font-family:Arial, Helvetica, sans-serif; color: #000; letter-spacing: -2px; font-weight: bold; font-size: 23px; margin-top: 57px; text-shadow: #ccc 1px 1px 0px; } .boost p span {color: #66cccc; display: inline; } .col-left { float: left; } .col-right { float: right; } .col-full { width: 960px; margin: 0 auto; } #shadow-bg {display:block; height: 445px; width: 100%; background:url(images/left-col.png); position: absolute; top: 180px; left: 0px; z-index: -9999!important; } /* 2.2 Navigation */ #navigation, #page-nav {font-size:11px;} #navigation a:hover, #page-nav {border:none;} #page-nav ul.rss{background:url(images/ico-rss.png) no-repeat right 8px;padding:0 35px 0;} #page-nav ul.rss li{float:left;width:auto;} #page-nav ul.rss a { line-height:29px; display:block; padding:0 10px; } /* 2.2.1 Page Navigation */ #page-nav { position:relative; background:#000; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-transform:uppercase; } #page-nav a { color:#fff!important; text-decoration:none; text-shadow: #333 0px 1px 0px; } #page-nav a:hover { background:url(images/nav-hover.png) repeat; color:#fff; } #page-nav .ico-home { padding:7px 0 6px 0; } #nav, #nav ul { position:relative; z-index:200; margin:0; padding:0; list-style:none; line-height:1; } #nav a { display:block; z-index:200; padding:0 10px; line-height:29px; text-decoration:none;} #nav li { float:left; width: auto; } #nav li ul { position: absolute; left: -999em; width: 180px; } #nav li ul li { background: #7d7d7d; } #nav li ul li a { width:160px; line-height:26px; color:#eee; } #nav li ul li a:hover { color:#fff; } #nav li ul ul { margin: -26px 0 0 180px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover,#nav li.hover { position:static; } /* 2.2.2 Category Navigation */ #cat-nav {display:none; position:relative; background:url(images/bg-catnav.png) repeat-x bottom; height:58px; border-top:1px solid #fff; } #cat-nav a { color:#333; text-decoration:none; text-shadow: #fff 0px 1px 0px; } #cat-nav a:hover { color:#000; } #cat-nav li:hover { background:#e6e6e6; } #cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#888; text-shadow:none;} #cat-nav a:hover span { color:#555; } #secnav li a span.sf-sub-indicator { display:none; } #secnav li ul li a span.sf-sub-indicator { display:inline; } #secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background: url(images/secnav-div.png) no-repeat right; } #secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:58px; text-decoration:none;} #secnav li { float:left; width: auto; background: url(images/secnav-div.png) no-repeat left; height:58px; } #secnav li ul { position: absolute; left: -999em; width: 180px; } #secnav li ul li { background:url(images/bg-catnav.png) repeat-x bottom; border:1px solid #ddd; border-width:0 1px; height:30px; } #secnav li ul li a { font-family:Verdana, Geneva, sans-serif; width:160px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#555; } #secnav li ul ul { margin: -30px 0 0 180px; } #secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; } #secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; } #secnav li:hover,#secnav li.hover { position:static; } /* 2.2.3 Search */ #cat-nav #search { background:url(images/bg-search.png) no-repeat; height:31px; width:181px; margin-top:14px; position:relative; } #cat-nav #search input { background:none; border:none; padding:8px 25px 8px 12px; width:156px; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; color:#9d9d9d; } #cat-nav #search input.submit { position:absolute; right:8px; top:7px; width:15px; height:16px; padding:0; margin:0; } /* 2.3 Header */ #header{padding:20px 0;clear:both;position:relative; width:100%;} #logo { min-height:70px;float:left; padding-left: 20px;} #logo img { margin-top: -6px;} #logo .site-title, #logo .site-description { display: none; } #logo .site-title { padding-top:15px; } #logo .site-title a { color:#fff; font-size:36px; font-weight:bold; line-height:36px; text-transform:uppercase; letter-spacing:-2px; text-shadow: #000 1px 1px 0px; } #logo .site-title a:hover { text-decoration:none; color:#eee; } #logo .site-description { color:#bbb; text-transform:uppercase; font-size:11px; text-shadow: #000 1px 1px 0px;} #topad{position:absolute;right:0px;top:36px;} #twitter-top { position:absolute;right:0px;top:36px; overflow:hidden; } #twitter-top div.logo { float:left; background:url(images/bg-twitter.png) no-repeat; width:60px; height:76px; } #twitter-top div.tweet { float:left; background:url(images/bg-twitter.png) no-repeat right; max-width:450px; height:76px; } #twitter-top img { float:left; margin: 14px 0 0 15px; } #twitter-top #twitter_update_list { padding:11px 20px 0 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#eee; line-height:18px; } #twitter-top #twitter_update_list a { color:#eee; border-bottom:1px dotted; } #twitter-top #twitter_update_list a:hover { color:#eee; border-bottom:1px solid; } /* 2.4 Content */ #content{min-height:400px;padding:0; margin:20px auto 30px;} * html #content{height:400px;} #main{width:605px;} #main.fullwidth { width: 960px; } /* 2.5 Sidebar */ #sidebar{width:330px;overflow:hidden;} /* 2.6 Footer */ #footer{ background:#fff url(images/footer-bottom.jpg) no-repeat bottom; color:#cacaca; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px;padding: 25px 0;border-top: none; height: 200px;} #footer a { color:#333; } #footer a:hover { border-bottom:none; } #footer #credit img{vertical-align:middle; } #footer #credit span{display:none;} #footer-home {width: 990px; margin-top: 40px; display:block; } /* 2.6.1 Footer Widget Area */ #footer-widgets {position:relative; background-color:#000; border-bottom:none; height: 105px; width: 100%; margin-bottom: 5px; clear: both; border-bottom:5px solid #000;} #footer-widgets .container {background: none; padding:0;clear: both; float: left;} #footer-widgets .block {float:left;margin:0; width:990px; padding:0; } #footer-widgets .block .textwidget {padding: 0;} #footer-widgets .block.last { margin-right:0; margin-top:24px; border-top:5px solid #FFFFFF;} #footer-widgets .widget h3 { background:none; color: #000; letter-spacing: -1px; margin: 0; line-height:30px;} #footer-widgets #navigate, #footer-widgets #subscribe, #footer-widgets #social-media {display: block; background: #66cccc;float:left; margin-right: 0; padding: 0; height: 150px; border-right:5px solid #FFFFFF;} #footer-widgets #navigate {width:450px; border-right:none!important;} #footer-widgets #subscribe {width: 270px;} #footer-widgets #subscribe p{padding: 5px 0 10px 10px; font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma, "Trebuchet MS"; color:#000; font-size: 11px;} #footer-widgets #subscribe input {margin: 0 5px 0 10px; background: #fff; border: none; padding: 7px; float: left; width: 185px;} #footer-widgets #subscribe input.subscribe {margin: 0 0 0 0 ; padding: 0px; float: left; width: auto;} #footer-widgets #subscribe .heading {display: block; background:#000 url(images/keep-informed.gif) no-repeat; width: 134px; height: 23px; margin: 10px 0px 0px 10px;} #footer-widgets #subscribe span.heading {text-indent: -9999px;} #footer-widgets #social-media {width: 260px;} #footer-widgets #social-media img {margin: 20px 0px 0px 12px;} #footer-widgets #navigate ul {float: left; margin: 0; padding:0; clear:none;} #footer-widgets #navigate ul li {list-style: none; margin: 0; background: none; border-bottom: 1px dashed #fff; width: 130px; display: block; margin: 0 5px 0 12px; } #footer-widgets #navigate ul li a{color: #333!important; text-transform: uppercase; font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma, "Trebuchet MS"; font-size: 9px; white-space: nowrap; line-height:15px;} #footer-widgets #navigate .heading {display: block; background:#000 url(images/navigate.gif) no-repeat; width: 78px; height: 24px; margin: 10px 0px 0px 10px;} #footer-widgets #navigate span.heading {text-indent: -9999px;} #footer-widgets #brands {padding:0px; display: block; float: left; width: 100%; vertical-align:middle; } #footer-widgets #brands img {display: block; float: left; padding-right: 30px; padding-left:40px;} #footer-widgets #brands img.bksa{margin-top: 5px;} #footer-widgets #brands img.north{margin-top: 25px;} #footer-widgets #brands img.ozone {margin-top: 30px;} #footer-widgets #brands img.synergy {margin-top: 25px;} #footer-widgets #copyright {display: block; clear: both; background: #fff; float: left; width: 960px; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma, "Trebuchet MS"; font-size: 11px;} #footer-widgets #copyright p {color: #333; padding-top: 10px;} #footer-widgets #copyright a {color: #66cccc;} #footer-widgets #copyright span {font-family: Arial, Helvetica, sans-serif;} /* Featured Area */ #loopedSlider { position:relative; width:960px; background:#e5e5e5; border-bottom: 1px solid #b9b9b9; border-right: 1px solid #d0d0d0; display:none;} #loopedSlider .container { width:640px; height:340px; overflow:hidden; position:relative; background:#fff; border-right:1px solid #d0d0d0; } #loopedSlider .slides { position:absolute; top:0; left:0; } #loopedSlider .slides div.slide { position:absolute; top:0; width:640px; display:none; } #loopedSlider .slides .post-bottom { border-bottom:none; } #loopedSlider .featured-nav { width:318px; float:right; } #loopedSlider ul.pagination { list-style:none; padding:0; margin:0; border-top:1px solid #d0d0d0;} #loopedSlider ul.pagination li { float:left; border-bottom:1px solid #f6f6f6;} #loopedSlider ul.pagination li a { width:278px; display:block; padding:15px 20px 15px 20px; opacity:0.7; border-bottom:1px solid #d4d4d4; min-height:52px; } #loopedSlider ul.pagination li a:hover { opacity:1; background:#eee; } #loopedSlider ul.pagination li.active a { opacity:1; background:#eee;} #loopedSlider ul.pagination img { background:#fff; padding:2px; border:1px solid #d1d1d1; float:left; margin-right:10px;} #loopedSlider ul.pagination em { color:#555; font-family:Georgia, serif; font-weight:bold; line-height:18px; margin-top:10px; font-style:normal; } #loopedSlider ul.pagination .meta { display:block; font-size:11px; color:#777; line-height:16px; margin:5px 0 0 64px; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb {} .archive_header { display: block; padding:10px 20px 0; margin:0 0 10px; font-size: 20px; font-weight: bold; background:none; height:33px; } .archive_header .cat { color: #fff; font-family: Arial; font-weight: bold; text-shadow: #000 1px 1px 0px; } .archive_header .catrss { background:url(images/ico-rss.png) no-repeat 2px; } .archive_header .catrss a { font-size: 11px; text-decoration: none; line-height: 22px; margin-left:35px; color:#fff !important; } .box {background:#fff url(images/page-top.gif) no-repeat top right; margin: 0 0 20px 0; float:left; width:100%;} .post {padding:25px 0 80px 8px; border:none; position:relative; background:url(images/page-bottom.jpg) no-repeat left bottom;} .post-bottom { background:#E4E4E4 url(images/bg-post-bottom.png) repeat-x top; line-height:44px; padding:0px 25px; border-bottom: 1px solid #B9B9B9; border-top: 1px solid #DBDBDB; } .post-bottom div, .post-bottom div a { color:#777; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-decoration:none; } .post-bottom div a:hover { color:#222; } .post-bottom .cat { background:url(images/ico-cat.png) no-repeat top left; padding:2px 0 2px 25px; height:16px;} .post-bottom .tags { background:url(images/ico-tags.png) no-repeat top left; padding:1px 0 2px 25px; height:16px;} .post .title { margin: 0 0 10px 0; font-weight: bold;} .post .title a:link, .post .title a:visited { color:#222; } .post-meta{margin: 0 0 15px 0;font-size:10px;color:#9F9F9F; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; line-height:11px;} .post-meta a { border-bottom:1px dotted; } .post-meta a:hover { border:none; } .post-meta img { vertical-align:top; margin:0 5px; } .post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;} .post .thumbnail { padding:4px; border:1px solid #e2e2e2; background:#fff; margin-top:0; } .post .video { margin-bottom:20px; } .post p {width: 580px; } .entry { font-size:12px; line-height:20px; margin-right: 10px; } /* 3.1 Typographic Elements */ .entry h1 {} .entry h2 {} .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 5px 0; } .entry p { margin: 0 0 15px 0; } .entry blockquote { padding: 10px 30px; color: #666; } .entry blockquote p {} .entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: disc; } .entry ul ul li { list-style-type: disc; } .entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: upper-latin; } .entry ol li ol li { list-style-type: lower-latin; } .entry .story {margin-top: 20px; border-bottom: 2px dashed #ccc; padding-bottom: 20px;} .entry .story p.date {letter-spacing: 1px ; font-family:Georgia, "Times New Roman", Times, serif; color: #999; font-size: 1.0em; font-style: italic;} hr { border: none 0; border-top: 2px dashed #ccc;/*the border*/ width: 100%; height: 2px;/*whatever the total width of the border-top and border-bottom equal*/; } /* 3.2 Images */ .entry img { padding: 0;border:none; } .entry img a:hover { text-decoration: none; } img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; width: auto; margin: 10px 20px 10px 0; } .alignright { float: right; width: auto; margin: 10px 0 10px 20px; } .aligncenter { text-align: center; margin-bottom:10px; } .wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; } .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; } .wp-caption a:hover { border:none !important; } /* 3.3 Pagination / WP-Pagenavi */ .more_entries {font-size:12px; line-height:18px; font-family:Georgia, serif !important; font-style:italic !important;} .more_entries a { display: block; margin: 0; background:#efefef; padding:4px 8px; color:#777; text-shadow: #fff 0px 1px 0px; border:1px solid #ccc;} .more_entries a:hover { background:#ddd; text-shadow: #fff 0px 1px 0px; border:1px solid #ccc;} .more_entries .fl a { background-image:url(images/ico-arrow-left.png); background-repeat:no-repeat; background-position:8px center; padding-left:20px; } .more_entries .fr a { background-image:url(images/ico-arrow-right.png); background-repeat:no-repeat; background-position:95% center; padding-right:20px; } .more_entries .wp-pagenavi { margin: 15px 0 0 0; text-align: right; } .more_entries .wp-pagenavi a:link, .more_entries .wp-pagenavi a:visited { display: inline; text-decoration: none; background: #efefef;color: #777; padding: 4px 8px; border:1px solid #ccc; } .more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover { padding: 4px 8px; background: #ddd; color:#777; text-shadow: #fff 0px 1px 0px; border:1px solid #ccc; } .more_entries .wp-pagenavi .extend, .more_entries .wp-pagenavi span.pages { background: #efefef;color: #777; padding: 4px 8px; text-shadow: #fff 0px 1px 0px; border:1px solid #ccc;} /* 3.7 Buttons / Banners */ .entry a.btn, input.submit { padding:4px 8px; color:#fff !important; font-family:Arial, serif; font-size:14px; font-style:italic; text-shadow: #000 0px 1px 0px; background-color:#66cccc; border:1px solid #626915; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-weight: bold;} .entry a.btn:hover { cursor:pointer; opacity:0.8; } .post #share { position:relative; height:35px; margin:20px 0 0; padding:1px 0 0 55px; } .post #share .banner { background:url(images/banner-share.png) no-repeat; position:absolute; top:0; left:-40px; width:78px; height:36px; color:#fff; font:bold italic 14px Georgia, serif; text-shadow:#555 0 1px ; line-height:29px; padding:0 0 0 16px;} .post #share a img { padding:0 10px 0 0; opacity:0.7; } .post #share a:hover img { padding:0 10px 0 0; opacity:1; } .featured-banner { background:url(images/banner-featured.png) no-repeat; position:absolute; top:14px; left:-14px; width:100px; height:36px; color:#fff; font:bold italic 14px Georgia, serif; text-shadow:#555 0 1px ; line-height:29px; padding:0 0 0 16px; z-index:99;} /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.2 Generic Widgets */ .widget { position:relative; margin: 0 0 20px 0; background:#181818; padding:0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; line-height:20px; border: none;} .widget h3 { font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:14px; color:#fff; margin: 0; padding:0; height:30px; background:#000; text-transform: uppercase; letter-spacing: -1px; font-weight: bold!important; padding: 10px 0 0 13px;} .widget .textwidget p { padding: 5px 0; } .widget ul, .widget div, .widget p { padding:0px 15px 10px; } .widget ul { clear:both; margin:5px 0;} .widget ul li { background:none; padding-left:0; border-bottom: 1px dashed #8b8b8b; } .widget ul li a { padding:0px 0; line-height: 30px; text-decoration: none; color:#777; } .widget ul li a:hover { color: #000; border-bottom:1px dotted; } .widget ul ul { margin:0; padding:0; border-top: none; } .widget ul ul li { border: none; } .widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */ .widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px !important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */ .widget_tag_cloud a { color:#777; } .widget_tag_cloud div { padding-top:5px; } #advert_300x250 {background:none; border:none; } #advert_300x250 a:hover {border:none;} #advert_125x125 { padding:0; background: none;} #advert_125x125 img { padding:0; } #advert_125x125 a:hover {border:none;} /* 4.2 Specific Widgets */ /* WIDGET FORMS */ .widget #searchform { margin: 15px 0 0 15px; } .widget select { margin: 15px 0 15px 15px; } .widget input#s, .widget input.field, .widget select { width: 250px; padding: 3px 0 3px 5px; border: 1px solid #ccc; } .widget input.submit {} .widget .screen-reader-text { display: none; } #search_main form div{position:relative;height:33px;;margin-bottom:25px;} #search_main input.field{ float:left; border: 1px solid;border-top-color: #C5C3C3;border-left-color: #C5C3C3;border-right-color: #EDEDED;border-bottom-color: #EDEDED;background: #fff;font-family:Georgia, "Times New Roman", Times, serif;font-size: 12px;padding: 7px 10px; font-style:italic; margin:0 5px 5px 0; color:#999; width:170px;} #searchform .submit { padding:5px 8px; font-family:Georgia, serif; } #searchform .submit:hover { opacity:0.8; cursor:pointer; } /* FLICKR */ #flickr {background: none; } #flickr h3 {display:none;} #flickr h3 span{color:#0061D8;} #flickr h3 span span{color:#FF1183;} #flickr .flickr_badge_image { float: left; margin: 0; padding:0; } #flickr .wrap { margin: 8px; padding: 0; float:left; position:relative;} #flickr a img { float: left; margin: 5px 0 5px 11px; display: block; border: #fff 3px solid; padding: 0; width:85px; height:85px; } #flickr a:hover img { border: #66cccc 3px solid;} /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; } .widget_lifestream ul li a { border:none; background:none!important; } .widget_lifestream ul .lifestream_meta { color: inherit; } /* CALENDAR */ #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:10px;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} /* AUTHOR */ #author .widget_title img { vertical-align:top; margin-right:10px; margin-top:-2px; } #author .wrap { padding:10px 5px; } #author img.avatar { padding:2px; background:#fff; border:1px solid #ddd; } #author .author-info { float:left; width:190px; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-transform:uppercase; line-height:16px; padding:2px 0 0 0px; color:#777; } #author .author-desc { font-style:italic; } /* 4.3 Sidebar Tabs */ #tabs { background:#181818 repeat-x; height:auto !important; border:none;display: block; } #tabs .inside { padding:5px !important;padding: 2px; padding-top:0 !important; } #tabs ul.wooTabs { height:53px !important; background: url(images/bg-widget-title.png) repeat-x center top; padding:0 10px; } #tabs ul.wooTabs li { float: left; display:inline;font-family:Verdana, Geneva, sans-serif; font-size: 10px; color: #ffffff; margin:0px 1px 0px 0px !important; cursor: pointer; } #tabs ul.wooTabs li a {color:#fff !important; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { color:#fff !important; text-decoration:none; background:url(images/bg-tabs-selected.png) no-repeat center 41px; } #tabs ul.wooTabs li a { color:#777; line-height: 42px; display: block;float: left;padding: 0 10px 10px; text-transform:uppercase; } #tabs #tagcloud, #tabs .inside li { padding:10px; font-family:Georgia, serif;} #tabs .inside ul { margin:0 5px 5px; } #tabs .inside li { border-bottom:1px dashed #8b8b8b } #tabs .inside li a { color:#555; font-weight:bold; line-height:20px; line-height:18px; } #tabs .inside a:hover{ border-bottom:1px dotted;} #tabs .inside li span.meta { display:block; font-size:10px; text-transform:uppercase; color:#eee; font-family:Verdana, Geneva, sans-serif; line-height:20px; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; } /* 4.4 Sidebar Video */ #video .inside { padding:0; } #video .inside div { padding:7px; } #video ul.wooTabs { margin:0; padding:0 14px 5px; } #video ul.wooTabs li { background:#181818; border:none; padding:0 10px; margin-bottom:5px; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {background:#000; border-top:1px solid #181818; border-bottom: 1px solid #181818; position:relative;margin-top:20px;padding:20px 25px 10px; clear:left;} #comments h3{ font-size:16px; color:#fff; padding-bottom:10px; } #comments .comment{margin-top:10px;width:100%;list-style-type:none;} #comments .avatar { float: left; } #comments img.avatar { background:#fff; padding:4px; border:1px solid #ddd; } #comments .comment-right { margin-left: 95px; } #comments .comment .comment-container { padding: 3px 0; } #comments .comment-head { background:#66cccc ; border:none; height:40px; line-height:40px; padding:0 15px;margin: 0; } #comments .comment-head .name { font-family:Georgia, serif; font-style:italic; margin: 0 0 -5px 0; font-weight: bold; font-size: 12px; color:#000!important; } #comments .comment-head .name a { color:#000!important; } #comments .comment-head .date { margin-right:10px; } #comments .comment-head .date a, #comments .comment-head .edit { font-size: 11px; color:#fff !important; } #comments .comment-entry { background:#fff; border:1px solid #d8d8d8; color:#555; padding:20px 15px 10px 15px; border-width:0 1px 1px 1px; font-size:14px; line-height:20px; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments ul.children{background: url(images/ico-comment-reply.png) no-repeat 0 25px; padding:0 0 0 25px;margin:0;} #comments .cancel-comment-reply{margin-bottom:10px;} #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments a.comment-reply-link { background:url(images/bg-button.png) no-repeat center 0; padding:2px 6px; color:#fff; font-family:Georgia, serif; font-size:12px; font-style:italic; text-shadow: #777 0px 1px 0px; background-color:#aaa; border:1px solid #999; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #comments a.comment-reply-link:hover { cursor:pointer; opacity:0.8; } /* 5.2 Comments Form */ #respond { background:#fff url(images/page-bottom.jpg) bottom left no-repeat; border-top:none; margin: 0; padding:25px 25px 20px; border-bottom: none;} #comments #respond { padding:20px 0; } #respond h3 { font-size:16px; color:#777; padding-bottom:10px; } #respond .left { float:left; width:200px; } #respond .right { float:left; width:380px; } #commentform { margin: 15px 0 0 0; font-family:Arial, Helvetica, sans-serif; } #commentform input.txt { color:#555;width:180px; margin: 0 5px 10px 0; padding: 7px 5px; border: 1px solid #eee; } #commentform textarea { color:#555;width: 95%!important; padding: 5px; border: 1px solid #eee; } #commentform #submit { margin: 15px 0 0 0; } #commentform input.txt, #commentform textarea { border: 1px solid;border-top-color: #C5C3C3;border-left-color: #C5C3C3;border-right-color: #EDEDED;border-bottom-color: #EDEDED; } #commentform #submit { font-family:Georgia, serif; background:none; padding:4px 8px; color:#fff; font-weight:bold; font-size:14px; font-style:italic; text-shadow: none; background-color:#66cccc; border:1px solid #557c90; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #commentform #submit:hover { cursor:pointer; opacity:0.8; } /* 5.2 Pingbacks / Trackbacks */ h3#pings { margin: 20px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /* Bespoke */ #tabs .heading {display: block; background:#000 url(images/blog.gif) no-repeat; width: 100%; height: 37px;} #tabs .heading h3 {text-indent: -9999px;} /*#archives-3 h3 {display: block; background:#000 url(images/archives.gif) no-repeat; width: 100%; height: 37px;} #archives-3 h3 {display: block; background:#000 url(images/archives.gif) no-repeat; width: 100%; height: 37px; text-indent: -9999px;} #video h3 {display: block; background:#000 url(images/BN1-TV.gif) no-repeat; width: 100%; height: 37px; text-indent: -9999px;} */ .home-row {width: 970px; display:block; float:left; margin-bottom:5px; margin-top: 20px; clear:left;} .home-row p {color: #fff; margin: 10px; line-height: 1.6em; font-weight: normal;} .home-row h2 {color: #fff; text-transform: uppercase; font-size: 1.6em; letter-spacing:-1px; display: block; background: #000; margin:0; text-shadow:1px 1px 0 #000; display: block; height: 30px; width: 100%; text-indent: 5px; padding-top: 5px; font-weight: bold;} .box1, .box2, .box3{float:left; display: block; width: 300px; background: #181818; margin-right: 12px; border: 5px solid #000; height: 240px;} .box1 img, .box3 img{width: 300px; height: 150px;} .box2 img {width: 300px; height: 210px;} .home-row .news-main {float:left; display: block; width: 620px; background: #181818; margin-right: 12px; padding: 0; border:5px solid #000;} .home-row .news {float:left; display: block; width: auto; background: #181818; margin-right: 12px; border-bottom: 1px dashed #666666; padding:5px; } .home-row .news img{float:left; border: 4px solid #fff; margin: 5px 0 10px 0;} .home-row .news .story {display: block; float:left; margin-left: 10px; width: 505px; color: #fff; font-size: 11px;} .home-row .news h3 {font-family:Georgia,"Times New Roman",Times,serif; font-size: 1.3em; font-weight: normal; } .home-row .news p {font-size: 11px; line-height: 1.2em; margin: 0; } .home-row .news p.date {color: #999999; } .home-row .news h2 { background: none; } .home-row .flickr-home { display: block; width: 306px !important; float:right; margin-right: 20px} .flickr-home a img { float: left; margin: 5px 0 5px 11px; display: block; border: #fff 3px solid; padding: 0; width:85px; height:85px; } .flickr-home a:hover img { border: #66cccc 3px solid;} /* ####### Top Navigation ####### ###################################### */ #main-nav { width: 990px; height: 44px; margin: 0; padding: 0; text-align: left; display: block; } #main-nav ul { list-style-type: none; padding: 0; margin:0; } .links { float: left; width: 990px; height: 44px; background: url(images/top-nav.gif) no-repeat; overflow: hidden; display:block; } .links li { float: left; background-image:none; padding-left: 0; } .links li a:link, .links li a:visited { height: 44px; text-indent: -9000px; overflow: hidden; display:block; } /* ####### Rollover Effect ####### */ /* ###################################### */ .links .home a:link, .links .home a:visited { width:60px; } .links .home a:hover, .links .home a:focus, #home .links .home a { background: url(images/top-nav.gif) no-repeat -0px -44px; } .links .about a:link, .links .about a:visited { width: 70px; } .links .about a:hover, .links .about a:focus, #about .links .about a { background:url(images/top-nav.gif) no-repeat -60px -44px; } .links .courses a:link, .links .courses a:visited { width: 130px; } .links .courses a:hover, .links .courses a:focus, #courses .links .courses a { background:url(images/top-nav.gif) no-repeat -130px -44px; } .links .kit a:link, .links .kit a:visited { width: 70px; } .links .kit a:hover, .links .kit a:focus, #kit .links .kit a { background: url(images/top-nav.gif) no-repeat -260px -44px; } .links .locations a:link, .links .locations a:visited { width: 85px; } .links .locations a:hover, .links .locations a:focus, #locations .links .locations a { background:url(images/top-nav.gif) no-repeat -330px -44px; } .links .clinics a:link, .links .clinics a:visited { width: 160px; } .links .clinics a:hover, .links .clinics a:focus, #clinics .links .clinics a { background:url(images/top-nav.gif) no-repeat -415px -44px; } .links .snowsports a:link, .links .snowsports a:visited { width: 150px; } .links .snowsports a:hover, .links .snowsports a:focus, #snowsports .links .snowsports a { background:url(images/top-nav.gif) no-repeat -575px -44px; } .links .tv a:link, .links .tv a:visited { width: 60px; } .links .tv a:hover, .links .tv a:focus, #tv .links .tv a { background:url(images/top-nav.gif) no-repeat -725px -44px; } .links .pics a:link, .links .pics a:visited { width: 50px; } .links .pics a:hover, .links .pics a:focus, #pics .links .pics a { background:url(images/top-nav.gif) no-repeat -785px -44px; } .links .blog a:link, .links .blog a:visited { width: 60px; } .links .blog a:hover, .links .blog a:focus, #blog .links .blog a { background:url(images/top-nav.gif) no-repeat -835px -44px; } .links .contact a:link, .links .contact a:visited { width: 90px; } .links .contact a:hover, .links .contact a:focus, #contact .links .contact a { background:url(images/top-nav.gif) no-repeat -895px -44px; } ol.numeric li{ list-style-type: decimal!important; }