/*
Theme Name: Galaxy
Theme URI: http://progressionstudios.com/
Description: Magazine WordPress Theme
Version: 1.6
Author: ProgressionStudios
Author URI: http://themeforest.net/user/ProgressionStudios/profile?ref=ProgressionStudios
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/*  Table of Contents 
01. HTML5 ✰ BOILERPLATE RESET FILE
02. COLORS AND FONTS
	A. COLORS
	B. FONTS
03. PRIMARY STYLES
	A. DEFAULT STYLES
	B. HEADER STYLES
	C. Social Icons 
04. HEADER AND MAIN CONTAINER STYLES
05. FOOTER STYLES
06. BLOG STYLES
07. PORTFOLIO STYLES
08. SIDEBAR AND WIDGET STYLES
09. FEATURED SLIDER
10. NAVIGATION
11. DEFAULT GRID
12. PRINT STYLES
13. LIGHTBOX STYLES
*/

/*
=============================================== 01. HTML5 ✰ BOILERPLATE RESET FILE ===============================================
*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.lt-ie8 .clearfix {visibility:hidden; width:0;height:0; clear:both;}


/*
=============================================== 02. COLORS AND FONTS ===============================================
*/
/* -------------------- A.  COLORS  -------------------- */
nav, .sf-menu ul {background:#82ba92;}
a, #sidebar a:hover, ul.tabs li a.active, ul.tabs li a:hover {text-decoration:none; color:#3396d1;}
a:hover {color:#4c7bab;}
footer, h2, h2:after {background-color:#393939; color:#fff;}
h2.red, h2.red:after {background-color:#be6054;}
h2.blue, h2.blue:after {background-color:#5489be;}
h2.green, h2.green:after {background-color:#82ba92;}
#sidebar h2, #sidebar h2:after, .sub-navigation-child {background-color:#5489be; display:block; }
h1, h3, h4, h5, h6 {color:#444444;}
.button, .small-button, body input#submit, .wpcf7 input.wpcf7-submit, #contactform input.small-button {background-color:#be6054;}
body, ul.tabs li a {color:#888888;}

/* -------------------- B.  FONTS  -------------------- */
nav, header ul.sub-navigation, h1, h2, h3, h4, h5, h6, .button, input#submit, .wpcf7 input.wpcf7-submit, .small-button, .pagination, #contactform label, .sub-navigation-child select {font-family: 'Open Sans', sans-serif; font-weight:bold;}


/*
=============================================== 03. PRIMARY STYLES ===============================================
*/
/* -------------------- A. DEFAULT STYLES -------------------- */
body {
	font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size: 14px; line-height: 1.6; 
	background-color:#f2f2f2;
	background-attachment:fixed;
}
body.contact {background:#fff;}
a, a:visited, a.button:hover, a.small-button:hover, input#submit, .wpcf7 input.wpcf7-submit {
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: color, opacity;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-duration: 200ms;
	-moz-transition-property: color, opacity;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-duration: 200ms;
	-o-transition-property: color, opacity;
	-o-transition-timing-function: ease-in-out;
}
p {padding-top:0px; margin:0px;}
p, ul, ol {margin-bottom: 14px;}
ul, ol {margin-left:0px; padding-left:16px;}
img {max-width: 100%; height: auto;}
h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; line-height:1.4;  }
h1 {font-size:25px; margin-bottom:12px; font-weight:normal;}
h2 { font-size:14px; margin-bottom:14px; padding:14px 20px; line-height:1; text-transform: uppercase; background-image:url(images/heading2.png); background-repeat:no-repeat; background-position:center right;}
body h2:after {display:none;}
h2:after {
	content:'';
	display:block;
	width:100%;
	height:10px;
	margin:-10px 50px 0 -17px;
	background-image:url(images/heading-sidebar-arrow.png);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	top:24px;
	left:0px;
}
h3 {font-size:20px; margin-bottom:7px; font-weight:normal;}
h4 {font-size:16px; margin-bottom:7px; font-weight:normal; }
h5 {font-size:15px; margin-bottom:7px; text-transform: uppercase; font-weight:normal;}
h6 {font-size:14px; margin-bottom:6px; text-transform: uppercase; font-weight:normal;}
.video-border {padding-bottom:10px;}
.portfolio-video {padding-bottom:10px;}
hr {background:transparent; display:block; border-bottom:1px solid #eee; border-top:none; margin:25px 0px;  }
ul.checkmark, ul.arrow {padding-left:0px;}
ul.checkmark li, ul.arrow li {list-style:none; padding-left:18px;}
ul.checkmark li {background:url(images/checkmark.png) 0px 2px no-repeat;}
ul.arrow li {background:url(images/sidebar-arrow.png) -4px 0px no-repeat;}
.alignright {float:right; margin:0 0 10px 10px;}
.alignleft {float:left; margin:0px 10px 10px 0px;}
.aligncenter {text-align:center;  margin:0px auto 6px auto; display:block; }
blockquote {background:url(images/blockquote.png) 0px 0px no-repeat; padding-left:40px; font-style:italic; line-height:1.8;}
.button, body input#submit {background-image:url(images/button.png); background-position: top right; background-repeat:none; color:#ffffff; text-decoration:none; line-height:1; cursor: pointer; padding:15px 67px 15px 20px; text-transform:uppercase; display:inline-block;  }
.button:hover  {background-position:bottom right;}
body input#submit {width:auto;}
.button:hover, .small-button:hover, input#submit:hover, .wpcf7 input.wpcf7-submit:hover {color:#fff;}
.small-button, #contactform .small-button, body input#submit, .wpcf7 input.wpcf7-submit {font-size:12px; background-image:url(images/small-button.png); background-position: top right; background-repeat:none; color:#ffffff; text-decoration:none; line-height:1; cursor: pointer; padding:12px 48px 12px 15px; display:inline-block;  }
.small-button:hover, #contactform .small-button:hover {background-position:bottom right;}
#contact-frame {max-width:100%; overflow:hidden; }
#contact-wrapper {width:100%; padding-top:0px; padding-bottom:10px;}
#contactform label.error { font-weight:normal; display:block; width:100%; font-style:italic; padding-left:82px; height:25px; margin-bottom:-25px; font-size:11px; color:#dd8b8b;}
#contactform input.error { border: 1px dotted #f4cbcb; background:#f8eded; }
p.error {color:#dd8b8b; font-weight:bold;}
p.success {color:#64ba7c; font-size:14px; font-weight:bold; padding-bottom:2px; }
p.success2 {padding-bottom:8px;}
#contactform label {width:70px; display:inline-block; vertical-align: top; color:#999; font-weight:bold;  padding-left:7px;}
.contact-form-border-input {border:1px solid #e1e1e1; margin-bottom:20px; width:563px;  background:#f7f7f7;}
input, textarea {border:1px solid #e1e1e1; background:#f7f7f7;padding:10px;}
#contactform input#contactname, #contactform input#email {width:460px;}
#contactform .contact-form-border {border:1px solid #e1e1e1; margin-bottom:20px; background:#f7f7f7; width:700px;}
#contactform textarea#message {width:596px;}
#contactform input, #contactform textarea {border-right:1px solid #ffffff; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #e1e1e1; padding:10px; background:#fff;}
#contactform input.small-button {width:auto; margin-left:82px; }
#mc_embed_signup label {display:block;}
#mc_embed_signup input {margin-top:12px;}
#mc_embed_signup .clear {display:inline; margin-left:-4px;}
#mc_embed_signup  input {height:30px; border:none; background:#fff; color:#ababab; font-style:italic; padding:2px 5px 2px 10px; line-height:1; font-size:13px; width:180px; }
#sidebar #mc_embed_signup  input {border:1px solid #e1e1e1;}
#mc_embed_signup input#mc-embedded-subscribe { width:34px; height:34px; display:inline-block; background:#82ba92 url(images/newsletter-icon.png) 11px 13px no-repeat; border:none; text-indent:-9999px; }
#mc_embed_signup input#mc-embedded-subscribe:hover {background-color:#70a980;}
.lt-ie9 #mc_embed_signup input#mc-embedded-subscribe {position:relative; top:9px;}
.lt-ie8 #mc_embed_signup input#mc-embedded-subscribe { top:0px;}
#map {padding-bottom:10px;}
#map iframe {width:100% !important; overflow:hidden; border:0px;}
.bypostauthor, .wp-caption, .wp-caption-text, .gallery-caption, .sticky {background:transparent;}

/* -------------------- B. HEADER STYLES -------------------- */
.header-widget {text-align:center; margin:15px auto -25px auto;}
header #logo {float:left;  }
.lt-ie9 header #logo {max-width:50%; }
header #logo img {  height: auto;}
#right-header-container {float:right; padding-top:15px;  }
header ul.sub-navigation {float:right; margin:6px 8px 0px 0px; padding:0px;}
header ul.sub-navigation li {display:inline; float: left; padding:0px 14px;}
header ul.sub-navigation a {color:#777777; text-decoration:none;}
header ul.sub-navigation a:hover {color:#aaaaaa;}
header .searchform {float:right; margin:0px 0px 0px 0px; padding:0px; }
.searchform {background:#f7f7f7; border:1px solid #e1e1e1; width:201px;}
input#s {
	-webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background;	-o-transition-timing-function: ease;
	background:transparent; border:none; line-height:1; 
	width:155px;
	position:relative;
	top:0px;
	padding:0px 4px 0px 7px;
	color:#999999;
}
input#searchsubmit {background:url(images/search.png) 0px -2px no-repeat; padding:0px;  height:30px; text-indent:-9999px; width:31px; border:none;}
input#s:focus {border:none; outline: none; box-shadow:none;}
.lt-ie8 input#searchsubmit {text-indent: -9000px; text-transform: capitalize;}
.assistive-text { display: none; }
#sidebar .searchform {width:236px;}
#sidebar #s {width:190px;}


/* -------------------- C. Social Icons -------------------- */
@font-face {
    font-family: 'SocialicoRegular';
    src: url('social-icons/socialico-webfont.eot');
    src: url('social-icons/socialico-webfont.eot?#iefix') format('embedded-opentype'),
         url('social-icons/socialico-webfont.woff') format('woff'),
         url('social-icons/socialico-webfont.ttf') format('truetype'),
         url('social-icons/socialico-webfont.svg#SocialicoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.social-icons {float:right; line-height:1; margin:0px; padding:0px;}
.social-icons a {font-family: 'SocialicoRegular'; color:#d3d3d3; font-size:35px; text-decoration:none; margin-left:-3px; line-height:1;}
#sidebar .social-icons, footer .social-icons {float:none;}
#sidebar .social-icons a, footer .social-icons a { font-size:40px;}
.social-icons a:hover {color:#b2b2b2;}
body .social-icons a.rss:hover, body #sidebar .social-icons a.rss:hover {color:#ee753a;}
body .social-icons a.facebook:hover, body #sidebar .social-icons a.facebook:hover {color:#3d61ac;}
body .social-icons a.twitter:hover, body #sidebar .social-icons a.twitter:hover {color:#57d7df;}
body .social-icons a.skype:hover, body #sidebar .social-icons a.skype:hover {color:#3abdee;}
body .social-icons a.vimeo:hover, body #sidebar .social-icons a.vimeo:hover {color:#46a0ba;}
body .social-icons a.flickr:hover, body #sidebar .social-icons a.flickr:hover {color:#3e74f0;}
body .social-icons a.tumblr:hover, body #sidebar .social-icons a.tumblr:hover {color:#526989;}
body .social-icons a.dribbble:hover, body #sidebar .social-icons a.dribbble:hover {color:#f04f8a;}
body .social-icons a.linkedin:hover, body #sidebar .social-icons a.linkedin:hover {color:#659aba;}
body .social-icons a.youtube:hover, body #sidebar .social-icons a.youtube:hover {color:#c65252;}


/*
=============================================== 04. HEADER AND MAIN CONTAINER STYLES ===============================================
*/
#main {width:1140px; padding:30px 40px 0px 40px; background:#fff; margin:50px auto 40px auto;   -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2); box-shadow: 0px 0px 4px rgba(0,0,0,0.2);   border:1px solid #d1d1d1; border: 1px solid rgba(0, 0, 0, 0.20);}
#content-sidebar {float:left; width:745px;}
#sidebar {float:right; width:375px;}





/*
=============================================== 05. FOOTER STYLES ===============================================
*/
footer { color:#bdbdbd; padding:25px 40px; margin:20px -40px 0px -40px; }
footer h2, footer h3, footer h4, footer h5, footer h6 {color:#fff; }
footer h5 {margin-bottom:12px; font-weight:bold;}
footer a {color:#ebebeb; text-decoration:none;}
footer a:hover, footer #copyright a:hover {color:#fff;}
footer #copyright {color:#777777; }
footer #copyright a {color:#bbbbbb;}
footer #copyright .copyright-right {float:right;}
footer #copyright .copyright-left {float:left;}
footer .grid4column {margin-bottom:20px;}


/*
=============================================== 06. BLOG STYLES ===============================================
*/
.homepage-spacer {padding-bottom:12px;}
.homepage-spacer-extra {padding-bottom:20px;}
.homepage-post-image {float:left; width:20%; padding-right:5%; padding-bottom:15px;}
.homepage-post {float:right; width:75%; padding-bottom:15px;}
.flexslider h3, .flexslider h3 a, .flexslider a {color:#fff;}
.flexslider {color:#bdbdbd;}
.flexslider a:hover, .flexslider .blog-post-icons a:hover {color:#fff;}
.flexslider .blog-post-icons .author-icon a:hover {background-position: 0px -597px;}
.flexslider .blog-post-icons .date-icon2 a:hover {background-position: 0px -537px;}
.flexslider .blog-post-icons .comments-icon a:hover {background-position: 0px -488px;}
.blog-post-icons {padding:0px 0px 5px 0px; position:relative; bottom:3px;}
.blog-post-icons a { background:url(images/icons.png) no-repeat; padding-left:18px; margin-right:7px; font-size:12px;}
.blog-post-icons {font-size:12px;}
.blog-post-icons .date-icon, .blog-post-icons .date-icon-portfolio {padding-left:18px; margin-right:7px;}
.blog-post-icons, .blog-post-icons a, #sidebar .blog-post-icons a, .tags a, .tags, .blog-post-icons .date-icon:hover {color:#c9c9c9;}
.blog-post-icons a:hover, #sidebar .blog-post-icons a:hover, .tags a:hover {color:#9d9d9d;}
.blog-post-icons .author-icon a {background-position: 0px -115px;}
.blog-post-icons .author-icon a:hover {background-position: 0px -353px;}
.blog-post-icons .comments-icon a {background-position: 0px -6px;}
.blog-post-icons .comments-icon a:hover {background-position: 0px -244px;}
.blog-post-icons .folder-icon a {background-position: 0px -173px;}
.blog-post-icons .folder-icon a:hover {background-position: 0px -411px;}
.blog-image-main {margin-bottom:15px;}

.blog-post-icons .date-icon2 a {background-position: 0px -55px;}
.blog-post-icons .date-icon2 a:hover {background-position: 0px -293px;}


.blog-post-icons .date-icon, .blog-post-icons .date-icon-portfolio {background:url(images/icons.png) no-repeat;  }
.blog-post-icons .date-icon {background-position: 0px -55px;}
.blog-post-icons .date-icon {background-position: 0px -55px;}
.blog-post-icons .date-icon-portfolio {background-position: 0px -115px;}


.tags { font-size:12px; background:url(images/icons.png) 0px -448px no-repeat; padding-left:17px; margin-bottom:20px;}
#about-author {border:1px solid #e1e1e1; background:url(images/about-author.png) top left no-repeat; margin-bottom:25px;}
#author-image {float:left; width:120px; padding:18px 0px;  text-align:center;}
#about-author-description {float:right; padding:22px 20px 5px 0px;}

#about-author-description {width:970px;}
#content-sidebar #about-author-description {width:580px;}

.type-post {padding:0px 0px 5px 0px;}
.pagination {padding:10px 0px;}
.pagination a {font-size:12px; color:#838383;  padding:12px 15px; background:#f5f5f5; border:1px solid #e1e1e1; display:inline-block; line-height:1; cursor: pointer; margin-right:7px; -webkit-transition-duration: 250ms; -webkit-transition-property: background, color; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 250ms; -moz-transition-property: background, color; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 250ms; -o-transition-property: background, color; -o-transition-timing-function: ease-in-out;}
.pagination a:hover, .pagination a.selected {background:#bbbbbb; border-color:#bbbbbb; color:#fff;}


/* -------------------- A. BLOG COMMENTS -------------------- */
#respond {padding-bottom:15px; padding-left:3px;}
#respond input, #respond textarea {display:block; font-size:13px; background:#fff; }
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment {font-size:90%; }
p.form-allowed-tags {font-size:11px; line-height:16px;}
p.form-allowed-tags code {display:block;}
#respond label {font-size:12px; padding-left: 0px; }
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment, #respond .form-allowed-tags, #respond .form-submit {padding:9px 0px 3px 0px;}
#respond .comment-notes {padding-bottom:10px;}
span.required {color:#dd8b8b;}

h3#reply-title a {color:#777; font-size:70%; margin-bottom:5px;}
h3#reply-title a:hover {color:#444;}
h2#comments-title {margin-bottom:25px;}

.commentlist {
	float:left;
	list-style: none;
	margin: 0 auto;
	width:78%;
	position:relative;
	left:101px;
}

.commentlist li.comment {
	background: #fbfbfb;
	border:1px solid #e1e1e1; 
	margin: 0 0 1.625em 0 !important;
	padding: 0.2em 1.4em 0.25em 1.4em;
	list-style:none ;
	position: relative;
}
.commentlist .avatar {left: -102px; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc;  padding: 0; position: absolute; top: 0;}
.commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; }
ol.commentlist ul.children, ol.commentlist ul.children  li {
	list-style: none ;
	margin:0px;
}
.commentlist .children li.comment {
	border-right:none;
	border-top:none;
	border-bottom:none;
	border-left: 1px solid #dadada;
	margin: 0em 0 0 0;
	padding:1em 1.6em 0em 2em;
	position: relative;
}
.commentlist .avatar {left: -102px; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc;  padding: 0; position: absolute; top: 0px;}
.commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; }
ol.commentlist ul.children, ol.commentlist ul.children  li {
	list-style: none;
	margin:0px;
}

#respond input {width:50%;}
#respond textarea {width:70%;}
#respond p.comment-form-author input, p.comment-form-email input, p.comment-form-url input, p.comment-form-comment textarea {display:block; padding-top:5px;}
#respond p.comment-form-author, p.comment-form-email, p.comment-form-url, p.comment-form-comment {font-size:90%;}

.commentlist .children li.comment .avatar {top:10px;}
.commentlist .children li.comment .fn { display: block; font-size:12px;}
.comment-meta .fn {font-weight: bold; display: block; font-size:14px; color:#4c4c4c;}
.comment-meta .fn a {font-weight:bold;}
.comment-meta a {text-decoration:none;}
.comment-meta {
	color: #666;
	font-size: 11px;
	padding-top:12px;
	padding-bottom:5px;
}
.commentlist .children li.comment .comment-meta {
	margin-left:45px ;
	padding-top:0px;
}
.commentlist .children li.comment .comment-content {
	margin: 0;
	padding:0px;
}

.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -10px;
	top:10px;
	position: absolute;
}
.commentlist > li.pingback:before { content: ''; }
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}

a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}
.commentlist > li.pingback:before { content: ''; }
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #e4e4e4;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #666;
	display: inline-block;
	font-size: 10px;
	font-family:Arial, Sans-serif;
	padding: 2px 9px;
	text-decoration: none;
	margin-bottom:20px;
}







/* Elastislide Style */
.es-carousel-wrapper{padding:5px 37px;
	position:relative;
	margin-bottom:10px;
}
.es-carousel{	overflow:hidden; }
.es-carousel ul{ display:none; }
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{ display:block; padding-right:14px;}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:0px;
	background:#393939 url(images/nav.png) no-repeat center left;
	width:30px;
	height:30px;
	margin-top:-15px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:0px;
	left:auto;
	background-position:center right;
}
.es-nav span:hover{
	opacity:1.0;
}

body #sidebar  .gp_social_links .gp_social_link {background:transparent ; border:none !important; margin:6px 0px 25px 0px ;}
body #sidebar  .gp_social_links .gp_social_link:hover, body #sidebar .gp_social_links .gp_social_link:focus {	box-shadow: 0 0 3px rgba(0,0,0,0) ;}


/*
=============================================== 07. PORTFOLIO STYLES ===============================================
*/

a.photo-hover img {opacity: 1; -webkit-transition-duration: 250ms; -webkit-transition-property: opacity; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 250ms; -moz-transition-property: opacity; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 250ms; -o-transition-property: opacity; -o-transition-timing-function: ease-in-out;}
a.photo-hover img:hover {opacity:0.65; filter:alpha(opacity=65);}
.portfolio-items-page img {padding:4px 0px 6px 0px;}


/*
=============================================== 08. SIDEBAR AND WIDGET STYLES ===============================================
*/
#sidebar h2 {margin:0px -24px 20px -24px;}
.sidebar-padding {padding:0px 22px 22px 22px;}
#sidebar a {color:#757575;}

#sidebar ul {margin:0px; padding:0px; background:url(images/list-background.png) top left no-repeat;}
#sidebar ul li {list-style:none; margin:0px 0px 15px 0px;  line-height:1;}
#sidebar ul li a { padding:0px 0px 0px 25px; display:block;}
#sidebar ul#recentcomments li { padding:0px 0px 0px 25px;}
#sidebar ul#recentcomments li a {padding:0px; display:inline;}
#sidebar ul#recentcomments li a:hover {background:transparent;}
#sidebar ul li a:hover, #sidebar ul li.current-menu-item a:hover {background:url(images/list-background.png) bottom left no-repeat;}
#sidebar .tagcloud a { padding:5px 10px 4px  14px; font-size:13px !important; line-height:1; display:inline-block; margin:0px 5px 8px 0px; background:url(images/tags.png) bottom left no-repeat;}
#sidebar .tagcloud a:hover {background-position: top left; color:#ffffff; } 

footer .tagcloud a { padding:5px 10px 4px  14px; color:#666; font-size:13px !important; line-height:1; display:inline-block; margin:0px 5px 8px 0px; background:url(images/tags.png) bottom left no-repeat;}
footer .tagcloud a:hover { color:#aaa; }


footer ul {margin:5px 0px 0px 0px; padding:0px; background:url(images/list-background-dark.png) top left no-repeat;}
footer ul li a:hover, footer ul li.current-menu-item a:hover {background:url(images/list-background-dark.png) bottom left no-repeat;}
footer ul li {list-style:none; margin:0px 0px 15px 0px;  line-height:1;}
footer ul li a { padding:0px 0px 0px 25px; display:block;}
footer ul#recentcomments li { padding:0px 0px 0px 25px;}
footer ul#recentcomments li a {padding:0px; display:inline;}

#jtwt {margin-bottom:20px; padding-bottom:30px; border-bottom:1px solid #eee;}
#jtwt_picture {float:left; padding:0px 5px 90px 0px;}
a#jtwt_date {font-size:10px;  padding-top:1px; font-style:italic; }
footer #jtwt {border-bottom:1px solid #555;}
.lt-ie9 #jtwt_picture {padding-bottom:20px;}

#flickr-footer ul {margin:0; padding:0;background:none; }
#flickr-footer ul li { padding:0px; margin:0px; list-style:none; display:inline; border:none; background:none;}
#flickr-footer ul li a {display:inline; background:transparent; padding:0px; background:none;}
#flickr-footer ul li img { width:72px; height:72px;  margin:0px 10px 10px 0px;-khtml-opacity: 1; opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1;  -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out;	transition: opacity 300ms ease-in-out;}
#flickr-footer ul li img:hover { -khtml-opacity: 0.5; opacity: 0.5; filter:alpha(opacity=50); -moz-opacity: 0.5;}
footer #flickr-footer ul li img { width:59px; height:54px; margin:0px 7px 7px 0px;}
ul#location-with-icons {background:none;}
ul#location-with-icons li {line-height:1.4; background:url(images/icons.png) no-repeat; padding-left:22px;}
ul#location-with-icons li#address-ico {background-position:0px -744px;}
ul#location-with-icons li#phone-ico {background-position:0px -930px;}
ul#location-with-icons li#fax-ico {background-position:2px -910px;}
ul#location-with-icons li#email-ico {background-position:0px -1029px;}

ul.tabs {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	list-style:none;
	border-bottom: solid 1px #ddd;  }
ul.tabs li {
	display: block;
	width: auto;
	height: 30px;
	padding: 0;
	float: left;
	margin-bottom: 0; }
ul.tabs li a {
	display: block;
	text-decoration: none;
	width: auto;
	height: 29px;
	padding: 0px 20px;
	line-height: 30px;
	border: solid 1px #ddd;
	border-width: 1px 1px 0 0;
	margin: 0;
	background: #f5f5f5;
	font-size: 13px; }
ul.tabs li a.active {
	background: #fff;
	height: 30px;
	position: relative;
	top: -4px;
	padding-top: 4px;
	border-left-width: 1px;
	margin: 0 0 0 -1px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px; }
ul.tabs li:first-child a.active {	margin-left: 0; }
ul.tabs li:first-child a {border-width: 1px 1px 0 1px;	-moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; }
ul.tabs li:last-child a { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }

ul.tabs-content { margin: 0 0 20px 0; display: block; list-style:none;}
ul.tabs-content > li { display:none; }
ul.tabs-content > li.active { display: block; }

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
ul.tabs:after { clear: both; }
ul.tabs {zoom: 1; }

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right:20px;
	overflow:hidden;
	width:41px;
	height:41px;
	border:none;
	text-indent:100%;
	background:url(images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(images/ui.totop.png) no-repeat left -41px;
	width:41px;
	height:41px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

#wp-calendar th {
font-style: normal;
color: #ccc;
font-size:11px;
padding:3px 0;
background-color:#444;
border:1px solid #d1d1d1;
}
#wp-calendar caption {font-style:italic; font-size:13px; line-height:22px;}

#wp-calendar td {
color: #8f8f8f;
border:1px solid #666;
font-size:12px ;
font-weight:normal;
letter-spacing: normal;
padding: 4px 0;
text-align: center;
}
#wp-calendar a {text-decoration:underline;}

#wp-calendar a:hover {
color: #7c7c7c;
}

#wp-calendar #today {
background: #8f8f8f;
color: #fff;
}

#wp-calendar {
border: 1px solid #ddd;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 90%;
}

#wp-calendar th {background-color:#ccc; color: #666; border:1px solid #999;}
#wp-calendar td { border:1px solid #999;}
#wp-calendar #today {
background: #bbb;
color: #fff;
}

.wpcf7 textarea {width:75%;}
.wpcf7 input {width:60%;}
.wpcf7 input.wpcf7-submit {width:auto;}


/*
=============================================== 09. FEATURED SLIDER ===============================================
*/
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative; zoom: 1; margin-bottom:20px;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li a {width: 34px; height: 34px; margin: -16px 0 0; display: block; background: url(images/slider/arrows.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position: -34px -34px; right: 15px;}
.flex-direction-nav li .next:hover {background-position: -34px 1px; }
.flex-direction-nav li .prev {left: 15px; background-position: 0px -34px;}
.flex-direction-nav li .prev:hover {background-position: 0px 1px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:16px; left:20px; text-align: left;}
.flex-control-nav li {margin: 0px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 19px; height: 20px; display: block; background: url(images/slider/button.png) no-repeat 0px -20px; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 0px;}
.flex-control-nav li a.active {background-position: 0 -40px; cursor: default;}

.flexslider img {text-align:center; margin:0 auto; }
.slider-content {background:#393939;}
.slider-content .slider-image {float:left; width:765px;}
.slider-content .slider-video {width:560px; padding-bottom:1px; }
.slider-text {float:right; width:335px; padding:30px 20px 20px 0px; margin:0px;}
.flexslider h3 a:hover {color:#bbb;}

.slider-text-overlay { float:right; position:relative; width:335px; padding:30px 20px 20px 20px; height:265px; margin-top:-315px;    background:#393939; background: rgba(57,57,57,.9);}

.caption-slider  {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.caption-slider {width:92%; padding:10px 4% 15px 4%;  margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.55); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); }
.caption-slider h3 {margin-bottom:0px;}
.caption-slider p {padding:0px; margin:0px;}
.caption-simple .flex-control-nav  { text-align:right; left:-40px;  }
.caption-simple .flex-control-nav li a {text-indent:99999px;}


/*
=============================================== 10. NAVIGATION ===============================================
*/
.sub-pagination {display:none;}
.sub-navigation-child {height:42px; float:right; position:relative; margin-bottom:-60px; padding-right:35px; right:46px; bottom:56px; background-image:url(images/select-arrow2.png); background-position: center right;  background-repeat: no-repeat;}
.sub-navigation-child select option {font-size:12px; background:#fff; color:#888;  }
.sub-navigation-child select { text-transform:none; display:block; margin:0px;  -webkit-appearance: none; -moz-appearance: normal; appearance: normal;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
font-size:12px;
border:none;
color: #fff;
padding:12px 15px 9px 10px;
background:transparent;
-moz-appearance: window;
}


/* -------------------- A. ESSENTIAL STYLES -------------------- */
/*** ESSENTIAL STYLES ***/
header nav {float:left; z-index:900; position:relative; }
nav select {display:none;}
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:	1.0;}
.sf-menu ul {position:	absolute; top:-999em;  width: 10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width: 100%;}
.sf-menu li:hover {visibility:		inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:			left ;position:		relative;}
.sf-menu a {display:block;  position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:	0; top:65px; /* match top ul list item height */z-index: 99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */ top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}

/* -------------------- B. RESIZING MENU -------------------- */
.sf-menu a {padding:16px 16px;}  /* Top Menu Size */
.sf-menu li:hover ul, .sf-menu li.sfHover ul {top:46px;} /* Move sub-menu down */
nav { width:100%; margin:15px 0px 20px 0px; padding:0px;}

/* -------------------- C. DEMO SKIN -------------------- */
nav li:first-child a {background: url(images/navigation-home.png) -1px 0px no-repeat; text-indent:-9999px; width:60px; padding:0px; height:46px; margin-right:-14px;}
nav li:first-child a:hover {opacity:.9;  background:url(images/navigation-home.png) -1px 0px no-repeat;}
nav ul ul li:first-child a {background-image:none; width:auto; height:auto; margin-right:0px; text-indent:0px;}
nav ul ul li:first-child a:hover {background-image:none; opacity: 1;}
.sf-menu {float: left; }
body .sf-menu a {
	color:#fff;
	text-decoration:none;
	font-size:14px;
	line-height:1;
	font-weight:bold;
	-webkit-transition-duration: 150ms;
	-webkit-transition-property: color, background;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-duration: 150ms;
	-moz-transition-property: color, background;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-duration: 150ms;
	-o-transition-property: color, background;
	-o-transition-timing-function: ease-in-out;
}
.sf-menu ul a {font-size:13px;}

 /* DEFAULT LINK  */
.sf-menu a, .sf-menu a:visited  {

}
 /* DEFAULT LINK HOVER AND SELETED  */
.sf-menu li.current-menu-item a, .sf-menu li.current-menu-item a:visited {
	
}

 /* HOVER BACKGROUND  */
.sf-menu a:hover, .sf-menu li a:hover, .sf-menu a:hover, .sf-menu a:visited:hover, .sf-menu li.sfHover a, .sf-menu li.sfHover a:visited {
	background-color: rgba(255, 255, 255, 0.15);
}

.sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li li a, .sf-menu li.sfHover li li a:visited, .sf-menu li.sfHover li li li a, .sf-menu li.sfHover li li li a:visited, .sf-menu li.sfHover li li li li a, .sf-menu li.sfHover li li li li a:visited {
	background-color: rgba(255, 255, 255, 0.15);
}

.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover a, .sf-menu li.sfHover li a:visited:hover, .sf-menu li li:hover a:visited,
.sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover a, .sf-menu li li.sfHover li a:visited:hover, .sf-menu li li li:hover a:visited,
.sf-menu li li li li:hover, .sf-menu li li li li.sfHover, .sf-menu li li li li a:focus, .sf-menu li li li li a:hover, .sf-menu li li li li a:active, .sf-menu li li li li.sfHover a, .sf-menu li li li.sfHover li a:visited:hover, .sf-menu li li li li:hover a:visited,
.sf-menu li li li li li:hover, .sf-menu li li li li li.sfHover, .sf-menu li li li li li a:focus, .sf-menu li li li li li a:hover, .sf-menu li li li li li a:active, .sf-menu li li li li li.sfHover a, .sf-menu li li li li.sfHover li a:visited:hover, .sf-menu li li li li li:hover a:visited  {
	outline: 0;
	background-color: rgba(255, 255, 255, 0.15);
}

.sf-menu li li a {padding:10px 10px;}
.sf-menu li:nth-child(2) ul { left:6px;}
.sf-menu li:nth-child(2) a {padding-left:25px;}
.sf-menu li:nth-child(2) li a {padding-left:15px !important; }
nav .sf-menu ul li:nth-child(2) a {padding-left:10px;}
.sf-menu li li, .sf-menu li li li, .sf-menu li li li li, .sf-menu li li li li li { margin:0px;   }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:		transparent; outline:		0;}


/*** arrows **/
.sf-menu a.sf-with-ul {padding-right: 	2.25em;	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:			.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
.sf-shadow ul { background:	url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}


/*
=============================================== 11. DEFAULT GRID ===============================================
*/
.grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig {float:left; margin-right:24px; }
.grid2column {width:558px; }
.grid3column {width:364px; }
.grid3columnbig {width:752px;  }
.grid4column {width:267px; }
.grid4columnbig {width:849px; }

#content-sidebar .grid2column {width:360px;}
#content-sidebar .grid4column {width:168px;}
#content-sidebar .grid4columnbig {width:552px;}
#content-sidebar .grid3column {width:232px;}
#content-sidebar .grid3columnbig {width:488px;}

body .lastcolumn, body #content-sidebar .lastcolumn {margin-right:0px !important;}



/*
=============================================== 12. PRINT STYLES ===============================================
*/
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/*
=============================================== 13. LIGHTBOX STYLES ===============================================
*/
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Contents
==================================================
00. RETINA CSS
01. TESTING TEXT
02. BASE STYLES (1240px)
03. #DESKTOP-LARGE (1140px)
04. #DESKTOP-SMALL (960px)
05. #Tablet (Portrait)
06. #Mobile (Portrait)
07. #Mobile (Landscape)
*/


/*
=============================================== 00. RETINA CSS ===============================================
*/
only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

nav li:first-child a, nav li:first-child a:hover, h2, h2:after {-webkit-background-size: 50% auto ;  
-moz-background-size: 50% auto;  
background-size: 50% auto ;}
nav li:first-child a, nav li:first-child a:hover {background-image: url(images/navigation-home%402x.html);}
h2 { background-image:url(images/heading2%402x.html);}
h2:after {background-image:url(images/heading-sidebar-arrow%402x.html);}


}


/*
=============================================== 01. TESTING TEXT ===============================================
*/
body:after {position:relative; z-index:55; content: "less than 320px";font-size: 300%;font-weight: bold;position: fixed;bottom: 60px;width: 100%;text-align: center;background-color: hsla(1,60%,40%,0.7);color: #fff;
display:none !important; /* -------------------- ADD OR REMOVE display:none !important; to display testing text -------------------- */}



/*
=============================================== 02. BASE STYLES (1240px) ===============================================
*/
/* Note: Design for a width of 1240px */
body:after {content: "Wider than 1240px";background-color: hsla(200,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */
html {-webkit-text-size-adjust: none;}	/* Removes webkit font resizing */ 
body {max-width:100%; width:100%;}
img {max-width:100%; height: auto; }
.lt-ie9 img {width: auto; }
#main, #content-sidebar, #sidebar, .slider-content .slider-image, .slider-text, .slider-text-overlay {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig, #content-sidebar .grid2column, #content-sidebar .grid3column, #content-sidebar .grid3columnbig, #content-sidebar .grid4column, #content-sidebar .grid4columnbig {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;  }

/*
=============================================== 03. #DESKTOP-LARGE (1140px) ===============================================
*/
/* Note: Design for a width of 1140px */
@media only screen and (min-width: 1140px) and (max-width: 1240px) {
body:after {content: "1140px to 1224px";background-color: hsla(150,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ 

/* Main Containers */
#main {width:1045px;}
#content-sidebar { width:680px;}
#sidebar {width:345px;}
.slider-content .slider-image { width:700px;}
.slider-text { width:300px; padding-top:25px; padding-bottom:15px;}
.slider-text-overlay {  width:300px;height:243px; margin-top:-288px; padding-top:25px;}


/* Default Grid */
.grid2column {width:510px;  }
.grid3column {width:332px; }
.grid3columnbig {width:688px;  }
.grid4column {width:243px; }
.grid4columnbig {width:777px; }

#content-sidebar .grid2column {width:328px;}
#content-sidebar .grid4column {width:152px;}
#content-sidebar .grid4columnbig {width:504px;}
#content-sidebar .grid3column {width:210px;}
#content-sidebar .grid3columnbig {width:444px;}


/* Misc Adjustments */
#flickr-footer ul li img { width:65px; height:65px;} 
footer #flickr-footer ul li img { width:52px; height:52px; }
.contact-form-border-input { width:490px;  }
#contactform input#contactname, #contactform input#email {width:387px; }
#contactform .contact-form-border {width:575px;}
#contactform textarea#message {width:472px; }
#about-author-description {width:882px;}
#content-sidebar #about-author-description {width:510px;}



}



/*
=============================================== 04. #DESKTOP-SMALL (960px) ===============================================
*/
/* Note: Design for a width of 960px */
@media only screen and (min-width: 959px) and (max-width: 1140px) {
body:after {content: "959px to 1139px";background-color: hsla(0,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ 

/* Main Containers */
#main {width:882px; padding:30px 30px 0px 30px; }
#content-sidebar { width:565px;}
#sidebar {width:300px;}
footer { margin:20px -30px 0px -30px;  padding:30px 30px 25px 30px;}
#sidebar h2 {margin:0px 0px 20px 0px;}
.sidebar-padding {padding:0px 0px 22px 0px;}

/* FEATURED SLIDER */
.slider-content .slider-image { width:591px;}
.slider-text { width:250px; padding-top:25px; padding-bottom:10px;}
.slider-text-overlay { float:right; position:relative; width:250px;  height:198px; margin-top:-243px; padding-top:25px;}
.flexslider .blog-post-icons {padding-bottom:9px;}
.slider-text p, .flexslider .blog-post-icons a.comments-icon, .slider-text-overlay p {display:none;}

/* Default Grid */
.grid2column {width:428px;  }
.grid3column {width:277px; }
.grid3columnbig {width:579px;  }
.grid4column {width:202px; }
.grid4columnbig {width:654px; }

#content-sidebar .grid2column {width:270px;}
#content-sidebar .grid4column {width:123px;}
#content-sidebar .grid4columnbig {width:417px;}
#content-sidebar .grid3column {width:172px;}
#content-sidebar .grid3columnbig {width:368px;}


/* Misc Adjustments */
.sf-menu a {padding:16px 12px;}  /* Top Menu Size */
#flickr-footer ul li img { width:65px; height:65px;} 
footer #flickr-footer ul li img { width:41px; height:41px; }
.contact-form-border-input { width:470px;  }
#contactform input#contactname, #contactform input#email {width:367px; }
#contactform .contact-form-border {width:520px;}
#contactform textarea#message {width:417px; }
#mc_embed_signup  input { width:150px; }
#about-author-description {width:718px;}
#content-sidebar #about-author-description {width:400px;}

}



/*
=============================================== 05. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
body:after {content: "768 to 959px";background-color: hsla(270,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ 

/* Main Containers */
#main {width:702px; }
#main, footer {padding:30px 25px 0px 25px;}
footer {padding-bottom:25px;}
#content-sidebar { width:432px;}
#sidebar {width:250px;}
footer { margin:20px -25px 0px -25px; }
#sidebar h2 {margin:0px 0px 20px 0px;}
.sidebar-padding {padding:0px 0px 22px 0px;}

/* FEATURED SLIDER */
.slider-content .slider-image { width:100%;}
.slider-text, .slider-text-overlay { width:220px; height:254px; margin-top:-289px; margin-right:0px; padding:20px 20px 15px 20px;  background:#393939; background: rgba(57,57,57,.9);}
.slider-text-overlay { float:right; position:relative; width:210px; padding:20px 0px; margin:0px; height:153px; margin-top:-193px;  padding:20px;  background:#393939; background: rgba(57,57,57,.9);}
.flexslider .blog-post-icons {padding-bottom:9px;}
.slider-text p, .flexslider .blog-post-icons a.comments-icon, .slider-text-overlay p {display:none;}


/* Default Grid */
.grid2column {width:338px;  }
.grid3column {width:218px; }
.grid3columnbig {width:460px;  }
.grid4column {width:157px; }
.grid4columnbig {width:519px; }

#content-sidebar .grid2column {width:204px;}
#content-sidebar .grid4column {width:90px;}
#content-sidebar .grid4columnbig {width:318px;}
#content-sidebar .grid3column {width:128px;}
#content-sidebar .grid3columnbig {width:280px;}



/* Misc Fixes */
.commentlist {width:72%;}
.sf-menu a {padding:16px 9px;}  /* Top Menu Size */
#flickr-footer ul li img { width:52px; height:52px;} 
footer #flickr-footer ul li img { width:31px; height:31px; }
.contact-form-border-input { width:420px;  }
#contactform input#contactname, #contactform input#email {width:317px; }
#contactform .contact-form-border {width:420px;}
#contactform textarea#message {width:317px; }
#mc_embed_signup  input { width:90px; }
#about-author-description {width:538px;}
#content-sidebar #about-author-description {width:260px;}


}



/*
=============================================== 06. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
body:after {content: "0 to 480px"; background-color: hsla(90,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ 


/* Main Containers */
#main {width:300px; }
#main, footer {padding:30px 15px 0px 15px; }
#content-sidebar { width:100%;}
#sidebar {width:100%;}
footer { margin:20px -15px 0px -15px; }

/* FEATURED SLIDER */
.slider-content .slider-image { width:100%;}
.slider-text, .slider-text-overlay { display:none;}
.commentlist {width:95%; left:0px;}
.commentlist .children li.comment .comment-meta {margin-left:0px;}
.commentlist .avatar {display:none;}

.lt-ie9 header #logo {max-width:80%; }
header #logo img {max-width:80%; }


/* Default Grid */
.grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig, #content-sidebar .grid2column, #content-sidebar .grid3column, #content-sidebar .grid3columnbig, #content-sidebar .grid4column, #content-sidebar .grid4columnbig {width:100%; margin-bottom:15px;}

/* Misc Fixes */
header #logo, .social-icons, footer #copyright .copyright-right, footer #copyright .copyright-left {float:none; margin:0 auto; text-align:center;}
footer #copyright {padding:7px 0px 25px 0px;}
#right-header-container {float:none; display:block;}
header .searchform {float:none; margin:0px auto;}
header ul.sub-navigation {padding:15px 0px 10px 0px; float:none; margin:0px auto; text-align: center;}
header ul.sub-navigation li {padding:0px 4px; float:none;}
.flex-direction-nav {display:none;} 
.contact-form-border-input { width:290px;  }
#contactform input#contactname, #contactform input#email {width:187px; }
#contactform .contact-form-border {width:290px;}
#contactform textarea#message {width:187px; }
#content-sidebar #about-author-description, #about-author-description {width:140px;}
#respond input {width:70%;}
#respond textarea {width:80%;}

/* Select Menu */
body nav {background:transparent;}
nav ul, .sub-navigation-child { display: none; }  
nav select option {font-size:12px; background:#fff; color:#888;}
header nav {float:none; text-align:center; z-index:0; }
nav select { text-transform:none; display:block; margin:15px auto 20px auto; width:300px; min-width: 150px; max-width: 100%; -webkit-appearance: none; -moz-appearance: normal; appearance: normal;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none;-moz-user-select: none;
background-image: url(../images/select-arrow.png),  -webkit-linear-gradient(#FAFAFA, #f9f9f9 40%, #e8e8e8);
background: linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
background-position: center right; background-repeat: no-repeat;
font-size:13px;
border: 1px solid #aaaaaa;
color: #555555;
padding:7px 5px 7px 10px;}


}


/*
=============================================== 07. #Mobile (Landscape) ===============================================
*/
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
body:after { content: "480 to 767px"; background-color: hsla(150,50%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */




/* Main Containers */
#main {width:440px;  }
#main, footer {padding:30px 20px 0px 20px;}
footer { margin:20px -20px 0px -20px; }


.lt-ie9 header #logo {max-width:70%; }
header #logo img {max-width:70%; }

/* Misc Fixes */
.contact-form-border-input { width:420px;  }
#contactform input#contactname, #contactform input#email {width:317px; }
#contactform .contact-form-border {width:420px;}
#contactform textarea#message {width:317px; }
#content-sidebar #about-author-description, #about-author-description {width:280px;}

}
body { background:#f2f2f2 url(../../../image/bg.png); } 
nav, .sf-menu ul {background:#82ba92;}
#sidebar h2, #sidebar h2:after, .sub-navigation-child {background-color:#5489be;  }
a, #sidebar a:hover, ul.tabs li a.active, ul.tabs li a:hover {color:#3396d1;}
a:hover {color:#4c7bab;}
footer {background-color:#393939;}
h1, h3, h4, h5, h6 {color:#444444;}
h2, h2:after {background-color:#393939;}
.button, .small-button, body input#submit, .wpcf7 input.wpcf7-submit, #contactform input.small-button {background-color:#be6054;}
nav, header ul.sub-navigation, h1, h2, h3, h4, h5, h6, .button, input#submit, .wpcf7 input.wpcf7-submit, .small-button, .pagination, #contactform label, .sub-navigation-child select {font-family: 'Open Sans', }