/** * Development stylesheet. Use this file for development purposes by adding this to your 'wp-config.php' file: * define( 'SCRIPT_DEBUG', true ); * This allows you to build large-sized stylesheets with plenty notes and comments. Before releasing, compress * this file and replace the compressed CSS in the 'style.css' file. * @link http://www.cssdrive.com/index.php/main/csscompressor */ /* 25px base */ html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;vertical-align:baseline;outline:none;font-size:100%;background:transparent;border:none;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,i,hr,u,center,menu,layer,s,strike,font,xmp{margin:0;padding:0;vertical-align:baseline;outline:none;font-size:100%;font-weight:normal;font-style:normal;background:transparent;border:none;text-decoration:none}body{line-height:25px;font-family:Georgia,Times,"Times New Roman",serif;color:#333;background:#fff}h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:normal;margin:0 0 25px 0}h1{font-size:1.8em}h2{font-size:1.7em}h3{font-size:1.55em}h4{font-size:1.4em}h5{font-size:1.25em}h6{font-size:1.1em}p{margin:0 0 25px 0}ol,ul{list-style:none}ul{list-style:disc;margin:0 0 25px 2.5em}ol{list-style-type:decimal;margin:0 0 25px 3em}ol ol{list-style:upper-roman}ol ol ol{list-style:lower-roman}ol ol ol ol{list-style:upper-alpha}ol ol ol ol ol{list-style:lower-alpha}ul ul,ol ol,ul ol,ol ul{margin-bottom:0}dl{margin:0 0 25px 5px}dl dt{font-weight:bold;margin:10px 0 0 0}dl dd{margin:5px 0 0 1.5em}strong{font-weight:bold}strong strong{font-weight:normal}em,cite{font-style:italic}em em,cite cite{font-style:normal}abbr{cursor:help}acronym{text-transform:uppercase;border-bottom:1px dashed #666;cursor:help}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:baseline;position:relative;bottom:0.3em}sub{vertical-align:baseline;position:relative;top:0.3em}address{font-style:italic;margin:0 0 25px 0}li address,dd address{margin:0}blockquote{margin:0 25px;font-style:normal}blockquote em,blockquote cite{font-style:italic}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{cursor:pointer}a img{border:none}pre{overflow:auto;font:.9em Monaco,monospace,Courier,"Courier New";line-height:25px;margin-bottom:25px;padding:10px}code{font:.9em Monaco,monospace,Courier,"Courier New"}pre code{font-size:1em}ins,dfn{font-style:italic;text-decoration:none;border-bottom:1px solid #666}del,s,strike{text-decoration:line-through}object{margin-bottom:25px}input,textarea{font-size:1em;padding:3px}input[type="submit"]{cursor:pointer}:focus{outline:none}form label{cursor:pointer}option{padding:1px 2px}table{border-collapse:collapse;border-spacing:0;margin-bottom:25px}th,td{text-align:left}hr{height:1px;margin-bottom:25px;background:#333}img.wp-smiley{max-height:12px;margin:0;padding:0;border:none}.gallery{display:block;text-align:center;margin-bottom:25px}.alignleft,.left{float:left;margin-right:20px}.alignright,.right{float:right;margin-left:20px}.aligncenter,.center{display:block;margin:0 auto 25px auto}.alignnone,.block{clear:both;margin:0 0 25px 0}.clear{clear:both}img.alignleft,img.alignright{display:inline}blockquote.alignleft,blockquote.alignright{width:33%} /* Drop-downs */ div.menu ul,nav.menu ul{margin:0;padding:0;list-style:none;line-height:1.0}div.menu ul ul,nav.menu ul ul{position:absolute;top:-999em;width:10em}div.menu ul ul li,nav.menu ul ul li{width:100%}div.menu li:hover,nav.menu li:hover{visibility:inherit}div.menu li,nav.menu li{float:left;position:relative}div.menu a,nav.menu a{display:block;position:relative}div.menu li:hover ul,div.menu li.sfHover ul,nav.menu li:hover ul,nav.menu li.sfHover ul{left:0;top:2em;z-index:99}div.menu li:hover li ul,div.menu li.sfHover li ul,nav.menu li:hover li ul,nav.menu li.sfHover li ul{top:-999em}div.menu li li:hover ul,div.menu li li.sfHover ul,nav.menu li li:hover ul,nav.menu li li.sfHover ul{left:10em;top:0}div.menu li li:hover li ul,div.menu li li.sfHover li ul,nav.menu li li:hover li ul,nav.menu li li.sfHover li ul{top:-999em}div.menu li li li:hover ul,div.menu li li li.sfHover ul,nav.menu li li li:hover ul,nav.menu li li li.sfHover ul{left:10em;top:0} /* Galleries */ .gallery{display:block;clear:both;overflow:hidden;margin:0 auto}.gallery .gallery-row{display:block;clear:both;overflow:hidden;margin:0}.gallery .gallery-item{overflow:hidden;float:left;margin:0;text-align:center;list-style:none;padding:0}.gallery .gallery-item .gallery-icon img{width:auto;max-width:89%;height:auto;padding:1%;margin:0 auto}.gallery-caption{margin-left:0}.gallery .col-0{width:100%}.gallery .col-1{width:100%}.gallery .col-2{width:50%}.gallery .col-3{width:33.33%}.gallery .col-4{width:25%}.gallery .col-5{width:20%}.gallery .col-6{width:16.66%}.gallery .col-7{width:14.28%}.gallery .col-8{width:12.5%}.gallery .col-9{width:11.11%}.gallery .col-10{width:10%}.gallery .col-11{width:9.09%}.gallery .col-12{width:8.33%}.gallery .col-13{width:7.69%}.gallery .col-14{width:7.14%}.gallery .col-15{width:6.66%}.gallery .col-16{width:6.25%}.gallery .col-17{width:5.88%}.gallery .col-18{width:5.55%}.gallery .col-19{width:5.26%}.gallery .col-20{width:5%}.gallery .col-21{width:4.76%}.gallery .col-22{width:4.54%}.gallery .col-23{width:4.34%}.gallery .col-24{width:4.16%}.gallery .col-25{width:4%}.gallery .col-26{width:3.84%}.gallery .col-27{width:3.7%}.gallery .col-28{width:3.57%}.gallery .col-29{width:3.44%}.gallery .col-30{width:3.33%} /* Layout */ #menu-primary, #menu-subsidiary { height:40px; } #menu-primary div.menu, #menu-subsidiary div.menu { width:1050px; margin:0 auto; } #header, #footer { width:960px; margin:37px auto; } #main { width:980px; margin:0 auto; } #content { float:left; width:640px; } .layout-1c #content { width:100%; } .layout-2c-r #content { float:right; } #sidebar-primary { float:right; width:315px; } .layout-2c-r #sidebar-primary { float:left; } /* End layout */ /* Begin elements */ /* Body */ body { color: #444; font: 14px/22px "Open Sans", Helvetica, Arial, sans-serif; } /* Links */ a { color:#95B4BC; text-decoration:none; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; -o-transition:color .2s ease-in; transition:color .2s ease-in; } a:hover { color: #687E84; text-decoration:underline; } /* Headers */ h1, h2, h3, h4, h5, h6 { color: #222; } /* Quotes */ blockquote { margin:0; padding:0 25px 1px 40px; font: 14px/24px 'PT Serif', serif; font-style: italic; color:#777; background:url(images/quote.png) no-repeat; } blockquote blockquote { margin:0 25px; padding:0 0 0 25px; line-height:1.4em; font-size:1em; background:transparent; border-left:1px solid #d5d5d5; } blockquote blockquote blockquote { font-size:.95em; border-color:#e5e5e5; } /* Acronyms and abbreviations */ abbr, acronym { border-bottom:1px dotted #95B4BC; } /* Code */ code { font-size:.9em; color:#777; background:#EEE; } pre { padding:25px; } pre, pre code { color:#777; background:#EEE; } /* Tables */ table { color: #777; margin:0 0 25px 0; width:100%; border-left:1px solid #CCC; border-right:1px solid #CCC; } table th { padding:12px 2%; border-top:1px solid #CCC; border-bottom:1px solid #CCC; text-align:left; color: #666; font-weight: normal; background: #EBEBED; } td { padding:8px 2%; border-bottom:1px solid #CCC; border-right:1px solid #CCC; background: #FAFAFA; } /* Alignment */ .alignleft { margin-right:25px; } .alignright { margin-left:25px; } /* Images */ /* Post images. */ .hentry img { max-width: 580px; height: auto; padding: 9px; background: #F4F8F8; border: 1px solid #D5E1E4; } .layout-1c .hentry img { max-width: 920px; } .hentry a:hover img { box-shadow: 2px 2px 2px #687E84; } /* Smiley images. */ .hentry img.wp-smiley { padding: 0; border: none; } /* Post thumbnails */ .hentry .thumbnail { float: right; max-width: 150px; max-height: 150px; margin: 0 0 25px 25px; } /* Avatars */ .avatar { padding:4px; background:#F4F8F8; border:1px solid #D5E1E4; } /* Captions */ .wp-caption { max-width:600px; } .layout-1c .wp-caption { max-width:940px; } .wp-caption-text { margin:-10px auto 0; padding:10px; font:normal normal normal 12px/25px "PT Serif",sans-serif; text-align:center; color:#777; } /* Gallery images. */ .gallery { margin:0; } .gallery .gallery-row { margin:0 0 25px !important; } .gallery .gallery-item .gallery-icon { margin:0; } .gallery .gallery-item .gallery-icon img { padding:1px; background:#F4F8F8; border:1px solid #D5E1E4; } .galery .col-1 .gallery-icon img, .gallery .col-2 .gallery-icon img, .gallery .col-3 .gallery-icon img, .layout-1c .gallery .col-4 .gallery-icon img, .layout-1c .gallery .col-5 .gallery-icon img { padding:9px; } .gallery .col-4 .gallery-icon img { padding:4px; } .singular-attachment .gallery .col-5 .gallery-icon img { padding:2px; } .gallery .gallery-item .gallery-icon a:hover img { box-shadow:2px 2px 2px #687E84; } .gallery .gallery-item .gallery-caption { margin:0 !important; font:normal normal normal 12px/25px "PT Serif",sans-serif; color:#777; } .attachment-image #content .gallery-caption { display:none; } /* Menus */ #menu-primary, #menu-subsidiary { background: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa)); background: -webkit-linear-gradient(top, #fff, #fafafa); background: -moz-linear-gradient(top, #fff, #fafafa); background: -o-linear-gradient(top, #fff, #fafafa); background: -ms-linear-gradient(top, #fff, #fafafa); background: linear-gradient(top, #fff, #fafafa); border-bottom:5px solid #F3F3F3; } #menu-subsidiary { border-top:5px solid #F3F3F3; border-bottom:none; } #menu-primary li, #menu-subsidiary li { margin:0; } #menu-primary a, #menu-subsidiary a { padding:15px 20px 14px 20px; font:normal normal normal 13px/11px "Open Sans", Helvetica, Arial, sans-serif; } #menu-primary li a, #menu-primary li li a, #menu-primary li.sfHover li a, #menu-subsidiary li a { color:#777; word-wrap: break-word; } #menu-primary li a:hover, #menu-primary li.sfHover a, #menu-primary li li a:hover, #menu-subsidiary li a:hover { color:#000; text-decoration: none; background: #fafafa; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fff)); background: -webkit-linear-gradient(top, #fafafa, #fff); background: -moz-linear-gradient(top, #fafafa, #fff); background: -o-linear-gradient(top, #fafafa, #fff); background: -ms-linear-gradient(top, #fafafa, #fff); background: linear-gradient(top, #fafafa, #fff); } #menu-primary li.current-menu-item a, #menu-subsidiary li.current-menu-item a { background:#fafafa; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fff)); background: -webkit-linear-gradient(top, #fafafa, #fff); background: -moz-linear-gradient(top, #fafafa, #fff); background: -o-linear-gradient(top, #fafafa, #fff); background: -ms-linear-gradient(top, #fafafa, #fff); background: linear-gradient(top, #fafafa, #fff); } #menu-primary ul ul { padding:0 0 15px; background:#fff; border-bottom-right-radius:5px; border-bottom-left-radius:5px; } #menu-primary li li a { background: #fff !important; /* Sorry! I don't know why but this !important was necessary */ margin:0 20px; padding:15px 10px; font-weight:normal; border-bottom:2px dotted #fff; } #menu-primary li li a:hover { border-bottom:2px solid #95B4BC; } /* Drop-down styles */ #menu-primary li:hover ul, #menu-primary li.sfHover ul { top:40px; } #menu-primary li:hover li ul, #menu-primary li.sfHover li ul { top:-999em; } #menu-primary li li:hover ul, #menu-primary li li.sfHover ul { top:0; } /* Header */ #site-title, #site-description { float:left; } #site-title { margin:0; line-height:40px; font-family:'PT Serif',Arial,sans-serif; font-weight: bold; font-style: italic; font-size:40px; text-shadow:2px 2px #777; } #site-title a { color:#C9C9C9; } #site-description { margin:10px 0 0 20px; font-family:Georgia,serif; font-size:14px; font-style:italic; font-weight:normal; color:#777; } /* Header Image */ .header-image { display:block; width:960px; margin:0 auto 25px; border:10px solid #fff; } /* Breadcrumbs */ .breadcrumb-trail { color: #777; font-weight: bold; padding: 25px 20px; background: #fff; opacity: 0.6; border-bottom: 1px solid #f2f2f2; } .breadcrumbs .trail-before { margin-right:7px; } .breadcrumbs .sep { margin:0 7px; } .breadcrumb-trail .trail-end { font-weight: normal; } /* Posts */ .hentry { background: #fff; padding: 20px; margin:0 0 20px; } .entry-content { clear:both; } .layout-1c .entry-content { font-size:17px; } .entry-summary p { margin:0 0 10px; } /* Post titles */ .post .entry-title, .singular-post .post .entry-title { margin:0 0 10px; line-height: 30px; } .format-image .entry-title { margin:0 0 25px; } .entry-title a { color:#222; } .entry-title a:hover { color: #fff; background: #95B4BC; text-decoration: none; } /* Post bylines and meta */ .byline, .singular .byline, .entry-meta { margin:0 0 25px; font:normal normal normal 12px/25px 'Open Sans', Helvetica, Arial, sans-serif; color:#777; } .byline { margin:0 0 10px; } .singular .entry-meta { clear:both; } .byline a:hover, .entry-meta a:hover { color: #fff; background: #95B4BC; text-decoration: none; } /* Gallery image count. */ .format-gallery .image-count { font-family: "PT Serif", sans-serif; font-style:italic; font-size:.9em; color:#777; } /* End posts */ /* Image attachment pages */ .attachment-image .entry-title { float:left; width:50%; } .attachment-image .byline { float:right; width:50%; text-align:right; } .attachment-image .byline .image-size-link, .attachment-image .byline .sep { margin-left:5px; } .attachment-meta { background: #fff; padding: 20px; margin:0 0 25px; } .attachment-meta .image-info { float:left; width:340px; padding-right:50px; } .attachment-meta .image-gallery { float:right; width:550px; } .attachment-meta ul { list-style-position:inside; list-style: none; margin-left:0; font-size:13px; font-style:italic; color:#777; } .attachment-meta li { padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #e5e5e5; } .attachment-meta .image-data { float:right; text-align:right; } .attachment-meta .image-info .prep { font-size: 12px; line-height: 25px; font-weight: bold; font-style: normal; text-transform:uppercase; color:#252525; } /* Loop meta */ .loop-meta { background: #fff; opacity: 0.6; padding: 20px 20px 0 20px; margin:0; border-bottom: 1px solid #f2f2f2; } .loop-description { font-size:15px; font-style:italic; color:#777; } .loop-description em { font-style:normal; } /* Pagination */ .loop-pagination, .loop-nav, .page-links { clear:both; margin:0 0 25px; } .page-links { padding:12px 0 0; } .loop-pagination { margin-top: 25px; } .page-numbers, .page-links a, .loop-nav a { margin:0; padding:10px 15px; font-size: 12px; line-height: 12px; font-weight: bold; color: #222; background: #fff; border-radius:4px; } .page-links a, .loop-nav a { color: #fff; background: #95B4BC; } .singular .loop-nav { padding-top:25px; } .page-links a { margin:0 3px; padding:6px 10px; } .page-numbers.current { color: #fff; background: #444; background: -moz-linear-gradient(top, #444 0%, #222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222)); background: -webkit-linear-gradient(top, #444 0%,#222 100%); background: -o-linear-gradient(top, #444 0%,#222 100%); background: -ms-linear-gradient(top, #444 0%,#222 100%); background: linear-gradient(top, #444 0%,#222 100%); } a.page-numbers:hover { color: #fff; background:#95B4BC; } .page-links a:hover { color: #fff; background: #687E84; } .loop-pagination .meta-nav, .loop-nav .meta-nav { font-size:13px; } .loop-nav a[rel="prev"] { float:left; } .loop-nav a[rel="next"] { float:right; text-align:right; } /* Comment pagination */ .comments-nav { float:right; position:relative; margin:-55px 0 0; } .comments-nav .page-numbers { margin:0 15px; padding:0; font-size:10px; text-transform:uppercase; color:#858585; background:transparent; } .comments-nav .prev, .comments-nav .next { font-style:italic; font-size:.9em; } /* Sidebar primary */ #sidebar-primary { font-size:13px; } #sidebar-primary .widget { background: #fff; padding: 20px; margin:0 0 20px; } #sidebar-primary .widget ul { margin-left:25px; } /* End sidebar primary */ /* Search widget */ .widget-search { padding-bottom:25px !important; } .widget-search input[type="text"] { display:block; width:94%; padding:5px 3%; text-indent:5px; font:italic normal normal 13px/25px 'Open Sans', Helvetica, Arial, sans-serif; color:#444; background:#fff; border:1px solid #DDD; } .widget-search input[type="text"]:focus { border: 1px solid #AAA; } .widget-search input[type="submit"], .widget-search label { display:none; } /* Comments */ #comments-template { background: #fff; padding: 20px; } .comments-closed { font-style:italic; color:#777; } ol.comment-list, ol.comment-list ol.children { list-style:none; margin:0 0 50px; } ol.comment-list ol.children { padding:0; margin:0 -25px 0 0; } .comment-meta a:hover { color: #fff; background: #95B4BC; text-decoration: none; } li.comment, li.pingback, li.trackback { overflow: hidden; margin: 0 0 25px 0; padding: 20px 20px 0 20px; background: #fafafa; background: -moz-linear-gradient(top, #fefefe 0%, #fafafa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#fafafa)); background: -webkit-linear-gradient(top, #fefefe 0%,#fafafa 100%); background: -o-linear-gradient(top, #fefefe 0%,#fafafa 100%); background: -ms-linear-gradient(top, #fefefe 0%,#fafafa 100%); background: linear-gradient(top, #fefefe 0%,#fafafa 100%); border: 1px solid #ddd; } li li.comment, li li li li.comment, li li li li li li.comment { background:#fff; } li li li.comment, li li li li li.comment { background: #fafafa; background: -moz-linear-gradient(top, #fefefe 0%, #fafafa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#fafafa)); background: -webkit-linear-gradient(top, #fefefe 0%,#fafafa 100%); background: -o-linear-gradient(top, #fefefe 0%,#fafafa 100%); background: -ms-linear-gradient(top, #fefefe 0%,#fafafa 100%); background: linear-gradient(top, #fefefe 0%,#fafafa 100%); } .comment-meta { margin:0 0 25px; font-size: 12px; line-height: 25px; } .comment-author { display:block; } .comment-author cite { font-size: 16px; line-height: 25px; } li.comment .avatar { float:left; width:50px; height:50px; margin:0 25px 0 0; padding:0; border:none; } .comment-text { font-size:15px; } /* Comment form */ #respond{ margin:0 0 25px; } #respond label { font:normal normal bold 13px/25px 'Open Sans', Helvetica, Arial, sans-serif; } #respond label .required { font-family:Georgia,serif; font-size:18px; } #respond input[type="text"], #respond textarea { display:block; padding:10px; font-size: 12px; color:#444; background:#fff; border:1px solid #ddd; } #respond textarea { width:100%; height:200px; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; } li #respond textarea { width:95%; } #respond input[type="text"]:focus, #respond input[type="text"]:hover, #respond textarea:focus, #respond textarea:hover { border: 1px solid #AAA; } #respond #submit { padding:10px 15px; font-size: 12px; line-height: 12px; font-weight: bold; color:#444; background:#353535; border:1px solid #bbb; border-radius:5px; background: #E9E9E9; /* Old browsers */ background: #E9E9E9 -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%); background: #E9E9E9 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.1))); background: #E9E9E9 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); background: #E9E9E9 -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); background: #E9E9E9 -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); background: #E9E9E9 linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); text-shadow: 0 1px 0 rgba(255,255,255,.4); } #respond #submit:hover { background: #E9E9E9; /* Old browsers */ background: #E9E9E9 -moz-linear-gradient(top, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); background: #E9E9E9 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.1)), color-stop(100%,rgba(255,255,255,.1))); background: #E9E9E9 -webkit-linear-gradient(top, rgba(0,0,0,.1) 0%,rgba(255,255,255,.1) 100%); background: #E9E9E9 -o-linear-gradient(top, rgba(0,0,0,.1) 0%,rgba(255,255,255,.1) 100%); background: #E9E9E9 -ms-linear-gradient(top, rgba(0,0,0,.1) 0%,rgba(255,255,255,.1) 100%); background: #E9E9E9 linear-gradient(top, rgba(0,0,0,.1) 0%,rgba(255,255,255,.1) 100%); } /* Footer */ #footer { margin:37px auto 12px; font-size:14px; color:#444; } #footer a { color:#777; } #footer a:hover { color: #fff; background: #95B4BC; text-decoration: none; } #footer .copyright { float:left; width:50%; } #footer .credit { float:right; width:50%; text-align:right; } /* Portfolio Gallery */ .portfolio_item { display: block; clear: both; overflow: hidden; margin: 0 auto } .portfolio_item .portfolio_item-row { display: block; clear: both; overflow: hidden; margin: 0 } .portfolio_item .portfolio_item-item { overflow: hidden; float: left; margin: 0; text-align: center; list-style: none; padding: 0 } .portfolio_item .portfolio_item-item .portfolio_item-icon img { width: auto; max-width: 89%; height: auto; padding: 1%; margin: 0 auto } .portfolio_item-caption { margin-left: 0 } .portfolio_item .col-0 { width: 100% } .portfolio_item .col-1 { width: 100% } .portfolio_item .col-2 { width: 50% } .portfolio_item .col-3 { width: 33.33% } .portfolio_item .col-4 { width: 25% } .portfolio_item .col-5 { width: 20% } /* Portfolio */ .taxonomy-portfolio .portfolio_item, .archive-portfolio_item .portfolio_item { background: #fff; padding: 20px; margin:0 0 20px; } .taxonomy-portfolio .header-image, .archive-portfolio_item .header-image, .singular-portfolio_item .header-image { display: none; } .taxonomy-portfolio .breadcrumb-trail, .archive-portfolio_item .breadcrumb-trail { display: none; } /* Portfolio Item */ .portfolio_item .portfolio_item-row { margin:0 0 25px; } .portfolio_item-caption { font-size: 13px; line-height: 18px; text-transform: uppercase; padding-top: 12px; margin-bottom: 8px; } .portfolio_item-meta { font-size: 13px; line-height: 19px; } .portfolio_item-meta a:hover { color: #fff; background: #95B4BC; text-decoration: none; } .portfolio_item .portfolio_item-item .portfolio_item-icon img { padding: 0; } .portfolio_item .portfolio_item-item .portfolio_item-icon a:hover img { box-shadow: 2px 2px 2px #687E84; } .singular-portfolio_item .portfolio_item .entry-content { margin:10px 0 0 0; } /* Portfolio Menu */ #menu-portfolio { background: #fff; opacity: 0.9; padding: 20px 20px 0 20px; margin:0; border-bottom: 1px solid #f2f2f2; } ul#menu-portfolio-items { display: block; list-style: none; margin: 0 0 17px; } ul#menu-portfolio-items li { display: inline; margin-right: 17px; } ul#menu-portfolio-items a { font-size: 12px; padding: 4px 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: none; -moz-transition:none; -o-transition:none; transition:none; text-decoration: none; } ul#menu-portfolio-items a { color: #888; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #ddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd)); background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%); background: -o-linear-gradient(top, #fff 0%,#ddd 100%); background: -ms-linear-gradient(top, #fff 0%,#ddd 100%); background: linear-gradient(top, #fff 0%,#ddd 100%); border: 1px solid #ccc; } ul#menu-portfolio-items a:hover { color: #111; } ul#menu-portfolio-items li.current-cat a { color: #ddd; background: #444; background: -moz-linear-gradient(top, #666 0%, #444 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#444)); background: -webkit-linear-gradient(top, #666 0%,#444 100%); background: -o-linear-gradient(top, #666 0%,#444 100%); background: -ms-linear-gradient(top, #666 0%,#444 100%); background: linear-gradient(top, #666 0%,#444 100%); border: 1px solid #333; } /* Clearfix */ .clearfix:after, #main:after, #header:after, #footer:after, .widget:after, .hentry:after, .attachment-meta:after, .loop-meta:after, .loop-nav:after, li.comment:after, li.pingback:after, li.trackback:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }