/* Theme Name: 3csn Buddypress Theme URI: http://buddypress.org/extend/themes/ Description: Adapted theme for 3csn Version: 1.0 Template: bp-default Author: Bradley Vaden Author URI: http://buddypress.org Tags: buddypress, three-columns, custom-header, orange, blue ** IMPORTANT - DO NOT COPY THIS THEME ** If you want to make a custom theme based on this theme, DO NOT copy and edit it. By doing this you will make upgrades and maintainence much harder for yourself. Instead, please read this codex page on how to build a BuddyPress child theme: http://codex.buddypress.org/how-to-guides/building-a-buddypress-child-theme/ */ /* @import url( ../../plugins/buddypress/bp-themes/bp-default/_inc/css/default.css); */ /* Inherit the default theme adminbar styles */ @import url( ../../plugins/buddypress/bp-themes/bp-default/_inc/css/adminbar.css ); /* 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"; @import "css/960_24_col.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 2.8 Calendar 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 { font: 12px Arial,Helvetica,Sans-serif; line-height: 1.2; color: #333; background-color: #e4e4e4; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Arial,Helvetica,Sans-serif; color: #000; line-height:1; } h1 {font-size: 36px; } h2 {font-size: 28px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;} p {margin: 0;} /* 1.2 Hyperlinks */ a:link, a:visited { text-decoration:none; color: #838C1C; } a:hover {text-decoration:none;} .entry a:hover, .widget a:hover {border-bottom:1px dotted;} 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 { } #top { background:#232323 url(images/bg.jpg) no-repeat top center; } .col-left { float: left; } .col-right { float: right; } .col-full { width: 960px; margin: 0 auto; } /* 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:url(images/bg-pagenav.png) repeat-x; height:29px; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-transform:uppercase; } #page-nav a { color:#eee; 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 Featured Slider */ #loopedSlider { position: relative; z-index: 1; margin:0 auto; } #loopedSlider .alignright {margin: 0 0px 8px 20px;float: right;} #loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;} #loopedSlider li#p { position:absolute; top:70px; left:10px; } #loopedSlider li#n { position:absolute; top:70px; right:10px; } #loopedSlider .container { width:470px; min-height:250px; height:250px; overflow:hidden; position:relative; font-size: 16px; color: #919191; background: #fff;} #loopedSlider .slides { position:absolute; top:0; left:0; } #loopedSlider .slides div.slide { position:relative; top:0; padding:20px 40px 15px; width:360px; display:none; } #loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative; z-index: 2;} #loopedSlider .button { margin: 10px 10px 0 0; padding: 8px 14px 8px; line-height:16px; } .slider-nav { position: relative; z-index: 0; text-align: center; width: 460px; height: 49px; } .slider-nav ul li { display: inline; } .slider-nav ul li a { z-index: 9999;position: relative; margin: 0 20px; padding: 19px 0 16px 0; line-height: 47px; font-weight: bold; font-size: 15px; font-family: "Lucida Grande", Helvetica, Arial, Sans-serif; } .slider-nav ul li.active a, .slider-nav ul li a:hover { color: #fff; background: url(images/slider-nav-active.png) no-repeat center top; } #featured { margin-bottom: 30px; } #featured h2 { margin: 0 0 10px 0; font-size: 35px; color: #434343; } #featured h4 { font-size:18px; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:22px; letter-spacing:1px; } #featured p { font-size:14px; color:#666; line-height:20px; margin-bottom:20px;} #loopedSlider .slides ol, #loopedSlider .slides ul { line-height: 18px; } #loopedSlider .slides ul { padding-left: 20px; } #loopedSlider .slides ul li { list-style: dot; padding: 3px 0; } #loopedSlider .slides ol { padding-left: 20px; } #loopedSlider .slides ol li { list-style: decimal; padding: 3px 0; } #main .featured-nav { width:470px; float:right; } #main ul.pagination { list-style:none; padding:0; margin:0; border-top:1px solid #d0d0d0;} #main ul.pagination li { float:left; border-bottom:1px solid #f6f6f6;} #main ul.pagination li a { width:420px; display:block; padding:15px 20px 15px 20px; opacity:0.7; border-bottom:1px solid #d4d4d4; min-height:52px; } #main ul.pagination li a:hover { opacity:1; background:#eee; } #main ul.pagination li.active a { opacity:1; background:#eee;} #main ul.pagination img { background:#fff; padding:2px; border:1px solid #d1d1d1; float:left; margin-right:10px;} #main ul.pagination em { color:#555; font-family:Georgia, serif; font-weight:bold; line-height:18px; margin-top:10px; font-style:normal; } #main ul.pagination .meta { display:block; font-size:11px; color:#777; line-height:16px; margin:5px 0 0 64px; } /* 2.3 Header */ #header{padding:25px 0;clear:both;position:relative;} #logo { min-height:70px; padding-top:20px; padding-left:10px; } #logo img { } #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; } /* > Item Lists (Activity, Friend, Group lists) -------------------------------------------------------------- */ ul.item-list { width: 100%; } ul.item-list li { position: relative; padding: 15px 0; border-bottom: 1px solid #eaeaea; } ul.single-line li { border: none; } body.activity-permalink ul.item-list li { padding-top: 0; } ul.item-list li img.avatar { float: left; margin: 0 10px 10px 0; } ul.item-list li div.item-title, ul.item-list li h4 { font-weight: normal; font-size: 14px; width: 75%; margin: 0; } ul.item-list li div.item-title span { font-size: 12px; color: #999; } ul.item-list li div.item-desc { margin: 10px 0 0 64px; font-size: 11px; color: #888; width: 50%; } ul.item-list li div.action { position: absolute; top: 15px; right: 0; text-align: right; } ul.item-list li div.meta { margin-top: 10px; color: #888; font-size: 11px; } ul.item-list li h5 span.small { font-weight: normal; font-size: 11px; } /* > Item Tabs -------------------------------------------------------------- */ div.item-list-tabs { clear: left; overflow: hidden; margin: 0px 0px 15px 0px; background: #eaeaea; } div.item-list-tabs ul li a { text-decoration: none; } div.item-list-tabs ul { width: 100%; } div.item-list-tabs ul li { float: left; margin: 5px 0 0 5px; } div.item-list-tabs#subnav ul li { margin-top: 0; } div.item-list-tabs ul li:first-child { margin-left: 20px; } div.item-list-tabs ul li.last { float: right; margin: 7px 20px 0 0; } div.item-list-tabs#subnav ul li.last { margin-top: 4px; } div.item-list-tabs ul li.last select { max-width: 175px; } div.item-list-tabs ul li a, div.item-list-tabs ul li span { display: block; padding: 5px 10px; text-decoration: none; } div.item-list-tabs ul li span { color: #aaa; } div.item-list-tabs ul li a span { display: inline; padding: 0; color: inherit; } div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.current a { background-color: #fff; color: #555; font-weight: bold; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; } ul li.loading a { background-image: url( ../images/ajax-loader.gif ); background-position: 92% 50%; background-repeat: no-repeat; padding-right: 30px !important; } div#item-nav ul li.loading a { background-position: 88% 50%; } div.item-list-tabs#object-nav { margin-top: 0; } div.item-list-tabs#subnav { background: #fff; margin: -15px 0px 15px 0px; border-bottom: 1px solid #eaeaea; min-height: 35px; overflow: hidden; } div.item-list-tabs ul li.feed a { background: url( ../images/rss.png ) center left no-repeat; padding-left: 20px; } .activity {background-color: #fff; padding: 0 10px;} /* > Activity Stream Listing -------------------------------------------------------------- */ ul.activity-list li { padding: 20px 0 0 0; overflow: hidden; } ul.activity-list > li:first-child { padding-top: 5px; } ul.activity-list li.has-comments { padding-bottom: 20px; } .activity-list li.mini { position: relative; font-size: 11px; min-height: 35px; padding: 12px 0 0 0; } .activity-list li.mini div.activity-meta { margin: 0; } .activity-list li.mini div.activity-meta a { padding: 3px 8px; } .activity-list li.mini .activity-avatar img.avatar, .activity-list li.mini .activity-avatar img.FB_profile_pic { width: 20px; height: 20px; margin-left: 36px; } .activity-list li.activity_comment .activity-avatar img.avatar, .activity-list li.activity_comment .activity-avatar img.FB_profile_pic { width: 40px; height: 40px; margin-left: 20px; } body.activity-permalink .activity-list li .activity-avatar img.avatar, body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic { width: 100px; height: 100px; margin-left: 0; } .activity-list li.mini .activity-content { margin-right: 175px; } .activity-list li.mini .activity-content p { margin: 0; float: left; } .activity-list li.mini .activity-meta { position: absolute; right: 0; } body.activity-permalink .activity-list li.mini .activity-meta { position: absolute; right: 15px; } .activity-list li.mini .activity-comments { clear: left; font-size: 12px; margin-top: 30px; } .activity-list li .activity-inreplyto { font-size: 11px; color: #888; margin-left: 70px; margin-bottom: 15px; padding-left: 25px; background: url( ../images/replyto_arrow.gif ) 7px 0 no-repeat; } .activity-list li .activity-inreplyto > p { margin: 0; display: inline; } .activity-list li .activity-inreplyto blockquote, .activity-list li .activity-inreplyto div.activity-inner { background: none; border: none; display: inline; padding: 0; margin: 0; overflow: hidden; } .activity-list .activity-avatar img { width: 60px; height: 60px; } body.activity-permalink .activity-list .activity-avatar img { width: 100px; height: 100px; } .activity-list .activity-content { margin-left: 70px; } body.activity-permalink .activity-list li .activity-content { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; padding: 15px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; margin-left: 135px; font-size: 16px; line-height: 150%; min-height: 35px; margin-right: 0; } body.activity-permalink .activity-list li .activity-header > p { background: url( ../images/activity_arrow.gif ) top left no-repeat; margin-left: -35px; padding: 5px 0 0 38px; height: 35px; margin-bottom: 0; } .activity-list .activity-content .activity-header, .activity-list .activity-content .comment-header { font-size: 11px; color: #888; line-height: 220%; } .activity-list .activity-header a:first-child, span.highlight { background: #EBF7FF; border-bottom: 1px solid #a1dcfa; border-right: 1px solid #a1dcfa; color: #059AE7; padding: 3px 8px; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 3px; } .activity-list .activity-header a:first-child:hover { background: #059AE7 !important; color: #fff !important; } .activity-list .activity-content a:first-child:focus { outline: none; } .activity-list .activity-content span.time-since { color: #bbb; } .activity-list .activity-content span.activity-header-meta a { background: none; padding: 0; font-size: 11px; margin: 0; border: none; color: #aaa; text-decoration: underline; } .activity-list .activity-content span.activity-header-meta a:hover { color: inherit; text-decoration: none; } .activity-list .activity-content .activity-inner, .activity-list .activity-content blockquote { margin: 15px 0 15px 5px; overflow: hidden; } body.activity-permalink .activity-content .activity-inner, body.activity-permalink .activity-content blockquote { margin-top: 5px; } /* Backwards compatibility. */ .activity-inner > .activity-inner { margin: 0 !important; } .activity-inner > blockquote { margin: 0 !important; } .activity-list .activity-content img.thumbnail { float: left; margin: 0 10px 5px 0; border: 2px solid #eee; } .activity-list li.load-more { margin: 15px 0 !important; padding: 10px 15px !important; background: #f0f0f0 !important; text-align: center; font-size: 1.2em; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .activity-list li.load-more a { color: #555; } /* > Activity Stream Comments -------------------------------------------------------------- */ div.activity-meta { margin: 0 0 20px 3px; clear: left; } .activity-list div.activity-meta a { font-size: 11px; background: #f4f4f4; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color: #999; padding: 4px 8px; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 3px; } .activity-list div.activity-meta a.acomment-reply { background: #FFF9DB; border-bottom: 1px solid #FFE8C4; border-right: 1px solid #FFE8C4; color: #ffa200; } div.activity-meta a:focus { outline: none; } div.activity-meta a:hover { background: #aaa; color: #fff; border-color: #aaa; } div.activity-meta a.acomment-reply:hover { background: #f7740a; color: #fff; border-color: #f7740a; } div.activity-comments { position: relative; margin: 0 0 0 75px; width: auto; overflow: hidden; /* IE fix */ } body.activity-permalink div.activity-comments { width: auto; margin-left: 135px; background: none; } div.activity-comments > ul { background: #f5f5f5; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.activity-comments ul, div.activity-comments ul li { border: none; list-style: none; } div.activity-comments ul { clear: left; } div.activity-comments ul li { border-top: 2px solid #fff; padding: 10px 15px 10px 0; margin-left: 15px; } body.activity-permalink div.activity-comments ul li { border-width: 1px; padding: 15px 0 15px 0; } div.activity-comments ul li p:last-child { margin-bottom: 0; } div.activity-comments > ul > li:first-child { border-top: none; } div.activity-comments ul li:last-child { margin-bottom: 0; } div.activity-comments ul li > ul { margin-top: 5px; margin-left: 25px; } body.activity-permalink div.activity-comments ul li > ul { margin-top: 15px; } div.activity-comments div.acomment-avatar img { border-width: 2px !important; float: left; margin-right: 10px; } div.activity-comments div.acomment-content { font-size: 11px; margin-left: 39px; margin-top: 5px; } div.acomment-content .time-since { display: none; } div.acomment-content .activity-delete-link { display: none; } div.acomment-content .comment-header { display: none; } body.activity-permalink div.activity-comments div.acomment-content { font-size: 14px; } div.activity-comments div.acomment-meta { font-size: 11px; color: #888; } div.activity-comments form.ac-form { display: none; margin: 10px 0 10px 33px; background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 8px; } div.activity-comments li form.ac-form { margin-right: 15px; } div.activity-comments form.root { margin-left: 0; } div.activity-comments div#message { margin-top: 15px; margin-bottom: 0; } div.activity-comments form.loading { background-image: url( ../images/ajax-loader.gif ); background-position: 2% 95%; background-repeat: no-repeat; } div.activity-comments form .ac-textarea { padding: 8px; border: 1px inset #ccc; background: #fff; margin-bottom: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.activity-comments form textarea { width: 100%; font-family: inherit; font-size: 11px; color: #555; height: 60px; border: none; padding: 0; } div.activity-comments form input { margin-top: 5px; } div.activity-comments form div.ac-reply-avatar { float: left; } div.ac-reply-avatar img { border: 2px solid #fff !important; } div.activity-comments form div.ac-reply-content { margin-left: 25px; padding-left: 15px; color: #888; font-size: 11px; } /* 2.4 Content */ #content{min-height:400px;padding:0; margin:20px auto 30px;} * html #content{height:400px;} #main{width:460px;} #main.fullwidth { width: 960px; } /* 2.5 Sidebar */ #sidebar{width:230px;overflow:hidden;} /* 2.6 Footer */ #footer{ background:#828282; color:#cacaca; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px;padding: 25px 0;border-top: 1px solid #b3b3b3;} #footer a { color:#cacaca; } #footer a:hover { border-bottom:1px dotted; } #footer #credit img{vertical-align:middle; } #footer #credit span{display:none;} /* 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;} /* 2.8 Event dates */ /* From the Helios Calendar - the listings */ #calDatesEvent .eventDate { font-family:Arial, Helvetica, sans-serif; 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; } .eventDate { margin-top: 5px; margin-bottom: 5px; color: #000; padding: 10px 10px 0px; } .eventLink { margin-left:5px; line-height:20px; display:block; } .eventLink i { display: none; } #dept_title a { font-weight: bold; float: left; } /* end listings */ /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb {} .archive_header { display: block; padding:10px 20px 0; margin:0 0 15px; font-size: 18px; font-weight: bold; background:url(images/bg-widget-title.png) repeat-x; height:33px; } .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 { background:#fefefe url(images/bg-box.png) repeat-x; margin: 0 0 20px 0;} .post { padding:25px 25px 20px; border:1px solid #fff; position:relative; } .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 5px 0; font-weight:400; } .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; } .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 h4, .entry h5, .entry h6 { margin: 0 0 15px 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: circle; } .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; } /* 3.2 Images */ .entry img { padding: 5px; border: 1px solid #ccc; } 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 { background:url(images/bg-button.png) no-repeat center 0; padding:4px 8px; color:#fff; font:Georgia, serif; font-size:12px; font-style:italic; text-shadow: #777 0px 1px 0px; background-color:#838C1C; border:1px solid #626915; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .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:#fefefe url(images/bg-box.png) repeat-x; padding:0; border:1px solid #fff; color:#555; font-family:Tahoma, Arial, Helvitica, sans-serif; line-height:20px; } .widget h3 { font-family:Arial, Helvetica, sans-serif; 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 10px 10px; } .widget ul { clear:both; margin:5px 0;} .widget ul li { padding-left:10px; 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; } #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: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 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: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:#FEFEFE url(images/bg-box.png) repeat-x;; height:auto !important; border:1px solid #fff;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.selected, #tabs ul.wooTabs li a:hover { color:#838C1C; 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 solid #EDEDED } #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:#777; 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:#fafafa; border:1px solid #eee; padding:0 10px; margin-bottom:5px; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {background:#ececec; border-top:1px solid #f5f5f5; border-bottom: 1px solid #dadada; position:relative;margin-top:20px;padding:25px 25px 20px;} #comments h3{ font-size:16px; color:#777; 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:#e4e4e4 url(images/bg-comment-head.png) repeat-x bottom; border:1px solid #d8d8d8; 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; } #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 #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: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:#ececec; border-top:1px solid #f5f5f5; margin: 0; padding:25px 25px 20px; border-bottom: 1px solid #bbb;} #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:url(images/bg-button.png) no-repeat center 0; padding:4px 8px; color:#fff; font:Georgia, serif; font-weight:bold; font-size:12px; font-style:italic; text-shadow: #555 0px 1px; background-color:#6694ac; 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; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ #lbCenter, #lbBottomContainer{ z-index:9999 !important; } #lbOverlay { z-index:9998 !important; }