style.css

/*
Theme Name: Spritz
Theme URI: http://www.dynamick.it
Description: A tasty HTML5 WordPress Theme
Version: 1.3
Author: Michele Gobbi (@dynamick)
Author URI: http://www.dynamick.it
Tags: bootstrap, HTML5, CSS3

License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/

/* =============================================================================
   HTML5 Reset
   ========================================================================== */

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;}
body {margin:0;font-size:1em;line-height:1;}
p {padding:7px 0 0 0;}

h1,h2,h3,h4,h5,h6 {text-decoration:none;padding:0;color:#333;margin:0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:700;}

a {color:#41B8D8;text-decoration:none;}
a:focus {outline:0;}
a:hover, a:active {outline:0; color:#E7492F; text-decoration:none;}

abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:bold;}
.clear {clear:both;}
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:90%;}
blockquote {background-color:#EEE;border:1px solid #DDD;margin:10px 0;padding:10px 30px;border-radius:3px;}

sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}

ul {margin:0;padding:0;list-style:none;}
ol {margin:15px;}
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:none;*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:#F3F3F3;}
table {border-collapse:collapse;border-spacing:0;}
td {vertical-align:top;}

/* =============================================================================
   General Styles
   ========================================================================== */
   
/* Font Face Setup, add fonts to /fonts/ folder and link up below with filenames */
/*
@font-face {
	font-family:'YanoneKaffeesatz-Regular';
	src:url('fonts/YanoneKaffeesatz-Regular-webfont.eot');
	src:url('fonts/YanoneKaffeesatz-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/fYanoneKaffeesatz-Regular-webfont.woff') format('woff'),
	url('fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'),
	url('fonts/YanoneKaffeesatz-Regular-webfont.svg#YanoneKaffeesatz-Regular') format('svg');
    	font-weight:normal;
    	font-style:normal;
 }
 */

body {
	font-family:  "Helvetica Neue", 'Open Sans', Helvetica, Arial, sans-serif; /* Serve Helvetica Neue, with Helvetica fallbacks to Arial */
	font-size:1em;/*16px;*/
	font-weight:300; /* Better supported than 'lighter' attribute */
	line-height:1.5em; /*24px;*/
	/*
	-webkit-font-smoothing:antialiased; 
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	*/
	text-rendering:optimizeLegibility; /* Optimise legibility for some CSS3 kerning */
	color:#333; /* Lighter on the eyes than #000 Black */
}

h1, h2, h3, h4, h5, h6 {font-family: 'Lora', serif;}
.label a {color:white;}
a.post_thumbnail {border:0; box-shadow:none; -webkit-box-shadow:none; border-radius:0; -webkit-border-radius:0; padding:0;}
a.post_thumbnail:hover {border:0; box-shadow:none;-webkit-box-shadow:none; }

/* =============================================================================
   Structure
   ========================================================================== */

/* Site Structure  */

.main {background-color:#FFF;box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.5);	-webkit-box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.5);border-top:0;border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; padding: 0em 0 1em 0;position:relative;}

/* Header
------------------------------------------------------------ */
header.head {background:transparent url(img/header-bg.png) bottom left repeat-x; position:relative;}
header .inner {margin-top: 10px; padding-top:8px; border: 1px solid rgba(0, 0, 0, 0.1);	border-width: 1px 1px 0 1px; background: white; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; /*position:relative; z-index:10;*/}
#logo {position: absolute; top: -12px; z-index:1000; margin-left:44px;-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
#logo:hover {top: 0px;}
#logo h1 {margin: 0; 	padding: 0;}
#logo h1 a {display: block;}
#logo h1 a img {}
.channels {width:130px; margin: 23px auto;}	 
.channels li { float: left; margin-left: 0px;  position: relative; padding: 12px 4px 12px; }
.channels li a {  background-image: url(img/channels.png);  display: block; height: 23px; text-indent: -9999em; width: 23px;  }
.channels li a {-webkit-transition: opacity 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s; transition: opacity 0.2s ease 0s; }
.channels li.rss a {background-position: -23px 0;opacity: 0.45;}
.channels li.facebook a {background-position: -23px -23px; opacity: 0.45;}
.channels li.twitter a {background-position: -23px -46px;opacity: 0.45;}
.channels li.newsletter a {background-position: -23px -69px; opacity: 0.45;}
.channels li a:hover, nav .channels li a:focus, nav .channels li.rss.modaled a {opacity: 1;}
header nav {padding-bottom: 18px;  /*border:1px solid rgba(0,0,0,0.1); border-width: 0 0 1px 0;*/}
.ribbon {margin: 0 -11px -1px;  background: #E5E5E5; position:relative; border-bottom:1px solid #CDCDCD; border-top:1px solid #CDCDCD;}
.ribbon:after {content:""; position: absolute;right:-1px; bottom: -12px; width: 0; height: 0;border-top:0; border-left: 11px solid #999; border-bottom: 11px solid transparent; }
.ribbon:before {content:""; position: absolute;left:0px; bottom: -11px;width: 0; height: 0;border-top:0; border-right: 10px solid #999; border-bottom: 10px solid transparent; }

/* selectnav responsive menu */
.selectnav { display: none; }

/* bootstrap menu nav */
.ribbon .navbar-inner {background:none; border:0; box-shadow: none; margin-left: 213px;}
.ribbon .navbar {margin-bottom:0;}
.ribbon .navbar .dropdown-menu {margin-top: -3px}
.dropdown-menu li > a {line-height:1.3em; }
.dropdown-menu li > a:hover {background-color: #7EC200; background-image:none; color:white;}
.navbar .nav > li > a:before {content:'\272A'; color: #E7492F; font-size:1em; margin-right: 4px;}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {background-image: none; background-color: #96DC00; }
.dropdown-menu .active > a:hover  {color:white;}

/* POST BODY
 ------------------------------------------------------------ */

#featured-wrapper {min-height: 212px; background:#444; box-shadow: 0 0 100px 1px rgba(0, 0, 0, 1) inset, 0px 3px 2px 0px; -webkit-box-shadow: 0 0 100px 1px rgba(0, 0, 0, 1) inset, 0px 3px 2px 0px; position:relative; margin-top:-17px; padding: 60px;}
.carousel {margin-bottom:0}
.carousel-caption h4 a {color:#fff; text-shadow:0 1px #000;}
nav .breadcrumb {background: transparent; font-size:0.7em; padding: 0; margin: 2em 0 0 0; position:relative; border-bottom:1px dotted #CCC;}

div.section {padding: 2em 60px 2em; background: #F2F2F2; position:relative; top: -17px; background:#444; box-shadow: 0 0 100px 1px rgba(0, 0, 0, 1) inset, 0px 3px 2px 0px; -webkit-box-shadow: 0 0 100px 1px rgba(0, 0, 0, 1) inset, 0px 3px 2px 0px; }
div.section h1, div.section h2 {color:#fff; text-shadow: 0 1px #000; }
div.section ul {display:inline; margin:0; padding:0;}
div.section li {display:inline; list-style-type:none; padding:0;}
div.section .breadcrumb {border-bottom: 0;}
div.section .breadcrumb li {text-shadow: 0 1px #000;}
div.section .avatar {padding: 5px 5px 5px 0;}
div.section .author-desc {color:#aaa; text-shadow: 0 1px #000; font-size:0.8em;}

article { border-bottom:3px solid #E7492F; position:relative;}
.single article, .page article {border:0;}
article .inner{padding:0 60px;overflow:hidden;}
article .prefix {font-family: 'Lora', serif;color: #999; margin-top:2em; margin-bottom:0.5em; font-weight:400; text-shadow: 0 1px #FFFFFF; font-size: 1em;}
article .prefix a{color: #999;}
article h2, article h1 {font-size:2em;line-height:1.1em;text-shadow: 0 1px #FFF}
article h2 a, article h1 a {color: #333;}
article .post_details {font-family: 'Lora', serif; padding-top:0.5em;color: #999; overflow:hidden; list-style-type:none; margin: 0 0 1em;}
article .posted_by {font-family: 'Lora', serif; display:block; padding-bottom: 0.5em; border-bottom: 1px dotted #ccc;margin-bottom:0.5em; font-size: 1.25em;line-height: 1.35em;}
article .date {background:url(img/icon-calendar.png) 0 1px no-repeat; padding-left: 28px; float:left; margin-right: 28px;}
article .comments {background:url(img/icon-comments.png) 0px 1px no-repeat; padding-left: 28px; float:left;}
article .post_thumbnail {margin-top:1em;}
article .catribbon {background-color: #E7492F; color: #fff;height: 32px;line-height: 32px; margin: 0 0 -32px -70px; padding-left: 10px;position: absolute;text-align: center; width: 150px;z-index: 10;}
article .catribbon:before {content:""; position: absolute;left:0; bottom: -10px;width: 0; height: 0;border-top:0; border-right: 10px solid #99756F; border-bottom: 10px solid transparent; }
article .catribbon span:before {content:'';}
article .catribbon span:after {content:'';}
article a.post_thumbnail { display:block; position:relative; margin:0 -60px; }
article .excerpt {margin: 1em 0 2em;}
article .view-article {display:block; margin: 0.5em 0 1em;}
article .view-article:after {content:'\21E8'; padding-left:4px;}
nav#pagination {text-align:center; margin: 1em 0; position:relative; /*z-index: 10*/}
nav#pagination > * {margin: 0 9px;}

/* post body */
section ul, article ul {list-style-type: disc;}
section ul, section ol, article ul, article ol { margin: 0.5em 1.5em;}
section li, article li { padding: 0.25em 0;}
.post_content h2, .post_content h3, .post_content h4, .post_content h5 {letter-spacing: 0.125em; padding: 1.5em 0 1em; text-transform: uppercase;font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;font-style: normal;font-weight: 700;}	
.post_content h2 { font-size: 1.5em; font-family: "Lora", serif;  text-transform: none;}
.post_content h3 { font-size: 1.0em; }
.post_content h4 { font-size: 1.0em; }
.post_content h4 { font-size: 0.8em; }
.post_content img {margin: 4px 4px 4px 0; padding: 4px; background-color: white; border:0px solid rgba(0,0,0,0.1)}
.post_content .carousel-inner img {margin:0; padding:0;}
.post_content p a {text-decoration:underline;}
.post_content p a:hover {text-decoration:underline;}
.post_content .media-heading {padding:0!important;}
.post_content p.full_page {margin:0 -60px;}
.post_content p.full_page img {margin:0; padding:0;}

/* Special posts
------------------------------------------------------------ */

article.spritz_special {background:#444; color:white; box-shadow: 0 0 100px 1px rgba(0, 0, 0, 1) inset, 0px 3px 2px 0px; -webkit-box-shadow: 0 0 100px 1px rgba(0, 0, 0, 1) inset, 0px 3px 2px 0px; }
article.spritz_special .prefix {color: #999; text-shadow: 0 1px #000;}
article.spritz_special .prefix a{color: #999;}
article.spritz_special h2 {text-shadow: 0 1px #000}
article.spritz_special h2 a, article.spritz_special h1 a {color: #fff;}
article.spritz_special .post_details {color: #fff; }
	
/* Portfolio container
------------------------------------------------------------ */
	 
.portfolio-container {padding:0 48px;}
.portfolio-container article {padding-bottom:1em; position:relative;}
.portfolio-container article h3 {line-height: 1.3em; padding-top: 1em;}
.portfolio-container .portfolio-thumb { display:block; position:relative; z-index:2;}
.portfolio-container article .portfolio-thumb:before {position:absolute; content:''; background: no-repeat top left; width: 173px; height:171px; top:-11px; right: -11px; z-index:2}		
.portfolio-container article.green .portfolio-thumb:before {background-image: url(img/green-ribbon.png);}
.portfolio-container article.red .portfolio-thumb:before {background-image: url(img/red-ribbon.png);}
.portfolio-container article.violet .portfolio-thumb:before {background-image: url(img/violet-ribbon.png);}
.portfolio-container article.blue .portfolio-thumb:before {background-image: url(img/blue-ribbon.png);}
.portfolio-container article.yellow .portfolio-thumb:before {background-image: url(img/yellow-ribbon.png);}


/* Author box
------------------------------------------------------------ */

.author-box {background:#444; color:#999; box-shadow: 0 0 100px 1px rgba(0, 0, 0, 1) inset, 0px 3px 2px 0px; -webkit-box-shadow: 0 0 100px 1px rgba(0, 0, 0, 1) inset, 0px 3px 2px 0px; font-size: 0.8em; margin: 4em -60px; padding: 2em 60px; overflow:hidden;}
.author-avatar {margin-right: 20px;}
.author-box h2 {padding-top:4px; color: #111;  text-shadow: 0px 2px 3px #555;}
.author-box h2 small {letter-spacing:0; font-size: 0.8em;}
.author-box a {color: #111;}
.author-box a:hover {color: #E7492F;}

/* Newsletter
------------------------------------------------------------ */

#newsletter {background-color: #f5f5f5;border: 10px solid #ddd;margin: 50px 40px; }
#newsletter .white-border {border: 1px solid #fff;}
.newsletter-wrap {	background: url(img/newsletter.png) no-repeat top left;	margin: -17px -18px; overflow: hidden;	padding: 45px 30px 40px; text-align: center; text-shadow: 1px 1px #fff;	}
.newsletter-wrap p {margin: 0 25px 20px;text-align: center;}
.newsletter-wrap h4 {font-size:24px; margin:0 0 13px; padding:0; font-family: "Lora", serif;}
.newsletter-wrap input[type="email"] {background: #fff url(img/newsletter-box.png) no-repeat center left;color: #999; margin: 0 5px;padding: 8px 0 7px 37px;width: 60%;}

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

#newsletter-header {background-color: #171717;display: none;position: absolute;padding: 20px;right: 0px;top: 80px;	z-index: 9999;}
#newsletter-header p {color: #fff;	margin: 0 0 15px; }
#newsletter-header input[type="email"] {border-radius: 1000px;	-webkit-border-radius: 1000px; background: #fff;color: #999;font-size: 0.8125em; margin: 0 5px;	outline: none; padding: 14px 20px 12px; text-transform: uppercase;	width: 225px;}	 
	 
/* Comments
------------------------------------------------------------ */

#comments {margin-top: 3em;}
h3.comments-title { border-bottom: 1px dashed rgba(0,0,0,0.2); font-size: 1.8em; padding-bottom: 0.25em; margin-bottom: 1.25em; margin-top: 30px;}
ol.commentlist {list-style-type: none; margin: 0; padding:0;}
ol.commentlist ul, ol.commentlist ol { list-style: none outside none;}
.comment-author.vcard {font-size: 18px; display:inline;margin-left:50px;line-height:40px; font-family: 'Lora', serif;}
.comment-meta {display:inline}
.comment-meta a { font-size: 14px;line-height:40px;color: rgba(0, 0, 0, 0.4);border-bottom: 1px dotted rgba(0, 0, 0, 0.1); margin-left: 18px;}
.commentlist .comment-body .avatar {border-bottom: medium none;left: 0;position: absolute;right: auto;top: 0;width: 40px;height: 40px;border-radius: 50%;-webkit-border-radius: 50%;background-color:white;margin-top:0;padding:0;}
.commentlist .comment-body cite {font-style: normal; font-size:24px;line-height:40px;}
.commentlist .comment-body cite a {line-height:40px; }
.commentlist .comment-body {background-color: #FFF;border-width: 0 0 0px 0;margin-bottom: 2em;min-height: 90px;position: relative;}
.commentlist .comment-body .comment-text {border:1px solid rgba(0, 0, 0, 0.1);padding: 0 10% 0 2.5%;white-space: pre-line; word-wrap: break-word;margin-top:0.5em;}
.commentlist .reply {position:absolute; bottom:1em; right:0; font-size:16px;}
.commentlist .bypostauthor .comment-body {background-color: #FFFFFF;}
.commentlist .comment-body .says {display: none;}
.comment-reply-link {position: absolute;right: 20px;top: 20px;}
.commentlist .children > li {margin-bottom: 10px;padding-bottom: 10px;padding-left: 30px;}
.commentlist .children li > .comment-body .comment-text{background-color: #EEEEEE;}
.commentlist .highlighted > .comment-body .comment-text{border: medium none;padding: 1px !important;}
#reply-title {padding-top:0;}
#respond {margin-bottom: 4em;}
.form-allowed-tags {display: none;}
#commentform label {font-family: 'Lora', serif; font-size: 1em; font-weight: bold;}
#commentform #author, #commentform #email, #commentform #comment {width:100%}

/* Sidebar
------------------------------------------------------------ */

aside {text-align:center; margin-bottom:80px;}
.sidebar {margin-top: 2em;font-size: 14px; text-align:left; line-height: 1.5em;}
.sidebar p {line-height: 1.5em;}
.sidebar-widget h3 {font-size: 24px; font-weight:bold; line-height: 1.2em; margin: 0 0 0.5em; border-bottom:1px dashed rgba(0,0,0,0.2); padding-bottom:0.5em;}
.sidebar-widget h3:before {content:'\272A'; color: #E7492F; font-size:20px; margin-right: 8px; }
.sidebar-widget ul { list-style: circle outside none; color:#E7492F; margin-left:16px;}
.sidebar-widget ul li { margin:0.25em 0; color:#333;}
/*.sidebar-widget ul li:before {content: "\2013\00a0\00a0";color: #E7492F;}*/
.sidebar-widget  a { /*color:#000; */}
.sidebar-widget  a.label { color:#fff;}
.sidebar-widget  a:hover{ color: #41B8D8;}

.sidebar-widget .thumbnail { border:0; box-shadow:none; -webkit-box-shadow: none;}
.sidebar-widget > div {margin-top: 2em;}

/* boxed text widget: white boxed and second widget sidebar area*/
aside .sidebar-widget.second > div,
aside .sidebar-widget.first .white-boxed > div { background: white; border: 1px solid #C6C6C6;border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 1px 0 #9A9A9A; -webkit-box-shadow: 0 1px 0 #9A9A9A; padding: 1em 30px 2em; position: relative; text-shadow: 0 1px 0 #FFFFFF; z-index: 0;}
aside .sidebar-widget.second > div:before,
aside .sidebar-widget.first .white-boxed > div:before {border: 1px dashed #BCBCBC;bottom: 3px;box-shadow: 0 0 0 1px #e7e7e7; -webkit-box-shadow: 0 0 0 1px #e7e7e7;content: ""; left: 3px;position: absolute;right: 3px; top: 3px; z-index: -1;}	 	
aside .sidebar-widget.first h3{ opacity: 0.8;}
aside .sidebar-widget.first { text-shadow: 0 1px 0 #FFFFFF; }

/* search widget */
aside .widget_search {text-align:center;}
	
/* boxed text widget: inset boxed */
aside .sidebar-widget.first .inset-boxed {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: inset 0px 0px 50px 5px rgba(0, 0, 0, 0.1);box-shadow: inset 0px 0px 50px 5px rgba(0, 0, 0, 0.1);	background: rgba(0,0,0,0.03);}
aside .sidebar-widget.first .inset-boxed .widget_boxedclasstext {padding: 1em 30px;}
aside .sidebar-widget.first .inset-boxed .widget_boxedclasstext h3 {}
.widget_calendar table {width:100%;}
.widget_calendar table caption {font-weight: bold; padding-bottom:1em;}
.widget_calendar table #today {font-weight: bold;}
.widget_calendar table a {color: #41B8D8;}


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

footer {margin: -4em 0 0; padding: 6em 0 0;text-shadow: 0 1px 0 #000; color: #777; background: url(img/footer-bg.png) repeat-x;}
footer li a {color: #999; line-height: 1.5em;font-size:0.8em; }
footer h4, footer h3 {letter-spacing: 0.125em; padding: 1.5em 0 0.5em;text-transform: uppercase;font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;font-style: normal;font-weight: 700;font-size:0.8em;color: #E7492F;line-height: 1.2em;}
footer .copyright {font-size: 0.7em; color: #666; margin-top: 2em;}	

/* =============================================================================
Mobile First Media Queries
========================================================================== */

@media (min-width: 1200px) {  }
@media (min-width: 980px) { }
@media (max-width: 979px) { 
	.js #nav_menu { display: none; }
	.js .selectnav { display: block; margin-top:13px; float:right; }		
}
@media (min-width: 768px) and (max-width: 979px) { }
@media (max-width: 767px) { 
	header.head {margin: 0 -20px; padding: 0 20px;}
	footer {margin: -4em -20px 0; padding: 6em 20px 0;}
	header.head .span4, aside#sidebar {display:none;}
	footer .span12 {clear:both}
}
@media (max-width: 480px) { 
	div.section {padding: 2em 20px; }
	article .inner{ padding:0 20px; }
	.portfolio-container {padding: 0 0 0 20px;}
	#logo {margin-left: 20px;}
}
@media (max-width: 320px) { 
	.ribbon .navbar-inner {margin:0;}
	.js .selectnav {display:block; margin: 90px auto 10px; float:none;}
	#logo {left: 50%; margin-left: -79px;}
	#featured-wrapper {padding:10px;}
	#newsletter {margin: 50px -20px;}
	.newsletter-wrap {padding:40px 0px 40px; background:none;}
}

/* Retina screens */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	/* Style adjustments for high resolution devices */
}

/* =============================================================================
   Specific i3
   ========================================================================== */
html.lt-ie9 .portfolio-container article .portfolio-thumb:before {background:none;}
html.lt-ie8 header.head { z-index:10;}

/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */
   
/* Custom Selection Styles */
::selection {background:#41B8D8;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#41B8D8;color:#FFF;text-shadow:none;}
::-moz-selection {background:#41B8D8;color:#FFF;text-shadow:none;}
   
/* Input focus styles */
input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */

/* =============================================================================
   WordPress Core CSS Styles
   ========================================================================== */
   
.alignnone {margin:5px 20px 20px 0; max-width:100%}
.aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
.alignright {float:right;margin:5px 0 20px 20px;}
.alignleft {float:left;margin:5px 20px 20px 0;}
.aligncenter {display:block;margin:5px auto 5px auto;}
a img.alignright {float:right;margin:5px 0 20px 20px;}
a img.alignnone {margin:5px 20px 20px 0;}
a img.alignleft {float:left;margin:5px 20px 20px 0;}
a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone {margin:5px 20px 20px 0;}
.wp-caption.alignleft {margin:5px 20px 20px 0;}
.wp-caption.alignright {margin:5px 0 20px 20px;}
.wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text,.gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
.sticky {}
.bypostauthor {}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important; -webkit-box-shadow:none !important; text-shadow: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;}
}