/*
Theme Name:     ribit 2013
Description:    Child theme of Yoko
Author:         ribit
Author URI:     https: //ribit.com
Template:       yoko
Version:        0.1.0
*/

/* Google Fonts Import
--------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Quicksand);

@import url(https://fonts.googleapis.com/css?family=Raleway);

/* off canvas nav import */


/* Reset
--------------------------------------------- */
/* https://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
#content address {
	padding: 0 0 20px 0;
}
#content abbr, acronym {
	border-bottom: .1em dotted;
}
#content pre, code, tt {
	font-size: 1.1em;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* General Structure and Styles
--------------------------------------------- */

html {
	
	height:100%;
}

body {
	background-image: url('images/homepage-bg.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family:'Quicksand', Helvetica, sans-serif;
	color: black;
	text-align: justify;
	height:100%;
}

body.chrome, body.gecko {
	font-family:'Raleway', Helvetica, sans-serif;
}

body.blog, body.single-post {
	background-image:url('images/blog-bg.jpg');
	background-position: center top;
}

body.pagename-about {
	background-image:url('images/about-bg.jpg');
	background-position: center top;	
}

body.page-template-page-portfolio-php, body.portfolio, body.web-design, body.interactive, body.print-logo, body.extras {
	background-image:url('images/portfolio-bg.jpg');
	background-position: center top;	
}

body.pagename-approach {
	background-image:url('images/approach-bg.jpg');
	background-position: center top;	
}

body.pagename-contact {
	background-image:url('images/contact-bg.jpg');
	background-position: center top;	
}

#mobile-bg {
	display: none;
}

#page {
	background-image:url('images/page-bg.png');
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center center;
	max-width: 1000px;
	margin: 0 auto;
	padding:0;
	z-index: 0;
	min-height: 100%;
}
#wrap {
	margin:0;
	padding:0;
}
#main {
	width: 637px;
	margin-left: 363px;
	position: relative;
}
#content {
	padding-top: 170px;
	width: 395px;
	float: left;
}

#secondary {
	width: 209px;
	margin-top: 170px;
	margin-left:16px;
	padding-left: 16px;
	float: left;
	border-left: 1px solid #ebebeb;
}
#tertiary {
	width: 23.775%;
	float: right;
	overflow: hidden;
}
#colophon {
	width: 70%;
	float: left;
	padding:30px 0 0;
	overflow: hidden;
	font-size: 0.8em;
}
.aligncenter, div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}

img {
	border-radius: 2px;
}

/* Headlines
--------------------------------------------- */
#content h1 {
	margin:26px 0 12px;
	font: bold 1.4em/1.4 'Quicksand', Helvetica, sans-serif;
}
#content h2 {
	margin:26px 0 12px;
	font: bold 1.3em/1.4 'Quicksand', Helvetica, sans-serif;
}
#content h3 {
	margin: 26px 0 12px;
	font: bold 1.2em/ 1.4 'Quicksand', Helvetica, sans-serif;
}
#content h4 {
	margin: 22px 0 12px;
	font: bold 1.1em/1.4 'Quicksand', Helvetica, sans-serif;
}
#content h5 {
	margin: 22px 0 10px;
	font: bold 1em/1.3 'Quicksand', Helvetica, sans-serif;
}
#content h6 {
	margin: 20px 0 10px;
	font: bold .9em/1.3 'Quicksand', Helvetica, sans-serif;
}

.chrome #content h1, .chrome #content h2, .chrome #content h3, .chrome #content h4, .chrome #content h5, .chrome #content h6, .gecko #content h1, .gecko #content h2, .gecko #content h3, .gecko #content h4, .gecko #content h5, .gecko #content h6 {
	font-family: 'Raleway', Helvetica, sans-serif;
}

/* Links
--------------------------------------------- */
a {
	color: #353e99;
	text-decoration: none;
} 
a:hover {
	color: #353e99;
	text-decoration: underline;
}
/* Lists
--------------------------------------------- */
#content .post ul, #content .page ul, .commentlist ul  {
	padding:7px 0 7px 20px;
	line-height: 1.3;
}
#content .post ul li, #content .page ul li, .commentlist ul li {
	padding:0 0 12px;
	list-style: disc;
}
#content .post ol, #content .page ol, .commentlist ol  {
	padding:7px 0 7px 30px !important;
	line-height: 1.3;
}
#content .post ol li, #content .page ol li, .commentlist ol li {
	padding:0 0 12px;
	list-style: decimal;
}
#content .post ol ol li, #content .page ol ol li,  .commentlist ol ol li {
	list-style: upper-alpha;
}
#content .post ol ol ol li, #content .page ol ol ol li, .commentlist ol ol ol li {
	list-style: lower-roman;
}
#content dl {
	margin:0 ;
	padding: 0;
}
#content dt {
	font-weight: bold;
	margin: 0;
	padding: 10px 5px 5px;
}
#content dd {
	margin: 0;
	padding: 0 0 10px 15px;
}
/* Header
--------------------------------------------- */

header#branding {
	background-image: url('images/small-logo-white.png');
	width: 172px;
	height: 172px;
	margin-left: 172px;
	position: fixed;
}

.home header#branding {
	display:none;
}

header#mobile-header {
	display:none;
}



/* Navigations
--------------------------------------------- */
/* --- Main Nav --- */
#mainnav {
	margin: 0 0 30px 0;
}
#mainnav ul li {
	list-style: none;
	position: relative;
}
#mainnav ul li a {
	color:black;
	margin:0;
	display: block;
	font-size: 18px;
	line-height: 38px;
	text-transform: lowercase;
	-webkit-transition: all 100ms;
	-moz-transition: all 100ms;
	-o-transition: all 100ms;
	-ms-transition: all 100ms;
}

#mainnav ul li a:hover {
	color: #363e99;
	font-size: 24px;
	text-decoration: none;
	-webkit-transition: all 100ms;
	-moz-transition: all 100ms;
	-o-transition: all 100ms;
	-ms-transition: all 100ms;
}
#mainnav ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#mainnav ul ul ul {
	left: 100%;
	top: 0;
}
#mainnav ul ul a {
	background: #F9F9F9;
	padding: 9px 14px;
	width: 11em;
	height: auto;
	text-transform: none;
}
#mainnav li:hover > a,
#mainnav ul ul :hover > a {
}
#mainnav ul ul a:hover {
	background: #F0F0F0;
}
#mainnav ul li:hover > ul {
	display: block;
}
/*
.parent-portfolio  #mainnav .menu-item-905 a,
.pagename-portfolio #mainnav .menu-item-905 a,
#mainnav .current-menu-item > a,
#mainnav .current-menu-ancestor > a,
#mainnav .current_page_item > a,
#mainnav .current-page-ancestor > a {
	display: none;
}
*/
/* --- Sub Nav --- */

/* Mobile Nav */

#mobile-nav {
	display: none;
}

#mobile-nav-close {
	display: none;
}

/* Portfolio */

.page-template-page-portfolio-php #content {
}

section.portfolio-category {
	background-color: rgba(255,255,255,0.35);
	margin-bottom: 20px;
	width:100%;
	float: left;
	display: block;
	clear:both;
	border-radius: 2px;
	box-shadow: 0 0 4px rgba(0,0,0,0.35);
}

#content section.portfolio-category h2 {
	color: white;
	background-color: rgba(0,0,0,0.5);
	font-weight: 400;
	text-align: center;
	margin-top: 0px;
	width:100%;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.portfolio-thumbnail {
	width:40%;
	float:left;
	margin: 0 5% 10px 5%;
	border-radius: 2px;
}

.page-template-page-portfolio-php #content .post img.wp-post-image {
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 2px;
}


.page-template-page-portfolio-php #content .post {
	border-bottom-width: 0px;
}

.page-template-page-portfolio-php #content h2.entry-title {
	font-weight: 400;
	text-align: center;
	margin: 4px auto 8px auto; 
	border-bottom-width: 0px;
}

.page-template-page-portfolio-php #content h3.entry-title {
	font-size: 1em;
	font-weight: 400;
	text-align: center;
	margin: 0px auto 8px auto; 
	border-bottom-width: 0px;
}

.page-template-page-portfolio-php #content h3.entry-title a {
	color:black;
}

.page-template-page-portfolio-php #content h3.entry-title a:hover {
	color:black;
	text-decoration: none;
}

.parent-portfolio #content .single-entry-meta, .parent-portfolio #comments, .parent-portfolio #content #nav-below, .parent-portfolio #content .single-entry-header p {
	display: none;
}

.parent-portfolio #content .post {
	border-width: 0px;
}

/* Posts
--------------------------------------------- */
#content .post {
	width:380px;
	margin: 0 0 40px 15px;
	padding: 0 0 40px;
	overflow: hidden;
	border-bottom: 1px dotted #ddd;
	clear: both;
	font-size: .95em;
	line-height: 1.6;
}
#content .entry-header h2.entry-title {
	margin: 0 0 12px;
	font:400 1.3em/1.4 'Quicksand', Helvetica, sans-serif;
}

.chrome #content .entry-header h2.entry-title, .gecko #content .entry-header h2.entry-title {
	font-family: 'Raleway', Helvetica, sans-serif;
}

#content .entry-header h2.entry-title a:hover {
	color: #777;
	text-decoration: none;
}
#content .post p {
	padding: 0 0 20px;
}
#content .entry-details {
	padding: 2px 0 10px 0;
	font: italic .8em/1.6 'Quicksand', Helvetica, sans-serif;
}

.chrome #content .entry-details, .gecko #content .entry-details {
	font-family: 'Raleway', Helvetica, sans-serif;
}

#content .entry-details p span.entry-date, #content .entry-details p a {
	width: 100%;
	font-family: 'Quicksand', Helvetica, sans-serif;
	font-style: normal;
}

.chrome #content .entry-details p span.entry-date, .chrome #content .entry-details p a, .gecko #content .entry-details p span.entry-date, .gecko #content .entry-details p a {
	font-family: 'Raleway', Helvetica, sans-serif;
}

#content .entry-details img {
	margin-right: 10px;
	border-radius: 30px;
	float:left;
}


#content .entry-content {
	margin: 0;
}
#content .post img.wp-post-image {
	width: 140px;
	height: auto;
	margin: 5px 0 8px;
	padding: 0;
}
#content .entry-meta p {
	padding: 15px 0 0;
	font: italic .8em/1.5 'Quicksand', Helvetica, sans-serif;
}

.chrome #content .entry-meta p, .gecko #content .entry-meta p {
	font-family: 'Raleway', Helvetica, sans-serif;
}

#content .entry-meta a {
	padding: 15px 0 0;
	font-family: 'Quicksand', Helvetica, sans-serif;
	font-style: normal;
}

.chrome #content .entry-meta a, .gecko #content .entry-meta a {
	font-family: 'Raleway', Helvetica, sans-serif;
}

.page-link {
	background-color: #f0f0f0;
	border-top: 1px solid #ddd;
	padding: 5px 20px;
	overflow: hidden;
	font-size: .9em;
}
.page-link a {
	font-weight: bold;
	margin: 0 1px;
}
.page-link a:hover {
	text-decoration: none;
}
/* --- Sticky Post --- */
#content .sticky {
	border-top: 1px solid #ddd;
	background-color: #F0F0F0;
	padding: 15px 10px;
	overflow: hidden;
}
/* --- Post Typography --- */
#content strong {
	font-weight: bold;
}
#content p em {
	font-family:'Quicksand', Helvetica, sans-serif;
	font-style: italic;
}

.chrome #content p em, .gecko #content p em {
	font-family:'Raleway', Helvetica, sans-serif;
}

#content em {
	font-family:'Quicksand', Helvetica, sans-serif;
	font-style: italic;
	font-size: .9em;
}

.chrome #content em, .gecko #content em {
	font-family:'Raleway', Helvetica, sans-serif;
}

#content p small {
	font-size: .8em;
}
#content .post blockquote, #content .page blockquote {
	margin: 0 20px 10px 0;
	overflow: hidden;
	font: italic 1.1em/1.6 Times, serif;
}
#content .single-entry-content blockquote {
	margin: 20px 20px 10px 20px;
	background: none;
}
#content blockquote cite {
	margin: 10px 0 0 0;
	padding: 0 25px 15px 0;
	float: right;
	font: normal .8em 'Quicksand', Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
}

.chrome #content blockquote cite, .gecko #content blockquote cite {
	font-family: 'Raleway', Helvetica, sans-serif;
}

#content pre {
	background-color: #f0f0f0;
	font-family: monospace;
	font-size: 1.2em;
	line-height: 1.3;
	margin: 0 0 20px 0;
	padding: 10px;
}
#content p.nocomments {
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
/* --- Post Images and Video --- */
#content img {
	max-width:100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#content img.aligncenter {
	margin: 20px auto;
}
#content img.alignleft ,#content .wp-caption.alignleft {
	margin: 10px 20px 0 0;
}
#content img.alignright,#content .wp-caption.alignright {
	margin: 10px 0 0 20px;
}
#content img.alignnone {
	margin: 20px 0;
}
#content .wp-caption.alignnone {
	margin: 0 0 20px 0;
}
#content .wp-caption.aligncenter{
	margin-bottom: 10px;
}
#content .post .wp-caption {
	max-width: 100%;
	text-align: center;
}
#content .single-entry-content .wp-caption {
	background-color: #dfdfdf;
	max-width: 98%;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0 0 2px rgba(0,0,0,0.20);
}

#content .single-entry-content .wp-caption img {
	max-width: 96%;
	margin-top: 2%;
}

#content .post p.wp-caption-text {
	font: normal .8em/1.4 'Quicksand', Helvetica, sans-serif;
	margin: 0;
	padding: 7px 0 10px 0;
	color: #444;
}

.chrome #content .post p.wp-caption-text, .gecko #content .post p.wp-caption-text {
	font-family: 'Raleway', Helvetica, sans-serif;
}

#content object,
#content embed,
#content iframe {
	max-width: 100%;
	margin: 3px 0 10px;
	display: block;
}

#content .entry-meta {
	width:100%;
	clear:both;
	display: block;
}

/* --- Post Columns Shortcodes --- */
.two-columns-one{
	width:48%;
}
.three-columns-one{
	width:30.66%;
}
.three-columns-two{
	width:65.33%;
}
.four-columns-one {
	width: 22%;
}
.four-columns-two {
	width:48%;
}
.four-columns-three {
	width:74%;
}
.two-columns-one,.three-columns-one,.three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three {
	float:left;
	margin-right:4%;
	position:relative;
}
.last{
	clear:right;
	margin-right:0 !important;
}
.divider { 
	clear:both; 
	display:block; 
	margin-bottom:20px;
	width:100%; 
}
#content span.highlight {
	padding: 2px;
	background-color: #FFFBCC;
}
.yellow-box {
	margin: 10px 0;
	background: #FFFBCC;
	border: 1px solid #E6DB55;
	padding: 20px;
	overflow:hidden;
}
.red-box {
	margin: 10px 0;
	background: #FFD9C8;
	border: 1px solid #F37C72;
	padding: 20px;
	overflow:hidden;
}
.green-box {
	margin: 10px 0;
	background: #D5FFCA;
	border: 1px solid #BDDC7F;
	padding: 20px;
	overflow:hidden;
}

/* --- Post Tables --- */
#content table {
	margin:10px 0px 30px 0px;
}
#content table thead {
}
#content table tr {
}
#content table tr th {
	padding: 10px 20px 10px 20px;

}
#content table tr td {
	padding: 10px 20px 10px 20px;

}

/* Single Posts
--------------------------------------------- */
#content .post .single-entry-header {
	margin: 0;
}
#content .single-entry-header h1.entry-title {
	margin: 0 0 5px;
	font: bold 1.3em/1.4 'Quicksand', Helvetica, sans-serif;
	color: black;
}

.chrome #content .single-entry-header h1.entry-title, .gecko #content .single-entry-header h1.entry-title {
	font-family: 'Raleway', Helvetica, sans-serif;
}

.parent-portfolio #content .single-entry-header h1.entry-title {
	margin: 0 0 15px;
}

#content .single-entry-header p {
	padding: 0 0 5px;
	font-size: .8em;
}
#content .single-entry-header p span.entry-date, #content .single-entry-header p span.entry-author {
	font: italic 1em/1.5 Times, serif;
}
#content .single-entry-details {
	width: 22.507%;
	padding: 0 18px 0 0;
	float: left;
}
#content .single-entry-content {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}
#content .post .single-entry-meta p {
	padding: 15px 0 0;
	font: italic .8em/1.5 'Quicksand', Helvetica, sans-serif;
}

.chrome #content .post .single-entry-meta p, .gecko #content .post .single-entry-meta p {
	font-family: 'Raleway', Helvetica, sans-serif;
}

#content .post .single-entry-meta p a {
	font-family:'Quicksand', Helvetica, sans-serif;
	font-style: normal;
}

.chrome #content .post .single-entry-meta p a, .gecko #content .post .single-entry-meta p a {
	font-family:'Raleway', Helvetica, sans-serif;
}

#content .post .author-info {
	margin: 40px 0 0;
	padding: 15px 20px 15px;
	background: #F0F0F0;
	overflow: hidden;
	border-top: 1px solid #ddd;
}
#content .post .author-info h3 {
	margin: 0 0 4px;
	font: bold .9em/1.5 'Quicksand', Helvetica, sans-serif;
}

.chrome #content .post .author-info h3, .gecko #content .post .author-info h3 {
	font-family: 'Raleway', Helvetica, sans-serif;
}

#content .post .author-info .avatar {
	max-width: 100%;
	width: 70px;
	margin: 0 15px 0 0;
	float: left;
}
#content .post .author-description {
	overflow: hidden;
}
#content .post .author-description p {
	padding: 0;
	font-size: .9em;
	line-height: 1.5;
}
#content .post .author-description a:hover {
	text-decoration: underline;
}

.parent-portfolio #content .single-entry-meta {
	
}

/* --- Post Nav Below --- */

#content #nav-below {
	width: 380px;
	margin: 0 0 40px 15px;
	padding-bottom: 20px;
}

#content #image-nav {
	margin: 30px 0 3px 0;
	overflow: hidden;
}
#comment-nav-below {
	margin:40px 0;
	overflow: hidden;
}
#content #nav-below .nav-previous a, #content #image-nav span.previous-image a, #comment-nav-below .nav-previous a {
	width: 40%;
	display: block;
	float: left;
	font-size: .9em;
	font-weight: bold;
}
#content #nav-below .nav-next a, #content #image-nav span.next-image a, #comment-nav-below .nav-next a {
	display: block;
	float: right;
	font-size: .9em;
	font-weight: bold;
}
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover, #content #image-nav span.previous-image a:hover, #content #image-nav span.next-image a:hover {
	text-decoration: none;
}

/* sharing */

.trackable_sharing {
	font-family: 'Quicksand', Helvetica, sans-serif;
	margin:0 0 1em 0;
	clear:both;
	border-bottom: 1px dotted #a5a5a5;
}

.chrome .trackable_sharing, .gecko .trackable_sharing {
	font-family: 'Raleway', Helvetica, sans-serif;
}

.parent-portfolio .trackable_sharing {
	display: none;
}

/* --- Comments --- */
#comments {
	width: 380px;
	margin: 0 0 40px 15px;
	font-size: .9em;
	padding: 0 0 30px 0;
}
#comments h3#comments-title {
	padding:30px 0 10px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .2em;
}
#comments p.write-comment-link {
	padding:0 0 20px;
}
#comments .comment-body p {
	padding:0 0 10px;
}
#comments p.moderation {
	font-family:'Quicksand', Helvetica, sans-serif;
	font-style:italic;
}

.chrome #comments p.moderation, .gecko #comments p.moderation {
	font-family:'Raleway', Helvetica, sans-serif;
}

#content #comments ol {
	padding:0;
}
#content #comments ol li ul.children {
	padding:0;
}
#content #comments ol li.depth-1 {
	padding:0;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
#content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 {
	margin:0 0 0 35px;
	padding:0;
	border-top:1px solid #ddd;
	border-bottom:none;
	overflow:hidden;
}
.comment-meta {
	padding:0 0 12px;
	font-size: .8em;
}
.comment-meta cite.fn {
	font-size: 1.3em;
	font-weight: bold;
	font-style: normal;
}
#comments .comment-body {
	padding:20px 0px;
	overflow:hidden;
	line-height: 1.5;
}
.reply {
	margin:0;
	float:left;
}
a.comment-reply-link {
	font-size:.9em;
}
#comments ol li.post.pingback {
	margin:0;
	padding: 20px 0 0;
	list-style:none;
	font-weight: bold;
}
#comments ol li.post.pingback a {
	font-weight: normal;
}
#comments ol li img.avatar {
	max-width: 100%;
	width: 65px;
	height: 65px;
	margin:22px 15px 0 0;
	float:left;
	border-radius: 2px;
}
#comments .bypostauthor {
}

.parent-portfolio #comments {
	display:none;
}

/* --- Comment Reply --- */
#content #comments #respond {
	margin:30px 0 0;
	padding:20px;
	background-color: rgba(255,255,255,0.75);
	border-radius: 2px;
	box-shadow: 0 0 4px rgba(0,0,0,0.35)
}
a#cancel-comment-reply-link {
	padding:3px 0 0;
	float:right;
	font-size: .8em;
	font-weight: normal;
}
#content #comments #respond h3#reply-title {
	margin:0 0 3px 0;
	font-size: 1.2em;
}
form#commentform p.comment-notes, p.logged-in-as {
	padding:0 0 15px 0;
	font-size: .8em;
}
form#commentform span.required {
	color: #E75428;
}
form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url, form#commentform p.comment-form-comment {
	padding:15px 0 0;
}
input#submit, input.wpcf7-submit {
	margin: 10px 0 0;
	padding: 8px 10px 7px;
	display: inline-block;
	vertical-align: baseline;
	outline: none;
	background-color: #777;
	border: none;
	font-size: .75em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	border-radius: 2px;
}
input#submit:hover, input.wpcf7-submit:hover {
	background-color: #363e99;
	color: #fff;
}
form#commentform input#author, form#commentform input#email, form#commentform input#url {
	width: 60%;
	margin: 5px 0 0;
	padding: 9px 5px 9px;
	display: block;
	background-color:#fff;
	border: 1px solid #ddd;
	font-size:1em;
}
form#commentform textarea#comment {
	width:95%;
	margin: 5px 0 0;
	padding: 9px 5px;
	background-color:#fff;
	border: 1px solid #ddd;
	font: 1em 'Quicksand', Helvetica, sans-serif;
}

.chrome form#commentform textarea#comment, .gecko form#commentform textarea#comment {
	font-family: 'Raleway', Helvetica, sans-serif;
}

form#commentform p.subscribe-to-doi-comments {
	padding: 20px 0 0;
	font-size: .8em;
	color: #666;
	letter-spacing: 1px;
}
/* Post Formats
--------------------------------------------- */
#content .entry-link, #content .entry-gallery, #content .entry-video {
	width: 100%;
	margin: 0;
	float: left;
}
/* --- Link Post Format --- */
#content .entry-link a {
	font-size: 1.1em;
	color: #009BC2;
	font-weight: bold;
}
#content .entry-link .entry-meta a {
	font-size: 1em;
	font-weight: normal;
}
/* --- Image Post Format --- */
#content .entry-header h2.entry-title-image {
	margin-top: 0;
	font-size: 1.1em;
}
/* --- Video, Image and Gallery Post Format --- */
#content .entry-post-format .entry-header h2.entry-title {
	margin: 0 0 5px;
}
#content .entry-post-format .entry-header p {
	font: italic .8em/1.5 Times, serif;
}
#content .entry-post-format .entry-header p a {
	font-family: 'Quicksand', Helvetica, sans-serif;
	font-style: normal;
}

.chrome #content .entry-post-format .entry-header p a, .gecko #content .entry-post-format .entry-header p a {
	font-family: 'Raleway', Helvetica, sans-serif;
}

#content .entry-post-format .entry-content-gallery {
	width: 54%;
	float: left;
}
#content .entry-post-format .gallery-thumb {
	width: 42.258%;
	float: left;
	margin: 5px 15px 0 0;
}
#content .post img.attachment-medium {
	max-width: 100%;
	height: auto;
	padding: 0;
}

/* WordPress Image Gallery
--------------------------------------------- */
#content .gallery {
	margin: auto;
	padding:0;
	clear: both;
}
#content .gallery-item {
	width:19%;
	float: left;
	margin-top: 10px;
	margin-right: 3px;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
}
#content .gallery-icon {
	width: 100%;
}
#content .gallery-caption {
	margin-left: 0;
	padding: 0;
	font-size: .8em;
	line-height: 1.25;
	color: #999;
	display: block;
}

/* Pages 
--------------------------------------------- */

.page-entry-header h1.entry-title {
	margin: 0 0 30px 0;
	font: 400 3em 'Quicksand', Helvetica, sans-serif;
	text-transform: lowercase;
	color: black;
}

.chrome .page-entry-header h1.entry-title, .gecko .page-entry-header h1.entry-title {
	font-family: 'Raleway', Helvetica, sans-serif;
}

.blog .page-entry-header h1.entry-title, .single-post .page-entry-header h1.entry-title {
	font-size: 4em;
}

.parent-portfolio .page-entry-header h1.entry-title {
	font-size: 3em;
}

#content .page {
	width:380px;
	margin: 0 0 40px 15px;
	padding: 0 0 30px;
	clear: both;
	font-size: .95em;
	line-height: 1.6;
}
#content .page-entry-header {
	margin: 0;
}
#content .page-entry-header h1.entry-title {
	margin: 0;
	font: bold 1.5em/1.5 'Quicksand', Helvetica, sans-serif;
	color: #009BC2;
}

.chrome #content .page-entry-header h1.entry-title, .gecko #content .page-entry-header h1.entry-title {
	font-family: 'Raleway', Helvetica, sans-serif;
}

#content .page p {
	padding: 0 0 20px 0;
}
/* --- Fullwidth Page --- */
#content.full-width {
	width:100% !important;
}
#content.full-width .page {
	margin: 0;
	padding: 0 0 20px;
	border-bottom: none;
}
/* --- Archive, 404, Search Results --- */
#content .page-header h1.page-title {
	padding: 0 0 15px 0;
	font-size: .8em;
	color: #777;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
}
/* --- Contact Page --- */
#content .wpcf7 {
	overflow: hidden;
	margin: 0;
	padding:20px;
	background: #F0F0F0;
}
#content .wpcf7 h3#form-title {
	margin:0 0 3px 0;
	font-size: 1.2em;
}
#content .wpcf7 p.form-info {
	padding:0 0 15px 0;
	font-size: .8em;
}
#content .wpcf7 p span.required {
	color: #E75428;
}
#content .wpcf7 input.wpcf7-text {
	width: 60%;
	margin: 5px 0 15px;
	padding: 9px 5px;
	background-color:#fff;
	border: 1px solid #ddd;
	font-size:1em;
}
#content .wpcf7 textarea {
	width:95%;
	margin: 5px 0 0;
	padding: 9px 5px;
	font: 1em 'Quicksand', Helvetica, sans-serif;
	background-color:#fff;
	border: 1px solid #ddd;
}

.chrome #content .wpcf7 textarea, .gecko #content .wpcf7 textarea {
	font-family: 'Raleway', Helvetica, sans-serif;
}

#content .wpcf7-form p {
	padding:0;
}

/* Sidebars
--------------------------------------------- */
aside.widget {
	margin: 0 0 30px 0;
	padding:  0 0 30px 0;
	font-size: .8em;
}
aside.widget ul li {
	padding: 0 0 7px 0;
	line-height: 1.4em;
}
aside.widget ul li:last-child {
	padding: 0;
}
.widget h3.widget-title, .widget_get_recent_comments h1.widget-title {
	padding: 0 0 15px 0;
	color: #777;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
}
.textwidget {
	font-size: .9em;
	line-height: 1.4;
}
/* --- Standard Widgets --- */
.widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children {
	margin: 5px 0 0 0;
}
.widget_categories ul li ul.children li, .widget_nav_menu ul li ul.sub-menu li, .widget_pages ul li ul.children li {
	margin: 0 0 0 20px;
}
.widget_recent_entries ul, .widget_recent_comments ul {
	padding: 0 0 0 15px;
}
.widget_recent_entries ul li, .widget_recent_comments ul li {
	list-style: square;
}
.widget_calendar #wp-calendar caption {
	font-family:'Droid Serif', Times, serif;
	font-style: italic;
	text-align: left;
	padding: 0 0 5px 0;
}
.widget_calendar table#wp-calendar th, .widget_calendar table#wp-calendar td {
	padding: 0 6px 6px 0;
}
.widget_calendar table#wp-calendar tbody tr td#today {
	font-weight: bold;
}
/* --- Search Widget --- */
.widget_search {
	overflow: hidden;
}
.searchform {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
}
#secondary .searchform .search-input {
	width: 90%;
	margin: 0 0 5px 0;
}
#tertiary .searchform .search-input {
	width: 62%;
	margin: 0 2px 5px 0;
}
.searchform .search-input {
	width: 40%;
	margin: 0 2px 5px 0;
	padding: 6px 5px;
	background-color:#F0F0F0;
	border: 1px solid #ddd;
}
.searchform .search-input:hover, #searchform .search-input:focus, #searchform .search-input:active {
	background-color:#fff;
}
.searchsubmit {
	margin: 0;
	padding: 8px 10px 7px;
	display: inline-block;
	vertical-align: baseline;
	outline: none;
	background-color: #777;
	border: none;
	font-size: 11px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}
.searchsubmit:hover {
	color: #fff;
	background-color: #009BC2;
}
/* --- Social Links Custom Widget --- */
.widget_sociallinks a {
	padding:0 20px;
}
.widget_sociallinks a.rss {
	background:url(images/rss-icon.png) 0 0 no-repeat;
}
.widget_sociallinks a.twitter {
	background:url(images/twitter-icon.png) 0 0 no-repeat;
}
.widget_sociallinks a.facebook {
	background:url(images/fb-icon.png) 0 0 no-repeat;
}
.widget_sociallinks a.flickr {
	background:url(images/flickr-icon.png) 0 0 no-repeat;
}
.widget_sociallinks a.vimeo {
	background:url(images/vimeo-icon.png) 0 0 no-repeat;
}
.widget_sociallinks a.linkedin {
	background:url(images/linkedin-icon.png) 0 0 no-repeat;
}
.widget_sociallinks a.delicious {
	background:url(images/delicious-icon.png) 0 0 no-repeat;
}
.widget_sociallinks a.googleplus {
	background:url(images/googleplus-icon.png) 0 0 no-repeat;
}

.smw_left img {
	display: block !important;
	margin-bottom: 10px !important;
}


/* --- Recent Comments Widget --- */
.widget_get_recent_comments li.sidebar-comment {
	margin:10px 0;
	overflow:hidden;
}
.widget_get_recent_comments li.sidebar-comment:first-child {
	margin:3px 0 10px;
}
.widget_get_recent_comments li.sidebar-comment .comment-content {
	padding:0 0 0 6px;
	overflow:hidden;
}
.widget_get_recent_comments li.sidebar-comment p {
	line-height: 1.4;
}
.widget_get_recent_comments .kjgrcGravatar {
	margin:0;
	float:left;
	display:block;
}
.widget_get_recent_comments span.sidebar-comment-autor a {
	padding: 0 0 3px;
}
/* --- Flickr Fotostream Widget --- */
#flickr_badge_wrapper {
	margin:3px 0 0;
}
.flickr_badge_image {
	max-width:80px;
	height:60px;
	margin:0 6px 6px 0;
	float:left;
}
.flickr_badge_image img {
	width:80px;
	height:60px;
}

/* Footer
--------------------------------------------- */
#colophon p {
	line-height: 1.5;
}
a.top {
	font-size: .8em;
	margin: 3px 0 0 0;
	display: block;
}
a.top:hover {
	color:black;
	text-decoration: none;
}

/* Clearing Floats
--------------------------------------------- */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}

/* forms */

#conForm textarea {
	width:98%;
}

/* Page Specific Styles */


#frontPageBullets {
	background-color: rgba(0,0,0,0.25);
	padding:0 !important;
	margin-bottom: 20px;
	border-radius: 2px;
}

#frontPageBullets li {
	
	font-size: 1.5em;
	font-weight: 100;
	text-align: center;
	color: #00Ab66 !important;
	text-transform: uppercase;
	list-style: none !important;
	padding: 6px 0 6px 0 !important;
}

.mobilehide {
	display: block;
}

/* Media queries for responsive design */

/* iPad Landscape */

@media screen and (max-width: 1024px) {


body, body.blog, body.single-post, body.pagename-about, body.page-template-page-portfolio-php, body.portfolio, body.web-design, body.interactive, body.print-logo, body.extras, body.pagename-approach, body.pagename-contact {
	background-image: none;
}


#mobile-bg {
	width:100%;
	min-height:100%;
	background-image: url('images/homepage-bg.png');
	background-position:center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: block;
	position: fixed;
	top:0;
	left:0;
	z-index: 0
}

.blog #mobile-bg, .single-post #mobile-bg{
	background-image:url('images/blog-bg.jpg');
	background-position: center top;
}

.pagename-about #mobile-bg{
	background-image:url('images/about-bg.jpg');
	background-position: center top;	
}

.page-template-page-portfolio-php #mobile-bg, .portfolio #mobile-bg, .web-design #mobile-bg, .interactive #mobile-bg, .print-logo #mobile-bg, .extras #mobile-bg {
	background-image:url('images/portfolio-bg.jpg');
	background-position: center top;	
}

.pagename-approach #mobile-bg {
	background-image:url('images/approach-bg.jpg');
	background-position: center top;	
}

.pagename-contact #mobile-bg {
	background-image:url('images/contact-bg.jpg');
	background-position: center top;	
}

#page {
	position: relative;
	background-position: center top;
	background-attachment: scroll;
	z-index: 1;
}

#secondary {
	width:200px;
}
	
.page-entry-header h1.entry-title {
	font-size: 2.2em;
}

.parent-portfolio .page-entry-header h1.entry-title {
	font-size: 2.e2m;
}

aside.widget {
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
}

.mobilehide {
	display: none;
}

}

/* robin adds to ribit code */
@media screen and (max-width: 1024px)
	.page-entry-header h1.entry-title {
font-size: 2.2em;
}
/* end of robin's code */

/* iPad Portrait */

@media screen and (max-width: 880px) {


#mobile-bg {
margin-left: ;
}

.home #mobile-bg {
	background-image: url('images/homepage-bg-frogonly.png');
	background-position: 0 10%;
	background-size: 70%;
}

.blog #mobile-bg, .single-post #mobile-bg, .pagename-about #mobile-bg, .pagename-portfolio #mobile-bg, .pagename-approach #mobile-bg, .pagename-contact #mobile-bg, .pagename-about #mobile-bg, .page-template-page-portfolio-php #mobile-bg, .portfolio #mobile-bg, .web-design #mobile-bg, .interactive #mobile-bg, .print-logo #mobile-bg, .extras #mobile-bg {
	background-position: 65% 0%;
}

#page {
	width:80%;
	margin-left: 20%;
	background-image: none;
	background-color: rgba(255,255,255,0.65);
	border-left: : 1px solid white;
	box-shadow: -4px 0 2px -2px rgba(0,0,0,0.18);
}

header#branding {
	background-size: 90%;
	background-position: center top;
	background-repeat: no-repeat;
	width: 20%;
	height: 20%;
	margin-left: 0;
	position: fixed;
	top:0;
	left:0;
	z-index: 5;
}


.home header#branding {
	display: block;
	background-image: url('images/logo-text-only-violet.png');
	background-size: 70%;
	top:30%;
}


#wrap {
	margin-top: 0;
}
#main {
	width: 100%;
	margin-left: 0;
	float: none;
	overflow: hidden;
}
#content {
	width: 65%;
}
#secondary {
	width: 25%;
}
#tertiary {
	width: 100%;
	float: none;
}
/* --- Header --- */
#site-title {
	width: 100%;
	padding: 20px 0 30px;
}
#site-title h1 a {
	margin: 0 auto;
}
/* --- Main Nav --- */
#mainnav {

}
#mainnav ul li a {
	font-size: 1em;
}
/* --- Sub Nav --- */
nav#subnav {
	padding: 0;
	margin: 5px 0 0 0;
}
nav#subnav ul.menu {
	padding:0;
}
nav#subnav ul.menu li.menu-item {
	width: 100%;
	margin:6px 0 0;
	float: none;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
nav#subnav ul.menu li.menu-item:last-child {
	border-bottom: none;
}
nav#subnav ul.menu li.menu-item a {
	float: left;
	margin: 6px 20px 10px 10px;
}
nav#subnav ul.menu li.menu-item ul.sub-menu {
	margin: 0;
	padding: 0;
	float: left;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
	width: auto;
	margin:0;
	float: left;
	border-bottom:none;
	letter-spacing: 0;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item a {
	margin: 0 20px 0 0;
	font-size: .8em;
	font-weight: normal;
	line-height:2;
	text-transform: none;
}

/* --- Post Content --- */
#content .entry-content {
	float: left;
}
#content .entry-details {
}
/* --- Sidebars --- */
#secondary aside:last-child {
	margin-bottom: 30px;
}
#tertiary aside:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

#content .page, #content .post {
	width:90%;
	margin-left:auto;
	margin-right: auto;
}

.textwidget {
	text-align: left;
}

}



/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px) {



/* off canvas nav */

#mainnav {
	display: none;
}

#mobile-nav {
	color:white;
	background-color: #363e99;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 0;
	display: block;
	
    -webkit-user-select: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;

}

#mobile-nav a {
	color:white;
	font-size: 1.2em;
	line-height: 3em;
	text-indent: 1em;
	width:100%;
	height:100%;
	display: block;
}

#mobile-nav a:hover {
	background-color: #2f388e;
	text-decoration: none;
}

#mobile-nav ul {
	margin-top: 100px;
}

#mobile-nav ul li {
	border-top: 1px solid #3f4abf;
	border-bottom: 1px solid #2b3482;
}



#mobile-nav-btn {
	width:50px;
	height:50px;
	background-image: url('images/menu-icon.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80% auto;
	margin:25px;
	display: block;
}

#mobile-nav-header {
	width:100%;
	height:100px;
}

#mobile-nav-close {
	width:100%;
	height:99px;
	background-image: url('images/menu-close-btn.png');
	background-repeat: no-repeat;
	background-position: 25px 50%;
	background-size: auto 50%;
	position: absolute;
	display: block;
	border-bottom: 1px solid #2b3482;
}

#mobile-nav .menu-main-container {
	border-bottom: 1px solid #3f4abf;
}

/* structure */

body {
	background-color: #363e99;
}

#mobile-bg {
	display: none;
}

.pagename-about #mobile-bg {
	background-image: url('images/about-bg-mobile.jpg');	
}

.blog #mobile-bg, .single-post #mobile-bg, .pagename-about #mobile-bg, .pagename-portfolio #mobile-bg, .pagename-approach #mobile-bg, .pagename-contact #mobile-bg, .pagename-about #mobile-bg, .page-template-page-portfolio-php #mobile-bg, .portfolio #mobile-bg, .web-design #mobile-bg, .interactive #mobile-bg, .print-logo #mobile-bg, .extras #mobile-bg {
	background-position: 50% 100px;
}

#page {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color:white;
	position: absolute;
	top:0;
	left:0;
	overflow-x: hidden;
	
    -webkit-user-select: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    
	box-shadow: -4px 0 8px rgba(0,0,0,0.35);
		
}


#content {
	background-position: 50% 100px;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-top: 100px;
	width:100%;
	float:none;
}

.home #content {
	background-image: url('images/homepage-bg-frogonly.png');
	background-size: auto;
	background-position-x: left;
}

.pagename-about #content {
	background-image: url('images/about-bg-mobile.jpg');
}

.pagename-approach #content {
	background-image: url('images/approach-bg-mobile.jpg');	
}

.pagename-contact #content {
	background-image: url('images/contact-bg-mobile.jpg');	
}

.page-template-page-portfolio-php #content, .portfolio #content, .web-design #content, .interactive #content, .print-logo #content, .extras #content {
	background-image: url('images/portfolio-bg-mobile.jpg');	
}

.blog #content, .single-post #content {
	background-image: url('images/blog-bg-mobile.jpg');	
}

#secondary {
	width:90%;
	margin:1em auto;
	padding:0;
	float:none;
	border:0;
	background-color: rgba(0,0,0,0.05);
	width: 90%;
	padding: 3%;
	border-radius: 2px;
	box-shadow: 0 0 4px rgba(0,0,0,0.35);
	
}

/* --- Header --- */


.home header#branding, header#branding {
	display: block;
	background-image: url('images/smaller-logo-white.png');
	background-color:#3e3e3e;
	background-size: auto 100%;
	background-position: right center;
	width: 100%;
	height:100px;;
	position: absolute;
	top: 0;
	box-shadow: 0 0 4px rgba(0,0,0,0.35);
}

header#mobile-header {
	display: block;
}

header#mobile-header a {
	display: block;
}

#site-title {
	float: left;
	padding: 10px 0 5px;
}
#site-title h1 {
	margin: 0;
	text-align: center;
	float: none;
}
#site-title h2 {
	margin: 0;
	text-align: center;
}


#content .page-entry-header h1.entry-title {
	margin: 80px 2% 10px auto;
	font: 400 2em 'Quicksand', Helvetica, sans-serif;
	text-align: right;
	color: black;
}

.chrome #content .page-entry-header h1.entry-title, .gecko #content .page-entry-header h1.entry-title {
	font-family: 'Raleway', Helvetica, sans-serif;
}

#content .single-entry-content {
	float: none;
}

#content .page, #content .post {
	background-color: rgba(255,255,255,0.50);
	width: 90%;
	padding: 3%;
	margin: 1em auto;
	border-radius: 2px;
	box-shadow: 0 0 4px rgba(0,0,0,0.35);
}

#secondary .page-entry-header {
	display: none;
}

/* --- Main Nav --- */
#mainnav {
	margin: 15px 0 0;
}
#mainnav ul li a {
	margin:0;
	padding:8px 7px;
	display: block;
	font-size: .7em;
}
#mainnav ul ul {
	display: none;
}
#mainnav ul ul ul {
	display: none;
}
#mainnav ul ul a {
	display: none;
}
/* --- Sub Nav --- */
nav#subnav ul.menu {
	border-bottom: none;
}
nav#subnav ul.menu li.menu-item {
	width: 100%;
	margin:0;
	float: none;
	overflow: hidden;
	background-color: #F0F0F0;
	border-bottom: 1px solid #ddd;
	text-align: center;
}
nav#subnav ul.menu li.menu-item a {
	width: 100%;
	margin: 0;
	padding: 12px 0 11px;
	float: left;
	display: block;
	background-color: #F0F0F0;
}
nav#subnav ul.menu li.menu-item a:hover, nav#subnav ul.menu li.menu-item a:active, nav#subnav ul.menu li.menu-item a:focus {
	background: #D4D4D4;
	text-decoration: none;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
	display: none;
}
/* --- Post Content --- */
#content .post {
	min-height: 400px;
}
#content .post .entry-header h2.entry-title {
	font-size: 1.2em;
}
#content .entry-content {
	width: 100%;
}
#content .entry-details {

}
#content .post img.wp-post-image {
	display: none;
}
#content .sticky {
	padding: 10px;
}
/* --- Post Columns Shortcodes --- */
.two-columns-one{
	width:100%;
}
.three-columns-one{
	width:100%;
}
.three-columns-two{
	width:100%;
}
.four-columns-one {
	width: 100%;
}
.four-columns-two {
	width:100%;
}
.four-columns-three {
	width:100%;
}
.three-columns-one,.three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three {
	float:none;
}
/* --- Single Posts ---- */
#content .single-entry-details {
	display: none;
}
#content .single-entry-header .social-btn-top {
	display: none;
}
#content .post .author-description p {
	font-size: .8em;
	line-height: 1.4;
}
#content .post .author-info .avatar {
	display: none;
}
/* --- Comments ---- */

#comments {
	width: 90%;
	padding: 3%;
	margin: 0 auto;
}

.page #comments {
	display: none;
}

form#commentform input#author, form#commentform input#email, form#commentform input#url {
	width: 95%;
}
#content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 {
	margin:0;
}
#comments img.avatar {
	display: none;
}
a#cancel-comment-reply-link {
	width: 100%;
	margin:5px 0 15px;
	display: block;
}
/* --- Post Nav Below --- */

#content #nav-below {
	width:90%;
	margin: 0 auto;
	padding: 3%;
}

#content #nav-below .nav-previous a {
	width: 50%;
	display: block;
	float: left;
	margin: 0 0 10px;
}
#content #nav-below .nav-next a {
	width: 50%;
	display: block;
	text-align: right;
}
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover {
	text-decoration: none;
}



/* --- Post Formats ---- */
#content .entry-post-format .entry-content-gallery {
	width: 100%;
	float: none;
}
#content .entry-post-format .gallery-thumb {
	width: 100%;
	float: none;
	margin: 5px 15px 15px 0;
}
/* --- Pages ---- */


#content .page .wpcf7 input.textfield {
	width: 95%;
}

section.portfolio-category {
	float: none;
}

.portfolio-thumbnail {
	text-align: center;
	width:80%;
	margin: 0 auto;
	float: none;
	
}

.page-template-page-portfolio-php #content h3.entry-title {

}

/* --- Footer ---- */
#colophon {
	width: 100%;
	float: none;
}

/* misc */

.smw_left img {
	display: inline-block !important;
}

aside.widget {
	width:90%;
	margin:2em auto;
}

}