@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);

/* General
================================================== */
	
body {
	background: url('http://nico.campdoug.com/wp-content/uploads/2013/06/bg3.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color: #505050;	
	font-family: Helvetica, arial, sans-serif;
	font-size: 15px;
	line-height: 2;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

p, ul, ol, pre, dl dd {
	margin-bottom: 20px;
	-webkit-margin-before: 0em;
}

li {
	line-height: inherit;
	margin-bottom: 0px;
}

a,
a:visited {
	color: #222;
	text-decoration: underline;
}

a.button:visited {
	color: inherit;
}

a.btn,
a.btn:visited {
	color: #505050;
	text-decoration: none;
}

.btn i {
	display: inline-block;
	margin-right: 5px;
}

a:hover,
a:active {
	color: #303030;
}

a:active {
	position: relative;
	top: 1px;
}

small {
	color: #606060;	
	font-size: 10px;
	font-weight: normal;
}

code {
	font-weight: normal;
}

blockquote,
blockquote p {
	color: #707070;
	font-size: inherit;
	font-style: italic;
}

img,
object {
	max-width: 100% !important;
	height: auto;
}

.label {
	text-transform: inherit;
}

table {
	width: 100%;
	margin-bottom: 20px;
}

tr.alternate {
	background: #fcfcfc;
}

th, td {
	border: 1px dotted #ddd;
}

td.label {
	background: none;
	font-size: inherit;
}

.home #main-wrap {
	padding-top: 0px !important;
}


/* Headings
================================================== */
	
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px;
	color: #444;
	font-weight: normal;
	letter-spacing: -1px;
}

h1 {
	margin: 0 0 20px;
	line-height: normal;
	font-size: 36px;
}

h2 {
	font-size: 26px;	
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 13px;
}

h6 {
	font-size: 12px;
}

.title {
	font-size: 20px;
}

.title h2 {
	margin-bottom: 0;	
}

.title-dotted {
	margin-bottom: 30px;
	padding: 10px 20px 0;
	border: 1px dotted #ddd;
}

.title-center {
	text-align: center;
	background-position: center bottom !important;
}

.title-right {
	text-align: right;
	background-position: right bottom !important;
}

.post-title,
.post-title h1 {
	margin-bottom: 15px;
	line-height: normal;	
	font-size: 18px;
}

.single .post-title,
.page .post-title {
	font-size: 20px;
}

.title a,
.post-title a {
	color: inherit;
	text-decoration: none;
}

.title a:hover,
.post-title a:hover {
	color: #222;
}

.title i,
.post-title i {
	display: inline-block;
	margin-right: 8px;
}

.alert-heading {
	font-weight: bold;
	margin-bottom: 5px;
}


/* Forms
================================================== */

label,
input,
button,
select,
textarea {
	font-family: 'Droid Serif', serif;
	font-size: 13px;
}

input, textarea {
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-color: #e5e5e5;
	-webkit-border-radius: 0;
  	-moz-border-radius: 0;
  	border-radius: 0;
  	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	height: 200px;
	line-height: inherit;
}

input:focus, textarea:focus {
	border-color: rgba(82, 168, 236, 0.8);
}

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
	width: auto !important;
	height: auto !important;
}


/* General layout
================================================== */

#outer {
	position: relative;
	margin: 0 auto 40px;
}

#main-wrap {
	padding-top: 40px;
}

.sidebar-left #content {
	float: right;
}

#sidebar {
	padding-bottom: 10px;
}

.sidebar-left #sidebar {
	float: left;
}

.no-sidebar #sidebar {
	display: none;
}

.boxed .wrap {
	width: auto;
	margin: 0 auto;
	background: #fff;
}

.ie .boxed .wrap {
	width: 1060px;
}


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

#header-wrap {
	z-index: 10;
	/*background: transparent !important;*/
}

#header {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index:10;
	border-bottom: 1px solid #f0f0f0;
}
    
#header-right {
	position: absolute;
	right: 0px;
	bottom: 30px;
	text-align: right;
}

#logo {
	margin-bottom: 10px;
}

#logo-text {
	font-size: 30px;
	letter-spacing: -3px;
}

#logo-text a {
	color: inherit;
	text-decoration: none;
}

#logo-text span {
	color: #222;
	font-style: italic;
}
    
#logo-description {
	margin-bottom: 0px;
	line-height: normal;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: normal;
}


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

.frameshift-menu,
.frameshift-menu .sf-menu li,
.frameshift-menu .sf-menu a {
	height: 25px;
	line-height: 1;
	color: inherit;
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
}

.frameshift-menu ul {
	margin: 0px;
	padding: 0px;
	line-height: inherit;
}

.frameshift-menu li {
	display: inline;
}

.frameshift-menu li li a {
	text-align: left;
}

.frameshift-menu a {
	display: inline-block;
	margin: 0 0 0 20px;
	text-decoration: none;
}

.frameshift-menu-main {
	margin-bottom: -12px;
}

.frameshift-menu-main a {
	color: #fff;
}

#bottom-menu-wrap {
	background: none;
}

#bottom-menu-wrap .frameshift-menu .sf-menu a {
	font-size: 11px !important; 
}

.frameshift-menu-bottom {
	margin-top: -40px;
	margin-bottom: 40px;	
}

.frameshift-menu-bottom ul {
	width: 100%;
	text-align: center;
}

.frameshift-menu-bottom li {
	float: none;
}

.frameshift-menu-bottom li ul {
	display: none !important;
}

.tinynav {
	display: none;
	margin: 0;
	padding: 6px 4px;
	line-height: 1.2;
	background: #eee;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
 	background-position: center right;
 	background-repeat: no-repeat;
	border: 1px solid #ddd;
 	-moz-border-radius: 0px;
 	-webkit-border-radius:0px;
 	border-radius:0px;
	-webkit-appearance: none;
	outline: none;
}

.frameshift-menu-main .tinynav,
.frameshift-menu-bottom .tinynav {
	border-color: #fff;
}


/*  Superfish menus
================================================== */

/** ESSENTIAL STYLES */

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu {
	line-height: 1.0;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 75px;
}

.sf-menu ul li {
	width: 100%;
}

.sf-menu li:hover {
	/* fixes IE7 'sticky bug' */
	visibility:	inherit;
}

.sf-menu li {
	display: inline;
	position: relative;
	width: auto;
	list-style: none;
}

.sf-menu a {
	display: inline-block;
	position: relative;
}

/** FRAMESHIFT MENU */

.frameshift-menu,
.frameshift-menu .sf-menu li,
.frameshift-menu .sf-menu a {
	height: 40px;
	line-height: 40px;
}

.frameshift-menu .sf-menu li:hover ul,
.frameshift-menu .sf-menu li.sfHover ul {
	left:			5px;
	top:			25px; /* match top ul list item height */
	z-index:		9999;
}

.frameshift-menu .sf-menu li:hover li ul,
.frameshift-menu .sf-menu li.sfHover li ul {
	top:			-999em;
}

.frameshift-menu .sf-menu li li:hover ul,
.frameshift-menu .sf-menu li li.sfHover ul {
	left:			75px; /* match ul width */
	top:			0 !important;
}

.frameshift-menu .sf-menu li li:hover li ul,
.frameshift-menu .sf-menu li li.sfHover li ul {
	top:			-999em;
}

.frameshift-menu .sf-menu ul {
	height: auto;
	margin: 0;
	padding: 5px 0;	
	background: #fff;
	border: 1px dotted #ddd;
	border-top: none;
	z-index: 1;
}

.frameshift-menu .sf-menu li li {
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
}

.frameshift-menu .sf-menu li li ul {
	padding-top: 4px;
	border-top: 1px dotted #ddd;
}

.frameshift-menu .sf-menu li li a,
.frameshift-menu .sf-menu li li a:visited {
	display: block;
	float: left;
	height: auto;
	margin: 0;
	padding: 8px 15px;
	line-height: 1;
	background: none;
	color: #505050;
	font-size: 12px;
	text-decoration: none;
	text-shadow: none;
}

.frameshift-menu .sf-menu li li a:hover {
	color: #222;
}

.frameshift-menu .sf-menu li li a:active {
	top: 0px;
}

/** SMALL MENU */

.frameshift-menu-top-left .sf-menu a {	
	margin: 0 15px 0 0;
}

.frameshift-menu-top-right .sf-menu a {
	margin: 0 0 0 15px;
}

.frameshift-menu-top-left .sf-menu li li a,
.frameshift-menu-top-left .sf-menu li li a:visited,
.frameshift-menu-top-right .sf-menu li li a,
.frameshift-menu-top-right .sf-menu li li a:visited {
	padding: 7px 15px;
	font-size: 11px;
}


/* Post
================================================== */

#main-middle-title {
	position: relative;
	margin-top: -40px;
	margin-bottom: 40px;
	border-bottom: 1px dotted #d8d8d8;
}

.home #main-middle-title {
	margin-top: -20px;
}

#main-middle-title h1 {
	margin-bottom: 0;
	line-height: 2.5;
	font-size: 20px;
}

.title-nav {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -13px;	
}

.title-nav a {
	margin-left: 4px;
}

#filter {
	position: absolute;
	top: 12px;
	right: 0;
	font-size: 12px;
}

#filter a {
	margin-left: 10px;
	padding-left: 12px;
	background: url(../img/bg-arr-down.png) no-repeat left center;
	text-decoration: none;
}
    
.title-archive,
.title-author {
	margin-bottom: 30px;
	padding: 20px 20px 0;
	border: 1px dotted #ddd;
}
    
.category-description {
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 13px;
}

.category-description p {
	margin-bottom: 0;
}

.category-description a {
	color: #222;
}
    
.post,
.page {
	padding-bottom: 20px;
}

.title,
.post-meta {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(../img/bg-dots-title.png) no-repeat left bottom;
}

.post-title {
	position: relative;
}

.post-meta {
	margin-top: -10px;
	margin-bottom: 20px;
	font-size: 11px;
}

.post-meta .label {
	margin-right: 3px;
}

.post-format-link {
	display: inline-block;
	margin-right: 5px;
	color: inherit !important;
	text-decoration: none !important;
}
    
.post-image {
	position: relative;
	margin: 7px 0 15px 0;
}

.post-image.alignleft,
.post-image.alignright {
	margin-bottom: 20px;
}

.post-image a {
	display: block;
}

.post-tags {
	margin-bottom: 30px;
	clear: both;
}

.author-box {
	margin-bottom: 30px;
	padding: 20px 20px 0;
	border: 1px dotted #ddd;
	clear: both;
}

.author-box .avatar {
	float: left;
	margin: 0 20px 20px 0;
	padding: 0px;
}

.author-box h4 {
	margin-bottom: 10px;
	line-height: normal;
	font-size: 14px;
}

.moretag {
	font-style: normal;
}

#subpages .post-title {
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#subpages .post-title h2 {
	line-height: inherit;
}

/** Portfolio */

.portfolio {
	padding-bottom: 20px;	
}

h2.portfolio-title {
	font-size: 18px !important;
}

.portfolio-image {
	margin-top: 0;
}

.portfolio-image a {
	position: relative;
	display: block;
}

.portfolio-short {
	margin-top: -10px;
	margin-bottom: 10px;
	color: #999;	
}

#portfolio-details {
	padding-bottom: 30px !important;
}

.project-details-client span,
.project-details-date span,
.project-details-skills span {
	display: inline-block;
	min-width: 50px;
	font-weight: bold;
}

.project-details-url {
	margin-top: 20px;
}

.span4 .portfolio-image.alignleft {
	margin-right: 0;
}

.span4 .portfolio-image.alignright {
	margin-left: 0;
}

/** Image Overlay */

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/bg-trans-light-75.png);
}

.span4 .overlay,
.span6 .overlay {
	max-width: 300px;
}

.size-post-thumbnail .overlay {
	max-width: 300px !important;
}

.span8 .overlay {
	max-width: 640px;
}

.overlay .arr-right {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #222;
	background-image: url(../img/bg-arr-right-white.png);
}

.overlay-zoom .arr-right {
	background-image: url(../img/bg-arr-plus-white.png);
}

/** Pagination */

.pagination {
	margin-top: 0;
	margin-bottom: 40px;
}

.pagination a {
	float: none;
	display: block;
}

.pagination li a {
	float: left;
}

.pagination a:hover,
.pagination .active a {
	background: #fcfcfc;
	color: inherit;
}

.post-navigation,
.attachment-navigation {
	margin-bottom: 20px;
	padding: 10px 20px;
	background: url(../img/bg-dots.png);
}

.post-navigation a,
.attachment-navigation a {
	text-decoration: none;
}

.post-navigation .previous,
.post-navigation .next {
	float: left;
	width: 45%;
}

.post-navigation .next {
	float: right;
	text-align: right;
}

.attachment-navigation .center,
.attachment-navigation.first .next {
	text-align: center;
}

.attachment-navigation.first .center {
	text-align: left;
}

.attachment-navigation .next {
	text-align: right;
}

.attachment-navigation.third .span4 {
	width: 185px;
}

.gallery-caption {
	display: block;
	padding: 5px 10px;
	background: url(../img/bg-dots.png);
	clear: both;
}

.single-attachment .post-attachment-image {
	float: left;
	width: auto;
	margin-bottom: 20px;
}

.single-attachment .image-caption {
	padding: 5px 10px;
	background: url(../img/bg-dots.png);
  	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.single-attachment .image-description {
	margin-top: -10px;
}

/** Image gallery */

.image-gallery {
	margin-bottom: -20px;
	clear: both;
}

.widget .image-gallery {
	margin-bottom: 0;
}

.image-gallery-item {
	padding: 0 0 30px;
	margin-bottom: 10px;
}

.image-gallery-caption {
	margin-bottom: -10px;
}

/** Post formats */

.format-aside .post-teaser {
	font-style: italic;
}


/** Other */

.alert {
	margin-bottom: 20px;
}

.alert a {
	text-decoration: underline;
}

.alert a.btn,
.alert a.close {
	text-decoration: none;
}

/** Arrows */

.arr {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #eee url(../img/bg-arr-right.png) no-repeat center center;
	text-indent: -9999px;
}

.arr:hover {
	background-color: #e4e4e4;
}

.arr-left {
	background-image: url(../img/bg-arr-left.png);
}

.arr-grid {
	background-image: url(../img/bg-arr-grid.png);
}

.arr-right {
	background-image: url(../img/bg-arr-right.png);
}

.arr-up {
	background-image: url(../img/bg-arr-up.png);
}

.arr-down {
	background-image: url(../img/bg-arr-down.png);
}


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

#comments,
#pings,
#respond {
	clear: both;
}
    
.comment-list,
.ping-list {
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
}

.comment-list,
.ping-list {
	margin-top: -10px;
	margin-bottom: 20px;
}

.comment-list .children {
	margin: 0 0 0 40px;
	font-size: inherit;
	list-style: inherit;
}

.comment-list li {
	line-height: inherit;
}

.comment-inner {
	margin-top: 30px;
	padding: 20px 20px 0;
	border: 1px dotted #ccc;
}

.comment-author .avatar {
	float: right;
	margin: 0 0 20px 20px;
}

.comment-meta {
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 11px;
}

.reply {
	margin-bottom: 20px;
}

.comments-nocomments,
.comments-closed {
	display: none;
}

#reply-title small {
	font-size: 11px;
}

#respond,
#pings {
	margin-top: 30px;
}

#commentform {
	margin: 0;
}

#commentform label {
	font-weight: normal;
	font-size: inherit;
}
    
.comment-form-section {
	margin-bottom: 10px;
}

.form-allowed-tags {
	margin-bottom: 10px;
}

.comment-navigation {
	margin-top: -40px;
}


/* Sidebar
================================================== */

.sidebar-title,
.sidebar-title h4 {
	margin: 0 0 20px;
	line-height: normal;
	font-size: 18px;
}

#sidebar .widget {
	padding-bottom: 10px;
	clear: both;
}

#sidebar .widget-slider {
	padding-bottom: 0;
}


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

#footer-wrap {
	background: #fff;
}
    
#footer {
	padding-top: 40px;
	padding-bottom: 10px;
	border-top: 1px dotted #d8d8d8;
}

#footer .widget {
	margin-bottom: 20px;
}

.footer-title,
.footer-title h4 {
	margin: 0 0 20px;
	line-height: normal;
	font-size: 18px;
}

#subfooter-wrap {
	padding: 60px 0;
	background: #303030 !important;
	color: #fff;
}

.social-icons {
	margin-bottom: 40px;
	text-align: center;
}

.social-icons a {
	margin: 0 10px;
	-moz-opacity:.50;
	-ms-filter:"alpha(opacity=50)";
	filter:alpha(opacity=50);
	opacity:.50;
}

.social-icons a:hover {
	-moz-opacity:1;
	-ms-filter:"alpha(opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}


/* Credit
================================================== */
    
#credit-wrap {
	background: transparent !important;
}
    
#credit {
	line-height: 1;
}

#credit a {
	color: #fff;
}

#credit p {
	margin-bottom: 10px;
}

.credit-top,
.credit-bottom {
	text-align: center;
}


/* 404
================================================== */

#the404 {
	margin-bottom: 40px;
	padding: 20px 0;
	line-height: 1;
	background: url(../img/bg-dots.png);
	color: #222;
	font-size: 400px;
	text-align: center;
	text-shadow: 10px 10px 0 #fff;
}


/* Widget CSS
================================================== */
    
.first {
	margin-left: 0px;
	clear: both;
}

#sidebar .widget_text,
#footer .widget_text {
	padding-bottom: 10px;
}

.widget_categories .postform {
	width: 100%;
	margin-bottom: 20px;
}

.tagcloud {
	padding-bottom: 20px;
	line-height: normal;
}

#wp-calendar {
	width: 100%;
	margin-bottom: 30px;
}

#wp-calendar caption {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px;
	background: url(../img/bg-dots.png);
}

#wp-calendar tbody td {
	text-align: center;
}

#wp-calendar #prev {
	text-align: right;
}

#wp-calendar tfoot .pad {
	display: none;
}
    
/** SPACES */

.widget-spaces {
	padding-bottom: 20px;
}

.widget-spaces-center {
	text-align: center;
}

.widget-spaces-center .title {
	background-position: center bottom;
}

#footer .widget-spaces {
	margin-bottom: 0;
}

.space-image {
	position: relative;
	margin-bottom: 15px;
}

.space-image a {
	display: block;
}

.space-icon {
	margin-top: -10px;
	line-height: 1;
	color: #eee;
	font-size: 150px;
}

.space-icon a {
	color: inherit;
	text-decoration: none;
}

/** LATEST POSTS */

.widget-latest {
	clear: both;
}
    
.widget-latest .span3 .post-image.alignleft,
.widget-latest .span3 .post-image.alignright,
#sidebar .post-image.alignleft,
#sidebar .post-image.alignright {
	float: none;
	margin-left: 0px;
	margin-right: 0px;
}

.widget-latest .title-widget,
.widget-latest-work .title-widget,
.hentry.page .post-title {
	position: relative;
	margin-bottom: 20px;
	margin-left: 40px;
	padding-bottom: 20px;
	background: url(../img/bg-dots-title.png) no-repeat left bottom;
}

.hentry.page .post-title {
	margin-bottom: 25px;
	margin-left: 0;
}

.widget-latest-work {
	padding-bottom: 10px;
}

.widget-latest-work .title-widget {
	margin-bottom: 30px;
}

.widget-latest .title-widget .arr,
.widget-latest-work .title-widget .arr {
		position: absolute;
		bottom: 0;
		right: 0;
}

.widget-latest .title-widget a.arr:active,
.widget-latest-work .title-widget a.arr:active {
	top: auto;
	bottom: -1px;
}


/** SLIDER */
    
/* Browser Resets */

.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

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

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

/* No JavaScript Fallback */
.no-js .slides > li:first-child {display: block;}

.widget-slider,
.image-slider {
	position: relative;
	z-index: 2;
	margin-bottom: 40px;
	clear: both;
}

.image-slider {
	margin-bottom: 20px !important;
}

.alignleft .image-slider,
.alignright .image-slider {
	padding-top: 0;
}

.flexslider {
	background: url(../img/loading.gif) no-repeat center center;
}

.flexslider.height-450 {
	height: 450px;
}

.flexslider.height-410 {
	height: 410px;
}

.flexslider.height-120 {
	height: 120px;
}

.flexslider .slides li {
	position: relative;
}

.flexslider a {
	display: block;
}

.flexslider .slider-overlay h3 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(../img/bg-dots-title-white.png) no-repeat left bottom;
}

.flexslider .slider-overlay.no-teaser h3 {
	margin-bottom: 10px;
	padding-bottom: 0;
	background: none;
	font-weight: bolder;
}

.flexslider .slider-overlay a {
	display: inline;
	color: inherit;
	text-decoration: underline;
}

.flexslider img.wp-post-image.attachment-post-thumbnail {
	float: none !important;
	width: 100%;
	margin: 0 !important;
}

.flex-direction-nav {
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 50px;
	height: 25px;
	background: url(../img/bg-trans-75.png);
}

#sidebar .flex-direction-nav,
.span3 .flex-direction-nav,
.span4 .flex-direction-nav {
	left: 0px;
	bottom: 0px;
}

.flex-direction-nav li {
	display: inline-block;
	width: 25px;
}

.flex-direction-nav li .prev,
.flex-direction-nav li .next {
	display: block;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	cursor: pointer;
	padding: 0px 0px;
	background-color: #000 !important;

}

.flex-direction-nav li .prev {
	background-image: url(../img/bg-arr-left-white.png);
}

.flex-direction-nav li .next {
	background-image: url(../img/bg-arr-right-white.png);
}

.flex-direction-nav li .prev:hover,
.flex-direction-nav li .next:hover {
	background-color: #ccc;
}

.flex-direction-nav li a:active,
.flex-direction-nav li a:active {
	top: 0px !important;
}

.flexslider .slider-overlay {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 25%;
	max-height: 80%;
	padding: 25px 35px 10px;
	color: #fff;
	overflow: hidden;
}

.flexslider .slider-overlay.no-teaser {
	width: auto;
	padding: 15px 25px 5px;
}

#sidebar .flexslider .slider-overlay {
	display: none;
}

.flexslider .slider-overlay h3,
.flexslider .slider-overlay h3 a {
	color: inherit;
	font-size: 32px;
	text-decoration: none;
  font: 400 32px/1.5 'Pacifico', Helvetica, sans-serif;
  color: #ffffff;
  text-shadow: 3px 3px 0px rgba(0,0,0,0.1), 7px 7px 0px rgba(0,0,0,0.05);
}

.flexslider .slider-overlay h3 a:hover {
	text-decoration: underline;
}

.searchform .search-text {
	width: 78%;
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
}

.form-password .password {
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
}

/** DIVIDER */

.widget-divider-wrap {
	clear: both;
}

/** CALL TO ACTION */

.widget-call-to-action-wrap {
	margin-bottom: 40px;
	background: url(../img/bg-dots.png);
	clear: both;
}

#footer .widget-call-to-action-wrap {
	margin-bottom: 30px;
}

.widget-call-to-action {
	display: table;
	width: 100%;
	padding: 20px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#sidebar .widget-call-to-action {	
	padding: 20px;
}

.widget-call-to-action .widget-inner {
	display: table-row;
}

.widget-inner a {
	padding: 8px 12px;
	background: orange;
	color: #fff;
	text-decoration: none;
}

.widget-inner {
		line-height: 1.2 !important;

}

.call-to-action-text {
	display: table-cell;
	width: auto;
	padding-right: 10px;
	line-height: 1.75;
	vertical-align: middle;
}

.call-to-action-text h1,
.call-to-action-text h2,
.call-to-action-text h3,
.call-to-action-text h4,
.call-to-action-text h5,
.call-to-action-text h6,
.call-to-action-text p {
	margin-bottom: 0;
	line-height: inherit;
}

.call-to-action-text span {
	display: block;
	margin-top: 5px;
}

.call-to-action-button {
	display: table-cell;
	width: auto;
	padding-left: 10px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}
	
#sidebar .call-to-action-text,
#sidebar .call-to-action-button {
    display: block;
    padding-right: 0;
    text-align: center;
}

#sidebar .call-to-action-button .btn {
    margin: 20px 0 10px;
}


/* WordPress CSS
================================================== */

.aligncenter,
div.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.aligncenter {
	margin-top: 5px;
    margin-bottom: 15px;
}

div.aligncenter {
	margin-top: 0;
}

.alignleft {
	float: left;
	width: auto;
	margin-top: 5px;
	margin-right: 20px;
}

.alignright {
	float: right;
	width: auto;
	margin-top: 5px;
	margin-left: 20px;
}

.alignnone {
}

.wp-caption {
	max-width: 100%;
	margin-bottom: 20px;
    font-size: 12px;
}

.wp-caption.aligncenter,
.wp-caption.alignnone {
	margin-bottom: 30px;
}

.wp-caption img {
	float: none;
	padding: 0px;
	border: none;
}

.wp-caption-text {
	margin: 0 0 -10px;
	padding: 5px 10px;
	background: url(../img/bg-dots.png);
}

.gallery-icon img {
	border: none !important;
}

.gallery-item .wp-caption-text {
	margin: 10px 0 0;
	padding: 0;
	background: none;
}

.sticky {
}

.bypostauthor {
}

.mu_register {
	width: auto;
	padding: 40px 0 20px;
}

.mu_register .error {
	width: 75%;
	padding: 8px 35px 8px 14px;
  	margin-bottom: 5px;
  	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  	background-color: #f2dede;
  	border: 1px solid #eed3d7;  	
  	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mu_register #blog_title,
.mu_register #user_email,
.mu_register #blogname,
.mu_register #user_name {
	width: 75%;
	font-size: 24px;
	margin: 5px 0;
}

.mu_register input[type="submit"] {
	padding-left: 60px;
	padding-right: 60px;
}

.mu_register .prefix_address,
.mu_register .suffix_address {
	font-size: 18px;
	display:inline;
}

.mu_register label {
	font-weight: 700;
	font-size: 15px;
	display: block;
	margin: 10px 0;
}

.mu_register label.checkbox,
.mu_register label.checkbox input {
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
}

.mu_register label.checkbox {
	margin-right: 10px;
}

.mu_register .mu_alert {
	padding: 8px 35px 8px 14px;
  	margin-bottom: 20px;
  	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  	background-color: #fcf8e3;
  	border: 1px solid #fbeed5;
}


/* Plugin CSS
================================================== */

.pp_description {
	margin-top: 10px !important;
}

a.pp_arrow_next {
	position: static;
	left: auto;
}

/* Gravityforms */

.gform_fields {
	padding: 0px;
}

.gfield {
	margin: 0 0 10px;
}

.gfield_html {
	padding-top: 10px;
}

.gform_wrapper h3.gform_title {
	color: #404040;
}

.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper .textarea {
	line-height: 25px;
	background: #fff;
	border: 1px solid #e9e9e9;
	color: #444!important;
	font-family: Arial, sans-serif;
	font-size: 12px!important;
}

.chzn-search input,
.chzn-container-multi input {
	line-height: normal!important;
}

.gform_button,
.gform_next_button,
.gform_previous_button {
	padding: 0 25px 0 28px;
	background: #222 url(../img/bg-arr-right-white.png) no-repeat 10px center;
	color: #fff!important;
	border: none;
	font-family: 'Droid Serif', serif;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
}

.gform_next_button,
.gform_previous_button {
	padding-left: 25px;
	background-image: none;
}

.gform_previous_button {
	margin-right: 10px;
}

.gform_button:hover,
.gform_next_button:hover,
.gform_previous_button:hover {
	background-color: #444!important;
}


/* Bootstrap CSS
================================================== */

.alert {
	-webkit-border-radius: 0;
  	-moz-border-radius: 0;
  	border-radius: 0;
}

pre {
	padding: 8px;
	color: #555;
  	background-color: #fcfcfc;
  	border: 1px dotted #ddd;
	-webkit-border-radius: 0;
  	-moz-border-radius: 0;
  	border-radius: 0;
}

.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #D14; }
.kwd, .linenums .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }

.prettyprint {
  	padding: 8px;
  	background-color: #fefefe;
  	border: 1px dotted #e5e5e5;
}

.prettyprint.linenums {
  	-webkit-box-shadow: inset 40px 0 0 #fcfcfc, inset 41px 0 0 #eee;
    -moz-box-shadow: inset 40px 0 0 #fcfcfc, inset 41px 0 0 #eee;
    box-shadow: inset 40px 0 0 #fcfcfc, inset 41px 0 0 #eee;
}

ol.linenums {
  margin: 0 0 0 33px; /* IE indents via margin-left */
} 

ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 18px;
  text-shadow: 0 1px 0 #fff;
}

.tooltip {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: inherit;
}

.modal-header,
.modal-footer {
	margin: 0;
  	padding: 0 20px;
  	line-height: 50px;
  	border: none;
  	background: url(../img/bg-dots.png);
  	font-size: 16px;
}

.modal-footer {
	padding: 15px 20px;
	line-height: 1;
}

.modal-header h3 {
	margin: 0;
	padding: 0;
	line-height: inherit;
}

.modal-header .close {
	margin: 0;
  	line-height: 50px;
}

.modal-body {
	padding: 15px 20px;
}

.popover-title {
	margin-bottom: 0;
  	padding: 10px 15px;
  	line-height: 1;
  	background: #fff url(../img/bg-dots.png);
  	border: none;
}
.popover-content {
	margin: 0;
  	padding: 1px 15px 15px;
}
    

/*  Useful
================================================== */
    
.left {
	float: left;
	width: auto;
}

.right {
	float: right;
	width: auto;
}


/* Clearing
================================================== */

.clearfix:before,
.clearfix:after {
  	content: '\0020';
  	display: block;
  	overflow: hidden;
  	visibility: hidden;
  	width: 0;
  	height: 0;
}
.clearfix:after {
  	clear: both;
}
.clearfix {
  	zoom: 1;
}

.clear,
.wrap {
	clear: both;
}


/**
 * Media Queries
 *
 * Make this theme look sexy in
 * different browser sizes and devices.
 */


/*  Landscape phone to portrait tablet
================================================== */

@media (max-width: 768px) {
	
	.boxed {
		margin: 0 20px;
	}
	
	.boxed .wrap,
	#outer {
		width: auto;
	}
	
	#outer {
		margin: 0 auto 20px;
	}
	
	.tinynav {
		display: block;
		width: 100%;
	}
	
    .frameshift-menu {
    	padding-top: 13px !important;
    }
    
    .frameshift-menu ul {
    	display: none
    }
	
	.frameshift-menu a {
		margin-right: 10px;
		margin-left: 10px;
	}
    
    .frameshift-menu-main {
		margin-bottom: 10px !important;
	}
	
	.frameshift-menu-bottom {
		margin-top: 0;
		margin-bottom: 30px;
	}
	
	.frameshift-menu-bottom .tinynav {
		background-color: #fff;
	}
	
	.flexslider {
		height: auto !important;
	}
	
	.flexslider .slider-overlay {
		display: none;
	}
	
	.social-icon {
		margin-right: 5px;
	}
	
	#header-left {
		text-align: center;
	}
	
	#header-right {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 20px;
		text-align: center;
	}
	
	.sidebar-left #content,
	.sidebar-left #sidebar {
	    float: none;
	}
	
	.widget-latest .title-widget,
	.widget-latest-work .title-widget {
		margin-left: 0;
	}
	
	.widget-latest .title-widget .arr,
	.widget-latest-work .title-widget .arr {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 10px;
	}
	
	.title,
	.post-title,
	.post-image,
	.space-image,
	.space-icon,
	.post-meta,
	.portfolio-short,
	.category-description {
		text-align: center;
	}
	
	.title,
	.hentry.page .post-title,
	.post-meta,
	.widget-latest .title-widget,
	.widget-latest-work .title-widget {
		background-position: center bottom;
	}
	
	.post-image,
	.space-image .alignleft,
	.space-image .alignright {
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.span4 .post-image .overlay,
	.span6 .post-image .overlay,
	.size-post-thumbnail .overlay {
		left: 50%;
		margin-left: -150px;
	}
	
	#filter,
	.title-nav {
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 20px;
		text-align: center;
	}
	
	.title-nav {
		margin-top: 0;
	}
	
	#filter a {
		margin: 0 5px;
	}
	
	.title-nav a {
		margin: 0 2px;
	}
	
	.span3 .wp-post-image.attachment-post-thumbnail,
	.span3 .spaces-post-image.attachment-post-thumbnail {
		float: left;
		margin: 5px 20px 20px 0;
	}
	
	#the404 {
		font-size: 150px;
		text-shadow: 5px 5px 0 #fff;
	}
	
	.no-sidebar .layout-four .gallery.columns-5 .gallery-item {
		width: auto;
	}
	
	.pagination {
		height: auto;
		margin-bottom: -20px;
	}
	
	.post-pagination {
		margin-bottom: 20px;
	}
	
	.pagination-numbers {
		margin-bottom: 40px;
	}
	
	.pagination a {
		margin-bottom: 20px;
	}
	
	.post-pagination a,
	.pagination-numbers a {
		margin-bottom: 0;
	}
	
	.pagination .next,
	.single-attachment .pagination .next {
		float: none;
	}
	
	.pagination-numbers .next {
		float: left;
	}

	.attachment-navigation.third .span4 {
	    width: auto;
	}
	
	.image-gallery-item {
		text-align: center;
	}
	
	.gallery-icon img {
		float: none;
	}
	
	.gallery-item {
		width: auto !important;
	}
	
	.mu_register #blog_title,
	.mu_register #user_email,
	.mu_register #blogname,
	.mu_register #user_name,
	.mu_register .error,
	.mu_register input[type="submit"] {
		width: 100%;
	}
	
	.call-to-action-text,
	.call-to-action-button {
		display: block;
		padding-right: 0;
		text-align: center;
	}
	
	.call-to-action-button .btn {
		margin: 20px 0 10px;
	}
	
	.flex-direction-nav {
		left: 0px;
		bottom: 0px;
	}

}

/*  Landscape phones and down
================================================== */

@media (max-width: 480px) {
	
	.boxed .wrap,
	#outer {
		width: auto;
	}

}

/*  Portrait tablet to landscape and desktop
================================================== */

@media (min-width: 769px) and (max-width: 1024px) {
	
	.boxed .wrap,
	#outer {
		width: 764px;
	}
	
	#outer {
		margin: 0 auto 40px;
	}
	
	.boxed .frameshift-menu-main,
	.boxed .frameshift-menu-sub {		
		margin: 0 -20px;
		padding: 0 20px;	
	}
	
	.flexslider {
		height: auto !important;
	}
	
	.flexslider .slider-overlay {
		padding: 15px 25px 0;
	}	
	
	.widget-latest .title-widget {
		margin-left: 20px;
	}
	
	.searchform .search-text {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}	

	.attachment-navigation.third .span4 {
	    width: 145px;
	}

}

/*  Large desktop
================================================== */

@media (min-width: 1060px) {

	.boxed .wrap,
	#outer {
		width: 1060px;
	}

}