/* Theme Name: Teamster Theme URI: http://www.woothemes.com/ Version: 1.1.4 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Tags: woothemes Copyright: (c) 2009-2011 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: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.2.2 Top Navigation (optional) -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.7 Breadcrumbs -2.8 Home Connect & Intro Text -2.9 Author Scroller -2.10 Featured Slider -2.11 Author Archive & Team Page Template -2.12 Portfolio Archives -2.13 Single Portfolio Item 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi / Woo-Pagination -3.4 Entry Tables 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 WooTabs 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Contact Form -6.3 Gravity forms -6.4 Timeline page template -6.5 IE specific styling -6.6 Subscribe & Connect -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 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,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:top;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 */ /* Embed fonts */ @font-face { font-family: AdelleBasic; src: url(includes/fonts/AdelleBasic_Bold.eot); /* IE */ src: local("AdelleBasic"), url(includes/fonts/AdelleBasic_Bold.otf) format("opentype"); /* non-IE */ } body { font: 13px/1.6em sans-serif; color: #5D5F65; background:#C4C4C4 url(images/bg.png) repeat; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: AdelleBasic, sans-serif; color: #222; font-weight:normal; } h1 {font-size: 2em } h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;} p {margin: 0; } hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 5px; border-color: #dedede #EFEFEF #EFEFEF #dedede; border-width:1px; border-style:solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color: #777; } /* 1.2 Hyperlinks */ a { color: #226781; text-decoration:none;} a:hover { color: #216781; 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; } 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 { width: 960px; margin: 30px auto; background: #fff; border: 1px dotted #000; } #main{width:610px; padding: 2em 30px; } .col-full {width: 960px; margin:0 auto;} #main.fullwidth, .layout-full #main {width: 900px; margin:0 auto;} #sidebar{width:290px; background: #f2f2f2; } #sidebar .primary { padding: 2em 20px 2em 15px; border-left: 5px solid #e6e6e6; } #sidebar .secondary { width:140px; } .entry img { max-width:610px; } .layout-full .entry img { max-width:950px; } .col-left { float: left; } .col-right { float: right; } .layout-right-content #main { float:right; } .layout-right-content #sidebar { float:left; } /* 2.2 Navigation */ #navigation{ font:bold 13px/1em AdelleBasic, sans-serif; } #navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 44%;margin:0 15px 0 0; padding:0 25px 0 0;line-height: 1;} #navigation ul.rss li{display:inline;padding:0;} #navigation ul.rss li a{color:#d75418;text-decoration:none; padding:10px 5px; line-height: 18px; display: inline-block; position: relative;} #navigation ul.rss li.sub-email {color:#dedede;} #navigation ul.rss li a:hover{text-decoration:underline;} .nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; } .nav a { position:relative; color:#000; display:block; z-index:100; padding:0; margin: 15px 20px; line-height:12px; text-decoration:none; text-transform: uppercase; text-shadow:0 1px 0 #fff; } .nav li { float:left; width: auto; } .nav li a.sf-with-ul { padding-right:20px; } .nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a, .nav li.current-cat a, .nav li.current-menu-item a { border-bottom: 1px solid #000; } /* Optional Styling */ #navigation { background: url(images/bg-nav.png); } #navigation .nav li a {} #navigation .nav li:first-child a { border-left:none; } /* 2.2.1 Drop-down menus */ .nav li ul { background: #fafafa; margin:0 0 0 -1px; padding:0; position: absolute; left: -999em; top:85px; width: 170px; border: 1px solid #e3e3e3; z-index:999; } .nav li ul li a { padding:8px; margin: 0; width:154px; color:#666; background: none; font-size:0.9em; text-transform: capitalize; font-weight: normal; } .nav li ul li a:hover { text-decoration: underline; } .nav li ul li a.sf-with-ul { padding-right:0; } .nav li ul ul { margin: -37px 0 0 140px; } .nav li ul li a:hover, .nav li.current_page_item ul li a, .nav li.current_page_parent ul li a, .nav li.current-menu-ancestor ul li a, .nav li.current-cat a ul li, .nav li.current-menu-item ul li a, .nav li.sfHover ul li { background:none;} .nav li:hover,.nav li.hover { position:static; } .nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; } .nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; } .nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:27%;width:7px;height:10px;text-indent:-999em;overflow:hidden;} .nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat; top:38%; } /* Optional Styling */ #navigation .nav li ul { /* Border Radius */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; /* Box Shadow */ -moz-box-shadow: 0 2px 2px rgba(0,0,0,.03); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03); box-shadow: 0 2px 2px rgba(0,0,0,.03); } #navigation .nav li ul ul { border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } #navigation .nav li ul li a { border:0; border-top:1px solid #fff; border-bottom:1px solid #dedede; } #navigation .nav li ul li:first-child a { border-top:none; } #navigation .nav li ul li:last-child a { border-bottom:none; } /* 2.2.2 Top Navigation (optional) */ #top { background: #000; } #top .nav { } #top .nav a { color:#ddd; padding:8px 10px; line-height:18px; text-decoration:none; text-shadow:none; } #top .nav li { } #top .nav li a.sf-with-ul { padding-right:20px; } #top .nav a:hover, #top .nav li.current_page_item a, #top .nav li.current_page_parent a, #top .nav li.current-menu-ancestor a, #top .nav li.current-cat a, #top .nav li.current-menu-item a, #top .nav li.sfHover { background: #222; } #top .nav li ul { background: #222; margin:0; padding:0px; width: 180px; border: none; z-index:999; /* Box Shadow */ -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1); } #top .nav li ul, #top .nav li ul li:last-child a { /* Border Radius */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } #top .nav li ul li { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #top .nav li ul li a { padding:8px 10px; width:160px; color:#ddd; background: none; font-size:0.9em;} #top .nav li ul li a:hover { background: #000; } #top .nav li ul li a.sf-with-ul { padding-right:10px; } #top .nav li ul ul { margin: -34px 0 0 180px; } #top .nav li:hover, #top .nav li.hover { position:static; } #top .nav li:hover ul ul, #top .nav li.sfhover ul ul, #top .nav li:hover ul ul ul, #top .nav li.sfhover ul ul ul, #top .nav li:hover ul ul ul ul, #top .nav li.sfhover ul ul ul ul { left:-999em; } #top .nav li:hover ul, #top .nav li.sfhover ul, #top .nav li li:hover ul, #top .nav li li.sfhover ul, #top .nav li li li:hover ul, #top .nav li li li.sfhover ul, #top .nav li li li li:hover ul, #top .nav li li li li.sfhover ul { left:auto; } /* 2.3 Header */ #header{padding:0;clear:both;position:relative;border-bottom: 1px dotted black;} #header-left { float: left; width: 250px; background: #000; border-right: 1px dotted #fff; } #header-right { float: left; position:relative; width: 709px; } #header-right #tagline { background: #000; color: #fff; padding: 15px 20px; } #header-right #tagline p { font-family:Georgia, serif; font-size: 13px; font-style: italic; } #social-top { position:absolute; top:11px; left:575px; width:130px; } #social-top ul li { float:left; margin:0 5px 0 0; } #social-top ul li:last-child { margin:0; } #social-top ul li a:hover img { opacity:0.8; } #logo { float:left; height: 100%; padding: 24px 25px; } #logo img { } #logo .site-title, #logo .site-description { font-family:Georgia, serif; color: #000; display:none; } #logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; } #logo .site-title a:hover { text-decoration:underline; } #logo .site-description { color:#999; font:italic 14px/1em Georgia, serif; } #topad {float:right;} /* Section */ .section { border-bottom: 1px dotted #000; } .section-left { float: left; width: 250px; border-right: 1px dotted #000; } .section-right { float: left; width: 649px; } /* 2.4 Content */ #content{} /* 2.5 Sidebar */ #sidebar{overflow:hidden;} #sidebar .primary { } #sidebar .secondary { float:left; margin-right:20px; } #sidebar .secondary.last { margin:0; } /* 2.6 Footer */ #footer-wrapper { overflow: hidden; } #footer{ padding: 15px 30px; background: #000; color:#fff; overflow: hidden; } #footer p {} #footer a { color: #FFE400; } #footer #credit img{vertical-align:middle;} #footer #credit span{display:none;} #footer-widgets { background: #eee; border-top:5px solid #E2E2E2; text-shadow:0 1px 0 #fff; padding:10px 0; overflow: hidden; clear: both; } #footer-widgets .block { padding:20px 15px 0 15px; margin: 0 15px; width:210px; float:left; } #footer-widgets.col-1 .block { width:100%; padding-left:0; } #footer-widgets.col-2 .block { width:460px; } #footer-widgets.col-3 .block { width:220px; } #footer-widgets.col-3 .block.special { width:340px; } #footer-widgets.col-4 .block { width:180px; } /* 2.7 Breadcrumbs */ #breadcrumbs { margin-bottom: 2em; } /* 2.8 Home Connect & Intro Text */ #home-connect { padding: 24px 25px; } #home-connect h3 { background: url(images/bg-heading.png) repeat-x bottom left; padding-bottom: 20px; margin: 0 0 10px; } #home-connect ul li { color: #000; font-family:Georgia, serif; font-size: 14px; margin: 7px 0; padding: 7px 0 7px 50px; } #home-connect ul li.location { background: url(images/ico-marker.png) 6px center no-repeat; } #home-connect ul li.mail { background: url(images/ico-mail.png) left center no-repeat; } #home-connect ul li a { color: #000; text-decoration: none; } #home-connect ul li a:hover { text-decoration: underline; } #intro { color: #000; padding: 20px 30px; font:normal 16px/26px Georgia, serif; } #intro p {} /* 2.9 Author Scroller */ #author-info { padding: 24px 25px; height: 46px; } #author-info h3 { margin: 0 0 10px; } #author-info p { color: #656565; } #author-info p a { color: #000; text-decoration: underline; } #author-info p a:hover { color: #656565; } #author-sorter { padding: 20px 30px; margin-right: 2px; width:650px;} #author-sorter ul { /*width: 720px !important;*/} #author-sorter ul li { display: block; float: left; margin-right: 30px;} #author-sorter ul li a{ border: 1px solid #000; display: block; width: 48px; } #author-sorter ul li a:hover img, #author-sorter ul li.now a img { border: 1px solid #FFE400; width: 46px; height: 46px; } #author-sorter ul li.now { position:relative; } #author-sorter ul li.now .arrow { position:absolute; top: 64px; left:10px; background:url(images/arrow-author-hover.png) top left no-repeat; width:29px; height:18px; z-index: 9999; } #author-slides-holder { display: none; } #author-slides-holder.open { display: block; border-top: 4px solid #d6d6d6; border-bottom: 1px dotted #000000; } #author-slides-holder .author_slide_loading{background: url("images/ajax-loader.gif") no-repeat scroll left top transparent;height: 18px;width: 29px;z-index: 9999; display: block; text-indent:-9999px; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; } .author-slides-container {border-bottom: 4px solid #d6d6d6;} #author-slides {} .author-slide { padding:15px 30px; background: #eee; width: 900px; } .author-description { width: 260px; float: left; background: #fff; border:1px solid #e3e3e3; padding: 15px; margin: 15px 0; } .author-description ul.social { display: block; background: url(images/bg-heading.png) repeat-x bottom left; padding-bottom: 35px; margin: 0 0 20px; } .author-description ul.social li { float: right; } .author-description ul.social li img { padding: 0 4px; } .author-description h3 { border-bottom:1px dotted #000; padding: 0 0 15px; margin: 0 0 15px; } .author-description h3 a { color:#000; text-decoration: none; } .author-description h3 a:hover { color:#000; text-decoration: underline; } .author-description .team-title { float: left; } .author-description span { display: block; font-size: 14px; font-family: Georgia, serif; font-style: italic; color: #666; } .author-description .the-description { line-height: 1.9em; } .author-description p.read-more { margin:10px 0 0 0; } .author-description p.read-more a { color:#000; font-weight:bold; } .author-posts { width: 590px; float: right; } .author-posts ul {} .author-posts ul li { width: 278px; height: 208px; margin: 15px 0; border: 1px solid #fff; float: left; position: relative; -moz-box-shadow: 0px 1px 4px #aaa; -webkit-box-shadow: 0px 1px 4px #aaa; box-shadow: 0px 1px 4px #aaa; background: #000; } .author-posts ul li.even { margin-right: 28px; } .author-posts ul li.odd {} .author-posts ul li a:hover img { opacity: 0.9; } .author-posts .author-post-meta { width: 200px; position: absolute; bottom: 15px; right: 0; padding: 12px 10px; background: white; text-align: left; } .author-posts .author-post-meta a { color: #000; } .author-posts .author-post-meta h2.title { font-size: 16px; margin: 10px 0 3px 0; } .author-posts .author-post-meta .date_post { background: #FFE400; color: #000; padding: 5px 8px; font-size: 11px; } .author-posts .author-post-meta .date_portfolio { background: #c5376d; color: #000; padding: 5px 8px; font-size: 11px; } .author-posts .author-post-meta .category { font-weight: 700; } /*#author-sorter .jcarousel-container { width: 650px; margin: 0 auto; /*text-align: center; }*/ #author-sorter .jcarousel-clip { width: 630px !important; margin: 0 auto; } /*#author-sorter .jcarousel-item { width: 48px !important; height: 50px; }*/ .jcarousel-next, .jcarousel-prev { position: absolute; top: 47%;cursor: pointer; height: 10px; width: 7px; background-position: top left; background-repeat: no-repeat; } .jcarousel-prev { left: -12px; background-image: url(images/ico-gallery-prev.png); } .jcarousel-next { right: 6px; background-image: url(images/ico-gallery-next.png); } /* 2.10 Featured Slider */ #slides { border-bottom: 1px dotted #000; } #slides h3 { padding: 30px; border-bottom: 1px dotted #000; } #slides_container { width: 709px; letter-spacing: 0.8px; background: #000; } #slides_container .slide { display:none; } #slides_container .slide h2 { font-size: 42px; line-height: 40px; font-weight: bold; color: #fff; padding: 15px 15px; margin-bottom: 10px; background:#000;background:rgba(0,0,0,.4); display: inline-block; } #slides_container .slide h2 a { color: #fff; text-shadow: #000 1px 1px 0; } #slides_container .slide .entry { padding: 15px 15px; margin-bottom: 10px; background:#000;background:rgba(0,0,0,.4); text-shadow: #000 1px 1px 0; } #slides_container .slide .entry p { font-size: 12px; color:#fff; margin:0;} #slides_container .slide .date { color: #666; background: #fff; text-shadow: none; font-size: 12px; font-weight: normal; font-style: italic; position: relative; margin: 0; padding: 5px 10px; } #slides_container .caption {position:absolute;color:#fff;margin: 20px; bottom: 0; } #slide-nav { width: 250px; height: 363px; border-right: 1px dotted #fff; background: #000; } #slide-nav li { position: relative; } #slide-nav li a { height: 120px; display: block; border-top: 1px dotted #fff; } #slide-nav li a img { } #slide-nav li a:hover { text-decoration: none; } #slide-nav li:first-child a { border: 0; } #slide-nav li a span { position: absolute; } /* normal */ #slide-nav li a span.rollover { display:none; } #slide-nav li a span.info { color: #fff; font-size: 18px; font-weight: normal; padding: 0; bottom: 0; } #slide-nav li a span.info .date { color: #666; background: #fff; text-shadow: none; font-size: 12px; font-weight: normal; font-style: italic; position: relative; margin: 0; padding: 5px 10px; } #slide-nav li a span.info .title { display: block; position: relative; color: #fff !important; font-family: AdelleBasic, sans-serif; font-size: 16px !important; background: #000; padding: 5px 10px; } /* rollover */ #slide-nav li a:hover span.info { display:none; } #slide-nav li a:hover span.rollover { display:block; width: 250px; height: 120px; bottom: 0; color: #fff; } #slide-nav li a:hover span.rollover-inside { padding: 25px 30px; } #slide-nav li a:hover span.rollover .avatar { width: 48px; height: 48px; float: left; } #slide-nav li a:hover span.rollover .author { height: 39px; width: 121px; top: 25px; left: 78px; padding: 5px 10px; background: #000; font-family:Georgia, serif; font-size: 13px; font-style: italic; line-height: 18px; } #slide-nav li a:hover span.rollover .author strong { display: block; } #slide-nav li a:hover span.rollover .link { width: 179px; top: 73px; padding: 2px 5px; background: #fff; color: #000; font-size: 11px; text-transform: uppercase; text-align: center; } /* 2.11 Author Archive & Team Page Template */ /* Layout */ .author #sidebar { width:250px; } .author #main { width: 649px; } #post-author .profile-image { float:right; width: 195px; margin:0 0 30px 30px; } #post-author .profile-image img { border: 1px solid #000; } #post-author .profile-content { float: left; width: 422px; } #post-author .profile-content h2.title { margin: 0 0 10px; } #post-author .profile-social { border-bottom: 1px dotted #000; margin:0 0 30px; } #post-author .profile-social .team-title { float:left; font-family:Georgia, serif; font-size: 16px; font-style: italic; color: #666; margin-right: 15px; } #post-author .profile-social ul { overflow: hidden; display: block; margin: 0 0 30px; } #post-author .profile-social ul li {} #post-author .profile-social ul li img { padding: 0 4px; float: left; } #post-author .profile-social ul li:first-child img { padding-left: 0; } #post-author .profile-description { margin:0 0 30px; } .author h3#recent-by { font-family:Georgia, serif; font-size: 14px; font-style: italic; color: #666; border-bottom: 1px dotted #000; padding: 0 0 20px; margin: 0 0 20px; } .author .post { border-bottom: 1px dotted #000; overflow: hidden; } .author .post .title a:link, .author .post .title a:visited { color: #216781; font:bold 16px/1em Helvetica, Arial, sans-serif; } .author .post .title, .author .post .title { margin: 0; } #author-portfolio .post { border: 0; margin-bottom: 0; } #author-portfolio .post .title a:link, #author-portfolio .post .title a:visited { color: #216781; font:bold 13px/1em Helvetica, Arial, sans-serif; overflow: hidden; } #author-portfolio .post .title, #author-portfolio .post .title { clear: both; } .author #sidebar h3 { padding: 30px 15px; text-shadow:0 1px 0 #fff; border-right: 5px solid #E6E6E6; } .author ul.authors-list { -moz-box-shadow: 0 -1px 0 #E5E5E6; -webkit-box-shadow: 0 -1px 0 #E5E5E6; box-shadow: 0 -1px 0 #E5E5E6; } .author ul.authors-list li { position: relative; border-top: 1px solid #fff; border-bottom: 1px solid #E5E5E6; } .author ul.authors-list li a { display: block; padding: 10px 15px; color: #000; text-decoration: none; font-size: 14px; border-right: 5px solid #E6E6E6; overflow: hidden; } .author ul.authors-list li img { float:left; border: 1px solid #000; margin-right: 15px; } .author ul.authors-list li a.active { background: #000; color: #fff; border-right: 5px solid #000; } .author ul.authors-list li a.active img { border: 1px solid #fff; } .author ul.authors-list li a.active span.arrow { display: block; position: absolute; background: url(images/author-list-arrow.png) no-repeat top left; width: 12px; height: 24px; left: 238px; top: 24px; } .author ul.authors-list li a:hover { background: #000; color: #fff; border-right: 5px solid #000; } .author ul.authors-list li a:hover img { border: 1px solid #fff; } .author ul.authors-list li a:hover span.arrow { display: block; position: absolute; background: url(images/author-list-arrow.png) no-repeat top left; width: 12px; height: 24px; left: 238px; top: 24px; } .author ul.authors-list li span.name { float: left; } .author ul.authors-list li span.team-title { display: block; float: left; margin-top: 5px; font-size: 12px; color: #666; } .author .portfolio-more { margin: 0 0 2em; } .author .portfolio-more a { display: inline-block; margin: 5px; font-weight:bold; padding: 8px 13px; border: 1px solid #000; color: #fff !important; text-align: center; text-decoration: none; /*Border radius*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #000; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.3, #545454), color-stop(1, #000000) ); background: -moz-linear-gradient( center top, #545454 30%, #000000 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*/; } .author .portfolio-more a:hover { opacity:0.9; } /* 2.12 Portfolio Archives */ #portfolio { clear: both; width: 640px; } #portfolio .post { padding: 1em; padding-left: 0; } .portfolio-items { background: #FFFFFF; } #portfolio a.thumb { background: #FFFFFF; display: block; margin: 0px; margin-right: 20px; margin-bottom: 20px; } #portfolio a.thumb:hover { text-decoration: none; background: #FFFFFF url('images/portfolio-hover.png') no-repeat 50% 50%; } #portfolio .portfolio-items .portfolio-item { margin: 0 30px 15px 0; padding: 0; } #portfolio .portfolio-items .portfolio-item h3 { margin: 20px 0 0 0; font-weight: bold; } #portfolio .portfolio-items .portfolio-item h3 a { color: #000; } #portfolio .portfolio-items .portfolio-item .author { font-size: 11px; } .portfolio-image span.info { color: #fff; font-size: 18px; font-weight: normal; padding: 0; bottom: 0; } .portfolio-image span.info .author { color: #666; background: #fff; text-shadow: none; font-size: 12px; font-weight: normal; font-style: italic; position: relative; margin: 0; padding: 5px 10px; } #portfolio .group.portfolio-img a.thumb { margin-bottom: 0px; margin-right: 0px; height: auto; } #portfolio .group.portfolio-img a.thumb:hover { background-position: 50% 45%; } #portfolio .group.portfolio-img { float: left; display: block; } #portfolio .group.portfolio-img img { border: 0; } #portfolio .group.portfolio-img h3 { font-size: 14px; } #portfolio #port-tags { margin: 0 0 10px;padding: 0 0 20px;} #portfolio #port-tags .port-cat { text-transform:uppercase; font-size: 11px; } #portfolio #port-tags .port-cat a { padding: 4px 7px 2px; margin: 0 0 0 5px; background: #fff; border: 1px solid #ccc; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #aaa; } #portfolio #port-tags .port-cat a:hover, #portfolio #port-tags .port-cat a.current { text-decoration:none; background:#eee; color: #226781; text-shadow: 1px 1px 0 rgba(255,255,255,1); } /* 2.13 Single Portfolio Items */ body.single-portfolio #post-gallery, body.single-portfolio .post-embed, body.single-portfolio .video { float: left; margin-bottom: 20px; width: 600px; } body.single-portfolio .slides_container { width: auto; } body.single-portfolio.layout-left-content .hentry.video-excerpt, body.single-portfolio.layout-right-content .hentry.video-excerpt { float: none; width: auto; } body.single-portfolio.layout-left-content .hentry.image, body.single-portfolio.layout-right-content .hentry.image { float: none; width: auto; clear: both; } body.single-portfolio .video { margin-bottom: 20px; } body.single-portfolio.layout-left-content .hentry.gallery, body.single-portfolio.layout-right-content .hentry.gallery { float: none; width: auto; clear: both; } body.single-portfolio .post-meta { margin: 10px 0 1.5em 0; } #post-gallery .slides_control .slide { display: none; } /* Prevents the gallery from displaying incorrectly on first load. */ #post-gallery .photo-caption { background: #FFFFFF; padding: 5px; display: block; position: relative; width: 100%; top: -50px; z-index: 99; } #post-gallery .photo-caption { filter: alpha(opacity=80); /* internet explorer */ -khtml-opacity: 0.8; /* khtml, old safari */ -moz-opacity: 0.8; /* mozilla, netscape */ opacity: 0.8; /* fx, safari, opera */ } #post-gallery .pagination li { display: inline; padding-right: 10px; margin: 15px 4px 15px 0; } #post-gallery .pagination li a { display: block; } #post-gallery .pagination .jcarousel-prev, #post-gallery .pagination .jcarousel-next { cursor: pointer; width: 7px; height: 10px; position: absolute; top: 45%; } #post-gallery .pagination .jcarousel-prev { background: transparent url(images/ico-gallery-prev.png) no-repeat left top; left: -15px; } #post-gallery .pagination .jcarousel-next { background: transparent url(images/ico-gallery-next.png) no-repeat right top; right: -15px; } #post-gallery .pagination .jcarousel-prev-disabled, #post-gallery .pagination .jcarousel-next-disabled { filter: alpha(opacity=20); /* internet explorer */ -khtml-opacity: 0.2; /* khtml, old safari */ -moz-opacity: 0.2; /* mozilla, netscape */ opacity: 0.2; /* fx, safari, opera */ } body.single-portfolio .hentry { float: right; width: 40%; } body.single-portfolio.two-col-left .hentry, body.single-portfolio.two-col-right .hentry, body.single-portfolio.two-col-middle .hentry, body.single-portfolio.three-col-left .hentry, body.single-portfolio.three-col-right .hentry, body.single-portfolio.three-col-middle .hentry { clear: both; float: none; width: auto; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb, .post .video { margin-bottom:1.5em;} .archive_header { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-size: 18px; font-weight: bold; border-bottom:#e6e6e6 1px solid; } .archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; } .post { margin: 0 0 2em; padding: 0 0 1em; } .post .title, .page .title { font:normal bold 24px/1em AdelleBasic, sans-serif;position:relative; margin: 0 0 0.5em; } .post .title a:link, .post .title a:visited { color:#222; } .post .post-header { border-bottom: 1px dotted #000; margin: 0 0 20px; padding: 0 0 20px; } .post .post-header .profile-image { float:left; margin:0 20px 0 0; border: 1px solid #000; } .post-meta {font:1em/1em sans-serif;color:#999; margin: 0 0 10px; } .post-more { clear:both; margin:1em 0; color:#999;} .post p.tags{background:url(images/ico-tag.png) no-repeat top left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;} .post-meta a:link, .post-meta a:visited, .post-more a:link, .post-more a:visited, .post p.tags a:link, .post p.tags a:visited { text-decoration: underline; color:#000; } .post p.share { padding: 15px 0; } .post-more a:hover, .post-meta a:hover, .post p.tags a:hover { text-decoration:underline; color:red;} .post-meta span { padding: 0 0 0 20px; margin: 0 10px 0 0; font-family:Georgia, serif; font-size: 12px; font-style: italic; } .post-meta span.post-date { background: url(images/ico-cal.png) no-repeat left center; } .post-meta span.post-author { background: url(images/ico-author.png) no-repeat left center; } .post-meta span.post-category { background: url(images/ico-category.png) no-repeat left center; } /* 3.1 Typographic Elements */ .entry, .entry p { color: #5D5F65; font:13px/1.6em Helvetica, Arial, sans-serif; } .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; } .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.2 Images */ .entry img, img.thumbnail { padding: 4px; border: 1px solid #ddd; background:#fff; -moz-box-shadow: 0px 0px 4px #ccc; box-shadow: 0px 0px 4px #ccc; } .entry img:hover, img.thumbnail:hover { border-color:#aaa; } 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 #ddd; } .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.3 Pagination / WP-Pagenavi / Woo-Pagination */ .nav-entries, .wp-pagenavi, .woo-pagination { padding:10px 15px; } .nav-entries a { display: block; color:#777; text-decoration:none;} .nav-entries a:hover { text-decoration:underline; } .woo-pagination { margin: 0; text-align: center; } .woo-pagination a:link, .woo-pagination a:visited { display: inline; text-decoration: none; color: #666; padding: 3px 7px; border: 1px solid #DDDDDD; } .woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #666; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current { /* Border Radius */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active { border:1px solid #dedede; /* Gradient Background */ background: #EBEBEB; background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5)); } .woo-pagination .current, .woo-pagination a:hover { padding: 3px 7px; background: #EEEEEE; border: 1px solid #bbb; } /* 3.4 Entry Tables */ .entry table { width: 100%; border: 1px solid #e6e6e6; margin-bottom:1.2em; } .entry table tr.alt-table-row { background: #f9f9f9; } .entry table th { padding: 6px 0 3px 0; background: #EEEEEE; border: 1px solid #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; } .entry table td { padding: 6px 0 3px 10px; border: 1px solid #e6e6e6; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Generic Widgets */ .widget { margin-bottom: 2em; } .widget h3 { margin: 0; padding:0 0 15px; font:normal bold 18px/1.2em AdelleBasic, sans-serif; color:#000; } .widget p { margin-bottom: 1em; } .widget ul { clear:both; list-style: none; } .widget ul li { padding: 10px 20px; border-bottom: 1px solid #e6e6e6; } .widget ul li:last-child { border-bottom: 0; } .widget ul li a { padding: 0 0 0 5px; line-height: 22px; text-decoration: none; color: #666; } .widget ul li a:hover { text-decoration:underline; color: #226781; } .widget ul ul { padding: 0 0 0 15px; border-top: none; } .widget ul { background: #fff; border: 1px solid #e6e6e6; } /* 4.2 Specific Widgets */ /* SEARCH FORM */ .searchform { width: 99%; position: relative; border: 1px solid #e6e6e6; background: #fff; } .searchform input.s { padding: 8px; width:85%; margin:0; border:none; background: none; color:#666; } .searchform input.s:focus { color: #226781; } .searchform input.search-submit { position: absolute; top:6px; right:10px; border:none; margin:0; 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: 3px; } .widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; } .widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: block; border: #CECFC6 1px solid; padding: 3px;} .widget_woo_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;} /* 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 { padding: 5px; background: #fff; border: 1px solid #e6e6e6; } .widget_woo_twitter ul { background: #fff; padding-left:0; border:1px solid #e6e6e6; } .widget_woo_twitter ul li { border-bottom: 1px solid #e6e6e6; padding: 10px; list-style:none;} .widget_woo_twitter ul li:last-child { border:none; } .widget_woo_twitter ul li a { padding: 0px; color: #226781; line-height:19px; } .widget_woo_twitter ul li .time { color:#999; display: block; } .widget_woo_twitter p { padding: 10px 0 0 5px; font-weight: bold; color:#777; } .widget_woo_twitter p a { color:#222; } .widget_woo_twitter ul li .content { font-size: 12px; } .widget.widget_woo_twitter h3 { border-bottom:none; padding:0; margin:0; padding-bottom: 15px; } /* 4.3 WooTabs */ #tabs { height:auto; display: block; } #tabs ul.wooTabs { padding:0px; background: none; border: 0; position: relative; top: 5px; left: 4px; } #tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; border: 0; margin:0 2px; padding: 0; cursor: pointer; } #tabs ul.wooTabs li a { color: #666; display: block; text-transform:uppercase; padding: 10px 4px; border: 0; font:normal 11px/18px sans-serif; } #tabs ul.wooTabs li a.selected { color:#000; float: left;padding: 10px 6px; border: 1px solid #e6e6e6; border-width:1px 1px 0 1px; background: #fff; } #tabs ul.wooTabs li a:hover { text-decoration:none; color: #999; } #tabs ul.wooTabs li a.selected:hover { color:#000; } #tabs ul.wooTabs li:first-child a { } #tabs .inside { background:#fff; border: 1px solid #e6e6e6; margin-top:-2px; } #tabs .inside ul, #tabs .inside #tab-tags { margin:5px; padding:0; display: none; } #tabs .inside #tab-tags {} #tabs .inside li { border-bottom: 1px solid #e6e6e6; padding:10px; list-style:none;} #tabs .inside li a { color:#555; font:bold 12px/18px sans-serif; padding:0;} #tabs .inside a:hover{ color: #226781; } #tabs .inside #tab-tags a { padding:2px 4px; margin:3px 1px; display:inline-block; background: #f0f0f0; font-size:13px !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} #tabs .inside #tab-tags a:hover{ background: #e6e6e6; text-decoration: none;} #tabs .inside #tab-tags .tags-inner { border: 1px solid #E6E6E6; padding: 10px; } #tabs .inside li span.meta { display:block; font-size: 11px; text-transform:normal; color:#999; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 3px; background-color: #ffffff; float: left; margin: 0 10px 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; } #tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover { background: #F2F2F2; } /* BLOG ARCHIVES */ .widget_woo_archives .archive { margin: 9px 0; letter-spacing: 1px; text-transform: uppercase; } .widget_woo_archives span a { color: #000; text-decoration: none; } .widget_woo_archives .fl { width: 15%; margin-right: 5%; } .widget_woo_archives .fr { width: 80%; } .widget_woo_archives ul { border: 0; background: none; } .widget_woo_archives li { float: left; padding: 0 !important; margin: 0 4px; } .widget_woo_archives li a { color: #666; background: #fff; padding: 0px 4px !important; display: block; text-shadow: none !important; } .widget_woo_archives li a:hover { background: #f0f0f0; text-decoration: none !important; } /* BLOG ARCHIVES Footer */ #footer-widgets .widget_woo_archives .archive { margin: 4px 0; padding: 7px 0; border-bottom: 1px solid #E6E6E6; letter-spacing: 1px; text-transform: uppercase; } #footer-widgets .widget_woo_archives span a { color: #000; } #footer-widgets .widget_woo_archives .fl { width: 15%; margin-right: 10%; } #footer-widgets .widget_woo_archives .fr { width: 75%; } #footer-widgets .widget_woo_archives li a { color: #fff; font-size: 11px; background: #000; display: block; text-shadow: none !important; } #footer-widgets .widget_woo_archives li a:hover { background: #333; text-decoration: none !important; } /* CONTACT US WIDGET */ .widget_woo_contactus ul { background: none; border: 0; } .widget_woo_contactus ul li { color: #000; border:0; font-family:Georgia, serif; font-size: 14px; margin: 7px 0; padding: 7px 0 7px 50px; } .widget_woo_contactus ul li.location { padding-top: 0; background: url(images/ico-marker.png) top left no-repeat; } .widget_woo_contactus ul li.location span.contact-widget-text { display: block; margin-top: 3px; color: #5D5F65; } .widget_woo_contactus ul li.mail { padding-top: 4px; background: url(images/ico-widget-mail.png) center left no-repeat; } .widget_woo_contactus ul li.facebook { background: url(images/ico-widget-facebook.png) center left no-repeat; } .widget_woo_contactus ul li.twitter { background: url(images/ico-widget-twitter.png) center left no-repeat; } .widget_woo_contactus ul li a { padding: 0; color: #000; text-decoration: none; } .widget_woo_contactus ul li a:hover { color: #000; text-decoration: underline; } /* Embed/Video */ .widget_woo_embedwidget .widget-video-unit {} .widget_woo_embedwidget .widget-video-unit h4 { margin-bottom: 10px; } .widget_woo_embedwidget .widget-video-list { margin-top: 15px; } .widget_woo_embedwidget ul li { padding: 5px; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative;margin:2em 0 0;padding:2em 0 0 0; border-top:1px solid #e6e6e6;} #comments h3 { color:#333; font-weight:normal; margin-bottom:20px; } #comments .comment.thread-even .comment-entry { border-bottom:1px dotted #000; } #comments .comment.thread-odd .comment-entry { border-bottom:1px dotted #000; } #comments .comment.bypostauthor .comment-entry { background: #fef6d2; border-bottom:1px dotted #000; } #comments .comment{width:100%;list-style-type:none;} #comments .comment .comment-container { position:relative; padding: 20px 0; margin-left: 55px; } #comments .comment-head { margin: 0 0 15px 0; } #comments .avatar { position: absolute; left: -26px; top: 11px; } #comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #c2c5ca; padding:3px; background:#fff; -webkit-box-shadow: 0px 0px 4px #ccc; -moz-box-shadow: 0px 0px 4px #ccc; box-shadow: 0px 0px 4px #ccc; } #comments .comment-head .name { margin: 0; font-weight: bold; color: #226781; font-size: 14px; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; } #comments .comment-meta { margin-top: 3px; color: #5D5F65; } #comments .comment-meta a { color: #5D5F65; } #comments .comment-entry { padding-bottom: 20px; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments .reply { position: absolute; padding-top: 10px; top: 8px; width: 100%; } #comments .reply a { float: right; font: 11px/18px sans-serif; border:1px solid #dedede; color:#555b63 !important; text-shadow: none; padding: 2px 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); background: #f3f3f3; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #fbfbfb), color-stop(1, #f1f1f1) ); background: -moz-linear-gradient( center top, #fbfbfb 20%, #f1f1f1 100% ); } #comments .reply a:hover { background-color: #e6e6e6;} #comments ul.children{margin:0 0 0 25px;padding:0; } #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; } #comments .nocomments { font-size:14px; font-weight: bold; } /* 5.2 Comments Form */ #respond { margin: 2em 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; } #respond #reply-title small { display: block; margin: 10px 0px; font-size: 12px; } #commentform { margin: 15px 0 0 0; } #commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; } #commentform p.field { float: left; margin: 0 30px 5px 0; } #commentform p.last { margin-right: 0; } #commentform input.txt, #commentform textarea { font:12px/1em Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} #commentform input.txt { color:#666; background: #fcfcfc; width: 159px; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea { color:#666; background: #fcfcfc; width: 95% !important; padding: 5px 7px; } #commentform .comment-form-comment label { display: none; } #commentform input:focus, #commentform textarea:focus { background: #FBF8E9; } #respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; } /* 5.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; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ a.button, #commentform #submit, .submit { display: inline-block; margin: 5px; padding: 3px 13px; border: 1px solid #dedede; color: #555b63 !important; text-align: center; text-decoration: none; /*Border radius*/ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #f3f3f3; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #fbfbfb), color-stop(1, #f1f1f1) ); background: -moz-linear-gradient( center top, #fbfbfb 20%, #f1f1f1 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, #commentform #submit:hover, .submit:hover { text-decoration: none !important; /*Background*/ background: #E9E9E9; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #E9E9E9), color-stop(1, #F6F6F6 ) ); background: -moz-linear-gradient( center top, #E9E9E9 20%, #F6F6F6 100% ); } a.button:active, a.button.active { border-color: #eee; /*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*/; } /* 6.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;font-weight:700;margin:0 0 10px;} #contact-page ol.forms input.txt{width:50%;} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{height:300px;width:97%;} #contact-page ol.forms li .error{font-size:12px;display:block;color:red;} #contact-page ol.forms li.textarea .error{display:block; } #contact-page ol.forms li.screenReader{margin-bottom:0;} #contact-page ol.forms li.buttons .submit{margin: 5px 0 0; cursor:pointer; } #contact-page ol.forms li.inline input{width:auto;} #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} .entry #contact-page ol.forms li { list-style: none; } /* Added to accomodate the contact form shortcode */ /* 6.3 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block; 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; } /* 6.4 Timeline Page Template */ #archives { padding: 10px 0 0; } #archives a { font-style: italic; } h3.archive_year { font: bold 20px/1em sans-serif; color:#555; margin-top:0; } #archives .archives_list { border-left:1px solid #e6e6e6; 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; } /* 6.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 .nav a { line-height: 16px; } .ie7 #slide-nav li a span.info { zoom:1; margin-left: -253px; } .ie7 #slide-nav li a span.rollover { zoom:1; margin-left: -253px; } .ie7 #post-author .profile-social { overflow: hidden; } .ie7 #post-author .profile-social ul li { float: left; } .ie8 #slide-nav li a span.info, .ie9 #slide-nav li a span.info { display:block; zoom:1; } /* 6.5.1 Other Browsers specific styling */ .gecko #slide-nav li a span.info { margin-left: -250px; } /* 6.6 Connect */ #connect { background: #fafafa; margin:0 0 1.5em; padding:15px; border:1px solid #e6e6e6; border-width:1px 0 1px; clear:both; } #main #connect .col-left, #connect .col-right { width:48%; } #connect .title { margin-bottom: 10px; } #connect p { margin: 0 0 1em; } #connect .newsletter-form { margin: 0 0 1em; } #connect .newsletter-form .input { } #connect .newsletter-form .email { width:140px; } #connect .newsletter-form .submit { cursor:pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } #connect .social { } #connect .social a { opacity:0.8; } #connect .social a:hover { opacity:1; } #connect .related-posts { border-left:1px solid #e6e6e6; padding-left:15px; } #connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; } .widget #connect .fl, .widget #connect .fr { float:none;} .post-top-sharebox { border-style: none dotted dotted; border-width: 1px; float: right; height: 75px; margin: 20px 0 10px 10px; padding: 10px 0 0 10px; } .share_pinterest { padding-top: 20px;} .nav a { margin: 15px 19px; } .page-top-sharebox { border-style: dotted; border-width: 1px; float: right; height: 75px; margin: 0 0 10px 10px; padding: 10px 0 0 10px; }