/* Theme Name: Elefolio Theme URI: http://www.woothemes.com/ Version: 1.2.0 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Tags: woothemes Copyright: (c) 2009-2010 WooThemes. License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* 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! :) */ /*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.7 Portfolio 3. POSTS -3.1 Post layout -3.2 Post type -3.3 Typographic Elements -3.4 Images -3.5 Page Navigation 4. COMMENTS -4.1 Comments -4.2 Comments Form -4.3 Pingbacks / Trackbacks 5. MISC -5.1 Buttons -5.2 Contact Form -5.3 Gravity forms -5.4 Timeline Page Template -5.5 IE specific styling 6. WIDGETS -6.1 Generic Widgets -6.2 Specific Widgets -6.3 WooTabs -------------------------------------------------------------------------------------------/* /*-------------------------------------------------------------------------------------------*/ /* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */ /*-------------------------------------------------------------------------------------------*/ body,html{height:100%;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:none;} :focus{outline:0;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} /* Floating & Alignment */ .fl{float:left;} .fr{float:right;} .ac{text-align:center;} .ar{text-align:right;} /* Clear Floats */ .col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;} html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;} /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { background: url(images/bg.png); font: 12px/18px sans-serif; color: #323232; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Helvetica, Arial, serif; color: #333; font-weight:normal; } h1 {font-size: 28px; } h2 {font-size: 24px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;} p {margin: 0; text-shadow:0px 1px 0 #fff;} hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 7px 0 7px 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; background: #fff url(images/bg-search.png) repeat-x top;} /* 1.2 Hyperlinks */ a:link, a:visited { color: #267698; text-decoration:none;} a:hover { color:#151515; } 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; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { } #main { width:680px; margin-right:3px; padding:25px 0; border-right:1px solid #C2C2BE; border-right-color:rgba(0,0,0,.2); } #main.fullwidth { width: auto; border: none;} .col-left { float: left; } .col-right { float: right; } .col-full { width: 960px; margin: 0 auto; } /* 2.2 Navigation */ .nav{line-height:1;list-style:none;margin:0;padding:14px 0 0 0px;z-index:100;} .nav a:link, .nav a:visited{font:15px/1em Georgia, sans-serif; display:block;line-height:16px;margin:0 15px; padding-bottom: 2px; z-index:100; text-transform: uppercase; letter-spacing: 2px; color: #151515; border-bottom: 1px solid #d5d4d4;border-bottom-color:rgba(0,0,0,.1); } .nav li a:hover,.nav li a:focus,.nav li.current_page_item a {color: #267698;} .nav li{float:left;} .nav li ul { position: absolute; left: -999em; width: 180px; z-index:999; } .nav li ul li { border: 1px solid #d8d8d8; background: #FFF; border-width: 0 1px 1px; } .nav li ul li a:link, .nav li ul li a:visited { width:148px; line-height:25px!important; font-size:11px !important; color:#555; padding: 0 0 0 0px; border-bottom: 0; } .nav li ul li a:hover {color: #267698;} .nav li ul ul { margin: -26px 0 0 158px!important; } .nav li ul ul li a { } .nav li ul li ul li a { } .nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; } .nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul { left: auto;} .nav li:hover,.nav li.hover { position:static; } /* 2.3 Header */ #header-wrap { border-top:2px solid #444;} #header{ border-top:6px solid rgba(0,0,0,0.1); padding:35px 10px 25px 10px;border-bottom: 1px solid #bdbfbb; border-bottom-color:rgba(0,0,0,.2); margin-bottom: 3px; } #logo .site-title { font-family:Helvetica, Arial, serif; text-shadow:0px 1px 0px #fff;} #logo .site-title a { color:#000; font-size:40px; line-height:40px; text-transform:none; font-weight:bold; text-decoration:none; letter-spacing:-1px;} #logo .site-title a:hover { text-decoration:underline; } #logo .site-title a img { max-height:40px; max-width:400px;} #logo .site-description { font-family: Georgia, serif; color:#777; font-size:13px; display:block; font-style: italic; text-shadow:0px 1px 0px #fff;} #logo .site-title, #logo .site-description { display: none; } #about { padding: 20px 0; border-top:1px solid #DFDDDC; border-bottom: 1px solid #DFDDDC; border-color:rgba(0,0,0,.1); margin-bottom: 3px; } #about .bio { width: 75%; } #about .bio p { font:normal 32px Georgia, "Times New Roman", Times, serif; color: #126661; line-height: 40px; } #about #icons img { margin: 5px; } #about #icons h3 { font-family: Georgia, sans-serif; text-transform:uppercase; font-size:16px; text-shadow:0px 1px 0 #fff; color:#555; line-height: 30px; } /* 2.4 Content */ #content { margin-top:3px; border-top: 1px solid #C2C2BE; border-top-color:rgba(0,0,0,.2); } #content{position:relative;} /* 2.5 Sidebar */ #sidebar{ width:275px; overflow:hidden; padding-top: 25px; border-left:1px solid #DFDDDC; border-color:rgba(0,0,0,.1); } #sidebar #search input { width:170px; border:1px solid #d3d3d3; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color:#999; } /* 2.6 Footer */ #footer{ padding: 0 0 20px 0; } #footer p { text-shadow:0px 1px 0 #fff;} #footer #credit img{vertical-align:middle;} #footer #credit span{padding:0 5px; font-size:12px; font-style:normal;} #footer-wrap { border-top: 2px solid #000; padding-top: 20px; } /* 2.7 Portfolio */ #portfolio { padding: 20px 0; border-top: 1px solid #C2C2BE; border-bottom: 1px solid #DFDDDC; border-top-color:rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.1); overflow: hidden; } .fullwidth #portfolio { border:none; padding:0; } ol.portfolio, ol.dribbbles { list-style-type:none; margin:0; } ol.portfolio li, ol.dribbbles li { margin: 10px; width: 220px; float: left; } .dribbbles li{font-size:15px;position:relative;width:220px;padding:0;margin:0 0 1.5em 0;} .dribbbles .dribbble{font-family:"Helvetica Nueue", Helvetica, Arial, sans-serif;position:relative;clear:left;overflow:hidden;padding:0 0 10px 0;background:url(images/dribbblesprite.png) no-repeat -10px -480px;} .dribbbles .dribbble-shot{padding:10px;background:url(images/dribbblesprite.png) no-repeat -10px -330px;} .dribbbles .dribbble-over{position:absolute;top:10px;left:10px;z-index:1;width:180px;height:130px;margin:0!important;padding:10px;font-size:0.8em;line-height:2em;text-decoration:none;color:#888;background:url(images/dribbblesprite.png) no-repeat -110px -160px;} .dribbbles .dribbble-link{position:relative;z-index:2;} .dribbbles img{margin:0;width:200px;height:auto;opacity:1;-webkit-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;} .dribbbles a:hover img{opacity:0.1;-webkit-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;} .dribbbles strong{display:block;font-weight:bold;font-size:1.4em;line-height:1.2em;color:#126661;} .dribbbles .dim{font-weight:bold;color:#666;} .dribbbles em{position: absolute;bottom:11px;left:10px;font-size:1em;line-height:1em;font-weight:normal;font-style:normal;} .dribbbles .dribbble-img{width:200px;height:150px;overflow:hidden;} .entry .portfolio-img { margin-bottom:20px; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ /* 3.1 Post layout */ .post { margin: 0 0 20px; padding:0 20px 20px 80px; position:relative; border-bottom: 1px solid #CAC7C7; border-bottom-color:rgba(0,0,0,.2); } .post .title { font:normal bold 24px/24px Georgia, serif; position:relative; margin: 0 0 5px 0; padding: 0; } .page h1.title { margin-bottom:20px; } .post .title a { color:#121212; font-weight: normal; } .post .post-meta { font: 14px/1.2em Georgia, serif; color: #929292; font-style: italic; margin-bottom: 20px; } .post .post-meta a { color: #929292; text-decoration: underline; } .post .post-meta a:hover { color: #666; } .post .posttype { position:absolute; left:10px; top:0px; } .post .posttype img { } .post .posttype img:hover { opacity:0.8; cursor:pointer;} .post .tags { background:url(images/ico-tag.png) no-repeat center left;padding-left:25px;clear:both; margin:15px 0 0; font-family: Georgia, sans-serif; font-style: italic; } .post .post-more span.read-more { padding-right:22px; } .post .post-more span.comments, .post .post-more span.tags, .post .post-more span.shorturl { padding-left:22px;clear:both; margin:0 10px 0 0; font-family: Georgia, sans-serif; font-style: italic; } .single .post .post-more span.comments { display:none; } .post .post-more a {color:#282828; font-size:14px; text-shadow:0px 1px 0 #fff; text-decoration: underline;} .post .post-more a:hover { color:#666; } .post .post-more span.tags { background:url(images/ico-tag.png) no-repeat center left; } .post .post-more span.comments { background:url(images/ico-comments.png) no-repeat center left; } .post .post-more span.shorturl { background: url(images/ico-url.png) no-repeat left center; } .page .post, .single-portfolio .post { padding: 0px 20px 30px 0px; } /* 3.2 Post type */ .audio-post .media { margin: 30px 0 20px 0; } .video-post .media { margin: 20px 0; } .image-post .media { margin-bottom: 20px; } .quote-post .media { margin: 20px 0 20px; } .quote-post .media blockquote { margin: 0 0 10px 0; font: 24px/1.2em Georgia, serif; font-style: italic; } .quote-post .media cite { display: block; font: 14px/1.2em Georgia, serif; color: #929292; } .quote-post .media cite a { color: #929292; } .quote-post .media cite a:hover { text-decoration: underline; } .quote-post .media cite:before { content: '~ ' } /* 3.3 Typographic Elements */ .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; } .entry p { margin-bottom: 1.2em; font:13px/20px sans-serif; } .entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; } .entry blockquote p { font-style:italic; } .entry ul { margin-bottom: 1.5em; 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-bottom: 1.5em; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: decimal; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.4 Images */ .entry img, .post img.woo-image, img.thumbnail { padding: 5px; border: 1px solid #e6e6e6; background:#fff; } img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; height: auto; margin: 0px 20px 10px 0; } .alignright { float: right; height: auto; margin: 0px 0 10px 20px; } .aligncenter { text-align: center; margin-bottom:15px;} img.aligncenter { margin-left:auto; margin-right:auto; display:block; } .entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; } .entry .wp-caption.aligncenter { margin:0 auto 15px; } /* 3.5 Pagination / WP-Pagenavi */ .nav-entries, .wp-pagenavi { margin:0 20px 20px 0; padding:0 15px; font-family: Georgia, serif; font-size:13px; } .nav-entries a { display: block; color:#555; text-decoration:none;} .nav-entries a:hover { text-decoration:underline; } .nav-entries .nav-prev { background: url(images/ico-prev.png) no-repeat left center; padding-left:35px; line-height: 24px; height: 24px; } .nav-entries .nav-next { background: url(images/ico-next.png) no-repeat right center; padding-right:35px; line-height: 24px; height: 24px;} .wp-pagenavi { margin: 0 !important; text-align: left !important; padding:10px 0;} .wp-pagenavi a:link, .wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important;} .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important; } .wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; border:none !important; color:#666 !important; } /*-------------------------------------------------------------------------------------------*/ /* 4. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Comments */ #comments {position:relative; border-top:1px solid #e6e6e6;} #comments h3 { color:#333; font-weight:normal; margin-bottom:20px; } #comments .comment.thread-even { background: rgba(0, 0, 0, 0.05); border-bottom:1px solid #ccc; } #comments .comment{margin-top:10px;width:100%;list-style-type:none;} #comments .comment .comment-container { position:relative; padding: 20px; } #comments .comment-head { margin: 0 0 15px 0; } #comments .avatar { float:left; margin: 0 15px 10px 0; } #comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; } #comments .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments .reply { padding-top:10px; } #comments .reply a { font: 11px/18px sans-serif; background: #eee; border-color:#888; color:#555 !important; text-shadow: none; } #comments .reply a:hover { background-color: #e6e6e6;} #comments ul.children{margin:10px 10px 0 25px;padding:0; } #comments ul.children li {border-top:1px solid #e6e6e6; } #comments .cancel-comment-reply{margin:10px 0;} #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments h3#pings { margin-top:25px; } #comments .pingbacks li.pingback { margin:10px 0; } #comments .pingbacks li.pingback .reply { display:none; } /* 4.2 Comments Form */ #respond { margin: 40px 0 0; } #respond h3 { color:#333; font-weight:normal; margin-bottom:20px; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } #commentform { margin: 15px 0 0 0; } #commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; } #commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} #commentform input.txt { color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea { color:#666; background: #fcfcfc; width: 95% !important; padding: 5px 7px; } #respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; } /* 4.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 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; } /*-------------------------------------------------------------------------------------------*/ /* 5. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Buttons */ a.button, a.comment-reply-link, #commentform #submit, #contact-page .submit { display: inline-block; margin: 5px; padding: 3px 13px; border: 1px solid #4081af; border-bottom-color: #20559a; color: white !important; text-align: center; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none; /*Border radius*/ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /*Background*/ background: #237fd7; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #52a8e8), color-stop(1, #2e76cf) ); background: -moz-linear-gradient( center top, #52a8e8 20%, #2e76cf 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } a.button.large { padding:6px 16px;} a.button.small, a.comment-reply-link { padding:0px 10px;} a.button:hover, a.button.hover, a.button.active, a.comment-reply-link:hover, #commentform #submit:hover, #contact-page .submit:hover { text-decoration: none !important; /*Background*/ background: #0073d2; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3e9ee5), color-stop(1, #1666ca) ); background: -moz-linear-gradient( center top, #3e9ee5 20%, #1666ca 100% ); } a.button:active, a.button.active { border-color: #20559a; /*Box shadow*/ -webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; -moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; } a.button.inactive,{ border: 1px solid #d5d5d5; border-bottom-color: #e6e2e2; color: #aeaeae; text-shadow: 0 1px 0 white; /*Background*/ background: #e8e8e8; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #f3f3f3), color-stop(1, #e6e6e6) ); background: -moz-linear-gradient( center top, #f3f3f3 20%, #e6e6e6 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; } /* 5.2 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;} #contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%} #contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;} #contact-page ol.forms input.txt{width:214px;} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{height:300px;width:400px;} #contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;} #contact-page ol.forms li.textarea .error{display:block; margin-left:120px} #contact-page ol.forms li.screenReader{margin-bottom:0;} #contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; cursor: pointer;} #contact-page ol.forms li.inline input{width:auto;margin-left:120px;} #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} /* 5.3 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; } /* 5.4 Timeline Page Template */ #archives { padding: 10px 0 0; } #archives a { font-style: italic; } h3.archive_year { font: bold 20px sans-serif; color:#555; margin-top:0; } #archives .archives_list { border-left:4px solid #ccc; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;} #archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; } #archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; vertical-align: top; } #archives .archives_list .linked { width: 270px; display: inline-block; vertical-align: top;} #archives .archives_list .comments { width: 100px; display: inline-block; vertical-align: top;} #archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; } #archives .archives_list .comments a:hover { text-decoration: none; } /* 5.5 IE specific styling */ .ie6 .nav .sf-sub-indicator { display:none; } .ie6 .nav li a:hover { text-decoration:none; } .ie6 .nav li a.sf-with-ul { padding-right:10px; } .ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; } .reply a { color:#555 !important; } .ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */ .ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; } .ie8 .button, .ie8 .button:visited { padding:10px 15px; margin:0; } .ie7 #content { border-top: 1px solid #C2C2BE; } .ie7 #main { border-right:1px solid #C2C2BE; } .ie7 #header, .ie7 .post, .ie7 .widget { border-bottom:1px solid #C2C2BE; } .ie7 #portfolio { border-color: #C2C2BE; } /*-------------------------------------------------------------------------------------------*/ /* 6. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Generic Widgets */ .widget { margin: 0 0 20px; position:relative; padding:0 0 20px 30px; border-bottom: 1px solid #CAC7C7; border-bottom-color:rgba(0,0,0,.1); } .widget h3 { font-family: Georgia, sans-serif; text-transform:uppercase; font-size:16px; text-shadow:0px 1px 0 #fff; color:#555; line-height: 30px; margin-bottom:10px;} .widget h3 a:link, #sidebar .widget h3 a:visited {color:#555;text-shadow:0px 1px 0 #fff;} .widget ul li { padding:3px 0 3px 0; } /* 6.2 Specific Widgets */ /* SEARCH FORM */ .searchform { background:#fff; width: 99%; position: relative; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .searchform input.s { padding: 8px; width:85%; margin:0; border:none; background: none; color:#777; } .searchform input.submit { position: absolute; top:6px; right:10px; border:none; margin:0; padding:0; } /* TWITTER */ .widget_woo_twitter h3 { margin: 0; padding: 10px 0 5px 0;} #sidebar .widget_woo_twitter ul { border: none; } #sidebar .widget_woo_twitter li { border: none; padding: 5px 0; } #sidebar .widget_woo_twitter .content { border: none; padding: 0; } /* FLICKR */ .widget_woo_flickr h3 {} .widget_woo_flickr h3 span{color:#0061D8;} .widget_woo_flickr h3 span span{color:#FF1183;} .widget_woo_flickr .flickr_badge_image { float: left; margin: 0 5px 5px 0; } .widget_woo_flickr .wrap { position: relative; margin-right: -10px; margin-bottom: 20px; margin-top:5px; padding: 0; } .widget_woo_flickr a img { float: left; margin: 0 0 0 0; display: block; border: #ccc 2px solid; } .widget_woo_flickr a:hover img { border:#267698 2px 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:100%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{} #wp-calendar th,#wp-calendar td{text-align:center;background:#ccc;padding:5px; border:1px solid #ccc;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} /* ADS */ .adspace-widget { text-align: center; } .adspace-widget h3 { text-align: left; } /* Blog Author Widget */ .widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);} .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; } /* TWITTER */ .widget_woo_twitter .back {} .widget_woo_twitter ul { background: none; padding-left:0; } .widget_woo_twitter ul li { border-bottom: 1px solid #e6e6e6; padding: 10px 0px; list-style:none;} .widget_woo_twitter ul li a { padding: 0px; } .widget_woo_twitter ul li .time { color:#999; } .widget_woo_twitter p { padding-top: 10px; } .widget_woo_twitter p a { color:#222; } .widget_woo_twitter ul li .content { font-size: 16px; font-family: Georgia, serif; } .widget.widget_woo_twitter h3 { border-bottom:none; padding:0; margin:0; padding-bottom: 15px; } /* 6.3 WooTabs */ #tabs { height:auto; display: block; padding-left:30px; margin-bottom:30px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} #tabs ul.wooTabs { padding:0px; } #tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#fafafa; text-decoration:none; } #tabs ul.wooTabs li a { color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font:10px/18px sans-serif; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; } #tabs .inside { background:#fafafa; padding:5px;} #tabs .inside li { background:#fff; } #tabs #tab-tags { padding:10px; } #tabs .inside ul { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; } #tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; } #tabs .inside li a { color:#555; font:bold 12px/18px sans-serif; } #tabs .inside a:hover{} #tabs .inside li span.meta { display:block; font:11px/20px sans-serif; text-transform:uppercase; color:#777; } #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; }