/*
Theme Name: Screen Novelties
Theme URI: http://underscores.me/
Author: team A design
Author URI: http://goteama.com
Description: A custom portfolio site for Screen Novelties created by team A design.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

@import url('layouts/skeleton.css');
@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic');

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #4f4f57;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #fff;
	font-family:"Source Sans Pro", Geneva, Arial, Helvetica, Verdana, sans-serif;
	font-weight: 400;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	text-shadow:1px 1px 1px #384b6d;
}
h1 {
	font-size:24px;
	line-height: 26px;
	font-weight: 300;
	text-transform: uppercase;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul#supersized {
	margin: 0;
	list-style: none;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: 700;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	color: rgba(0,0,0,.8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.4rem;
	line-height: 1;
	padding: .5em 1em .4em;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type=text],
input[type=email],
textarea {
	outline:none;
	color: #ccc;
	border: none;
	border-bottom: 2px solid #fff;
	background: transparent;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	color: #fff;
}
input[type=text],
input[type=email] {
	padding: 3px;
}
textarea {
	border: 2px solid #fff;
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-top: 3px;
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}
label {
	text-transform: uppercase;
	font-weight: 300;
}

/* Links */
a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:visited {
	color: #fff;
}
a:hover,
a:focus,
a:active {
	 color:#afadbe;
}

.entry-content a {
	text-decoration: underline;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-content a:active {
	text-decoration: none;
	color:#ffc;
	text-shadow:3px 3px 10px #f7f419;

}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


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

.site-header {
	margin-top:20px;
	margin-bottom: 20px;
}
.site-title {
	float:left;
	width:224px;
	height:115px;
	overflow:hidden;
}
.site-title a {
	display:block;
	width:224px;
	height:115px;
	overflow:hidden;
	text-indent:-9999em;
	background:url(img/nav/off.png) no-repeat 0 0;	
	-webkit-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear;
}
.site-title a:hover, .site-title a:focus {
	background:url(img/nav/over.png) no-repeat 0 0;
}
.site-description {
	display:none;	
}

/* =Menu
----------------------------------------------- */

.main-navigation {
	display: block;
	float: left;
}
.main-navigation ul {
	list-style: none;
	margin: 0 0 0 49px;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
	height:115px;
	overflow:hidden;
}
.menu-item-18 { /*work*/
	width:126px;
	margin-right:26px;
}
.menu-item-21 { /*news*/
	width:119px;
	margin-right:26px;
}
.menu-item-17 { /*about*/
	width:180px;
	margin-right:26px;
}
.menu-item-16 {  /*contact*/
	width:174px;
}
.main-navigation a {
	text-decoration: none;
	display: block;
	height:115px;
	background-image:url(img/nav/off.png);
	text-indent:-9999em;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	overflow:hidden;
}
.menu-item-18 a { /*work*/
	width:126px;
	background-position:-273px 0;
}
.menu-item-21 a { /*news*/
	width:119px;
	background-position:-425px 0;
}
.menu-item-17 a { /*about*/
	width:180px;
	background-position:-570px 0;
}
.menu-item-16 a {  /*contact*/
	width:174px;
	background-position:-776px 0;
}
.main-navigation ul ul {
	display: none;
}
.main-navigation a:hover {
	background-image:url(img/nav/over.png);
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a,
.main-navigation li.current-page-ancestor a,
.post-type-archive-project .menu-item-18 a,
.single-project .menu-item-18 a,
.single-post .menu-item-21 a {
	background-image:url(img/nav/on.png);
}


/* Small menu */
.main-small-navigation {
}
.menu-toggle {
	cursor: pointer;
	position: absolute;
	top: 94px;
	right: 0;
}
.main-small-navigation .menu {
	display: none;
	margin:110px 0 0;
}
.main-small-navigation .menu li {
	list-style: none;
	text-align: right;
	text-transform: uppercase;
	width:100%;
	margin: 0;
}
.main-small-navigation .menu li a {
	width:auto;
}


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

.sticky {
}
.blog #primary,
.blog #secondary,
.single-post #primary,
.single-post #secondary {
	padding-top: 30px;
}
.archive .page-header {
	margin-bottom: 30px;
}
.archive .page-title span {
	font-weight: 700;
	text-shadow: 1px 1px 1px #333;
}
.post {
	margin-bottom: 60px;
}
.post .entry-header {
	text-align: right;
	text-shadow: 1px 1px 1px #333;
	font-size: 14px;
}
.post .entry-header .wrap {
	margin-right: 10px;
}
.post .entry-header .addthis_floating_style {
	position: relative;
	background: transparent;
	width:auto;
}
.post .entry-header .addthis_floating_style.addthis_32x32_style .addthis_internal_container {
	float: right;
}
.post .entry-title {
	padding-bottom: 20px;
	margin-bottom: 20px;
	word-wrap: break-word;
	background: url(img/hr.png) left bottom repeat-x;
}
.post.error404 .entry-title {
	text-align: center;
}
.page .entry-title {
	text-align: center;
	margin-bottom: 20px;
}
.entry-meta {
	clear: both;
}
.entry-date {
	display: block;
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 20px;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.cat-links,
.tags-links {
	display: block;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.cat-links span,
.tags-links span {
	display: block;
}
.cat-links a,
.tags-links a {
	font-weight: 700;
}
.cat-links a,
.tags-links a {
	color:#ffc;
}
.cat-links a:hover,
.tags-links a:hover {
	color:#fff;
	text-shadow: 0 0 3px #fafa44;
}
.comments-link {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}
.entry-content,
.entry-summary {
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* project archive + pulling in to related single project */
.archive .project.hentry,
.project-related .project.hentry {
	margin-bottom: 10px;
}
.archive .project,
.project-related .project {
	position:relative;
	display:block;
	background:#5e5d65;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.archive .project .wp-post-image,
.project-related .project .wp-post-image {	
	display:block;
	opacity:1.0;
	filter:alpha(opacity=100);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.archive .project .project-meta,
.project-related .project .project-meta {
	display: block;
	position: absolute;
	top:36%;
	left:0;
	font-size:12px;
	line-height: 16px;
	text-transform: uppercase;
	margin: 0;
	z-index: 999;
	text-align: center;
	width:100%;
	padding: 0 10px;
	box-sizing: border-box;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.archive .project .entry-title,
.project-related .project .entry-title {
	font-size:17px;
	line-height: 20px;
	font-weight: 700;
	text-shadow: 1px 1px 1px #333;
}
.archive .project .client,
.project-related .project .client {
	font-size:15px;
	line-height: 20px;
}
.archive .project .project-meta a,
.project-related .project .project-meta a {
	display: block;
	color: #fff;
}
.archive .project:hover .wp-post-image,
.project-related .project:hover .wp-post-image {
	opacity:0.3;
	filter:alpha(opacity=30);
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}
.archive .project:hover .project-meta,
.project-related .project:hover .project-meta {
	opacity:1.0;
	filter:alpha(opacity=100);
}

/* single project */
.single-project .type-project {
	font-size: 14px;
}
.single-project .entry-header {
	margin-bottom: 20px;
}
.single-project .entry-title {
	display:inline;
	margin-right: 30px;
}
.single-project .project-related .entry-title {
	display: block;
	margin-right: 0;
}
.single-project .entry-header .button {
	margin-right: 30px;
	font-size: 14px;
	text-transform: uppercase;
}
.single-project .entry-header .button a {
	background: #4b4a56;
	color: #ccc;
	padding: 3px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.single-project .entry-header .button a:hover {
	color: #fff;
	background: #22212c;
}
.single-project .project-video {
	margin-bottom: 20px;
}
.single-project .project-description p {
	font-size: 16px;
}
.single-project .credits h2 {
	font-size: 24px;
	font-weight: 300;
	text-transform: uppercase;
	background: url(img/hr.png) left bottom repeat-x;
	margin-bottom: 10px;
}
.single-project .credits {
	font-weight: 300;
	text-transform: uppercase;
}
.single-project .credits p {
	font-size: 14px;
}
.single-project .credits strong {
	text-shadow: 1px 1px 1px #333;
}
.single-project .terms {
	text-transform: uppercase;
	font-weight: 700;
	text-shadow: 1px 1px 1px #333;
}
.project-related,
.project-gallery {
	margin-top: 40px;
}
.project-related h3,
.project-gallery h3 {
	font-size: 24px;
	font-weight: 300;
	text-transform: uppercase;
	color: #ccc;
	margin-bottom: 20px;
}

/* about page */
.page-template-page-about-php .entry-header {
	padding-bottom: 30px;
	margin-bottom: 30px;
	background: url(img/hr.png) left bottom repeat-x;
}
.page-template-page-about-php .bubble {
	height:264px;
}
.page-template-page-about-php .bubble.first {
	background: url(img/bubble-1.png) center top no-repeat;
}
.page-template-page-about-php .bubble.second {
	background: url(img/bubble-2.png) center top no-repeat;
}
.page-template-page-about-php .bubble.third {
	background: url(img/bubble-3.png) center top no-repeat;
}
.page-template-page-about-php .bubble p {
	padding:50px 24px 0;
	font-size:28px;
	line-height: 34px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	color: #333;
}
.page-template-page-about-php .bubble a {
	color: #333;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.page-template-page-about-php .bubble a:hover {
	color:#000;
	text-shadow:0 0 10px #666;
}

.col {
	width:46%;
	float: left;
	margin:0 2%;
	text-align: justify;
}

/* home page */
.home .entry-content {
	padding-top: 20px;
}
.home .entry-header {
	display: none;
}
.home .royalSlider {
	padding:10px;
	background: #746467;
	border: 1px solid #86787b;
}

/* team page */

.team-member:nth-of-type(odd) {
	clear: left;
}
.team-member .member-info {
	padding-right: 10px;
}
.team-member .headshot-wrapper.columns {
	margin-right: 16px;
	margin-bottom: 2px;
}
.team-member .headshot-wrapper img {
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}
.team-member .entry-title {
	text-align: left;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 300;
}


/* =Krampus
----------------------------------------------- */
body.page-template-page-krampus-php {
	background: #000 url(img/bg-krampus.jpg) fixed repeat-x center top;
}
.page-template-page-krampus-php .site-title {
	position: relative;
	margin: 0 auto;
	float: none;
	width:155px;
	height:81px;
}
.page-template-page-krampus-php .site-title a {
	width:155px;
	height:81px;
	background:url(img/logo-krampus.png) no-repeat;	
}
.page-template-page-krampus-php .site-title a:hover, 
.page-template-page-krampus-php .site-title a:focus {
	background:url(img/logo-krampus.png) no-repeat;
}
.page-template-page-krampus-php .site-navigation {
	display: none;
}
.page-template-page-krampus-php .share-it {
	text-align: center;
	margin-top: 20px;
}
.page-template-page-krampus-php .share-it .addthis_toolbox {
	display: inline-block;
	margin: 0;
}
.share-it p {
	display: inline-block;
	margin: 0 8px;
	font-family: 'New Rocker', cursive;
	font-size: 24px;
	line-height: 32px;
	color: #fff;
}
.page-template-page-krampus-php h1 {
	font-family:'New Rocker', cursive;
	color: #a49eb8;
	text-shadow: 1px 1px 1px #fff;
	text-transform: none;
	font-weight: normal;
	font-size: 40px;
	line-height: 60px;
}
.page-template-page-krampus-php .video-wrap {
	position: relative;
	margin: 0 auto 22px;
	background: #281c4e;
	padding: 9px;
	border: 1px solid #48377e;
}

.page-template-page-krampus-php p a {
	color: #fff;
	font-size: 24px;
	font-family: 'New Rocker', cursive;
	display: block;
	text-align: center;
	text-decoration: none;
}

/* mail chimp form stuff */
.page-template-page-krampus-php #mc_embed_signup{
	margin: 40px;
	background:#21193b;
	border: 4px solid #28223a; 
	padding: 16px 32px;
	clear:left; 
}
.page-template-page-krampus-php #mc_embed_signup form {
	display:block; 
	position:relative; 
	text-align:center;
}
.page-template-page-krampus-php #mc_embed_signup h2 {
	padding:0; 
	margin:15px 0; 
	font-size:1.4em;
}
.page-template-page-krampus-php #mc_embed_signup input {
	border:none; 
	border-bottom:1px solid #3a3554; 
	background: #19142a; 
	color: #a49eb8; 
	-webkit-appearance:none;
}
.page-template-page-krampus-php #mc_embed_signup input:focus {
	border-color:#847f9d; 
	background: #2d2742; 
	color: #fff;
}
.page-template-page-krampus-php #mc_embed_signup .button {
	clear:both; 
	background-color: #85bed3; 
	border: 0 none; 
	border-radius:4px; 
	color: #130a3f; 
	text-shadow: 1px 1px 1px #dad7ef; 
	cursor: pointer; 
	display: inline-block; 
	font-family: 'New Rocker';
	font-size:18px; 
	height: 32px; 
	line-height: 32px; 
	margin: 0 5px 10px 0; 
	padding:0; 
	text-align: center; 
	text-decoration: none; 
	vertical-align: top; 
	white-space: nowrap;
}
.page-template-page-krampus-php #mc_embed_signup .button:hover {
	background-color:#b6ecfb;
}
.page-template-page-krampus-php #mc_embed_signup .small-meta {
	font-size: 11px;
}
.page-template-page-krampus-php #mc_embed_signup .nowrap {
	white-space:nowrap;
}     
.page-template-page-krampus-php #mc_embed_signup .clear {
	clear:none; 
	display:inline;
}
.page-template-page-krampus-php #mc_embed_signup label {
	font-size:24px; 
	font-family:'New Rocker';
	padding-bottom:10px;
	text-transform: none;
	color: #85bed3;
	text-shadow: 1px 1px 1px #49d4fc;
}
.page-template-page-krampus-php #mc_embed_signup input.email {
	padding:8px 0; 
	margin:0 8px; 
	text-indent:5px; 
	width:270px;
	text-align: center;
}
.page-template-page-krampus-php #mc_embed_signup input.button {
	width:80px; 
	margin:4px 0 10px 0;
}
.page-template-page-krampus-php #mc_embed_signup div#mce-responses {
	float:left; 
	top:-1.4em; 
	padding:0em .5em 0em .5em; 
	overflow:hidden; 
	width:90%;
	margin: 0 5%; 
	clear: both;	
}
.page-template-page-krampus-php #mc_embed_signup div.response {
	margin:1em 0; 
	padding:1em .5em .5em 0; 
	float:left; 
	top:-1.5em; 
	z-index:1; 
	width:80%;
}
.page-template-page-krampus-php #mc_embed_signup #mce-error-response {
	display:none;
}
.page-template-page-krampus-php #mc_embed_signup #mce-success-response {
	color:#85bed3; 
	display:none;
}
.page-template-page-krampus-php #mc_embed_signup label.error {
	display:block; 
	float:none; 
	width:auto; 
	margin-left:1.05em; 
	text-align:left; 
	padding:.5em 0;
}



/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

img {
	border: 0;
	height: auto;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	vertical-align: middle;
}

.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	background: #e2e2e2;
	color: #333;
    border: 1px solid #86787B;
   	max-width: 100%;
   	margin-bottom: 1.5em;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-bottom: 1.5em;
}
.wp-caption img {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
	text-transform: uppercase;
	font-weight: 300;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}


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

.site-content .site-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.site-content .nav-previous {
	float: left;
	width: 50%;
}
.site-content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.site-content .site-navigation a {
	text-transform: uppercase;
	font-size: 14px;
	background: #4b4a56;
	color: #ccc;
	padding: 3px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.site-content .site-navigation a:hover {
	color: #fff;
	background: #22212c;
}


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

.site-footer {
	padding-bottom: 100px;
}


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

#comments {
	background: url(img/hr.png) center top repeat-x;
	padding-top: 20px;
}
.comments-title,
#reply-title {
font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.commentlist {
	list-style: none;
	margin-left: 0;
}
.commentlist ol ol {
	margin-left: 3em;
}
.commentlist li {
	margin-bottom: 1em;
	padding-bottom: 1em;
	background: url(img/hr.png) left bottom repeat-x;
}
.comment footer {
	color:#bbb;
	font-size: 12px;
	text-transform: uppercase;
}
.comment footer a {
	color:#bbb;
}
.comment footer a:hover {
	color:#ffc;
}
.comment .reply {
	text-transform: uppercase; 
	font-size: 12px;
	font-weight: 700px;
	text-shadow:1px 1px 1px #333;
}
.bypostauthor {
}


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

.widget {
	margin: 0 0 1.5em;
}
.widget-title {
	color:#ccc;
	font-size: 16px;
	font-weight: 700;
	text-shadow: 1px 1px 1px #333;
}
.widget ul {
	margin-left: 0;
	list-style: none;
}
.favposts ul {
	margin-top: 10px;
}
.favposts li {
	position:relative;
	width:110px;
	float: left;
	margin:0 0 10px;
}
.favposts li.odd {
	margin-right: 10px;
}
.favposts li img,
.favposts li span  {
	display:block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.favposts li span {
	position:absolute;
	top: 0;
	left: 0;
	width:90px;
	height: 90px;
	padding: 10px;
	text-align: center;
	overflow: hidden;
	font-size: 22px;
	line-height: 24px;
	color: #000;
	background: #fff;
	text-transform: uppercase;
	font-weight: 300;
	word-wrap: break-word;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}
.favposts li:hover span {
	opacity:0.9;
	filter:alpha(opacity=90);

}

/* Search widget */
#searchsubmit {
	display: none;
}

/* #Misc
================================================== */

	::selection {
		background: #333;
		color: white;
		/* Safari */
	}
	
	::-moz-selection {
		background: #333;
		color: white;
		/* Firefox */
	}


addthis_32x32_style a {
	margin-bottom: 0px;
}

.addthis_floating_style .at300b>*, .addthis_floating_style .at300bo>*, .addthis_floating_style .at300m>*{
	margin-bottom: 0px;
}

.simple-image, .widget_simpleimage {
	margin-bottom: 0px;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		.single-project .project-description .wrap {
			margin-top: 22px;
			margin-left:0;
		}

		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
		.main-navigation ul {
			margin-left:29px;
		}
		.menu-item-18 { /*work*/
			width:104px;
			margin-right:8px;
		}
		.menu-item-21 { /*news*/
			width:98px;
			margin-right:12px;
		}
		.menu-item-17 { /*about*/
			width:139px;
			margin-right:11px;
		}
		.menu-item-16 {  /*contact*/
			width:133px;
		}
		.main-navigation a {
			background-image:url(img/nav/off-758.png);
		}
		.menu-item-18 a { /*work*/
			width:104px;
			background-position:-253px 0;
		}
		.menu-item-21 a { /*news*/
			width:98px;
			background-position:-365px 0;
		}
		.menu-item-17 a { /*about*/
			width:139px;
			background-position:-475px 0;
		}
		.menu-item-16 a {  /*contact*/
			width:133px;
			background-position:-625px 0;
		}
		.main-navigation a:hover {
			background-image:url(img/nav/over-758.png);
		}
		.main-navigation li.current_page_item a,
		.main-navigation li.current-menu-item a,
		.main-navigation li.current-page-ancestor a {
			background-image:url(img/nav/on-758.png);
		}
	
		.archive .project .button,
		.project-related .project .button {
			top:32px;
			left:56px;
		}
		.project-related .project .button {
			top:14px;
			left:32px;
		}
		
		.page-template-page-about-php .bubble {
			height:224px;
		}
		.page-template-page-about-php .bubble.first {
			background: url(img/bubble-1-246x224.png) center top no-repeat;
		}
		.page-template-page-about-php .bubble.second {
			background: url(img/bubble-2-246x222.png) center top no-repeat;
		}
		.page-template-page-about-php .bubble.third {
			background: url(img/bubble-3-246x224.png) center top no-repeat;
		}
		.page-template-page-about-php .bubble p {
			padding-top:34px;
			font-size:24px;
			line-height: 32px;
		}
		
		.archive .project .entry-title, 
		.project-related .project .entry-title {
			font-size:15px;
			line-height: 18px;
		}
		.archive .project .client, 
		.project-related .project .client {
			font-size: 13px;
			line-height: 18px;
		}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
		#page .main-navigation .menu a,
		#page .main-small-navigation .menu a {
			background: none;
		}
		
		.single-project .entry-title {
			display: block;
			margin-bottom: .5em;
		}
		.single-project .entry-header .button {
			display: block;
		}
		.container .project-related .columns.four .project {
			width:230px;
		}
		
		.page-template-page-about-php .bubble p {
			max-width: 260px;
			position: relative;
			margin-left: auto;
			margin-right: auto;
		}
		.col {
			width:100%;
			float: none;
			margin:0;
			text-align: left;
		}
		
		.post .entry-header .wrap {
			margin: 0;
		}
		.post .entry-header {
		    text-align: left;
		}
		.post .addthis_toolbox {
			display: none;
		}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.post-type-archive-project .container .four.columns {
			width: 205px;
		}
		.post-type-archive-project .container .col1.four.columns,
		.post-type-archive-project .container .col3.columns {
			margin-right: 5px;
		}
		.post-type-archive-project .container .col2.columns,
		.post-type-archive-project .container .col4.columns {
			margin-left: 5px; 
		}
		.archive .project .button,
		.project-related .project .button {
			top:41px;
			left:67px;
		}
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.post-type-archive-project .container .project {
			width: 230px;
			position: relative;
			margin-left: auto;
			margin-right: auto;
		}
		
		
		.page-template-page-about-php .bubble {
			height:auto;
		}
		.page-template-page-about-php .bubble.first,
		.page-template-page-about-php .bubble.second,
		.page-template-page-about-php .bubble.third {
			background: none;
		}
		.page-template-page-about-php .bubble p {
			padding-top:22px;
			font-size:24px;
			line-height: 32px;
			color: #fff;
			margin-bottom: 0;
		}
		.page-template-page-about-php .bubble a {
			color: #fff;
		}
		
	}