/* Theme Name: Proto Theme Theme URI: http://www.gradientpixels.com Description: Professionally designed theme with a minimalist concept allowing a much more flexible and visual appealing visual impact for modern business websites and blogs. Follow me on Twitter Author: Gradient Pixels Author URI: http://www.gradientpixels.com Copyright: Copyright 2011 Gradient Pixels. All rights reserved. Version: 1.8 License: GNU General Public License and Proprietary License URI: /licensing/ Tags: white, left-sidebar, right-sidebar, fixed-width, featured-images, custom-colors, theme-options */ @import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz); /* CSS Document */ 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 { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; } body {font:normal .76em/1.5em Arial, Helvetica, sans-serif; color:#000000; padding:15px 0;} img {display:block;} blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; } ul { list-style:none; } :focus { outline:0; } table { border-collapse:collapse; border-spacing:0; empty-cells:show; } * html .clearfix { height:1%; } html[xmlns] .clearfix { display:block; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clear, .divider { clear:both; } /* Primary wrappers */ #outer100, #outer1200 {padding:30px 0 0; background-color:#fff;} #outer100 {width:100%;} #outer1200 {max-width:1050px; min-width:960px; margin:auto;} #inner100 {width:100%;} #inner960 {width:960px; margin:auto;} .w960 {width:960px; margin:auto;} #headerwrapper {width:960px; height:auto; margin:0 0 0 0;} #logo {width:auto; float:center; padding:0px; border-right:0px;} #logo h1 {font:normal 46px 'Yanone Kaffeesatz',"Arial Narrow", Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0; padding:0;} #header-group {width:100%; border-spacing:0; border-collapse:collapse;} #header-group h2 {margin:0; font-size:20px; line-height:23px;} #header-group p {margin:0 0 4px; line-height:14px; width:50%; float:right;} #breadcrumbwrapper, #bannerwrapper {display:none;} #breadcrumbs {display:none;} #showcasewrapper {width:100%; background-color:#f0f0f0;} #showcaseshadow {} #showcase {width:960px; margin:auto; background-color:#fff;} /* main content */ #content-wrapper {padding:0px 0;} #content-main {} #content-left {width:720px; margin:0 0 0 60px; float:left; } /* WP image max width = 706px */ #content-right {width:620px; margin:0 60px 0 0; float:left; } /* WP image max width = 606px */ #content-inset-right {width:420px; margin:0 60px 0 0; float:left; } /* WP image max width = 406px */ #left {width:180px; float:left; } /* WP image max width = 166px */ #inset {width:140px; float:left; margin-right:60px;} /* WP image max width = 126px */ #right {width:280px; float:left; padding-top:5px; } /* WP image max width = 266px */ /* home page intro area */ #home-intro {} /* Home blog area */ #home-blog {width:960px; margin: 30px auto 50px; color:#000000;} #home-blog .hbwrap{position: relative; float: left; margin: 0 40px 40px 0;} #home-blog-3 .last {margin: 0 0 40px 0;} #home-blog-3 .hbwrap {width: 298px; margin-right:33px;} #home-blog .hbwrap h2 {font:normal .8em/1.5em "Arial Narrow", Arial, Helvetica, sans-serif; margin-bottom:.5em;} #home-blog .hbwrap a.imageborder {display: block; position: relative; margin-bottom: 20px;} /* Call to Action */ #actionwrapper {padding-bottom:3px; margin-bottom:30px; border-bottom:5px solid #f0f0f0; } #action {padding:10px 10px 0; font:italic 1.3em Georgia, "Times New Roman", Times, serif; text-align:center; color:#000;} #action h2 {font-size:1.6em; margin:0 auto 5px;} a.bigbutton {background: transparent url('images/bigbutton-r.png') no-repeat scroll top right; color: #fff!important; display: block; float: left; font: normal 16px arial, sans-serif; height: 38px; padding-right: 7px; text-decoration: none;} a.bigbutton span {background: transparent url('images/bigbutton-l.png') no-repeat; display: block; line-height:18px; padding: 10px 20px 10px 30px; } a.bigbutton:active, a.bigbutton:hover {background-position:bottom right; color: #fff; outline: none; /* hide dotted outline in Firefox */} a.bigbutton:active span, a.bigbutton:hover span {background-position:left bottom;} #actionshadow {background:url(images/bigbutton-shadow.png) center bottom no-repeat; height:70px; text-align:center; } /* 404 styling */ #error404 {background:url(images/404.jpg) center top no-repeat; height:308px;} #bottomwrapper {padding-top:3px;} #bottom {padding: 1.625em 0; overflow: hidden; width:960px; margin:auto;} #bottom aside p {color:#ccc;} #bottom .widget-area {float: left;} /* One widget - full image is 960px */ #bottom.one .widget-area {} /* Two widgets - full image is 460px */ #bottom.two .widget-area {margin-right: 4%; width: 48%;} #bottom.two .widget-area + .widget-area {margin-right: 0;} /* Three widgets - full image is 295px */ #bottom.three .widget-area {margin-right: 4%; width: 30.65%;} #bottom.three .widget-area + .widget-area + .widget-area {margin-right: 0;} /* Four widgets - full image is 210px */ #bottom.four .widget-area {margin-right: 4%; width: 22%;} #bottom.four .widget-area + .widget-area + .widget-area + .widget-area {margin-right: 0;} /* Widget styling */ #left aside, #inset aside, #right aside {margin-bottom:3em;} /* Latest Posts and Popular Widget with thumbnails */ #widget-latest-posts {} #widget-latest-posts .lp-wrap, #widget-popular-posts .pp-wrap {margin: 0 0 10px 0; padding-top: 10px; overflow: hidden; } #widget-latest-posts li, #widget-popular-posts li {border-bottom:1px solid #dadada; padding:2px 0 0;} #widget-latest-posts .tn-wrap, #widget-popular-posts .tn-wrap {background:#f5f5f5;border:1px solid #fff;padding:4px;outline:1px solid #eaeaea; width: 60px; float: left; margin: 0 20px 2px 2px;} #widget-latest-posts li:hover img, #widget-popular-posts li:hover img {opacity: .75;} #widget-latest-posts p.lp-metadata, #widget-popular-posts p.pp-metadata {font-style: italic; font-size: 1em; margin:0; line-height:1.2em; } #widget-latest-posts h4, #widget-popular-posts h4 {font-size:1.2em;} #footerwrapper {padding:15px 0;} #copyright, #footer {color:#a6a6a6; font: normal .8em Arial, Helvetica, sans-serif; text-transform:uppercase;} #copyright {width:480px; float:left;} #footer {width:480px; float:right; text-align:right;} /* social networking */ #socialwrapper {padding-bottom:3px;} #socialbar {height:40px; } #socialicons {width:auto; float:right; margin-right:5px;} #socialicons a {display:block; height:28px; width:28px; padding:0; float:left; margin-top:6px; margin:6px 0 0 3px;} a#sc1 {background:url('images/social-twitter.png') 0 0 no-repeat;} a#sc1:hover {background:url('images/social-twitter.png') 0 -28px no-repeat;} a#sc2 {background:url('images/social-facebook.png') 0 0 no-repeat;} a#sc2:hover {background:url('images/social-facebook.png') 0 -28px no-repeat;} a#sc3 {background:url('images/social-rss.png') 0 0 no-repeat;} a#sc3:hover {background:url('images/social-rss.png') 0 -28px no-repeat;} /* Menu styling */ #menuwrapper {font:bold 18px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif; text-transform:uppercase; margin:10px auto;} #menu {} #menu .nav{padding:5px 0 0; height:43px; margin:0; list-style-type:none; list-style-position:outside; position:relative; } .nav, .nav ul{margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:48px; z-index:5000;} #menu .nav a{display:block; float:left; line-height:18px; outline:medium none; text-decoration:none; min-height: 39px; color:#87b8d4; } /* main menu styling with menu descriptions */ .nav li a strong {font-weight:normal;} .nav li a span {display:block; font:normal 10px Arial, Helvetica, sans-serif; text-transform:none; color:#7b7b7b;} #menu .nav li{float:left; position:relative; z-index:20; padding:5px 42px 5px 0px;} #menu li:first-child {padding-left:0;} #menu ul.sub-menu li:first-child {padding-left:5px;} /* main menu colours */ #menu .nav ul li a:hover, .nav li a strong:hover {} #menu .nav .current-menu-item a strong, #menu .nav .current-menu-ancestor a strong, #menu .nav li.current-menu-ancestor {color:#777;} #menu .nav li:first-child a strong {font-weight:normal;} #menu .nav li:first-child a:hover strong {} /* sub menu styling */ #menu .nav ul {display:none; left:0; position:absolute; width:190px;} #menu .nav ul li {height:auto; padding:2px;} #menu ul ul {top:43px;} #menu ul ul ul {top:0px; z-index:5000;} #menu .nav li ul a{width:170px; height:auto; float:left; text-align:left; line-height:20px; padding:4px 10px; min-height: 18px;} #menu .nav li ul ul {left:190px;} #menu .nav li:hover ul ul, #menu .nav li:hover ul ul ul,#menu .nav li:hover ul ul ul ul{display:none;} #menu .nav li:hover ul, #menu .nav li li:hover ul, #menu .nav li li li:hover ul, #menu .nav li li li li:hover ul{display:block;} /* submenu colours */ #menu ul.sub-menu {background-color:#fff; box-shadow: 4px 6px 4px rgba(0,0,0,0.5); z-index:5000;} #menu ul.sub-menu li:hover {border-left:4px solid #87b8d4;} #menu ul.sub-menu li a {font:normal 12px Arial, Helvetica, sans-serif; text-transform:none;} #menu ul.sub-menu li.current_page_item {border-left:4px solid #777;} #menu ul.sub-menu li.current_page_item a, #menu ul.sub-menu li.current-menu-parent a, #menu .nav ul.sub-menu li.current-menu-parent li.current_page_item a {color:#777;} #menu ul.sub-menu ul.sub-menu a {color:#87b8d4;} #menu ul.sub-menu ul.sub-menu a:hover {color:#777;} #menu ul.sub-menu ul.sub-menu li.current-menu-item a {} /* Footer Menu styling */ #footer ul.menu li {display:inline;} #footer ul.menu li a {background:url('images/footermenu-spacer.png') 1px 4px no-repeat; padding-left:10px;} #footer ul.menu li:first-child a {background-image:none;} /* Pagination */ .pagination {float: left; font-weight: bold; clear:both; position: relative; height: 32px; margin-bottom:20px;} .pagination span, .pagination a{display:block; float:left; margin: 0 5px 0 0; padding:3px 7px; text-decoration:none; width:auto; border-radius: 5px;} .pagination a:hover, .pagination .current {} /* Portfolio menu */ #portfolio-menu {padding-top:10px;} #portfolio-menu ul.menu li {display:inline;} #portfolio-menu ul.menu li a {padding:3px 12px; font-size:14px;} #portfolio-menu ul.menu li a:hover, #portfolio-menu ul.menu li.current-menu-item a {} /* Column Shortcodes */ .one_half{ width:48%; } .one_third{ width:30.66%; } .two_third{ width:65.33%; } .one_fourth{ width:22%; } .three_fourth{ width:74%; } .one_fifth{ width:16.8%; } .two_fifth{ width:37.6%; } .three_fifth{ width:58.4%; } .four_fifth{ width:67.2%; } .one_sixth{ width:13.33%; } .five_sixth{ width:82.67%; } .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; } .last{ margin-right:0 !important; clear:right; } .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;} /* Typography */ p {margin-bottom:1.5em;} h1, h2, h3, h4, h5, h6 {font:normal 2.2em 'Yanone Kaffeesatz',"Arial Narrow", Arial, Helvetica, sans-serif; margin-bottom:15px; font-stretch: semi-condensed; } h2, h2 a {font-size:1.8em;} h3 {font-size:1.6em;} aside h3, aside h4, aside h5, aside h6 {color:#62696e;} #home-widget h3 {font-size:1.76em;} h4 {font-size:1.4em;} h5 {font-size:1.2em;} h6 {font-size:1em;} h3, h4, h5, h6 {margin-bottom:1em;} #bottomwrapper aside h3 {font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;} #bottomwrapper aside h4 a {color:#fff;} #home-widget h3.home {font-size:2em; margin:10px 0;} #page-meta h1 {margin:0; padding:0;font:normal 1.6em 'Arial Narrow', Arial, Helvetica, sans-serif; } #page-meta-desc {font-size:1em; line-height:1em; max-width:360px; float:right;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} blockquote {padding-left: 55px; width: 85%; background:url("images/sprites.png") no-repeat -40px -360px; min-height: 30px; margin: 0 0 10px 0; font:italic 1.1em Georgia, "Times New Roman", Times, serif; margin:20px auto 20px; color:#999;} blockquote p {} cite{font-size:10px;color:#aaa; font-style:italic;} .dropcap-dark, .dropcap-light {display: block; float: left; margin: 5px 8px 0 0; line-height: 26px; background:url("images/sprites.png") no-repeat -120px -280px transparent; color: #fff; width: 38px; height: 34px; padding:6px 2px 0 0; text-align:center; font:italic 24px Arial, Helvetica, sans-serif;} .dropcap-light {background:url("images/sprites.png") no-repeat -80px -320px transparent;} .highlight-blue, .highlight-black, .highlight-amber, .highlight-grey, .highlight-green, .highlight-red, .highlight-taupe {color:#fff; border-radius:7px; padding:1px 10px;} .highlight-blue {background-color:#87b8d4;} .highlight-black{background-color:#000;} .highlight-amber {background-color:#dfbe4d;} .highlight-grey {background-color:#a4b2c4;} .highlight-green {background-color:#71a15c;} .highlight-red {background-color:#ae4c4c;} .highlight-taupe {background-color:#95887e;} /* Focus Boxes and Box Headings*/ .box-blue, .box-amber, .box-grey, .box-green, .box-red, .box-taupe {background-color:#f6f6f6; margin-bottom:30px; padding-bottom:12px;} .boxtop-blue, .boxtop-amber, .boxtop-grey, .boxtop-green, .boxtop-red, .boxtop-taupe {margin-bottom:12px; line-height:22px;} .box-blue h4, .box-amber h4, .box-grey h4, .box-green h4, .box-red h4, .box-taupe h4 {margin:0; padding:0;} .box-blue p, .box-amber p, .box-grey p, .box-green p, .box-red p, .box-taupe p {color:#777; margin:0 12px;} .box-blue span, .box-amber span, .box-grey span, .box-green span, .box-red span, .box-taupe span {float:left; background-color:#000; color:#fff; padding:3px 12px; border-right:1px solid #fff; font:normal 16px Arial, Helvetica, sans-serif; font-stretch:condensed;} .boxtop-blue, .bh-blue, .bm-blue {background-color:#87b8d4;} .boxtop-amber, .bh-amber, .bm-amber {background-color:#c19249;} .boxtop-grey, .bh-grey, .bm-grey {background-color:#a4b2c4;} .boxtop-green, .bh-green, .bm-green {background-color:#71a15c;} .boxtop-red, .bh-red, .bm-red {background-color:#ae4c4c;} .boxtop-taupe, .bh-taupe, .bm-taupe {background-color:#95887e;} /* Box Headings */ .bh-blue span, .bh-amber span, .bh-grey span, .bh-green span, .bh-red span, .bh-taupe span {float:left; color:#fff; background-color:#000; font-size:16px; padding:3px 12px; border-right:1px solid #fff;} .bh-blue, .bh-amber, .bh-amber, .bh-grey, .bh-green, .bh-red, .bh-taupe {margin-bottom:20px; line-height:22px;} /* Box Read More */ .bm-blue, .bm-amber, .bm-grey, .bm-green, .bm-red, .bm-taupe {display:block; width:175px; height:18px; margin:18px 0;} .bm-blue a, .bm-amber a, .bm-grey a, .bm-green a, .bm-red a, .bm-taupe a {color:#fff!important;} .bm-blue a:hover, .bm-blue a:hover, .bm-amber a:hover, .bm-grey a:hover, .bm-green a:hover, .bm-red a:hover, .bm-taupe a:hover {color:#ccc!important;} .bm-blue span, .bm-amber span, .bm-amber span, .bm-grey span, .bm-green span, .bm-red span, .bm-taupe span {float:left; background-color:#000; font-size:12px; padding:0 12px; border-right:1px solid #fff; font-style:italic;} /* link styles */ a, a:visited {text-decoration:none;} a:hover {} #breadcrumbs a {color:#5b5b5b;} #breadcrumbs a:hover {color:#000;} .highlight a {color:#fff; text-decoration:underline;} .highlight a:hover {text-decoration:none;} #copyright a, #footer a {color:#a6a6a6; text-decoration:none;} #copyright a:hover, #footer a:hover {color:#848484;} h1.entry-title a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {} /* List Styling */ article ul {list-style-type: none; padding: 0px; margin: 0 20px 20px;} article ol {margin:0 40px 20px;} article ul li, ul.dot li, ul.square li, ul.circle li, ul.arrow li, ul.checkmark li, ul.comment li {padding-left: 25px; list-style:none;} article ul li, ul.dot li {background: url('images/sprites.png') no-repeat -430px 0; padding-left: 25px; list-style:none;} ul.square li {background: url('images/sprites.png') no-repeat -392px -40px; padding-left: 25px; list-style:none;} ul.circle li {background: url('images/sprites.png') no-repeat -351px -80px; padding-left: 25px; list-style:none;} ul.arrow li {background:url('images/sprites.png') no-repeat -308px -120px; padding-left: 25px; list-style:none;} ul.checkmark li {background: url('images/sprites.png') no-repeat -266px -160px; padding-left: 25px; list-style:none;} ul.comment li {background: url('images/sprites.png') no-repeat -222px -200px; padding-left: 25px; list-style:none;} article ol li {list-style-type:decimal;} article ol.leading li {list-style-type:decimal-leading-zero;} aside li {padding:5px 3px; border-bottom:1px solid #dadada;} aside li:hover {background-color:#f9f9f9;} aside li a {color:#949494;} aside li:hover a {color:#5e5e5e;} aside li {font-size:.9em;} #bottom li {border-bottom:1px solid #6d7580;} #bottom li:hover {background:none;} #bottom li a {color:#ccc;} #bottom li a:hover {color:#ccc; text-decoration:underline;} /* Articles */ article {color:#484848;} header.entry-header {} .post-image {} .post-image:hover { /* for IE */ filter:alpha(opacity=75); /* CSS3 standard */ opacity:0.75; } .post-wrapper {} .meta-wrapper {width:110px; float:left; margin-top:4px; } .entry-date {width:94px; float:left; padding:8px; margin-bottom:15px;} .date, .year {font:bold 15px/20px "Arial Narrow", Arial, Helvetica, sans-serif; display:block; text-align:center; text-transform:uppercase;} .year {font-size:34px; line-height:34px; font-weight:normal;} .post-excerpt, .post-content {margin-left:140px;} .continue, .more-link {display:block; margin:20px 0 0; width:130px; font-style:italic;} .meta-info {color: #999; text-align: right; font:italic 11px Arial, Helvetica, sans-serif;} .articlespacer {display:block; height:30px; clear:both;} .columnspacer {clear:both;} .divider{background:url('images/divider-lines.png') left center repeat-x;clear:both;display:block;height:20px;margin:30px 0;text-align:right;width:100%;} .top{background-position:right center;} .top a{color:#ccc;display:block;font-size:8px;line-height:18px;text-decoration:none; margin-right:20px; float:right; background-color:#fff; padding:0 10px 0 0; width:20px;} .top a:hover{text-decoration:none;} .edit-link {display:block; margin-bottom:30px;} .sticky {} .gallery-caption {} .bypostauthor {} /* WP Default Image styling */ .alignleft, .alignright, .aligncenter {background:#f5f5f5;border:1px solid #fff;padding:6px;outline:1px solid #eaeaea;} .alignleft {float:left; margin:0 30px 0 0;} .aligncenter {margin:0 auto 15px;} .alignright {margin:0 0 0 30px;} .wp-caption {padding:4px 0 0; border:none; background:none;} .wp-caption img {margin:auto; background:#f5f5f5;border:1px solid #fff;padding:6px;outline:1px solid #eaeaea;} .wp-caption-text {text-align:center; margin:3px auto 5px; font:normal 1em "Arial Narrow", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#777;} div.alignleft {border:none; background:none; outline:none; } /* Custom Image Styling */ .imagewrap img.imageborder {background:#f5f5f5;border:1px solid #fff;padding:6px;outline:1px solid #eaeaea;} .imagewrap{display:block; margin:0 auto 20px; padding-top:5px;} .imagewrap img {vertical-align:bottom;} .imagewrap a img:hover {display:block; filter: alpha(opacity=70); opacity: 0.7;} .imagewrap{text-align:center;} .shadow {border:none!important;outline:none!important;background-color:transparent!important;padding:0!important;display:block; margin:0!important; opacity:.9;} /* shortcode images */ .scCaption {font:bold 1em Arial, Helvetica, sans-serif; display:block; padding-top:4px;} /* Archives */ h1.archive-title {background-color:#f0f0f0; padding:3px 5px; margin: 0 0 20px 0;} /* Categories */ .category-archive-meta {margin-bottom:20px;} /*Related Posts*/ #related {width: 620px; margin: 30px 0 40px;} #related h3 {background-color:#f0f0f0; font-size:1.5em; padding:3px 5px; margin: 0 0 20px 0;} #related h4 {font-size: 1.1em;} #related h4 a.rplink {display:block; height:1.1em;} #related .related-posts {width: 140px; float:left; margin: 0 20px 0 0;} #related .last {margin-right: 0;} #related .relatedwrap {width: 140px; padding: 0 0 20px 0; } #related .related-posts a {width: 140px; display: block;} #related img:hover {opacity: .75;} /* Author Info */ #author-wrap {background-color:#f0f0f0; width:600px; margin: 0 0 40px 0; padding: 10px;} #author-description {margin-left:100px;} #author-avatar {width: 70px; height: 70px; float: left; background:#f5f5f5;border:1px solid #fff;padding:4px;outline:1px solid #eaeaea; } #author-wrap p {margin-bottom: 5px;} #author-wrap h5 {margin-bottom:5px;} #author-link {font:italic .8em Arial, Helvetica, sans-serif; display:block; background-color:#fff; padding:3px;} #author-link a {color:#87b8d4;} h2.about-author {margin:0; padding:0; line-height:1em;} #author-info {margin-bottom:30px;} /* Showcase Portfolio gallery styles */ #portfolio {width:960px; margin: 30px auto 40px; color:#555;} #portfolio img:hover {opacity: .75;} #portfolio .scwrap {position: relative; float: left; margin: 0 40px 40px 0;} #portfolio-4 .last, #portfolio-3 .last, #portfolio-2 .last, #portfolio-1 .last {margin: 0 0 40px 0;} #portfolio .scwrap h2 {font:normal .8em/1.5em "Arial Narrow", Arial, Helvetica, sans-serif; margin-bottom:.5em;} #portfolio h2, #portfolio h2 a {} #portfolio h2 a:hover {} #portfolio .scwrap a.imageborder {display: block; position: relative; margin-bottom: 20px;} /* Showcase 1 */ #portfolio-1 .scwrap {width: 960px; margin: 0 0 40px 0;} #portfolio-1 .scwrapright {width: 350px; float: right;} /* Showcase 2 */ #portfolio-2 .scwrap {width: 460px;} /* Showcase 3 */ #portfolio-3 .scwrap {width: 298px; margin-right:33px;} /* Showcase 4 */ #portfolio-4 .scwrap {width: 210px;} /* Zoom Info Slider */ .galleryContainer {width: 960px; padding: 0; margin-bottom:12px;} .galleryImage {overflow:hidden; margin-right:12px; float:left;} .info { margin-left:8px; font-family:arial;padding:3px 5px 3px 3px;} .info h2 {} .info p { color:white; margin-bottom:5px;} .info .more-link {font-style:italic; color:#6599c9; margin:0;} .info .more-link:hover {color:#FFF;} /* bxSlider */ #slider1 {padding: 0; margin: 0; list-style: none; overflow: hidden;} #slider1 li {padding: 0; margin: 0;} #slider1 img, #slider2 img {float: left;} #slider1 h2, #slider1 p {margin:15px;} #slider1 li h2{font:normal 1.75em "Arial Narrow", Arial, Helvetica, sans-serif;} #slider1 p {font:normal 1em Arial, Helvetica, sans-serif;} #slider1 .more-link {margin:20px 0 0; font-style:italic; color:#6599c9;} .bx-wrapper{margin:auto; width: 960px; /*background: url("images/imageshadow.png") center bottom no-repeat;*/ padding: 0;} .bx-auto{display: none;} .bx-pager{text-align: left; position: relative; top: -35px; height: 24px; z-index: 999; width: 400px; left:15px; overflow: hidden;} .bx-pager a {cursor:pointer; width: 14px; height:14px; background: transparent url('images/bxnav.png') no-repeat top; display: block; float: left; text-indent: 9999px; margin: 8px 7px 0 0;} .bx-pager a.pager-active { width: 14px; height:14px; background: transparent url('images/bxnav-active.png') no-repeat top; display: block; float: left; text-indent: 9999px; margin: 8px 7px 0 0;} #slider1 li .left_content {float:left; color: #000; text-align: left;} #slider1 li .right_content{float:right; margin-left:12px; } /* Custom Slider and Static Image */ #custom-slider, #static-image {width: 960px; margin-bottom:12px; padding: 0; position:relative;} #si-caption {position:absolute; bottom:15px; left:0; background-color:#000; /* for IE */ filter:alpha(opacity=70); /* CSS3 standard */ opacity:0.7; padding:10px; width:400px; z-index:999;} #si-caption h2 {color:#fff; margin-bottom:5px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif;} #si-caption p {color:#fff; margin-bottom:0;} /* Comments */ #comments {} #comments-title {background-color:#f0f0f0; font-size:1.5em; padding:3px 5px; margin: 0 0 20px 0;} #comments a {} #comments a:hover {color:#777;} .comment-avatar {width:70px; float:left;} ul.children .comment-avatar {width:40px;} .comment-avatar img.avatar {background:#f5f5f5;border:1px solid #fff;padding:3px;outline:1px solid #eaeaea; margin: 0 0 20px 0;} .comment-author span.name {font-size:1.3em; margin-right:.5em;} .comment-author span.comment-date {font-size:.9em; color:#a6a6a6;} .comment-author, .comment-content, .reply {margin-left:93px;} ul.children .comment-author, ul.children .comment-content, ul.children .reply {margin-left:55px;} .comment-author {padding-bottom:4px;} .comment-meta {background-color:#f0f0f0; font-size:1.2em; padding:3px 5px; margin: 15px 0;} .nocomments {color: #aaa; font-size: 1.5em; margin: 26px 0; text-align: center;} .commentlist {list-style: none; margin: 0;} .commentlist > li.comment {margin: 0; padding: .5em 0; position: relative;} .commentlist .pingback {margin: 0 auto; padding: 0; } .commentlist .children {list-style: none; margin: 0 0 0 1.2em;} .commentlist .children li.comment {border-left: 1px solid #ddd; margin: 0; padding: 1.25em; position: relative;} .commentlist .children li.comment .fn {display: block;} .commentlist .children .avatar {background:#f5f5f5;border:1px solid #fff;padding:2px;outline:1px solid #eaeaea; margin: 0 0 20px 0;} a.comment-reply-link {font-size: 1em;} /* Comment Form */ /* Contact Form 7 styling */ #respond, #contact, #searchwidget {border: 1px solid #d3d3d3; border-radius: 3px; margin: 0 0 1.625em; padding: 1em; position: relative;} #respond input[type="text"], #respond textarea, #contact input[type="text"], #contact textarea, #searchform input[type=text] {background: #fff; border: 4px solid #eee; border-radius: 5px; box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); position: relative; padding: 3px 5px; text-indent: 80px;} #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment, #contact .contact-form {position: relative;} #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label, #contact .contact-form label, #searchwidget .contact-form label {background: #eee; box-shadow: 1px 2px 2px rgba(204,204,204,0.8); color: #555; display: inline-block; font-size: 13px; line-height:14px; left: 4px; min-width: 60px; padding: 2px 10px; position: relative; top: 22px; z-index: 1;} #respond input[type="text"]:focus, #respond textarea:focus, #contact input[type="text"]:focus, #contact textarea:focus, #searchwidget input[type="text"]:focus {text-indent: 0; z-index: 1;} #respond textarea, #contact textarea {width: 95%;} #respond .comment-form-author .required, #respond .comment-form-email .required, #respond .comment-form-author .required, #contact .contact-form .required {color: #bd3500; font-size: 22px; font-weight: bold; left: 75%; position: absolute; top: 27px; z-index: 1;} #respond .comment-notes, #respond .logged-in-as {font-size: 13px; color:#000;} #respond p, #contact p, #searchform p {margin: 10px 0; font-size: 12px;} #respond .form-submit, #contact .form-submit, #searchform .form-submit {float: right; margin: -20px 0 10px;} #respond input#submit, #contact input[type="submit"], #searchform input[type="submit"] {background: #000; border: none; border-radius: 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #fff; cursor: pointer; font-size: 15px; margin: 20px 0; padding: 5px 15px; position: relative;} #respond input#submit:hover, #contact input[type="submit"]:hover, #searchform input[type="submit"]:hover {background: #f5f5f5; color: #444;} #respond #cancel-comment-reply-link {color: #444; margin-left: 10px; text-decoration: none;} #respond .logged-in-as a {} #respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover {text-decoration: underline;} .commentlist #respond {margin: 1.625em 0 0; width: auto;} #reply-title {color: #444; font-size: 22px; font-weight: normal; line-height: 26px;} #cancel-comment-reply-link {color: #888; display: block; font-size: 10px; font-weight: normal; line-height: 2.2em; letter-spacing: 0.05em; position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em;} #cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover {color: #ff4b33;} #respond label, #contact label, #searchwidget label {line-height: 2.2em;} #respond input[type=text], #contact input[type=text], #searchform input[type="text"] {display: block; height: 24px; width: 75%;} p.comment-form-comment {margin:0;} .form-allowed-tags {display: none;} /* Search */ #searchform input[type=text] {width:60%; float:left; text-indent:0;} form#searchform {margin:-10px auto 10px;} form#searchform input[type="submit"] {float:left; margin:5px 0 0 8px;} .screen-reader-text {position:absolute; left:-9999px;} /* To Override Search styles add your code below */ #searchform input[type=text], #s {} /* this is the search field */ #searchform input[type="submit"] {} /* this is the search button */ #searchform input[type="submit"]:hover {} /* this is the search button on mouseover */ /* Extras for the demo site */ #vslider_optionscontainer {margin:0!important;} #vslider_optionscontainer .cs-buttons {padding-bottom:0!important; margin:0 0 0 10px!important;}