/* Theme Name: Courage For Kids Version: 2.0 Description: Designed by Mike Carson. Author: Mike Carson & Magnus Jepson Author URI: http://www.woothemes.com Base template Copyright: (c) 2009 WooThemes. License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html Additional chnages, customizations and development by Mike Carson. */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /* 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 Social Media 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 6. MISC -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { height:100%; font: 12px Arial,Helvetica,Sans-serif; line-height: 1.2; color: #333; background-image: url(images/kidsbg.jpg); background-repeat: no-repeat; background-position: bottom right; background-attachment: fixed; background-color: #ffffff; margin: 0px; padding: 0px; border: none; } /*fdfaf4*/ h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Arial, Helvetica; line-height:1; } h1 {color: #ff0000; text-align: center; font-size: 32px; } h2 {color: #ff8c00; font-size: 28px;} h3 {color: #228b22; font-size: 20px;} h4 {color: #666666; font-size: 18px; text-align: center;} h5 {font-size: 14px;} h6 {font-size: 12px;} p {margin: 0;} /* 1.2 Hyperlinks */ a:link, a:visited { text-decoration:none; color: #0000ff; } a:hover, a:active {text-decoration: underline; color: #000080; } .entry a:link, .entry a:visited { text-decoration: none; color: #0000ff; } .entry a:hover, .entry a:active, .widget a:hover { color: #000080; text-decoration: underline;} 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: #0000ff; } 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: #000080;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #container { min-height:100%; position:relative; } #top { background-color:#ffffff; background-image: url(images/bg.png); background-position: top center; background-repeat: no-repeat; } #body {padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:72px;} .col-left { float: left; } .col-right { float: right; } .col-full { width: 960px; margin: 0 auto; padding: 0px; } .home-feature { float: left; margin-left: 120px; } /* 2.2 Navigation */ #navigation, #page-nav { background:url(images/nav_bg.png); background-position: top center; background-repeat: no-repeat; font-size: 12pt; font-family: Arial, Helvetica; height: 43px; } #navigation a:hover, #page-nav {border:none;} #navigation .col-full div { float: left; } /* 2.2.1 Page Navigation */ #main-nav { width: 680px; height: 33px; } /* 680 */ #nav, #nav ul { position:relative; z-index:200; margin-left: 0px; padding:0; list-style:none; line-height:1; text-align: center; display: block; } #nav li { padding-left: 25px; padding-right: 0px; float:left; width: auto; } #nav li a:link, #nav li a:visited { color: #333333; text-decoration:none; font-weight:bold; line-height: 37px; } #nav li a:hover, #nav li a:active { color: #ff0000; text-decoration:none; font-weight:bold; line-height: 37px; } /* 2.2.2 Social Media Navigation */ div#preloaded-images { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; } #sminav-left { margin-top: 5px; margin-left: 35px; background-image: url(images/sm_bg_left.png); background-position: center left; width: 13px; height: 25px; } #sminav-left img { width: 13px; height: 25px; } #smi-nav { margin-top: 5px; padding:0; background-image: url(images/sm_bg.png); background-position: center left; width: auto; height: 25px; } #smi-nav a img { text-decoration:none; border: none; } #smi-nav div { margin-top: 4px; } div#home-ico { margin-left: 0px; padding: 0px; width: 26px; height: 19px; background-image: url(images/home_off.png); background-position: top center; background-repeat: no-repeat; } div#home-ico:hover { background-image: url(images/home_on.png); background-position: center; background-repeat: no-repeat; } div#home-ico img { width: 26px; height: 19px; } div#fb-ico { margin-left: 15px; padding: 0px; width: 22px; height: 19px; background-image: url(images/facebook_off.png); background-position: top center; background-repeat: no-repeat; } div#fb-ico:hover { background-image: url(images/facebook_on.png); background-position: center; background-repeat: no-repeat; } div#fb-ico img { width: 22px; height: 19px; } div#tw-ico { margin-left: 15px; padding: 0px; width: 15px; height: 19px; background-image: url(images/twitter_off.png); background-position: top center; background-repeat: no-repeat; } div#tw-ico:hover { background-image: url(images/twitter_on.png); background-position: center; background-repeat: no-repeat; } div#tw-ico img { width: 15px; height: 19px; } div#rss-ico { margin-left: 15px; padding: 0px; width: 23px; height: 19px; background-image: url(images/rss_off.png); background-position: top center; background-repeat: no-repeat; } div#rss-ico:hover { background-image: url(images/rss_on.png); background-position: center; background-repeat: no-repeat; } div#rss-ico img { width: 23px; height: 19px; } div#email-ico { margin-left: 15px; padding: 0px; width: 25px; height: 19px; background-image: url(images/email_off.png); background-position: top center; background-repeat: no-repeat; } div#email-ico:hover { background-image: url(images/email_on.png); background-position: center; background-repeat: no-repeat; } div#email-ico img { width: 25px; height: 19px; } #sminav-right { margin-top: 5px; margin-left: 0px; background-image: url(images/sm_bg_right.png); background-position: center right; width: 15px; height: 25px; } #sminav-right img { width: 15px; height: 25px; } /* 2.2.3 Search */ /* #cat-nav #search { background:url(images/bg-search.png) no-repeat; height:31px; width:181px; margin-top:6px; position:relative; } #cat-nav #search input { background:none; border:none; padding:8px 25px 8px 12px; width:156px; margin:0; font-family: Arial, Helvetica; font-style:italic; font-size:12px; color:#ad8462; } #cat-nav #search input.submit { position:absolute; right:8px; top:7px; width:15px; height:16px; padding:0; margin:0; } */ /* 2.3 Header */ #header{padding-top: 5px; padding-left: 0px; padding-right: 0px; padding-bottom: 20px; clear:both;position:relative;} #logo { min-height: 131px; padding: 0px; margin: 0px; } #logo img { align: center; margin-top: 8px; } /* 2.4 Content */ #content{min-height:400px;padding:0; margin:20px auto 30px;} * html #content{height:400px;} #main{ width: 680px; } #main.fullwidth { width: 960px; } /* 2.5 Sidebar */ #sidebar { width: 240px; overflow:hidden; } #sidemenu { min-height: 210px; margin-bottom: 20px; } #sidemenu .menu-header { height: 39px; background-image: url(images/sub_menu_header.png); background-position: top left; background-repeat: no-repeat; margin: 0px; padding: 0px; } #sidemenu .menu-title { width: 160px; max-width: 160px; overflow: hidden; margin-top: 0px; margin-left: 23px; margin-right: 0px; margin-bottom: 0px; padding-top: 5px; font-family: Arial; font-weight: bold; font-size: 11pt; color: #b9cbe9; text-align: center; text-transform: uppercase; } #sidemenu .menu-body { min-height: 186px; background-image: url(images/sub_menu_bg.png); background-position: top left; background-repeat: repeat-y; margin: 0px; padding-bottom: 3px; } #sidemenu .menu-body ul { padding-top: 2px; margin-left: 35px; list-style: none; } #sidemenu .menu-body ul li { line-height: 18px; margin-top: 3px; margin-bottom: 3px; font-size: 11pt; } #sidemenu .menu-body ul li ul { padding-top: 2px; margin-left: 30px; list-style: circle; } #sidemenu .menu-body ul li ul li { margin-top: 2px; margin-left: 0px; margin-bottom: 3px; padding-left: 0px; font-size: 9pt; } #sidemenu .menu-body li a:link, #sidemenu .menu-body li a:visited { font-family: 'Lucida Handwriting', Arial; color: #333333; text-decoration: none; } #sidemenu .menu-body li a:hover, #sidemenu .menu-body li a:active { font-family: 'Lucida Handwriting', Arial; color: #ff0000; text-decoration: none; } #sidemenu .menu-footer { height: 25px; background-image: url(images/sub_menu_footer.png); background-position: top left; background-repeat: no-repeat; margin: 0px; padding: 0px; } #sidemenu .events-header { height: 25px; background-image: url(images/events_header.png); background-position: top left; background-repeat: no-repeat; margin: 0px; padding: 0px; } #sidemenu .events-title { width: 160px; max-width: 160px; overflow: hidden; margin-top: 0px; margin-left: 23px; margin-right: 0px; margin-bottom: 0px; padding-top: 5px; font-family: Arial; font-weight: bold; font-size: 11pt; color: #cbe6ca; text-align: center; text-transform: uppercase; } #sidemenu .events-body { height: 229px; max-height: 229px; background-image: url(images/events_bg.png); background-position: top left; background-repeat: no-repeat; margin: 0px; padding: 0px; } #sidemenu .events-thumb { width: 219px; height: 169px; max-width: 219px; max-height: 169px; margin: 0px; padding: 0px; border: none; } #sidemenu .events-thumb img { width: 197px; height: 157px; } #sidemenu .events-thumb img { margin-top: 10px; margin-left: 10px; border: 1px solid #333333;} #sidemenu .events-info { width: 199px; height: 22px; max-width: 199px; max-height: 22px; margin-top: 10px; margin-left: 10px; padding: 0px; background-color: #ffffff; font-family: Arial; color: #666666; font-size: 9pt; text-align: center; } #sidemenu .events-info a:link, #sidemenu .events-info a:visited { font-family: 'Lucida Handwriting'; color: #ff0000; font-weight: bold; text-decoration: none; } #sidemenu .events-info a:hover, #sidemenu .events-info li a:active { font-family: 'Lucida Handwriting'; color: #cc0000; font-weight: bold; text-decoration: none; } #sidemenu .events-none { } #sidemenu .events-footer { width: 200px; height: 15px; font-family: Arial; font-weight: normal; font-size: 7pt; color: #333333; margin-left: 15px; padding: 0px; text-align: right;} #sidemenu .events-footer .fr a { background-image:url(images/ico-arrow-right.png); background-repeat:no-repeat; background-position:95% center; padding-right:12px; } #sidemenu .announcements-header { height: 25px; background-image: url(images/announcements_header.png); background-position: top left; background-repeat: no-repeat; margin: 0px; padding: 0px; } #sidemenu .announcements-title { width: 160px; max-width: 160px; overflow: hidden; margin-top: 0px; margin-left: 23px; margin-right: 0px; margin-bottom: 0px; padding-top: 5px; font-family: Arial; font-weight: bold; font-size: 11pt; color: #fbc8b4; text-align: center; text-transform: uppercase; } #sidemenu .announcements-body { height: 229px; max-height: 229px; background-image: url(images/announcements_bg.png); background-position: top left; background-repeat: no-repeat; margin: 0px; padding: 0px; } #sidemenu .announcements-body ul {width: 190px; height: 185px; max-width: 190px; max-height: 185px; list-style: none; margin-left: 15px; padding-top: 15px; padding-right: 15px; } #sidemenu .announcements-body li {margin-bottom: 14px;} #sidemenu .announcements-body li a:link, #sidemenu .announcements-body li a:visited { font-family: 'Lucida Handwriting', Arial; font-size: 10pt; color: #ff0000; text-decoration: none; } #sidemenu .announcements-body li a:hover, #sidemenu .announcements-body li a:active { font-family: 'Lucida Handwriting', Arial; font-size: 10pt; color: #cc0000; text-decoration: none; } #sidemenu .announcements-body .a-date {font-family: Arial; font-weight: bold; font-size: 9pt; color: #333333; margin-bottom: -12px; padding: 0px; } #sidemenu .announcements-footer { width: 200px; height: 15px; font-family: Arial; font-weight: normal; font-size: 7pt; color: #333333; margin-left: 15px; padding: 0px; text-align: right;} #sidemenu .announcements-footer .fr a { background-image:url(images/ico-arrow-right.png); background-repeat:no-repeat; background-position:95% center; padding-right:12px; } /* 2.6 Footer */ #footer { position:absolute; bottom:0; width:100%; height:60px; } #footer div.copyright { position:relative; background-image: url(images/crayon-stripe.png); background-position: top center; background-repeat: no-repeat; width:100%; height:60px; text-align: center; color: #666666; padding-top: 6px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; margin: 0px; } div.copyright #text { margin-top: 8px; font-family: Arial, Helvetica; font-size: 8pt; color: #666666;} /* 2.6.1 Footer Widget Area */ #footer-widgets{ position:relative; background:url(images/bevel-footer-widgets.png) repeat-x top; background-color:#c1c0c0; border-bottom:1px solid #7b7b7b; } #footer-widgets .container { background:url(images/bg-footer-widgets.png) no-repeat center 2px; padding:30px 0 10px; } #footer-widgets .block { width:300px; float:left; margin:0 30px 0px 0; } #footer-widgets .block.last { margin-right:0;; } #footer-widgets .widget h3 { background:url(images/bg-footer-widget-title.png) repeat-x; text-shadow: #fff 0px 1px 0px;} /* Featured Area border:1px solid #f0f8ff; position:relative; background-image: url(images/contentbg.png); */ #loopedSlider { position:relative; width:960px; padding: 0px;} #loopedSlider .container { width:638px; height:270px; max-height: 270px; overflow:hidden; position:relative; border:1px solid #f0f8ff; background-image: url(images/contentbg.png); background-repeat: repeat; } #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:1px solid #674529; } #loopedSlider .feature-column { border-bottom:2px solid #febfd5; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 10px; } #loopedSlider .featured-nav { width:316px; height: 270px; border-top: 1px solid #ffffcc; border-left: 1px solid #ffffcc; border-right: 1px solid #ffffcc; border-bottom: 1px solid #ffffcc; background-image: url(images/featurenav-bg.png); background-repeat: repeat; float:right; } #loopedSlider ul.pagination { list-style:none; padding:0; margin-top: 8px;} #loopedSlider ul.pagination li { float:left;} #loopedSlider ul.pagination li a { width:278px; display:block; padding:15px 20px 15px 20px; opacity:0.7; border-top:1px solid #ffd700; min-height:52px; } #loopedSlider ul.pagination li:first-child a { border: none; } #loopedSlider ul.pagination li a:hover { opacity:1; background-image: url(images/featurenav-bg.png); background-repeat: repeat; text-decoration: none; } #loopedSlider ul.pagination li.active a { opacity:1; background-image: url(images/featurenav-bg.png); background-repeat: repeat;} #loopedSlider ul.pagination em { color:#996600; font-family: 'Lucida Handwriting', Arial,; font-size: 11pt; font-weight: bold; line-height:18px; margin-top:10px; font-style: normal; } #loopedSlider ul.pagination .meta { display:block; font-size:11px; color:#996600; line-height:16px; margin:5px 0 0 15px; } .featured-post { padding:12px 12px 12px; height: 206px; max-height: 206px; position:relative; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb {} .archive_header { } .archive_header .cat { } .archive_header .catrss { background:url(images/ico-rss.png) no-repeat 2px; } .archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 22px; margin-left:35px; } .box {margin: 0 0 20px 0;} .post { padding: 0px; border: none; position:relative; } .post .title { margin: 0px; font-weight:400; } .post .title a:link, .post .title a:visited { text-decoration: none; color: #0000ff; } .post .title a:hover, .post .title a:active { text-decoration: underline; color: #000080; } .post h1.title { padding-bottom: 15px; } .post-bottom { height: 30px; padding-top: 0px; padding-left: 12px; padding-right: 0px; padding-bottom: 12px; overflow:hidden; } .post-bottom div { margin-top: 8px; } .press-header { font-family: Arial; font-size: 11pt; text-align: left; margin-bottom: 40px; padding: 0px;} .preview-post { padding:25px 25px 20px; border:1px solid #f0f8ff; position:relative; background-image: url(images/contentbg.png); background-repeat: repeat; } .preview-post .title { margin: 0 0 5px 0; font-weight:400; } .preview-post .title a:link, .preview-post .title a:visited { text-decoration: none; color: #0000ff; } .preview-post .title a:hover, .preview-post .title a:active { text-decoration: underline; color: #000080; } .preview-post h1.title { padding-bottom: 15px; } .post-meta { margin: 0 0 15px 0; font-size:10px; color: #9F9F9F; font-family: Arial, Helvetica; text-transform:uppercase; line-height:11px;} .post-meta a:link, .post-meta a:visited { text-decoration: none; color: #0000ff; } .post-meta a:hover, .post-meta a:active { text-decoration: underline; color: #000080; } .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, .preview-post .thumbnail { padding:5px; background-color: #ffd700; margin-top:0; } .post .video { margin-bottom:20px; } .entry { font-size:14px; line-height:20px; } /* 3.1 Typographic Elements */ .entry h1 { } .entry h2 {} .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {} .entry h1, .entry h2, .entry h3, .entry h5, .entry h6 { margin: 0 0 15px 0; } .entry h4 { margin-top: 10px; margin-bottom: 3px; } .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: circle; } .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; } /* 3.2 Images */ .entry img { margin: 0px; padding: 5px; background-color: #ffd700; } img.wp-smiley { padding: 0; border: none; } .alignleft, img.alignleft { float: left; width: auto; margin: 6px 20px 10px 0; } .alignright, img.alignright { float: right; width: auto; margin: 6px 0 10px 20px; } .aligncenter, img.aligncenter { text-align: center; margin-bottom:10px; } .wp-caption { padding: 1px; text-align:center; color: #333333; background-color: #ffffcc; background-image: url(images/looped-slider-bg.png); background-repeat: repeat-x; background-position: bottom; border-top: solid 1px #ffbcd3; border-left: solid 1px #ffbcd3; border-right: solid 1px #ffbcd3; border-bottom: none; } .wp-caption img{ margin:0px; padding:4px 0; background:none; border:0; } .wp-caption-text { margin:0px; padding: 0px 4px 0px 4px; 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:Arial, Helvetica !important; font-style:italic !important;} .more_entries a:link, .more_entries a:visited {display: block; margin: 0; padding:4px 8px; color: #0000ff; border:1px solid #cccccc;} .more_entries a:hover, .more_entries a:active {border:1px solid #cccccc; color: #000080;} .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:link, .entry a.btn:visited, input.submit, .post-bottom a.btn:link, .post-bottom a.btn:visited { background:url(images/bg-button.png) no-repeat center 0; padding:4px 8px; font: Arial; font-size:12px; font-style:italic; background-color: #ffff00; border:1px solid #ff8c00; color: #ff0000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .entry a.btn:hover, .entry a.btn:active, .post-bottom a.btn:link, .post-bottom a.btn:visited { cursor:pointer; opacity:0.8; background-color: #ffff00; border:1px solid #ff8c00; color: #ff0000; } .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; 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:#fefefe url(images/bg-box.png) repeat-x; padding:0; border:1px solid #fff; color:#555; font-family: Arial, Helvetica; line-height:20px; } .widget h3 { font-family:Arial, Helvetica; font-size:14px; line-height:14px; color:#666; margin: 0; padding:14px 15px 0; height:30px; background:url(images/bg-widget-title.png) repeat-x; } .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:url(images/ico-bullet.png) no-repeat 4px 14px; padding-left:20px; border-bottom: 1px solid #ededed; } .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; width:300px; height:250px; } #advert_300x250 img {width:300px; height:250px; } #advert_300x250 a:hover {border:none;} #advert_125x125 { padding:18px 0 5px 18px; } #advert_125x125 img { padding:0 8px 8px 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:25px;;margin-bottom:10px;} #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: Arial, Helvetica;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: Arial, Helvetica; } #searchform .submit:hover { opacity:0.8; cursor:pointer; } /* FLICKR */ #flickr h3 {} #flickr h3 span{color:#0061D8;} #flickr h3 span span{color:#FF1183;} #flickr .flickr_badge_image { float: left; margin: 0; padding:0; } #flickr .wrap { margin: 10px; position: relative; padding: 0; } #flickr a img { float: left; margin: 5px 0 5px 10px; display: block; border: #CECFC6 1px solid; padding: 3px; width:70px; height:70px; } #flickr a:hover img { border:#A8AA99 1px 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: Arial, Helvetica; font-size:10px; text-transform:uppercase; line-height:16px; padding:2px 0 0 0px; color:#777; } #author .author-desc { font-style:italic; } /* 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:#fafafa; border:1px solid #eee; padding:0 10px; margin-bottom:5px; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {background:#e6cbb5; border-top:1px solid #fde8d7; border-bottom: 1px solid #ad8462; position:relative;margin-top:20px;padding:25px 25px 20px;} #comments h3{ font-size:16px; color:#6b401e; 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 #ad8462; } #comments .comment-right { margin-left: 95px; } #comments .comment .comment-container { padding: 3px 0; } #comments .comment-head { background:#ffe3ed url(images/bg-comment-head.png) repeat-x bottom; border-top:1px solid #ffcdde; border-left:1px solid #ffbcd3; border-right:1px solid #ffbcd3; border-bottom:1px solid #ffbcd3; height:40px; line-height:40px; padding:0 15px;margin: 0; } #comments .comment-head .name { font-family: Arial, Helvetica; font-style:italic; margin: 0 0 -5px 0; font-weight: bold; font-size: 12px; } #comments .comment-head .date { margin-right:10px; } #comments .comment-head .date a, #comments .comment-head .edit { font-size: 11px; color:#777; } #comments .comment-entry { background:#fff; border:1px solid #c29571; color:#555; padding:20px 15px 10px 15px; 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: arial; 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-color:#e6cbb5; border-top:1px solid #fde8d7; margin: 0; padding:25px 25px 20px; border-bottom: 1px solid #c29571;} #comments #respond { padding:20px 0; } #respond h3 { font-size:16px; color:#6b401e; 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; } #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: #c29571;border-left-color: #c29571;border-right-color: #fde8d7;border-bottom-color: #fde8d7; } #commentform #submit { font-family: Arial; background:url(images/bg-button.png) no-repeat center 0; padding:4px 8px; color:#fff; font: arial, serif; font-weight:bold; font-size:12px; font-style:italic; text-shadow: #555 0px 1px; background-color:#f087aa; border:1px solid #ee4c80; 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; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ #lbCenter, #lbBottomContainer{ z-index:9999 !important; } #lbOverlay { z-index:9998 !important; }