/*
Theme Name: Wizzy: Portfolio & Business Theme
Theme URI: http://www.grandpixels.com/themes/wizzy
Description: A Premium Business Theme by Pavel of Grand Pixels
Version: 2.1
Author: Grand Pixels
Author URI: http://www.grandpixels.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Reset
--------------------------------------------------------------------------------------------------------------------------------
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Body
--------------------------------------------------------------------------------------------------------------------------------
*/

body { font: 12px "Arial", Helvetica, sans-serif; color: #646464; line-height: 20px; }

/* Body Supersized Background */
#supersized-loader { position: absolute; top: 50%; left: 50%; z-index: -1; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background: url("images/loading.gif") center center no-repeat; }
#supersized { position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%; }
#supersized img{ width: auto; height: auto; position: relative; outline: none; border: none; }
#supersized a { z-index: -30; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; display: block; }
#supersized a.image-loading { background: url("images/loading.gif") center center no-repeat; width: 100%; height: 100%; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Common Styles
--------------------------------------------------------------------------------------------------------------------------------
*/

/* Common: Link */
a:link, a:visited { color: #646464; cursor: pointer; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
a:hover { cursor: pointer; text-decoration: none; background-image: none; }
small a { color: white !important; }

/* Common: Image */
img { max-width: 100%; -ms-interpolation-mode: bicubic; }
.image { background-color: transparent; background-image: url("images/loading.gif"); background-position: center center; background-repeat: no-repeat; min-height: 30px; }
.image a { background-color: transparent; background-image: none; }
.image img { display: none; }
.image-overlay { position: relative; display: block; width: 100%; height: 100%; opacity: 1; }
.image-overlay a img { display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.image-overlay a:hover img { opacity: 0.9; }
.image-overlay a span { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: transparent url("images/bg-overlay-plus.png") center center no-repeat; }
.ie7 .image-overlay a span,
.ie8 .image-overlay a span,
.ie9 .image-overlay a span { display: none; }

/* Common: Align */
.left { float: left; text-align: left; }
.center { margin: 0 auto; }
.right { float: right; text-align: right; }
.no-display { display: none; }

/* Common: Clear */
.clear { clear: both; height: 0; visibility: hidden; margin: 0; padding: 0; }

/* Common: Headings */
h1, h2, h3, h4, h5 { padding: 10px 0; margin: 0 0 10px; color: #4b4b4b; clear: both; line-height: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a { color: #4b4b4b !important; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 17px; }
h5 { font-size: 15px; }

/* Common: Lists */
ul { list-style: none; }
.content-rail ul li,
.page-full ul li { background: url("images/point-content.png") 5px center no-repeat; padding-left: 15px; }

/* Common: Paragraphs */
.content-rail p { margin-bottom: 10px; line-height: 20px; }
.content-rail p.featured { margin-top: 0; font: 18px "Georgia", Times, serif; font-style: italic; line-height: 24px; }

/* Common: Note */
.note { float: left; margin: 10px 0; padding-left: 25px; font-size: 11px; background: url("images/icons/icon-info.png") left 3px no-repeat; }

/* Common: Contact Page iFrame */
.content-contact iframe { margin: -20px 0 20px -20px; width: 980px !important; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

/* Common: Animations */
.canvas,
.topbar,
header.header,
nav.navigation,
.content-rail,
.callouts .callout-block,
.list-posts .post,
.list-posts .post-image,
.list-portfolio .post-image { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }

.slideshow,
.slideshow .slide,
.slideshow .slide img,
.single-portfolio .post-slideshow { -webkit-transition: width 0.2s linear, height 0.2s linear; -moz-transition: width 0.2s linear, height 0.2s linear; -o-transition: width 0.2s linear, height 0.2s linear; -ms-transition: width 0.2s linear, height 0.2s linear; transition: width 0.2s linear, height 0.2s linear; }


/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Layout
--------------------------------------------------------------------------------------------------------------------------------
*/

/* Canvas */
.canvas { width: 980px; margin: 0 auto 0 auto; padding-bottom: 50px; }

/* Topbar */
.topbar { width: 100%; height: 30px; }
.topbar .topbar-container { width: 100%; }

/* Header */
header.header { width: 100%; height: 120px; }
header.header .header-container { padding: 0 20px; }

/* Slideshow */
.slideshow { width: 100%; height: 400px; }

/* Callouts */
.callouts { width: 100%; position: relative; margin-bottom: 5px; }
.callouts .callouts-container { padding: 0 20px; }

/* Content */
.content { width: 100%; }
.content .content-container { width: 100%; }

.content-page-home { width: 100%; margin-bottom: 5px; }
.content-page-home .content-page-home-container { padding: 20px; }

.content-contact { width: 100%; }

/* Footer */
footer.footer { width: 100%; }
footer.footer .footer-container { padding: 20px; }

/* List: Post - Home */
.list-posts-home { width: 100%; }
.list-posts-home .list-posts-home-container { padding: 0 20px; }

/* List: Portfolio - Home */
.list-portfolio-home { width: 100%; margin-bottom: 5px; }
.list-portfolio-home .list-portfolio-home-container { padding: 0 20px; }

/* Widget Area: Footer */
.widget-area-footer { width: 100%; }
.widget-area-footer .widget-area-footer-container.with-padding { padding: 20px; }

/*
--------------------------------------------------------------
Topbar
--------------------------------------------------------------
*/

.topbar { color: #646464; font-size: 11px; }

/* Topbar: Tagline */
.topbar .tagline { padding: 5px 10px; font-size: 11px; color: #646464; font-style: italic; background: #fafafa; }

/*
--------------------------------------------------------------
Header
--------------------------------------------------------------
*/

header.header { color: white; }

/* Header: Logo */
header.header .logo { width: 300px; height: 120px; }
header.header .logo .logo-image,
header.header .logo .logo-default { height: 120px; }
header.header .logo h1 { margin: 0; padding: 0; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Primary Navigation
--------------------------------------------------------------------------------------------------------------------------------
*/

nav.navigation { width: 590px; margin: 35px 0 0; position: relative; z-index: 999; }
nav.navigation .navigation-container { padding: 0; }
nav.navigation ul { height: 50px; list-style: none; }
nav.navigation li { 
	height: 50px;
	display: inline-block;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}
nav.navigation .menu-primary-navigation-container li { margin-right: -2px; }
.ie7 nav.navigation li { display: inline; }
nav.navigation li:hover {
	cursor: pointer;
	color: white;
}
nav.navigation li a { 
	float: left;
	height: 20px;
	display: block;
	padding: 15px;
	color: white;
	text-decoration: none;
	background-color: transparent;
	background-image: none;
}
nav.navigation li:hover a,
nav.navigation li a:hover { background-color: transparent; }
nav.navigation li:last-child a {  }

/* Primary navigation - Sub */
nav.navigation li .sub-menu,
nav.navigation li .children {
	opacity: 0;
	position: absolute;
	left: 0;
	top: -9999px;
	margin: 0;
	width: 160px;
	height: auto;
	text-align: left;
	text-transform: none;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	transition: opacity .3s linear;
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.25);
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
}
nav.navigation li:hover .sub-menu,
nav.navigation li:hover .children { top: 50px; opacity: 1; }
nav.navigation li li { 
	float: none !important;
	display: block;
	width: 160px;
	padding: 0;
	margin: 0;
	border: none;
	height: auto;
	font-size: 12px;
	font-weight: normal;
	position: relative;
	text-shadow: none;
}
nav.navigation li:hover li { border: none; height: auto; }
nav.navigation li li a {
	display: block;
	float: none;
	clear: both;
	color: #646464 !important;
	padding: 8px 15px !important;
	background-color: white !important;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
nav.navigation li li:hover a {
	text-shadow: none !important;
	background-color: #fafafa !important;
}
nav.navigation li li:last-child a { border-bottom: 1px solid rgba(0,0,0,0); }

/* Primary navigation - Sub-sub */
nav.navigation li li .sub-menu,
nav.navigation li li .children {
	opacity: 0;
	position: absolute;
	top: -999px !important;
	left: 160px !important;
	width: 160px;
	text-align: left;
	z-index: 998;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	transition: opacity .3s linear;
}
nav.navigation li:hover li .sub-menu,
nav.navigation li:hover li .children { opacity: 0; }
nav.navigation li li:hover .sub-menu,
nav.navigation li li:hover .children { top: 0 !important; opacity: 1; }
nav.navigation li li li a { color: #646464 !important; }
nav.navigation li li li a,
nav.navigation li li:hover li a,
nav.navigation li:hover li:hover li a {
	background-color: white !important;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	border-left: 1px solid rgba(0,0,0,0.05);
}
nav.navigation li li li:hover a,
nav.navigation li:hover li:hover li:hover a {
	text-shadow: none !important;
	background-color: #fafafa !important;
}
nav.navigation li li li:last-child a { border-bottom: 1px solid rgba(0,0,0,0); }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Secondary navigation
--------------------------------------------------------------------------------------------------------------------------------
*/

nav.navigation-secondary { width: 100%; padding-bottom: 15px; margin-bottom: 15px; clear: both; border-bottom: 1px solid rgba(0,0,0,0.1); }
nav.navigation-secondary li { float: left; width: 100%; display: block; }
nav.navigation-secondary li a { display: block; padding: 5px 0; text-decoration: none; border-bottom: 1px dotted rgba(0,0,0,0.1); position: relative; }
nav.navigation-secondary li:last-child a { border: none; }
nav.navigation-secondary .current-cat a { font-weight: bold; }
nav.navigation-secondary a .count { float: right; color: white; background: #646464; font-size: 10px; padding: 0 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Skills navigation
--------------------------------------------------------------------------------------------------------------------------------
*/

nav.navigation-skills { width: 100%; background: #fafafa; border-bottom: 1px solid #e6e6e6; }
nav.navigation-skills ul { float: left; padding: 20px 10px; }
nav.navigation-skills ul li { float: left; display: inline; }
nav.navigation-skills ul li a { float: left; padding: 0 10px; border-left: 1px solid rgba(0,0,0,0.1); }
nav.navigation-skills ul li:first-child a { border: none; font-weight: bold; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Slideshow
--------------------------------------------------------------------------------------------------------------------------------
*/

/* Slideshow */
.slideshow { color: white; }
.slideshow .slide { width: 980px !important; height: 400px; }
.slideshow .slide img { width: 980px !important; height: 400px; }

.slideshow .slide-caption { color: white; position: absolute; top: 20px; left: 0; padding: 10px 20px; max-width: 940px; }
.slideshow .slide-caption h2 { margin: 0; padding: 0 0 10px; font-size: 18px; }
.slideshow .slide-caption p { font-size: 12px; }

/* Slideshow: Controls */
.slideshow-controls { position: relative; z-index: 12; }
.slideshow-controls a { position: absolute; top: 190px; cursor: pointer; width: 30px; height: 40px; }
.slideshow-controls a.previous { left: 0; background-image: url("images/slideshow/arrow-left.png"); background-position: left top; background-repeat: no-repeat; }
.slideshow-controls a.previous:hover { background-position: left bottom; }
.slideshow-controls a.next { right: 0; background-image: url("images/slideshow/arrow-right.png"); background-position: left top; background-repeat: no-repeat; }
.slideshow-controls a.next:hover { background-position: left bottom; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Callouts
--------------------------------------------------------------------------------------------------------------------------------
*/

.callouts { background: white; }
.callouts .callout-block { width: 300px; padding: 20px 0 0; margin: 0 20px 20px 0; }
.callouts .callout-block.last { margin: 0 0 20px; }
.callouts .callout-title { padding: 0; margin: 0; font-size: 16px; font-weight: bold; }
.callouts .callout-title a,
.callouts .callout-title.without-link { display: block; text-align: center; text-decoration: none; padding: 0 0 10px; }
.callouts .callout-title a { text-decoration: none; }
.callouts .callout-image { width: 300px; height: 120px; overflow: hidden; }
.callouts .callout-image .image-overlay a span { background-image: none; }
.callouts .callout-content { width: 100%; text-align: center; }
.callouts .callout-content .button { float: none; display: inline-block; padding: 0; margin: 0; }
.callouts .callout-content .button a { margin: 15px 0 0; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Content
--------------------------------------------------------------------------------------------------------------------------------
*/

.content { background: white; }
.content-home { width: 100%; }
.content-page-home { background: white; }

/* Content: Layouts */
.content .page-left,
.content .page-right,
.content .page-full { padding: 20px; }
.content .page-full { width: 940px; }
.content .no-top-padding { padding-top: 0; }
.content .no-top-padding .sidebar { padding-top: 20px; }

/* Content: Page - Right */
.content .page-right .content-rail { width: 700px; margin-right: 40px; }
.content .page-right .right-rail { width: 200px; }

/* Content: Page - Left */
.content .page-left .content-rail { width: 700px; }
.content .page-left .left-rail { width: 200px; margin-right: 40px; }

/* Page header */
.page-header { width: 100%; }
.page-header h1 { float: left; max-width: 70%; padding: 30px 0 30px 20px; margin: 0; color: white; line-height: 24px; }

/* Search form */
.page-header .form-search { margin: 25px 20px 0 0; }
.page-header .form-search .form { width: 100%; margin: 0; }
.page-header .form-search input { margin: 0; border: none !important; background: white !important; outline: none !important; width: 180px !important; padding: 7px 10px !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.page-header .form-search input:focus { color: #646464 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Footer
--------------------------------------------------------------------------------------------------------------------------------
*/

footer.footer { color: white; font-size: 11px; }
footer.footer a { color: white; }
footer.footer .copyright { padding: 5px 0; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
List
--------------------------------------------------------------------------------------------------------------------------------
*/

/* List: Posts */
.list-posts { width: 100%; }
.list-posts .post { float: left; width: 100%; padding: 0 0 20px; margin: 0 0 20px 0; }
.list-posts .post-content { width: 100%; }
.list-posts .post-header { width: 100%; margin: 15px 0 0; }
.list-posts .post-header h2 { padding: 5px 0; font-size: 20px; }
.list-posts .post-image { width: 720px; height: 260px; margin: 0 0 15px -20px; clear: both; }
.list-posts .post-excerpt { width: 100%; margin: 0 0 10px; }
.list-posts .post-info { width: 100%; font-size: 11px; color: #969696; }
.list-posts .post-info .left { padding: 2px 0; }
.list-posts .post-info .button-standard a { font-size: 11px; margin: 0; }

/* List: Posts - Home */
.list-posts-home { background: white; }
.list-posts-home .post { width: 300px; padding: 20px 0; margin: 0 20px 20px 0; }
.list-posts-home .post.last { margin-right: 0; }
.list-posts-home .post-header h2 { font-size: 14px; }
.list-posts-home .post-image { width: 300px; height: 120px;  margin: 0 0 10px; }

/* List: Posts - Search */
.list-posts-search .hentry { float: left; width: 100%; padding: 10px 0 10px; margin: 0; border-bottom: 1px solid rgba(0,0,0,0.1); }
.list-posts-search .post-header h2 { margin: 0; padding: 10px 0 10px; font-size: 18px; }
.list-posts-search .post-content { width: 100%; }

/* List: Portfolio */
.list-portfolio { width: 100%; }
.list-portfolio .list-portfolio-container { width: 960px; padding: 20px 0 0 20px; }
.list-portfolio .post { float: left; width: 300px; margin-right: 20px; margin-bottom: 20px; z-index: 2; }
.list-portfolio .post-header h2 { margin: 0; padding: 3px 0; font-size: 14px; }
.list-portfolio .post-image { width: 300px; height: 200px; overflow: hidden; margin: 0 0 10px; }
.list-portfolio .post-image img { width: 100%; height: auto; }
.list-portfolio .post-content { width: 100%; text-align: center; }

/* List: Portfolio - Home */
.list-portfolio-home { background: white; }
.list-portfolio-home.no-bottom-margin { margin-bottom: 0; }
.list-portfolio-home .post { width: 172px; margin: 20px 20px 20px 0; padding: 0; }
.list-portfolio-home .post.last { margin-right: 0; }
.list-portfolio-home .post-header h2 { padding: 0; }
.list-portfolio-home .post-content { width: 100%; }
.list-portfolio-home .post-image { width: 172px; height: 150px; }
.list-portfolio-home .post-image img { width: 100%; height: auto; }

/* List: Pagination */
.pagination { width: 940px; padding: 20px 0; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Single
--------------------------------------------------------------------------------------------------------------------------------
*/

/* Single: Post */
.single-posts { width: 100%; }
.single-posts .post { margin: 0; }
.single-posts .post-tags { width: 100%; margin: 10px 0 0; }
.single-posts .post-tags h4 { margin-bottom: 0; }
.single-posts .post-tags a { float: left; display: block; color: white !important; font-size: 11px; padding: 0 6px; margin: 0 2px 2px 0; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.single-posts .post-image { margin: 0 0 20px -20px; }
.single-posts .post-info { width: 100%; margin: 20px 0 0; }

/* Single: Portfolio */
.single-portfolio { width: 100%; }
.single-portfolio .post { width: 100%; }
.single-portfolio .post-image { width: 980px; min-height: 100px; height: auto !important; margin: -20px 0 20px -20px; }
.single-portfolio .post-video-embed { margin: -20px 0 20px -20px;  }

/* Single: Portfolio Slideshow */
.single-portfolio .post-slideshow { width: 980px; height: auto !important; margin: -20px 0 20px -20px; color: white; background: white; position: relative; }
.single-portfolio .post-slideshow img { width: auto; max-width: 980px; height: auto !important; margin: 0 auto; overflow: visible; color: white !important; position: relative; }
.single-portfolio .post-slideshow .slideshow-controls a { top: 0; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Form
--------------------------------------------------------------------------------------------------------------------------------
*/

/* Form: Form Elements */
label,
.form label { float: left; padding: 5px 0; }
input,
.form input,
textarea,
.form textarea { 
	float: left;
	font-family: "Arial", Helvetica, sans-serif;
	background-color: #fafafa;
	padding: 7px 10px; 
	clear: both;
	border: 1px solid #e1e1e1;
	color: #646464;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
	-moz-box-shadow: inset 0 1px 3px rgba(255,255,255,0.1);
	-webkit-box-shadow: inset 0 1px 3px rgba(255,255,255,0.1);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
input:focus,
.form input:focus,
textarea:focus,
.form textarea:focus {
	outline: none;
	background-color: white;
	border-color: #d7d7d7;
	-moz-box-shadow: inset 0 1px 6px rgba(255,255,255,0.1);
	-webkit-box-shadow: inset 0 1px 6px rgba(255,255,255,0.1);
	box-shadow: inset 0 1px 6px rgba(0,0,0,0.1);
}
.ie7 input,
.ie8 input,
.ie7 .form input,
.ie8 .form input,
.ie7 textarea,
.ie8 textarea,
.ie7 .form textarea,
.ie8 .form textarea { border: none; }

/* Form: Blocks */
.form { float: left; width: 100%; }
.form fieldset { margin: 0; padding: 0; }
.form .form-content { width: 100%; padding: 0 0 20px; }
.form .form-block { width: 100%; margin: 0 0 20px; clear: both; }
.form .form-block.first { background: none; }
.form .buttons { width: 100%; margin: 0; padding: 0; }
.form .buttons button { margin: 0; padding: 10px 20px; }
.form .form-header { width: 100%; margin-bottom: 10px; }
.form .form-header h2 { padding: 15px 0; }
.form .input-box { position: relative; width: 300px; margin-right: 20px; }
.form .input-box-wide { position: relative; width: 100%; margin-top: 10px; }
.form .input-box-quick { position: relative; width: 100%; margin-top: 5px; }
.form .input-box.last { margin-right: 0; }
.form .input-box input { float: left; width: 278px; }
.form .input-box textarea,
.form .input-box-wide textarea { float: left; width: 918px; }

/* Form: Required */
.form .required-star { float: left; color: #f00a28; padding: 5px 5px; }
.form .required-star-info { float: right; font-size: 11px; color: #f00a28; }

/* Form: Loading */
.form .loading { float: left; padding: 0 20px; height: 27px; }
.form .loading img { float: left; padding: 2px 0; }
.form .loading span { float: left; padding: 6px 10px }

/* Form: Validation - Error */
.form input.error,
.form textarea.error { border: 1px solid #e6192d; }
.form label.error { position: absolute; right: 0; top: 2px; background: #e6192d; color: white; padding: 3px 8px; z-index: 10; }

/* Form: Validation - Success */
.validation-success { float: left; margin: 20px 0 0; width: 936px; border: 2px solid #2d2d2d; }
.validation-success h4 { color: #2d2d2d; padding: 15px 20px; margin-bottom: 0; }

/* Form: Widgets */
.form-widget .form-block { margin: 0; padding: 0; background: none; }
.form-widget label.error { display: none !important; }
.form-widget .buttons { width: 100%; margin: 5px 0 0; padding: 0; }
.form-widget .validation-success-quick h4 { font-size: 12px; padding: 10px; color: white; }
.form-widget .loading { float: right; padding-right: 0; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Comments
--------------------------------------------------------------------------------------------------------------------------------
*/

/* Comments: List */
.comments { width: 100%; clear: both; border-top: 1px solid rgba(0,0,0,0.1); margin: 20px 0 0; }
.ie7 .comments .comments-container { margin-bottom: 25px; }
.comments .comment { float: left; width: 100%; margin: 10px 0 0; padding: 15px 0 0; position: relative; border-top: 1px solid rgba(0,0,0,0.1); }

/* Comments: Depths */
.page-left .comments .comment .depth-2 .comment-author,
.page-left .comments .comment .depth-2 p { padding-left: 70px; width: 646px; }
.page-left .comments .comment .depth-3 .comment-author,
.page-left .comments .comment .depth-3 p { padding-left: 140px; width: 576px; }
.page-left .comments .comment .depth-4 .comment-author,
.page-left .comments .comment .depth-4 p { padding-left: 210px; width: 506px; }
.page-left .comments .comment .depth-5 .comment-author,
.page-left .comments .comment .depth-5 p { padding-left: 280px; width: 436px; }

.page-right .comments .comment .depth-2 .comment-author,
.page-right .comments .comment .depth-2 p { padding-left: 70px; width: 646px; }
.page-right .comments .comment .depth-3 .comment-author,
.page-right .comments .comment .depth-3 p { padding-left: 140px; width: 576px; }
.page-right .comments .comment .depth-4 .comment-author,
.page-right .comments .comment .depth-4 p { padding-left: 210px; width: 506px; }
.page-right .comments .comment .depth-5 .comment-author,
.page-right .comments .comment .depth-5 p { padding-left: 280px; width: 436px; }

.page-full .comments .comment .depth-2 .comment-author,
.page-full .comments .comment .depth-2 p { padding-left: 70px; width: 918px; }
.page-full .comments .comment .depth-3 .comment-author,
.page-full .comments .comment .depth-3 p { padding-left: 140px; width: 848px; }
.page-full .comments .comment .depth-4 .comment-author,
.page-full .comments .comment .depth-4 p { padding-left: 210px; width: 778px; }
.page-full .comments .comment .depth-5 .comment-author,
.page-full .comments .comment .depth-5 p { padding-left: 280px; width: 708px; }

.comments h3 { margin: 10px 0 0; padding: 5px 0; }
.comments p.logged-in-as,
.comments p.comment-form-comment,
.comments p.form-allowed-tags,
.comments p.form-submit,
.comments form p { padding: 5px 0 0 !important; float: left; clear: none !important; }
.comments p.form-allowed-tags { float: left; margin: 10px 0; font-size: 11px; background: url("images/icons/icon-info.png") left 3px no-repeat; padding: 0 0 0 25px !important; }
.comments .comment-author .fn { font-style: normal; font-weight: bold; font-size: 16px; }
.comments .comment-author .fn a { background-image: none; }
.comments .comment-author .says { display: none; }
.comments .avatar { float: left; border: 3px solid rgba(0,0,0,0.05); margin-right: 20px; }
.comments .comment-meta { float: left; margin-top: 4px; font-size: 11px; }
.comments .comment p { float: left; padding: 10px 0 0 0; clear: both; }
.comments .reply { position: absolute; right: 0; top: 15px; }
.comments .comment-awaiting-moderation { color: green; font-weight: bold; }
.comments .be-first { margin-bottom: 10px; }

/* Comments: Form - Respond */
#respond { float: left; width: 100%; padding-top: 20px; margin-top: 10px; border-top: 1px solid rgba(0,0,0,0.1); position: relative; }
#respond .required { margin-left: 5px; color: #f00a28; }
#respond #reply-title small a { position: absolute; top: 20px; right: 0; }
#respond .comment-notes { float: left; width: 100%; margin-bottom: 10px; }
#respond .comment-form-email { margin-right: 0; }
#respond .comment-form-comment { float: left; width: 100%; clear: both; padding-left: 0 !important; }
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url { float: left; width: 220px; margin-right: 20px; }
#respond .comment-form-url { margin-right: 0; }
#respond input { width: 198px; }
#respond textarea { width: 918px; height: 100px; }

.page-left #respond .comment-form-author,
.page-left #respond .comment-form-email,
.page-left #respond .comment-form-url { float: left; width: 220px; margin-right: 20px; }
.page-right #respond .comment-form-author,
.page-right #respond .comment-form-email,
.page-right #respond .comment-form-url { float: left; width: 220px; margin-right: 20px; }
.page-left #respond .comment-form-url,
.page-right #respond .comment-form-url { margin-right: 0; }
.page-left #respond input,
.page-right #respond input { width: 198px; }
.page-left #respond textarea,
.page-right #respond textarea { width: 678px; height: 100px; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Widget Areas
--------------------------------------------------------------------------------------------------------------------------------
*/

/* Widget Area: Footer */
.widget-area-footer { color: white; }
.widget-area-footer .widget-block { padding: 0; margin: 0; border-bottom: none; }
.widget-area-footer .widget-title { padding: 10px 0; margin: 0 0 10px; color: white; border-bottom: 1px solid rgba(255,255,255,0.05); }
.widget-area-footer ul { list-style: none; }
.widget-area-footer a:hover { color: white; }

.widget-area-footer-left,
.widget-area-footer-center,
.widget-area-footer-right { width: 300px; }
.widget-area-footer-left,
.widget-area-footer-center { margin-right: 20px; }

.widget-area-footer input,
.widget-area-footer textarea { width: 278px !important; }

/* Widget Area: Sidebar */
.widget-area-sidebar { width: 200px; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Widgets
--------------------------------------------------------------------------------------------------------------------------------
*/

.widget-block { width: 100%; padding: 0 0 10px 0; border-bottom: 1px solid rgba(0,0,0,0.1); }
.widget-title { font-size: 16px; margin: 5px 0 10px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.widget-block ul { float: left; padding: 0; clear: both; }

/* Widget: Tweets */
.widget_tweets .post-content { width: 100%; line-height: 14px; }
.widget_tweets .post-info { width: 100%; clear: both; margin: 5px 0 10px; font-size: 11px; font-style: italic; }
.widget_tweets .button a { margin: 0 0 10px; }

.widget-area-sidebar .widget_tweets .button a { margin: 0 0 20px; }

/* Widget: Contact */
.widget_contact { width: 100%; }
.widget_contact p { margin-bottom: 10px; }
.widget_contact input,
.widget_contact textarea { width: 178px; }
.widget_contact .validation-success-quick { width: 196px; border-color: white; }

.widget-area-footer .widget_contact .validation-success-quick { width: 296px; }

.widget-area-sidebar .widget_contact .validation-success-quick,
.widget-area-sidebar .widget_contact .validation-success-quick h4 { clear: both; border-color: #646464; color: #646464; }

/* Widget: About Box */
.widget_about_box {  }

/* Widget: Tags */
.widget_tag_cloud a { float: left; display: block; color: white !important; font-size: 11px !important; padding: 0 6px; margin: 0 2px 2px 0; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

/* Widget: Nav Menu */
.widget_nav_menu ul { width: 100%; }
.widget_nav_menu ul li { float: left; width: 100%; }
.widget_nav_menu ul li a { display: block; padding: 5px 0; text-decoration: none; border-bottom: 1px dotted rgba(0,0,0,0.1); position: relative; }
.widget_nav_menu ul li:last-child a { border: none; }
.widget_nav_menu ul li.current-menu-item a,
.widget_nav_menu ul li.current-menu-parent a { font-weight: bold; }
.widget_nav_menu .sub-menu { border-bottom: 1px dotted rgba(0,0,0,0.1); }
.widget_nav_menu .sub-menu li a { display: block; padding: 3px 10px; color: #949494; font-weight: normal !important; clear: both; }
.widget_nav_menu .sub-menu li.current-menu-item a { font-weight: bold !important; }

.widget-area-footer .widget_nav_menu ul li a { border-bottom: 1px dotted rgba(255,255,255,0.1); }

/* Widget: Search */
.widget_search .form-search { float: left; margin: 0; }
.widget_search .form-search input { color: #646464; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Shortcodes
--------------------------------------------------------------------------------------------------------------------------------
*/

/* Shortcodes: Columns */
.column { float: left; margin-bottom: 20px; }
.column.left { text-align: left; }
.column.center { text-align: center; }
.column.right { text-align: right; }
.column.alignleft { float: left; text-align: left; }
.column.aligncenter { float: left; text-align: center; }
.column.alignright { float: left; text-align: right; }
.full { float: left; width: 100%; }

/* Shortcodes: Full Page Columns */
.page-full .one-half { width: 450px; margin-right: 30px; }
.page-full .one-half.last { margin-right: 0 !important; clear: none; }
.page-full .one-third { width: 290px; margin-right: 30px; }
.page-full .two-third { width: 610px; margin-right: 30px; }
.page-full .one-third.last,
.page-full .two-third.last { margin-right: 0 !important; clear: none; }

/* Shortcodes: Page Columns */
.page-left .one-half,
.page-right .one-half { width: 335px; margin-right: 30px; }
.page-left .one-half.last,
.page-right .one-half.last { width: 335px !important; margin-right: 0 !important; padding-right: 0 !important; clear: none; }
.page-left .one-third,
.page-right .one-third { width: 210px; margin-right: 30px; }
.page-left .two-third,
.page-right .two-third { width: 450px; margin-right: 30px; }
.page-left .one-third.last,
.page-left .two-third.last,
.page-right .one-third.last,
.page-right .two-third.last { margin-right: 0 !important; padding-right: 0 !important; clear: none; }
.page-left .one-third.last,
.page-right .one-third.last { width: 210px !important; }
.page-left .two-third.last,
.page-right .two-third.last { width: 450px !important; }

/* Shortcodes: Featured paragraph */
.content-page p.featured { margin: 10px 0; font-size: 20px; }

/* Shortcodes: Dividers */
.divider { float: left; width: 100%; height: 1px; border-top: 1px solid rgba(0,0,0,0.1); margin: 10px 0 20px 0; }
.divider-dotted { float: left; width: 100%; height: 1px; border-top: 1px dotted rgba(0,0,0,0.2); margin: 10px 0 20px 0; }

/* Shortcodes: Alerts */
.alert-box { display: block; padding: 15px 20px; clear: both; font-size: 14px; margin: 10px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.alert-box.yellow { background-color: #d7cd82; color: white; }
.alert-box.yellow a { color: white; }
.alert-box.green { background-color: #508273; color: white; }
.alert-box.green a { color: white; }
.alert-box.red { background-color: #da4a57; color: white; }
.alert-box.red a { color: white; }
.alert-box.white { background-color: white; border: 1px solid #eceef2; background-image: url("images/bg-alert-dark.png"); }
.alert-box.blue { background-color: #4882b4; color: white; }
.alert-box.blue a { color: white; }
.alert-box.custom { color: white; }
.alert-box.custom a { color: white; }

/* Shortcodes: Blockquote */
blockquote { display: block; clear: both; border-left: 3px solid; padding: 5px 3%; font-family: "Georgia", Times New Roman, Times, serif !important; font-style: italic; font-size: 15px; margin: 20px 0; }

/* Shortcodes: Code */
pre { display: block; padding: 0 10px; margin: 10px 0 30px 0; background: url("images/bg-pre-code.png") left top repeat-y; line-height: 20px; clear: both; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
WordPress Common
--------------------------------------------------------------------------------------------------------------------------------
*/

/* WordPress Common: Admin Bar */
#wpadminbar { z-index: 1000 !important; }

/* WordPress Common: Media Align */
.alignleft { float: left; }
.aligncenter { margin: 0 auto; text-align: center; }
.alignright { float: right; text-align: right; }
.alignjustify { text-align: justify; }

img.alignleft { margin: 0 20px 20px 0; }
img.aligncenter { margin: 20px auto; }
img.alignright { margin: 0 0 20px 20px; }

/* WordPress Common: Captions */
.wp-caption { font-size: 11px; text-align: center; color: white; }
.wp-caption a, .wp-caption a:hover { background-image: none; background-color: transparent; }
.wp-caption img { border-color: white !important; }
.wp-caption.alignnone { float: left; margin: 10px 20px 10px 0; }
.wp-caption.alignleft { float: left; margin: 10px 20px 10px 0; }
.wp-caption.aligncenter { text-align: center; margin: 10px auto; }
.wp-caption.alignright { float: right; margin: 10px 0 10px 20px; }
.wp-caption-text { text-align: center; padding: 5px 0; }
.gallery-caption { font-size: 11px; text-align: center; color: white; }
.sticky {  }
.bypostauthor {  }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Button
--------------------------------------------------------------------------------------------------------------------------------
*/

/* Button: Default Button */
button,
.button a,
button.button-standard,
.button-standard a,
button.standard,
.standard a,
#respond #comment-submit,
.page-full #respond #comment-submit,
#respond #comment-submit,
.comments .reply a,
a#cancel-comment-reply-link {
	float: left;
	width: auto;
	padding: 5px 15px;
	margin: 10px 0;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: white !important;
	border: none;
	outline: none;
	line-height: normal;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;	
}
button:hover,
.button a:hover,
button.button-standard:hover,
.button-standard a:hover,
button.standard:hover,
.standard a:hover,
#respond #comment-submit:hover,
.page-full #respond #comment-submit:hover,
#respond #comment-submit:hover,
.comments .reply a:hover,
a#cancel-comment-reply-link:hover { color: white; cursor: pointer; }

/* Button: Sizes */
.button.small a,
button.small,
.button-standard.small a { font-size: 11px; padding: 3px 12px; }
.button.medium a,
button.medium,
.button-standard.medium a { font-size: 13px; padding: 5px 15px; }
.button.large a,
button.large,
.button-standard.large a { font-size: 16px; padding: 7px 20px; }

/* Button: Alignment */
.button.left a,
button.left { float: left; margin: 5px 10px 5px 0; }
.button.center a,
button.center { display: block; text-align: center; padding: 15px 0; clear: both; }
.button.right a,
button.right { float: right; margin: 5px 0 5px 10px; }

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Socials
--------------------------------------------------------------------------------------------------------------------------------
*/

.socials { list-style: none; margin-left: 5px; }
.socials li { float: left; display: inline; }
.socials li:first-child { padding-left: 0; background: none; }
.socials li a { float: left; padding: 5px 10px; color: #646464; background: white; border-left: 1px solid rgba(0,0,0,0.05); }
.socials li a:hover { color: white; }
.socials li:first-child a { border-left: 1px solid rgba(0,0,0,0); }

footer.footer .socials li a { background: transparent; color: white; border-left: 1px solid rgba(255,255,255,0.05); }
footer.footer .socials li:first-child a { border-left: 1px solid rgba(0,0,0,0); }
footer.footer .socials li:last-child a { padding-right: 0; }