/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.

If you need any further help, ask in the CSS Customization forum.
*/

/*
Theme Name: Mixfolio
Theme URi:http://graphpaperpress.com/themes/mixfolio/
Author: Graph Paper Press
Author URi:http://graphpaperpress.com
Description: A responsive, post format-packed, photographer-loving theme perfect for showing off your creative work in a clean grid.
Version: 1.1.4-wpcom
License: GNU General Public License
License URI: license.txt
Text Domain: mixfolio
Tags: black, classic-menu, clean, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, grid-layout, light, minimal, multiple-menus, one-column, photoblogging, photography, post-formats, responsive-layout, right-sidebar, rtl-language-support, simple, sticky-post, theme-options, translation-ready, two-columns, white
Status: inactive
*/


/* All the code was added by Ollie to make the site Work!
-------------------------------------------------------------- */




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

#page {
	display: block;
}
.main-outer {
	padding:  0 20px;
}
#branding,
#colophon {
	clear: both;
	display: block;
}
#primary {
	float: left;
	margin-right: 2.5%;
	overflow: hidden;
	width: 65%;
}
#primary.full-width {
	float: none;
	margin-right: 0;
	width: 100%;
}
#secondary {
	float: right;
	margin-left: 2.5%;
	overflow: hidden;
	width: 30%;
}
.full-width #content,
.image-attachment #content,
.error404 #content { /* Increase the size of the content area for templates without sidebars */
	margin: 0;
}


/* =Accessibility
-------------------------------------------------------------- */

.assistive-text {
	/**
	 * Using CSS clip as an Accessible Method of Hiding Content
	 * See:http://adaptivethemes.com/using-css-clip-as-an-accessible-method-of-hiding-content
	 */
	clip: rect( 1px 1px 1px 1px );
	clip: rect( 1px, 1px, 1px, 1px );
	position: absolute !important;
}


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

.alignleft {
	display: inline;
	float: left;
	margin: 1em 1em 1em 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 1em 0 1em 1em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 1em auto;
}


/* =Typography
-------------------------------------------------------------- */

figure {
	background-color: #eee;
	margin-bottom: 1.5em;
}
figure img {
	display: block;
	margin-bottom: 0;
}
figcaption {
	font-size: 0.75em;
}
a {
	text-decoration: none;
}
a:visited {
	opacity: 0.8;
}
a:hover {
	text-decoration: underline;
}
q,
i,
em,
cite,
.fancy {
	font-style: italic;
	font-weight: inherit;
}
.fancy {
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}
b,
strong {
	font-weight: bold;
	font-style: inherit;
}
mark {
	background: #ffc;
}
s,
del {
	text-decoration: line-through;
}
.entry-meta {
	color: #999;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.entry-meta a {
	color: #555;
}
small,
.entry-meta
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 0.8em;
}
pre,
code {
	font-family: monospace;
	font-size: 1em;
}
pre {
	overflow: auto;
	margin-bottom: 1.5em;
	line-height: 24px;
}
code {
	line-height: 1;
}
.archive .page-title,
.search .page-title {
	color: #777;
	font-size: 16px;
	margin: 0 0 24px;
	font-weight: 300;
	letter-spacing: 1px;
	text-transform: uppercase;
}
body.search .format-image .entry-header {
	display: block;
}
.archive .page-title span {
	color: #222;
	display: block;
	font-size: 48px;
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
}
hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0 0 1.42em;
	border: none;
}
hr.space {
	background: #fff;
	color: #fff;
	visibility: hidden;
}


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

nav.nav select {
	display: none;
}
#branding nav.nav span {
	display: none;
}
nav.nav {
	float: left;
	position: relative;
	zoom: 1;
}
.nav ul li:hover > ul,
#branding li:hover > ul,
.nav ul li.focus > ul,
#branding li.focus > ul {
	display: block;
}
.nav li.parent > a:after  {
	width: 0;
	height: 0;
	display: inline-block;
	content: "↓";
	text-indent: -99999px;
	vertical-align: top;
	margin-top: 8px;
	margin-left: 4px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
	filter: alpha( opacity=50 );
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#branding {
	margin-bottom: 36px;
	position: relative;
}
#branding .container {
	margin: 0 auto;
	padding: 0;
	zoom: 1;
}
#branding a {
	color: #bfbfbf;
	text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.25 );
	word-break: break-word;
}
#branding h1 a:hover,
#branding .brand a:hover,
#branding ul .active > a {
	background-color: #333;
	background-color: rgba( 255, 255, 255, 0.05 );
	color: #fff;
	text-decoration: none;
}
#branding h1 {
	position: relative;
}
#branding h1 a,
#branding .brand {
	float: left;
	display: block;
	padding: 8px 20px 12px;
	margin-left: -20px;
	color: #fff;
	font-size: 20px;
	font-weight: 200;
	line-height: 1;
}
#branding input#searchsubmit {
	display: none;
}
#branding p {
	line-height: 40px;
	margin: 0;
}
#branding p a:hover {
	background-color: transparent;
	color: #fff;
}
#branding form {
	float: right;
	margin: 5px 30px 0 0;
	position: relative;
	filter: alpha( opacity=100 );
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
#branding form.pull-right {
	float: right;
}
#branding input {
	background-color: #444;
	background-color: rgba( 255, 255, 255, 0.3 );
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: normal;
	font-weight: 13px;
	line-height: 1;
	padding: 6px 9px;
	color: #fff;
	color: rgba( 255, 255, 255, 0.75 );
	border: 1px solid #111;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 ), 0 1px 0 rgba( 255, 255 , 255, 0.25 );
	-moz-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 ), 0 1px 0 rgba( 255, 255, 255, 0.25 );
	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 ), 0 1px 0 rgba( 255, 255, 255, 0.25 );
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
#branding input:-moz-placeholder {
	color: #e6e6e6;
}
#branding input::-webkit-input-placeholder {
	color: #e6e6e6;
}
#branding input:hover {
	background-color: #bfbfbf;
	background-color: rgba( 255, 255, 255, 0.5 );
	color: #fff;
}
#branding input:focus,
#branding input.focused {
	outline: 0;
	background-color: #fff;
	color: #404040;
	text-shadow: 0 1px 0 #fff;
	border: 0;
	padding: 7px 10px;
	-webkit-box-shadow: 0 0 3px rgba( 0, 0, 0, 0.15 );
	-moz-box-shadow: 0 0 3px rgba( 0, 0, 0, 0.15 );
	box-shadow: 0 0 3px rgba( 0, 0, 0, 0.15 );
}
#branding-inner,
#branding .fill {
	background-color: #222;
	background-color: #222;
	background-repeat: repeat-x;
	background-image: 0 color-stop( 100%, #222 ) );
	background-image: linear-gradient( top, #333, #222 );
	-webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.25 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
	-moz-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.25 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.25 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
}
#branding-inner {
	padding: 0 20px;
}
.menu-toggle {
	clear: both;
	color: #bfbfbf;
	cursor: pointer;
	font-weight: normal;
	font-size: 14px;
	margin: 1em 0 16px;
	width: 100%;
}
#branding div > ul {
	display: block;
	float: left;
	margin: 0;
	position: relative;
	top: 2px;
}
#branding div > ul > li {
	display: block;
	float: left;
}
#branding div > ul a {
	display: block;
	float: none;
	padding: 10px 10px 11px;
	line-height: 19px;
	text-decoration: none;
}
#branding div > ul a:hover {
	color: #fff;
	text-decoration: none;
}
#branding div > ul .active > a {
	background-color: #222;
	background-color: rgba( 0, 0, 0, 0.5 );
}
#branding div > ul.secondary-nav {
	float: right;
	margin-left: 10px;
	margin-right: 0;
}
#branding div > ul.secondary-nav .menu-dropdown,
#branding div > ul.secondary-nav .dropdown-menu {
	right: 0;
	border: 0;
}
#branding div > ul a.menu:hover,
#branding div > ul li.open .menu,
#branding div > ul .dropdown-toggle:hover,
#branding div > ul .dropdown.open .dropdown-toggle {
	background: #444;
	background: rgba( 255, 255, 255, 0.05 );
}
#branding div > ul .sub-menu,
#branding div > ul .children {
	background-color: #333;
	margin-top: 0;
}
#branding div > ul .sub-menu li,
#branding div > ul .children li {
	position: relative;
}
#branding div > ul .sub-menu ul,
#branding div > ul .children ul {
	top: -6px;
	left: 100%;
}
#branding div > ul .sub-menu a,
#branding div > ul .children a {
	color: #fff;
}
#branding div > ul li.dropdown.open,
#branding div > ul .sub-menu a.open,
#branding div > ul .children a.open {
	background: #444;
	background: rgba( 255, 255, 255, 0.05 );
}
#branding div > ul .sub-menu li a,
#branding div > ul .children li a {
	color: #999;
	text-shadow: 0 1px 0 rgba( 0, 0, 0, 0.5 );
}
#branding div > ul .sub-menu li a:hover,
#branding div > ul .children li a:hover {
	background-color: #191919;
	background-repeat: repeat-x;
	background-image: 0 to( #191919 ) );
	background-image: 0 color-stop( 100%, #191919 ) );
	background-image: linear-gradient( top, #292929, #191919 );
	color: #fff;
}
#branding div > ul .sub-menu .active a,
#branding div > ul .children .active a {
	color: #fff;
}
#branding div > ul .sub-menu .divider,
#branding div > ul .children .divider {
	background-color: #222;
	border-color: #444;
}
#branding ul .sub-menu li a,
#branding ul .children li a {
	padding: 4px 15px;
}
li.menu,
.dropdown {
	position: relative;
}
a.menu:after,
.dropdown > a:after {
	width: 0;
	height: 0;
	display: inline-block;
	content: "↓";
	text-indent: -99999px;
	vertical-align: top;
	margin-top: 8px;
	margin-left: 4px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
	filter: alpha( opacity=50 );
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.sub-menu,
#branding .children {
	background-color: #fff;
	float: left;
	display: none;
	position: absolute;
	z-index:900;
	min-width: 160px;
	max-width: 220px;
	_width: 160px;
	margin-left: 0;
	margin-right: 0;
	padding: 6px 0;
	zoom: 1;
	border-color: #999;
	border-color: rgba( 0, 0, 0, 0.2 );
	border-style: solid;
	border-width: 0 1px 1px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 2px 4px rgba( 0, 0, 0, 0.2 );
	-moz-box-shadow: 0 2px 4px rgba( 0, 0, 0, 0.2 );
	box-shadow: 0 2px 4px rgba( 0, 0, 0, 0.2 );
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}
.sub-menu li,
#branding .children li {
	float: none;
	display: block;
	background-color: none;
	margin-bottom: 0;
}
.sub-menu .divider,
#branding .children .divider {
	height: 1px;
	margin: 5px 0;
	overflow: hidden;
	background-color: #eee;
	border-bottom: 1px solid #fff;
}
#branding .sub-menu a,
.sub-menu a,
#branding .children a {
	display: block;
	padding: 4px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #808080;
	text-shadow: 0 1px 0 #fff;
}
#branding .sub-menu a:hover,
.sub-menu a:hover,
#branding .children a:hover {
	background-color: #ddd;
	background-repeat: repeat-x;
	background-image: 0 color-stop( 100%, #ddd ) );
	background-image: linear-gradient( top, #eee, #ddd );
	color: #404040;
	text-decoration: none;
	-webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.025 ), inset 0 -1px rgba( 0, 0, 0, 0.025 );
	-moz-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.025 ), inset 0 -1px rgba( 0, 0, 0, 0.025 );
	box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.025 ), inset 0 -1px rgba( 0, 0, 0, 0.025 );
}
.open .menu,
.dropdown.open .menu,
.dropdown.open > a:after {
	color: #fff;
	background: #ccc;
	background: rgba( 0, 0, 0, 0.3 );
}
.open .sub-menu,
.dropdown.open .sub-menu,
.open .sub-menu,
.dropdown.open .sub-menu,
.dropdown > a .sub-menu {
	display: block;
}


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

article.post {
	margin: 0 auto 2em;
}
.entry-content {
	margin-bottom: 2em;
}
.entry-header .entry-title {
	color: #2a85e8;
	font-weight: bold;
	margin-bottom: 36px;
}
.search .entry-title {
	margin-bottom: 18px;
}
.entry-meta {
	clear: both;
	display: block;
}
.search .entry-meta {
	margin: 0 0 36px;
}
.single-attachment .entry-meta {
	margin: 0 0 18px;
}
.entry-header .entry-meta {
	margin: 0 0 2.5em;
}
.single-author .entry-meta .byline {
	display: none;
}
.single-attachment #respond {
	padding-bottom: 35px;
	text-align: left;
	text-shadow: 0 1px 0 #fff;
}
#content nav {
	clear: both;
	float: left;
	display: block;
	margin: 0 0 18px;
	overflow: hidden;
	width: 100%;
}
#content nav .nav-previous {
	float: left;
	width:50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#content #nav-below {
	margin: 1em 0 2em;
}
.home #content #nav-below {
	margin: 0 0 20px;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}
.search .page .edit-link {
	clear: none;
	display: inline;
}
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}
.post .notice {
	background: #eee;
	display: block;
	padding: 1em;
}


/* =Attachments
-------------------------------------------------------------- */

#image-navigation {
	float: left;
	margin-bottom: 1em;
	width: 100%;
}
.previous-image {
	float: left;
}
.next-image {
	float: right;
}
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.single-attachment .attachment img {
	display: block;
	margin: 0 auto 24px;
}
.single-attachment .entry-title,
.single-attachment .entry-meta {
	text-align: center;
}


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

.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}


/* =Gallery Posts
-------------------------------------------------------------- */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}


/* =Image Posts
-------------------------------------------------------------- */

.format-image .entry-header {
	display: none;
}
.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}


/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}

p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption,
img.attachment-thumbnail,
.gallery-icon img {
	max-width: 97%;
	height: auto;
}
img.attachment-post-thumbnail {
	float: left !important;
}
img.wp-post-image {
	float: left;
	margin: 0 1.5em 1em 0;
}
.tabs-content img.wp-post-image {
	float: none;
	margin: 0 auto
}
ul.grid {
	margin-bottom: 0;
}
.grid img.wp-post-image,
.grid img {
	margin: 0;
	float: none;
}
.grid img.wp-post-image {
	float: left;
	max-height: 198px;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	margin-top: 0.4em;
	max-width:96%;
	padding:9px;
}
.wp-caption a {
	display: inline-block;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width:98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family:Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content:'\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right:5px;
	position: absolute;
	left: 16px;
	top: 9px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img[class*=align],
img[class*=wp-image-],
#content .gallery .gallery-icon img {
	border: 1px solid #ddd;
	padding: 6px;
}
#content .gallery .gallery-icon {
	margin: 2px 8px;
}
#content .gallery .gallery-item {
	margin-top: 0;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*=align],
a:hover img[class*=align],
a:active img[class*=align],
a:focus img[class*=wp-image-],
a:hover img[class*=wp-image-],
a:active img[class*=wp-image-],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {
	background: #fff;
	border-color: #ddd;
}
.wp-caption .wp-caption-text {
	margin: 0.5em;
}
.wp-smiley {
	margin: 0;
}


/* =Embeds
-------------------------------------------------------------- */

object,
embed,
video {
	display: block;
	margin: 0 0 18px;
}


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

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
#branding #searchform input#s {
	margin: 0 1em 9px 0;
	width: 120px;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width:80%;
}
.required {
	color: #cc0033;
}


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

#comments {
	clear: both;
}
article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 40%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 60%;
}
#respond label,
#respond input {
	display: inline;
}
#respond .form-allowed-tags {
	clear: both;
	width: 60%;
}
#respond .form-allowed-tags {
	display: none;
}
#comments-title {
	font-size: 16px;
	margin: 0 0 18px;
}
.commentlist {
	margin: 0;
	list-style-type: none;
	text-shadow: 0 1px 0 rgba( 255, 255, 255, 1 );
}
.commentlist .children {
	list-style: none;
	margin: 0 0 0 9.5%;
}
.pinglist {
	margin: 20px 0 40px 52px;
	list-style-type: decimal;
}
.comment {
	margin-bottom: 27px;
	margin-top: 20px;
}
#commentform {
	margin-top: 20px;
}
.comment .avatar {
	background: #eaeaea;
	border: 3px solid #eaeaea;
	float: left;
	margin: 0 12px 0 0;
}
.bypostauthor .avatar {
	border-color: #222;
}
.comment-author {
	display: inline;
	margin-right: 5px;
}
.comment-author cite {
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
}
.comment-author cite a {
	color: #37393c;
}
.comment-author cite a:hover {
	color: #fa6274;
}
.comment-meta {
	display: inline-block;
	font-size: 11px;
}
.comment-meta a {
	color: #9fa2a6;
}
.comment-meta a:hover {
	color: #5e6066;
}
.comment-body {
	margin: 0 0 30px 55px;
}
#respond {
	clear: both;
	padding-bottom: 35px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}
#respond h3 {
	font-size: 14px;
	font-weight: bold;
}
.nocomments {
	text-align: center;
	padding: 20px;
}
.comment-body ul {
	list-style-type:disc;
}
.comment-body ol {
	list-style-type:decimal;
}
#commentform label small {
	font-size: 12px;
}
#commentform label span {
	color: #fa6274;
}


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

.widget {
	display: block;
	margin: 0 auto 2.5em;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}
.widget-area #searchform input#s {
	padding: 6px;
	width:56%;
}


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

#colophon {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	font-size: 0.9em;
	margin: 1em auto 3em;
	padding: 1em 0;
}


/* =Breadcrumbs
-------------------------------------------------------------- */

.breadcrumb {
	margin: 0 0 40px;
	padding: 7px 14px;
	background-color: #f5f5f5;
	background-repeat: repeat-x;
	background-image: 0 color-stop( 100%, #f5f5f5 ) );
	background-image: linear-gradient( top, #fff, #f5f5f5 );
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}
.breadcrumb li {
	display: inline;
	text-shadow: 0 1px 0 #fff;
}
.breadcrumb li:after {
	color: #bfbfbf;
	content: '/';
	padding: 0 5px;
}
.breadcrumb li.title:after {
	content: '';
	padding: 0;
}
.breadcrumb li:last-child:after {
	content: '';
	padding: 0 0 0 5px;
}
.breadcrumb .title {
	background: #eee;
	padding:8px;
	border-right: 1px solid #dadada;
	margin: 1px 20px 0 -14px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
}


/* =Wraps
-------------------------------------------------------------- */

.wrap {
	position: relative;
	width: 100%;
	height: auto;
}
.show,
.hide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.hide {
	background-color: #222;
	background-color: rgba( 0, 0, 0, 0.9 );
}
.show,
.sticky .hide {
	background: #404040;
}


/* =Grids
-------------------------------------------------------------- */

.grid .wrap {
	margin-bottom: 30px;
}
.grid .entry-link a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	width: 100%;
	height: 100%;
}
.grid .entry-title {
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	max-height: 54px;
	margin: 20px;
	overflow: hidden;
	padding: 0 20px 20px 0;
	border-bottom: 1px solid #777;
	text-overflow: ellipsis;

}
.grid .sticky .entry-title {
	padding: 0 0 20px;
}
.grid p {
	color: #777;
	margin: 20px;
}
.hero {
	background-color: #f5f5f5;
	margin-bottom: 30px;
	padding: 30px 60px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.hero .button {
	color: #ddd;
}
.hero .button:hover {
	color: #fff;
	text-decoration: none;
}
.hero h2 {
	font-size: 64px;
	text-shadow: 1px 1px 2px #fff;
}
h3.twitter a {
	background: url( 'images/twitter.png' ) no-repeat 100% 50%;
	color: #222;
	display: block;
	width: 100%;
}
.postdate {
	color: #666;
	position: absolute;
		bottom: 20px;
		left: 20px;
}
.postcomments {
	color: #666;
	position: absolute;
		top: 20px;
		right: 20px;
}
.format {
	position: absolute;
	bottom: 20px;
	right: 20px;
	text-indent:-999em;
	display: block;
	background: url( 'images/formats.png' ) no-repeat;
	width: 24px;
	height: 30px;
}
.format.image {
	background-position: 0 -30px;
}
.format.gallery {
	background-position: 0 -60px;
}
.format.video {
	background-position: 0 -90px;
}
.format.audio {
	background-position: 0 -120px;
}
.format.link {
	background-position: 0 -155px;
}
.format.quote {
	background-position: 0 -186px;
}
.single-format-quote .entry-title {
	position: absolute!important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
}
.single-format-quote .entry-content p {
	font-size: 2em;
	line-height: 1.5em;
	position: relative;
	padding: 0 6%;
}
.single-format-quote .entry-content p: before {
  content:"\201C";
  position: absolute;
  z-index: 1;
  top: 0px;
  left:-5px;
  font:80px/1 Georgia, serif;
  color: #dadada;
}
.single-format-quote .entry-content p.right:before,
.single-format-quote .entry-content p.right:after {
  content: '';
  position: relative;
  z-index: 1;
  top: 0;
  left: 0
  font: 80px/1 Georgia, serif;
}
.single-format-quote .entry-content p:after {
  content: '\201D';
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: -5px;
  font: 80px/0.25 Georgia, serif;
  color: #dadada;
}

/**
 * WordPress.com Styles
 */
#wpstats {
	display: block;
	margin: -10px auto 10px;
}
.sharedaddy {
	margin: 0 0 18px;
}

/* -----------------------------------------
   Standard Forms
----------------------------------------- */

	label { display: block; font-size: 13px; line-height: 18px; cursor: pointer; margin-bottom: 9px; }

	.comment-form-author label,
	.comment-form-email label,
	.comment-form-url label,
	.comment-form-comment label {
		display: inline;
	}

	input, textarea { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
	input, textarea, select { margin-bottom: 9px; }

	/* Text input and textarea font and padding */
	input, textarea { font-size: 13px; padding: 4px 3px 2px; outline: none !important; background: #fff; }
	input.oversize, textarea.oversize { font-size: 18px !important; padding: 4px 5px !important; }
	input:focus, textarea:focus { background: #f9f9f9; }

	/* Inlined Label Style */
	input.placeholder, textarea.placeholder { color: #888; }

	/* Text input and textarea sizes */
	input.small, textarea.small { width: 134px; }
	input.medium, textarea.medium { width: 254px; }
	input.large, textarea.large { width: 434px; }

	/* Fieldsets */
	fieldset { padding: 9px 9px 2px 9px; border: solid 1px #ddd; margin: 18px 0; }

	/* Errors */
	input.red { border-color: red; background-color: rgba(255,0,0,0.15); }
	label.red { color: red; }
	small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 11px; color: red; width: 260px; }

	.small + .error { width: 140px; }
	.medium + .error { width: 260px; }
	.large + .error { width: 440px; }

	/* -----------------------------------------
	   Nicer Forms
	----------------------------------------- */
	input,
	input[type="password"],
	input[type="search"],
	isindex,
	textarea {
		border: solid 1px #bbb;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		font-size: 13px;
		padding: 6px 3px 4px;
		outline: none !important;
		background: url( '../images/input-bg.png' ) #fff;
	}
	input[type="password"],
	input[type="submit"] {
		margin: 0 0 18px;
	}
	input[type="password"] {
		width: 39%;
	}
	input[type="submit"] {
		width: 40%;
	}

	input:focus, textarea:focus { background-color: #f9f9f9; }

	fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

	small.error { padding: 6px 4px; border: solid 0px red; border-width: 0px 1px 1px 1px; margin-top: -10px; background: red; color: #fff; font-size: 12px; font-weight: bold; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; }

	.small + .error { width: 132px; }
	.medium + .error { width: 252px; }
	.large + .error { width: 432px; }

/* --------------------------------------------------
    Table of Contents
-----------------------------------------------------
:: Reset & Standards
:: Typography
:: Links
:: Lists
:: Mobile-Friendly Grid
:: Tables
:: Misc
:: Block Grids
*/


/*	--------------------------------------------------
	:: Global Reset & Standards
	-------------------------------------------------- */

	/*
		Eric Meyer's CSS Reset
		http://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, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, 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: inherit;
		vertical-align: baseline;
	}
	html {
		font-size: 62.5%;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}



	body { background: #fff; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }


/*	--------------------------------------------------
    :: Typography
	-------------------------------------------------- */
	h1, h2, h3, h4, h5, h6, div.subheader {
		clear: both;
		color: #181818;
		font-weight: bold;
		line-height: 1.25
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; font-size: 4.6rem; margin-bottom: 12px;}
	h2 { font-size: 35px; font-size: 3.5rem; margin-bottom: 9px; }
	h3 { font-size: 28px; font-size: 2.8rem; margin-bottom: 9px; }
	h4,
	div.subheader {
		font-size: 21px;
		font-size: 2.1rem;
		margin-bottom: 3px;
	}
	h5 { font-size: 18px; font-size: 1.8rem; font-weight: normal; margin-bottom: 3px;  }
	h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; margin-bottom: 3px; }

	.subheader, .widget-title, #site-description, div.subheader { color: #777; font-weight: 300; margin-bottom: 24px; }
	.widget-title {	font-size: 16px; text-transform: uppercase; }
	#site-description { clear: both; font-size: 16px; margin: 0; }

	p,
	div.lead {
		line-height: 17px;
		margin: 0 0 18px;
	}
	p img { margin: 0; }
	p.lead,
	div.lead {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 24px;
	}

		/* Mobile */

		@media handheld, only screen and (max-width: 767px) {
			body, p {  font-size: 15px; font-size: 1.5rem; line-height: 1.4; }
		}

	em { font-style: italic; line-height: inherit; }
	strong { font-weight: bold; line-height: inherit; }
	small { font-size: 60%; line-height: inherit; }

	h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }

/*	Blockquotes  */
	blockquote, blockquote p { line-height: 20px; color: #777; }
	blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited { color: #555; }

	address {
		margin-bottom: 18px;
	}

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }

	abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
	abbr { text-transform: none; }

	/**
 	 * Print styles.
	 *
	 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
	 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
	 */
	@media print {
	  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	  p a, p a:visited { color: #444 !important; text-decoration: underline; }
	  p a[href]:after { content: " (" attr(href) ")"; }
	  abbr[title]:after { content: " (" attr(title) ")"; }
	  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	  tr, img { page-break-inside: avoid; }
	  @page { margin: 0.5cm; }
	  p, h2, h3 { orphans: 3; widows: 3; }
	  h2, h3{ page-break-after: avoid; }
	}


/*	--------------------------------------------------
	:: Links
	-------------------------------------------------- */
	a { color: #2a85e8; text-decoration: none; outline: 0; line-height: inherit; }
	a:hover { color: #11639d; }
	p a, p a:visited { line-height: inherit; }


/*	--------------------------------------------------
	:: Lists
	-------------------------------------------------- */
	ul, ol { margin-bottom: 18px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ol ol { margin: 4px 0 5px 30px; }
	li { margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	.entry-content ul ul,
	.entry-content ol ol,
	.entry-content ul ol,
	.entry-content ol ul {
		margin-bottom: 0;
	}
	.entry-content ul,
	.entry-content ol {
		margin-left: 30px;
	}
	.entry-content li {
		margin-bottom: 0;
	}
	.entry-content ul,
	.entry-content ul ul ul ul {
		list-style: disc;
	}
	.entry-content ul ul {
		list-style: circle;
	}
	.entry-content ul ul ul {
		list-style: square;
	}
	.entry-content ol,
	.entry-content ol ol ol ol {
		list-style: decimal;
	}
	.entry-content ol ol {
		list-style: upper-alpha;
	}
	.entry-content ol ol ol {
		list-style: lower-roman;
	}
	dl {
		margin: 0 0 18px;
	}
	dt {
		font-weight: 700;
	}
	dd {
		margin: 0 0 18px 18px;
	}



/* --------------------------------------------------
	:: Grid
	-------------------------------------------------- */

	.container { padding: 0px 20px; }

	.container:before, .container:after, .grid:before, .grid:after {
  	display: table;
  	content: "";
  	zoom: 1;
  	*display: inline;
	}
	.container:after, .grid:after {
	  clear: both;
	}

	.row, #branding .container { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; }
	/* To fix the grid into a certain size, set max-width to width */
	.row .row { min-width: 0px; }

	.column, .columns { margin-right: 4.4%; float: left; min-height: 1px; position: relative; }

	.hero .columns.eight { margin-right: 0; }
	.hero .columns.four { margin-right: 0; margin-left: 4.4%; }

	.grid .columns.three { margin-right: 0; }

	.grid .four.columns:nth-child(3n+1) { clear: left; }

	.row .one.columns { width: 4.3%; }
	.row .two.columns { width: 13%; }
	.row .three.columns { width: 21.7%; }
	.row .four.columns { width: 30.3%; }
	.row .five.columns { width: 39.1%; }
	.row .six.columns { width: 47.8%; }
	.row .seven.columns { width: 56.5%; }
	.row .eight.columns { width: 65.2%; }
	.row .nine.columns { width: 73.9%; }
	.row .ten.columns { width: 82.6%; }
	.row .eleven.columns { width: 91.3%; }
	.row .twelve.columns { width: 100%; }

	.row .offset-by-one 	{ margin-left: 13.1%;  }
	.row .offset-by-two 	{ margin-left: 21.8%;  }
	.row .offset-by-three 	{ margin-left: 30.5%;  }
	.row .offset-by-four 	{ margin-left: 39.2%;  }
	.row .offset-by-five 	{ margin-left: 47.9%;  }
	.row .offset-by-six 	{ margin-left: 56.6%;  }
	.row .offset-by-seven 	{ margin-left: 65.3%;  }
	.row .offset-by-eight 	{ margin-left: 74.0%;  }
	.row .offset-by-nine 	{ margin-left: 82.7%;  }
	.row .offset-by-ten 	{ margin-left: 91.4%;  }
	/*.row .offset-by-eleven 	{ margin-left: 95.7%;  }*/

	.row .one.centered { margin-left: 47.9%; }
	.row .two.centered { margin-left: 43.5%; }
	.row .three.centered { margin-left: 39.2%; }
	.row .four.centered { margin-left: 34.8%; }
	.row .five.centered { margin-left: 30.5%; }
	.row .six.centered { margin-left: 26.1%; }
	.row .seven.centered { margin-left: 21.8%; }
	.row .eight.centered { margin-left: 17.4%; }
	.row .nine.centered { margin-left: 13.1%; }
	.row .ten.centered { margin-left: 8.7%; }
	.row .eleven.centered { margin-left: 4.3%; }

	.row .offset-by-one:first-child 	{ margin-left: 8.7%;  }
	.row .offset-by-two:first-child 	{ margin-left: 17.4%;  }
	.row .offset-by-three:first-child 	{ margin-left: 26.1%;  }
	.row .offset-by-four:first-child 	{ margin-left: 34.8%;  }
	.row .offset-by-five:first-child 	{ margin-left: 43.5%;  }
	.row .offset-by-six:first-child 	{ margin-left: 52.2%;  }
	.row .offset-by-seven:first-child 	{ margin-left: 60.9%;  }
	.row .offset-by-eight:first-child 	{ margin-left: 69.6%;  }
	.row .offset-by-nine:first-child 	{ margin-left: 78.3%;  }
	.row .offset-by-ten:first-child 	{ margin-left: 87%;  }
	.row .offset-by-eleven:first-child 	{ margin-left: 95.7%;  }

	img, object, embed { max-width: 100%; }
	img { -ms-interpolation-mode: bicubic; }


	/* Clear the columns automagically */
	/*
 .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	 .row:last-child:after { content: ""; }
	 * html .row, * html .clearfix { height: 1%; }
	 .row, .clearfix { display: inline-block; }
	 .row, .clearfix { display: block; }
*/

	 /* Testing Nicolas Gallagher's micro clearfix */
	 .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
	 .row:after, .clearfix:after { clear: both; }
	 .row, .clearfix { zoom: 1; }



/*	--------------------------------------------------
	:: Tables
	-------------------------------------------------- */
	table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 0 0 18px; border: 1px solid #ddd;  }

	table thead { background: #f5f5f5; }
	table thead tr th,
	table tbody tr td { font-size: 12px; line-height: 18px; text-align: left; }
	table thead tr th,
	table tbody tr th {
		color: #222;
		font-size: 14px;
		font-weight: bold;
		padding: 8px 10px 9px;
	}
	table thead tr th:first-child { border-left: none; }
	table thead tr th:last-child { border-right: none; }

	table thead tr {  }
	table tbody {  }
	table tbody tr {  }
	table tbody tr.even,
	table tbody tr.alt { background: #f9f9f9; }
	table tbody tr:nth-child(even) { background: #f9f9f9; }
	table tbody tr td,
	table tfoot tr td,
	table caption {
		border: none;
		color: #333;
		padding: 9px 10px;
		vertical-align: top;
	}

/* --------------------------------------------------
	:: Misc
---------------------------------------------------*/
	.left       { float: left; }
	.right      { float: right; }
	.hide     	{ display: none; }
	.highlight 	{ background: #ff0; }



/*	--------------------------------------------------
	:: Block grids

	These are 2-up, 3-up, 4-up and 5-up ULs, suited
	for repeating blocks of content. Add 'mobile' to
	them to switch them just like the layout grid
	(one item per line) on phones
	-------------------------------------------------- */

	.block-grid { display: block; overflow: hidden; }
	.block-grid li { display: block; height: auto; float: left; }

	.block-grid.two-up { margin-left: -4% }
	.block-grid.two-up li { margin-left: 4%; width: 46%; }

	.block-grid.three-up { margin-left: -2% }
	.block-grid.three-up li { margin-left: 2%; width: 31.3%; }

	.block-grid.four-up { margin-left: -2% }
	.block-grid.four-up li { margin-left: 2%; width: 23%; }

	.block-grid.five-up { margin-left: -1.5% }
	.block-grid.five-up li { margin-left: 1.5%; width: 18.5%; }

/* =Grid
-------------------------------------------------------------- */
/* Tablet screens */
@media only screen and (device-width: 768px), (device-width: 800px) {

}

/* Mobile */
@media only screen and (max-width: 767px) {

		.hero h2 {
			font-size: 52px;
			font-size: 5.2rem;
		}
		.hero .columns.four {
			margin-left: 0;
			}
		h1 {
			font-size: 35px;
			font-size: 3.5rem;
			margin-bottom: 9px;
		}
		h2 {
			font-size: 32px;
			font-size: 3.2rem;
		}
		.entry-header .entry-title {
			margin-bottom: 28px;
		}
		body { -webkit-text-size-adjust: none; }
		#branding:before,
		#branding:after {
			content: "";
			display: table;
		}
		#branding:after {
			clear: both;
		}
		#branding .container { padding: 0; min-height: 65px; }
		#branding h1 a, #branding .brand { }
		#branding .menu { display: none }

		#branding nav.nav {
			clear: both;
		    float: none;
		}
		#branding div > ul .sub-menu ul,
		#branding div > ul .children ul {
			display: block;
			position: relative;
			top: 0;
			left: 20px;
		}
		.rtl #branding div > ul .sub-menu ul,
		.rtl #branding div > ul .children ul {
			left: auto;
			right: 20px;
		}
		#branding nav.nav span {
		    -moz-background-clip: padding;
		    -moz-background-origin: padding;
		    -moz-background-size: auto auto;
		    -moz-border-radius: 0.2em 0.2em 0.2em 0.2em;
			border-radius: 0.2em 0.2em 0.2em 0.2em;
			-webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;
		    background-attachment: scroll;
		    background-color: #ECECEC;
		    background-image: url("../../images/select.png");
		    background-position: 100% 0;
		    background-repeat: no-repeat;
		    border: 1px solid #D4D4D4;
		    cursor: default;
		    display: block;
		    font-size: 0.8em;
		    height: 26px;
			float:left;
		    line-height: 26px;
			clear:both;
			position:relative;
			top: -37px;
			left: 138px;
		    text-indent: 10px;
		    text-shadow: 1px 1px 0 #FFFFFF;
		    width: 140px;
		    z-index: 1;
			clear:right;
		}


		#branding form { margin: 6px 20px 0 0  }
		#primary,#secondary { width:100%; float:none; }
		.row, body, .container, #branding .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
		.row .row .column, .row .row .columns { padding: 0; }
		.column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; }
		.main-outer {
			padding: 0;
		}

		/* shrink 3 cols to 2 cols */
		.grid .four.columns { margin-left: 4.4%; min-height: 1px; position: relative; width: 47.8% !important; float: right; padding: 0; }
		.grid .four.columns:first-child { margin-left: 0px; padding-left: 0px; float: left; }
		.grid .four.columns:nth-child(2n+1) {
			margin-left: 0px;
			padding-left: 0px;
			float: left;
		}
		.grid .four.columns:nth-child(3n+1) {
			clear: none;
		}

		.column:first-child, .columns:first-child { margin-left: 0px; }
		.column:last-child, .columns:last-child { margin-right: 0px; }
		.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven { margin-left: 0% !important; }
		.wrap { text-align: center}
		#colophon #site-generator, #colophon .right { display: block; float: none; text-align: center; margin: 1em auto; }
		.hide .entry-title { margin: 10px; }
		.postdate { font-size: 8px; bottom: 10px; left: 10px; }
		.format { bottom: 10px; right: 10px; }
		.breadcrumb { font-size: .7em; }

		/*  gallery post */
		body.single-format-gallery .gallery-columns-3 .gallery-item {width: 47.8% !important; margin-left: 4.4%; float: right; padding: 0; }

		body.single-format-gallery .gallery-columns-3 .gallery-item:nth-child(odd) { margin-left: 0px; padding-left: 0px; float: left; }
}

@media screen and (min-width: 321px) {
	#branding nav.nav span {
		left: -130px;
		top: 6px;
	}
}

/* =Block Grids
-------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.block-grid.mobile li {
		float:none;
		width:100%;
	}
}



/* =Mobile Visibility
-------------------------------------------------------------- */
.show-on-phones {
	display:none!important;
}

.show-on-tablets {
	display:none!important;
}

.show-on-desktops {
	display:block;
}

.hide-on-phones {
	display:block!important;
}

.hide-on-tablets {
	display:block!important;
}

.hide-on-desktops {
	display:none;
}

@media only screen and (device-width: 768px), only screen and (device-width: 1280px), only screen and (device-width: 800px) {
	.hide-on-phones {
		display:block!important;
	}

	.hide-on-tablets {
		display:none!important;
	}

	.hide-on-desktops {
		display:block!important;
	}

	.show-on-phones {
		display:none!important;
	}

	.show-on-tablets {
		display:block!important;
	}

	.show-on-desktops {
		display:none!important;
	}
}

@media only screen and (max-width: 767px) {
	.hide-on-phones {
		display:none!important;
	}

	.hide-on-tablets {
		display:block!important;
	}

	.hide-on-desktops {
		display:block!important;
	}

	.show-on-phones {
		display:block!important;
	}

	.show-on-tablets {
		display:none!important;
	}

	.show-on-desktops {
		display:none!important;
	}
}



/* =Forms
-------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	input.input-text,input.input-text.oversize,textarea,form.nice input.input-text,form.nice input.input-text.oversize,form.nice textarea {
		display:block;
		width:96%;
		padding:6px 2% 4px;
		font-size:18px;
	}

	form.nice input.input-text,form.nice input.input-text.oversize,form.nice textarea {
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
	}

	form.nice small.error {
		padding:6px 2%;
		display:block;
	}

	form.nice .small + .error {
		width:auto;
	}

	form.nice .medium + .error {
		width:auto;
	}

	form.nice .large + .error {
		width:auto;
	}
}



/* =UI
-------------------------------------------------------------- */

/* Buttons */
@media only screen and (max-width: 767px) {
	.button {
		display:block;
	}

	button.button {
		width:100%;
		padding-left:0;
		padding-right:0;
	}
}



/* Tabs */
@media only screen and (max-width: 767px) {
	dl.tabs.mobile,dl.nice.tabs.mobile {
		width:auto;
		margin:20px -20px 40px;
		height:auto;
	}

	dl.tabs.mobile dt,dl.tabs.mobile dd,dl.nice.tabs.mobile dt,dl.nice.tabs.mobile dd {
		float:none;
		height:auto;
	}

	dl.tabs.mobile dd a {
		display:block;
		width:auto;
		height:auto;
		padding:18px 20px;
		line-height:1;
		border:solid 0 #ccc;
		border-width:1px 0 0;
		margin:0;
		color:#555;
		background:#eee;
		font-size:15px;
		font-size:1.5rem;
	}

	dl.tabs.mobile dd a.active {
		height:auto;
		margin:0;
		border-width:1px 0 0;
	}

	.nice.tabs.mobile {
		border-bottom:solid 1px #ccc;
		height:auto;
	}

	.nice.tabs.mobile dd a {
		padding:18px 20px;
		border:none;
		border-left:none;
		border-right:none;
		border-top:1px solid #ccc;
		background:#fff;
	}

	.nice.tabs.mobile dd a.active {
		border:none;
		background:#00a6fc;
		color:#fff;
		margin:0;
		position:static;
		top:0;
		height:auto;
	}

	.nice.tabs.mobile dd:first-child a.active {
		margin:0;
	}

	dl.contained.mobile,dl.nice.contained.mobile {
		margin-bottom:0;
	}

	dl.contained.tabs.mobile dd a {
		padding:18px 20px;
	}

	dl.nice.contained.tabs.mobile dd a {
		padding:18px 20px;
	}
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */

	.reveal-modal-bg {
		position: fixed;
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0;
		}

	.reveal-modal {
		visibility: hidden;
		top: 100px;
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url(../../images/modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		box-shadow: 0 0 10px rgba(0,0,0,.4);
		}

	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		}


	/* Mobile */

		@media handheld, only screen and (device-width: 768px), (device-width: 800px) {
			.reveal-modal-bg { position: absolute; }

			.reveal-modal,
			.reveal-modal.small,
			.reveal-modal.medium,
			.reveal-modal.large,
			.reveal-modal.xlarge { width: 60%; top: 30%; left: 15%; margin-left: 0px; padding: 5%; height: auto; }
		}

		@media handheld, only screen and (max-width: 767px) {
			.reveal-modal-bg { position: absolute; }

			.reveal-modal,
			.reveal-modal.small,
			.reveal-modal.medium,
			.reveal-modal.large,
			.reveal-modal.xlarge { width: 80%; top: 15%; left: 5%; margin-left: 0px; padding: 5%; height: auto; }
		}


	/*



	*/

/* --------------------------------------------------
                                Table of Contents
-----------------------------------------------------
:: Buttons
:: Notices/Alerts
:: Tabs
:: Pagination
:: Lists
:: Panels
*/




/*	--------------------------------------------------
	Buttons
	-------------------------------------------------- */

	.button, input#searchsubmit, input#submit, #nav-below a, #nav-above a, #image-navigation a {
		background: #00a6fc;
		display: inline-block;
		text-align: center;
		padding: 9px 34px 11px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		line-height: 1;
		position: relative;
		cursor: pointer;
		border: none;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	input#searchsubmit {
		padding: 5px 24px 7px;
	}

	input#searchsubmit, input#submit {
		width: auto;
	}

	.button.nice {
		background: #00a6fc url(../../images/button-gloss.png) repeat-x 0 -34px;
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
		text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
		background: #00a6fc url(../../images/button-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
		background: #00a6fc url(../../images/button-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
		border: 1px solid #0593dc;
		-webkit-transition: background-color .15s ease-in-out;
		-moz-transition: background-color .15s ease-in-out;
		-o-transition: background-color .15s ease-in-out;
	}

	.button.radius, #nav-below a, #nav-above a, #image-navigation a {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.button.round {
		-moz-border-radius: 1000px;
		-webkit-border-radius: 1000px;
		border-radius: 1000px;
	}

	.button.full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center;
	}

	.button.left-align {
		text-align: left;
		text-indent: 12px;
	}

	.button:active {}

	/* Sizes ---------- */
	.small.button, #nav-below a, #nav-above a, #image-navigation a { font-size: 11px; padding: 8px 20px 10px; }
	.medium.button 			{ font-size: 13px; }
	.large.button 			{ font-size: 18px; padding: 11px 48px 13px; }

	/* Nice Sizes ---------- */
	.nice.small.button 		{ background-position: 0 -36px; }
	.nice.large.button 		{ background-position: 0 -30px; }

	/* Colors ---------- */
	.blue.button			{ background-color: #00a6fc;  }
	.red.button				{ background-color: #e91c21; }
	.white.button, #nav-below a, #nav-above a, #image-navigation a			{ background-color: #e9e9e9; color: #333; }
	.charcoal.button		{ background-color: #141414; }

	/* Nice Colors ---------- */
	.nice.blue.button		{ border: 1px solid #0593dc;  }
	.nice.red.button		{ border: 1px solid #b90b0b;  }
	.nice.white.button		{ border: 1px solid #cacaca; text-shadow: none !important; }
	.nice.charcoal.button	{ border: 1px solid #000; }

	/* Hovers ---------- */
	.button:hover, input#searchsubmit:hover, input#submit:hover, #nav-below a:hover, #nav-above a:hover, #image-navigation a:hover { background-color: #0192dd; color: #fff; text-decoration: none }
	.blue.button:hover		{ background-color: #0192dd; 	}
	.red.button:hover 		{ background-color: #d01217; 	}
	.white.button:hover,
	#nav-below a,
	#nav-above a {
		background-color: #dadada;
		color: #333;
		line-height: 18px;
	}
	.home #nav-below a,
	.home #nav-above a {
		background-color: #f5f5f5;
		color: #777;
	}
	.home #nav-below a:hover,
	.home #nav-above a:hover {
		background-color: #0192dd;
		color: #fff;
	}
	.charcoal.button:hover	{ background-color: #000; }



/*    --------------------------------------------------
    Tabs
    -------------------------------------------------- */
    dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; text-transform: capitalize; }
    dl.tabs dt { display: block; width: auto; height: 30px; padding: 0px 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; }
    dl.tabs dt:first-child { padding: 0 9px 0 0px; }
    dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; }
    dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0px 9px; line-height: 30px; border: solid 1px #ddd; margin: 0 -1px 0 0; color: #555; background: #eee; }
    dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0px 1px; height: 30px; }

		.nice.tabs { border-bottom: solid 1px #eee; margin: 0 0 30px 0; height:43px; }
		.nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; }
		.nice.tabs dd a.active { font-weight: bold; color: #333; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #00a6fc; margin: 0 10px; position: relative; top: -5px; }
		.nice.tabs dd:first-child a.active { margin-left: 0; }

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

    dl.contained, dl.nice.contained { margin-bottom: 0px; }
    dl.contained.tabs dd a { padding: 0px 14px; }
    dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }

    ul.contained.tabs-content { padding: 0; }
    ul.contained.tabs-content li { padding: 20px; border: solid 0px #ddd; border-width: 0px 1px 1px 1px; }
    ul.nice.contained.tabs-content li { border-color: #eee; }

/*  --------------------------------------------------
    Pagination
    -------------------------------------------------- */
    ul.pagination { display: block; height: 24px; margin-left: -5px; }
    ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; }
    ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555; }
    ul.pagination li.current a, ul.pagination li:hover a { border-bottom: solid 2px #00a6fc; color: #141414; }
    ul.pagination li.unavailable a { cursor: default; color: #999; }
    ul.pagination li.unavailable:hover a { border-bottom: none; }


/*  --------------------------------------------------
    Lists
    -------------------------------------------------- */
    ul.nice, ol.nice { list-style: none; margin: 0; }
    ul.nice li, ol.nice li { padding-left: 13px; position: relative }
    ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0px; top: 0px; color: #ccc; }


/* --------------------------------------------------
   Notices/Alerts
----------------------------------

	.notice, .alert {
		position: relative;
	    background: #222 url(../../images/button-overlay.png) repeat-x bottom;
	    width: 100%;
	    margin: 10px 0;
	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    border-radius: 3px;
	    color: #fff;
	    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	    font-weight: bold;
	}
	.notice>span, .alert>span {
	    display: block;
	    padding: 5px 10px 6px;
	}
	.notice a.close {
	    font-size: 20px;
	    line-height: .5;
	    color: #fff;
	    text-shadow: 0 -1px 1px rbga(0,0,0,.25);
	    font-weight: bold;
	    cursor: pointer;
	    position: absolute;
	    right: 10px;
	    top: 6px;
	}



/*	--------------------------------------------------
	Panels
	-------------------------------------------------- */
	div.panel {
		padding: 20px 20px 2px 20px;
		background: #efefef;
		background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
		box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
		margin: 0 0 20px 0;
	}

	/*	--------------------------------------------------
	Labels
	-------------------------------------------------- */
	.label {
	  padding: 1px 3px 2px;
	  background-color: #bfbfbf;
	  font-size: 9.75px;
	  font-weight: bold;
	  color: #ffffff;
	  text-transform: uppercase;
	  white-space: nowrap;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	}
	.label.important {
	  background-color: #c43c35;
	}
	.label.warning {
	  background-color: #f89406;
	}
	.label.success {
	  background-color: #46a546;
	}
	.label.notice {
	  background-color: #62cffc;
	}