/*
Theme Name: Nu White
Theme URI: http://mkhuda.com/themes/nuwhite
Author: Mkhuda
Author URI: http://mkhuda.com/
Description: Nu White is a minimalistic and responsive WordPress Theme that can be used by bloggers and also people who want to publish their posts or works in a white and clean.
Version: 1.0.7
License: GNU General Public License
License URI: license.txt
Tags: white, black, gray, one-column, rtl-language-support, custom-menu, sticky-post, custom-background, threaded-comments, translation-ready
NuWhite WordPress Theme, Copyright 2014 Mkhuda
NuWhite WordPress Theme is distributed under the terms of the GNU GPL v2
*/


/*=Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: 'Caudex', serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus { /* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
header, hgroup, footer, section, article, nav, aside {
	display: block;
}


/* =Structure include header and access menu
----------------------------------------------- */

body {
	padding: 0;
}
#page {
	margin: 0 auto;
}
.site-header hgroup {
	width: 35%;
	margin: 0 auto;
	padding: 5px;
}

#primary {
	background: #fff;
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	padding-left: 3px;
	padding-right: 3px;
}

/* Front Page */
#front-page {
	text-align: center;	
}


#content {

}

.sticky {
}
#secondary {
	float: right;
	width: 24%;
}

/* Singular */
.singular #primary {
	margin: 0;
}
.singular #content {
	margin: 0 7.6%;
	position: relative;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0 auto;
	width: 68.9%;
}

/* Attachments */
.singular .image-attachment .entry-content {
	margin: 0 auto;
	width: auto;
}
.singular .image-attachment .entry-description {
	margin: 0 auto;
	width: 68.9%;
}

/* Showcase */
.page-template-showcase-php #primary {
	margin: 0;
}
.page-template-showcase-php #content {
	margin: 0 7.6%;
}
.page-template-showcase-php section.recent-posts {
	float: right;
	margin: 0 0 0 31.1%;
}
.page-template-showcase-php #main .widget-area {
	float: left;
	margin: 0 -22.15% 0 0;
	width: 22.15%;
}

/* error404 */
.error404 #primary {
	margin: 0;
}
.error404 #content {
	margin: 0 7.6%;
}

img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1.625em;
}

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


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

body, input, textarea {
	color: #333;
	font-family: 'Caudex', serif;
	font-weight: 300;
	line-height: 1.625;
}
body {
	background: #FFF fixed 0 0;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-weight: normal;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p,
div.video-player {
	margin-bottom: 1.625em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
ul, ol {
	margin: 0 0 1.625em 2.5em;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-style: italic;
	font-weight: normal;
	background: url(img/quote.png) no-repeat;
}
blockquote p{
	margin: 0 4em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	display: block;
	color: #666;
	font-size: 12px;
	font-family: 'Caudex', serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-align: right;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch",Courier,monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	padding: 0.75em 1.625em;
	overflow: auto;
}
code, kbd {
	font: 13px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Helvetica Nueue", Helvetica, sans-serif;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
address {
	padding: 0 0 1.625em;
}
input[type=text],
textarea {
	background: #fafafa;
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
textarea:focus {
	color: #333;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}

/* Search Form */
#s {
	background: #fff no-repeat 5px 6px;
	font-size: 14px;
	line-height: 22px;
	\\padding: 4px 10px 4px 25px;
	margin: 5px -7px 0 0;
	padding: 9px 8px;
}
#searchsubmit {
	\\display: none;
	background: #222;
	border: 3px solid #222;
	color: #fff;
	cursor: pointer;
	line-height: 19px;
	padding: 8px 10px;
	text-decoration: none
}

/* Links */
a {
	color: #222;
}
a:visited {
	color: #222;
}
a:focus,
a:active,
a:hover {
	color: #222;
}

/* Assitive text */
.section-heading,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}


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

.site-header {
	width: 100%;
	background: #fff;
	margin-bottom: 1.625em;
}
body.page-template-showcase-php #branding {
	border-bottom: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
h1.custom-logo-title {
	display: block;
	width: 200px;
	margin: 0 auto;
}
.site-title {
	padding: 2px 0 0;
	text-align: center;
}
.site-title a {
	color: #222;
	display: block;
	font-size: 35px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
}

.site-description {
	color: #222;
	font-size: 16px;
	padding: 1px 0 0 0;
	text-align: center;
	font-style: capitalize;
}
.site-header img {
	height: auto;
	width: 200px;
	margin: 0 auto;
}

.nuwhite-header-image {
	margin: 0 20%;
}

.nuwhite-header-image img {
	width: auto;
	max-width: 100%;
}

/* Social Profiles */

.social-profiles {
	display: block;
	text-align: center;
	height: 35px;
	width: 100%;
	margin-bottom: 5px;
}

.social-profiles ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
}

.social-profiles ul li {
	display: inline-block;
	margin: 3px;
	*display: inline;
    zoom: 1;
}

.social-profiles ul li a {
	display:block;
	width:32px;
	height:32px;
	opacity: 0.4;
	filter: alpha(opacity=40); /* msie */
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.social-profiles ul li.facebook a:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* msie */
}

.social-profiles ul li.twitter a:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* msie */
}

.social-profiles ul li.google-plus a:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* msie */
}

.social-profiles ul li.pinterest a:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* msie */
}

.social-profiles ul li.linkedin a:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* msie */
}

.social-profiles ul li.youtube a:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* msie */
}

.social-profiles ul li.rss a:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* msie */
}

.social-profiles ul li.facebook a {
	background: url(img/flat-social-icons/32px/Facebook-32.png);
	text-indent: -9999;
	opacity: 0.4;
	filter: alpha(opacity=40); /* msie */
}

.social-profiles ul li.twitter a {
	background: url(img/flat-social-icons/32px/Twitter-32.png);
	text-indent: -9999;
	opacity: 0.4;
	filter: alpha(opacity=40); /* msie */
}

.social-profiles ul li.google-plus a {
	background: url(img/flat-social-icons/32px/Google-32.png);
	text-indent: -9999;
	opacity: 0.4;
	filter: alpha(opacity=40); /* msie */
}

.social-profiles ul li.pinterest a {
	background: url(img/flat-social-icons/32px/Pinterest-32.png);
	text-indent: -9999;
	opacity: 0.4;
	filter: alpha(opacity=40); /* msie */
}

.social-profiles ul li.linkedin a {
	background: url(img/flat-social-icons/32px/LinkedIn-32.png);
	text-indent: -9999;
	opacity: 0.4;
	filter: alpha(opacity=40); /* msie */
}

.social-profiles ul li.youtube a {
	background: url(img/flat-social-icons/32px/Youtube-32.png);
	text-indent: -9999;
	opacity: 0.4;
	filter: alpha(opacity=40); /* msie */
}

.social-profiles ul li.rss a {
	background: url(img/flat-social-icons/32px/RSS-32.png);
	text-indent: -9999;
	opacity: 0.4;
	filter: alpha(opacity=40); /* msie */
}


/* Search Form */

#masthead #searchform {
	position: absolute;
	text-align: right;
	top: 1em;
	right: 7.6%;
}
#site-form #searchform {
	margin: 0;
}

#site-form #s {
	border: 1px solid #d0ceb8;
	width: 262px;
	height: 20px;
	float: left;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
}
#site-form #s:focus {
	\\width: 50%;
}

#site-form input.submit {
	float: left;
	margin-top: 7px;
}


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

#access {
	clear: both;
	display: block;
	text-align: center;
}

/* clearfix hack */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height:1%;
}

.clearfix {
	display: block;
}

/* =Content
----------------------------------------------- */
#content .home-contents .entry-content .wp-caption {
		margin: 0 auto;
	}

#main {
	clear: both;
	padding: 1.625em 0 0;
	margin-right: 20%;
	margin-left: 20%;
}
.page-title {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
.page-title a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
}
.hentry {
	margin-bottom: 20px;
	padding: 0 0 15px;
	position: relative;
}
#content .home-contents {
	padding: 0 0 15px;
	position: relative;
	\\float: left;
	width: 100%;
	\\min-height: 370px;
	\\margin-right: 35px;
}

.nuwhite-date {
	width: 60px;
	text-align: center;
	padding: 10px;
	margin: 0 auto;
}

.nuwhite-date .nuwhite-show-day {
	background: #222;
	height: 30px;
	padding-top: 5px;
	color: #f2f2f2;
	font-size: 20px;
	border-radius: 50px 50px 0;
	-moz-border-radius: 50px 50px 0;
	-webkit-border-radius: 50px 50px 0;
}


.nuwhite-date .nuwhite-show-month {
	background: #f2f2f2;
	color: #222;
	font-size: 20px;
	border-radius: 50px 50px 50px 0;
	-moz-border-radius: 50px 50px 0;
	-webkit-border-radius: 50px 50px 0;
}

.nuwhite-avatar {
	background: #f2f2f2;
	text-align: center;
	width: 10%;
	padding: 10px 10px 0 10px;
	margin: 0 auto;
	border-radius: 50px 50px 50px 0;
	-moz-border-radius: 50px 50px 50px 0;
	-webkit-border-radius: 50px 50px 50px 0;
}

.nuwhite-avatar img {
	border-radius: 50px 50px 50px 0;
	-moz-border-radius: 50px 50px 50px 0;
	-webkit-border-radius: 50px 50px 50px 0;
}
	
.comments-pop {
	width: 60px;
	height: 40px;
	text-align: center;
	padding-top: 10px;
	background: #37ABC8;
	color: #f2f2f2;
	font-size: 20px;
	position: absolute;
	left: -70px;
}

.comments-pop  a{
	color: #f2f2f2;
	font-size: 20px;
	text-decoration: none;
}

.comments-pop:hover {
	background: #222;
	color: #f2f2f2;
}

.entry-title,
.entry-header .entry-meta {
	text-align: center;
}
.entry-title {
	clear: both;
	color: #000;
	font-size: 35px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .3em;
}
.entry-title,
.entry-title a {
	color: #000;
	text-decoration: none;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	text-align: center;
}
.entry-title a:hover {
	color: #222;
	font-weight: strong;
}
.entry-meta {
	color: #666;
	clear: both;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}
.entry-meta a {
	color: #222;
	font-weight: bold;
	text-decoration: none;
}
.entry-meta a:focus,
.entry-meta a:active,
.entry-meta a:hover {
	color: #222;
	border-bottom: 1px solid #222;
}
.entry-content,
.entry-summary {
	padding: 0.3em 0 0;
	font-size: 18px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.entry-content p {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.entry-content h1{
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
	font-size: 25px;
	text-transform: uppercase;
}
.entry-content h2 {
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
	font-size: 23px;
	text-transform: uppercase;
}
.entry-content h3 {
	font-size: 21px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content h4 {
	font-size: 19px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
}
.entry-content h5 {
	font-size: 17px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
}
.entry-content h6 {
	font-size: 15px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
}
.entry-content .caps {
	/*
	font-size: 12px;
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Helvetica Nueue", Helvetica, sans-serif;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	*/
}

.entry-content p {
	\\margin-bottom: 50px;
}
.entry-meta .nuwhite-more {
	padding: 10px;
	margin-top: 5px;
	text-align: center;
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.entry-meta a.readmore {
	padding: 4px 6px 4px 6px;
	text-align: center;
	color: #222;
	width: 100%;
	text-decoration: none;
	font-size: 15px;
}

.entry-meta a.readmore:hover {
	color: #222;
}
/* Featured image for posts */

.post-featured-image {
	float: left;
	margin: 0 5px 5px 0;
	line-height: 0;
}

.post-featured-image a{
	float: left;
}

.post-featured-image img {
	padding: 5px;
	border: 2px solid #F2F2F2;
	display: block;
}

header.entry-header {
	display: block;
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px;
}

.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
.comment-content h1 {
	font-size: 25px;
}
.comment-content h2 {
	font-size: 23px;
}
.comment-content h3 {
	font-size: 21px;
}
.comment-content h4 {
	font-size: 19px;
}
.comment-content h5 {
	font-size: 17px;
}
.comment-content h6 {
	font-size: 15px;
}
.entry-content .link-list {
	list-style: none;
	margin-left: 0;
}
.entry-content .link-list ul {
	list-style: square;
	margin: 0 0 1.625em 1.625em;
}
dl.gallery-item {
	margin: 0;
}
.more-link {
	font-weight: bold;
	text-decoration: none;
}
.page-links {
	margin: 0 0 1.625em;
	text-align: center;
}
.page-links a {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0 10px;
}
.sharing {
	color: #666;
	clear: both;
	font-size: 12px;
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Helvetica Nueue", Helvetica, sans-serif;
	line-height: 18px;
}
.sharing a {
	color: #1778c2;
	font-weight: bold;
	text-decoration: none;
}
.sharing a:focus,
.sharing a:active,
.sharing a:hover {
	color: #ff4b33;
}
.sharing_label {
	font-weight: 300 !important;
}


/* Author Info */
#author-info {
		background: #f9f9f9;
		border: 1px solid #ddd;
	border-width: 1px 0;
	font-size: 12px;
		margin: 2.2em -35.6% 0 -35.4%;
	overflow: hidden;
		padding: 2.2em 35.4%;
}
.archive #author-info {
	border-bottom: 1px solid #ddd;
	margin: 0 0 2.2em;
	padding: 0 0 2.2em;
}
#author-avatar {
	float: left;
	margin-right: -78px;
}
#author-description {
	float: right;
	margin-left: 78px;
}
#author-description h2 {
	color: #000;
	font-family: Georgia, "Bitstream Charter", serif;
	font-size: 15px;
	font-weight: bold;
	margin: -2px 0 0;
	padding: 0 0 2px;
}

/* Comments link */
.entry-header .comments-link {
}
.entry-header .comments-link a {
	border: 1px solid #ddd;
	-moz-border-radius: 23px;
	border-radius: 23px;
	color: #333;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 46px;
	position: absolute;
		top: 0;
		right: 0;
	width: 46px;
}
.entry-header .comments-link a:hover {
	background: #222;
	border-color: #000;
	color: #fff;
}
.entry-header .comments-link span {
	display: none;
}

/* Notes */
.entry-content .quiet,
.entry-content .note {
	color: #666;
	font-size: 12px;
}
.entry-content .note {
	margin-bottom: 2.2em;
}

/* Singular content styles for Posts and Pages */
.singular .hentry {
	border-bottom: none;
	padding: 4.875em 0 0;
	position: relative;
}
.singular.page .hentry {
	padding: 3.5em 0 0;
}
.singular .sticky {
	padding: 1px;
}
.sticky header.entry-header {
	
}
.singular .entry-title {
	color: #000;
	font-size: 36px;
	line-height: 48px;
}
.singular .entry-title,
.singular .entry-header .entry-meta {
	padding-right: 0;
}
.singular .entry-header .entry-meta {
	position: absolute;
	top: 0;
	left: 0;
}
.singular blockquote.pull {
	color: #000;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0 -22.25% 1.625em;
}
.singular .pull.alignleft {
	margin: 0 1.625em 0 -22.25%;
}
.singular .pull.alignright {
	margin: 0 -22.25% 0 1.625em;
}
.singular img.pull.alignleft,
.singular img.pull.alignright {
	margin-top: 6px;
}
.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
	width: 33%;
}

/* Aside */
.format-aside .entry-title,
.format-aside .entry-header .comments-link {
	display: none;
}
.singular .format-aside .entry-title {
	display: block;
}
.format-aside .entry-content {
	padding: 0;
}
.singular .format-aside .entry-content {
	padding: 1.625em 0 0;
}

/* Link */
.format-link .entry-title,
.format-link .entry-header .comments-link {
	display: block;
}
.singular .format-link .entry-title {
	display: block;
}
.format-link .entry-content {
	padding: 0;
}
.singular .format-link .entry-content {
	padding: 1.625em 0 0;
}

/* error404 */
.error404 .post {
	padding: 4.875em 0 0;
}
.error404 #main #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	padding: 1.625em 8.9%;
	overflow: hidden;
}
.error404 #main #s {
	width: 94%;
}
.error404 #main .widget {
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
.error404 #main .widget_archive {
	margin-right: 0;
}
.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}
.error404 .widgettitle {
	font-size: 10px;
	font-weight: 300;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}


/* =Showcase
----------------------------------------------- */

h1.showcase-heading {
	font-size: 15px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

/* Intro */
article.intro {
	margin: -1.625em -8.9% 1.625em;
	padding: 0 8.9%;
}
article.intro .entry-title {
	display: none;
}
article.intro .edit-link {
	display: block;
	margin: 0 0 1.625em;
}

/* Featured post */
section.featured-post {
	border-bottom: 1px solid #ddd;
	float: left;
	margin: -1.625em -8.9% 1.625em;
	padding: 1.625em 8.9% 0;
	position: relative;
}
section.featured-post .hentry {
	border: none;
	margin: 0;
}
section.featured-post .entry-meta {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Small featured post */
section.featured-post .attachment-small-feature {
	float: right;
	margin: 0 -9% 1.625em 0;
	max-width: 59%;
	height: auto;
}
article.feature-image.small {
	float: left;
	margin: 0 0 1.625em;
	width: 45%;
}
article.feature-image.small p a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	margin: 1.625em 0 0;
}


/* Large featured post */
section.feature-image.large {
	border: none;
	padding: 0 0 0.8125em;
	padding: 0;
	width: 100%;
}
section.feature-image.large .showcase-heading {
	display: none;
}
section.feature-image.large img {
	display: block;
	border-bottom: 1px solid #ddd;
	height: auto;
	padding: 0 0 6px;
	max-width: 117.9%;
}
section.feature-image.large .hentry {
	border-bottom: none;
	margin: 1.625em 9% 0 0;
	position: absolute;
		top: 0;
		left: 9%;
}
section.featured-post .attachment-large-feature {
}
article.feature-image.large .entry-title a {
	background: #222;
	color: #fff;
	display: inline-block;
	padding: .2em 20px;
}
section.feature-image.large:hover .entry-title a,
section.feature-image.large .entry-title:hover a {
	background: #1778c2;
}
article.feature-image.large .entry-summary {
	display: none;
}

/* Recent Posts */
section.recent-posts {
	padding: 0 0 1.625em;
}
section.recent-posts .hentry {
	border: none;
	margin: 0;
}
section.recent-posts .other-recent-posts {
	list-style: none;
	margin: 0;
}
section.recent-posts .other-recent-posts li {
	overflow: hidden;
	padding: .3125em 0;
}
section.recent-posts .other-recent-posts .entry-title {
	border-top: 1px solid #ddd;
	font-size: 17px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"] {
	color: #1778c2;
	float: left;
	max-width: 80%;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
	color: #ff4b33;
}
section.recent-posts .other-recent-posts .comments-link {
	display: block;
	float: right;
	font-size: 10px;
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Helvetica Nueue", Helvetica, sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
	position: relative;
		top: 3px;
}

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

.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	padding: 1.625em 1.625em 0;
	text-align: center;
	overflow: hidden;
}
.image-attachment div.attachment img {
	display: block;
	margin: 0 auto 1.625em;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Helvetica Nueue", Helvetica, sans-serif;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}


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

img.size-auto,
img.size-large,
img.size-full,
img.size-medium,
img.size-thumbnail,
.attachment img {
	max-width: 100%;
	height: auto;
}
img.wp-smiley {
	margin-bottom: 0;
}
p img,
.wp-caption {
	margin-bottom: 1.625em;
}
p img {
	margin-top: 6px;
}
.wp-caption {
	max-width:100%;
}
.wp-caption img {
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 10px;
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Helvetica Nueue", Helvetica, sans-serif;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
	text-align: center;
}


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

#content nav {
	clear: both;
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Helvetica Nueue", Helvetica, sans-serif;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#content nav a {
	color: #222;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
	text-decoration: none;
}
#content nav a:focus,
#content nav a:active,
#content nav a:hover {
	border-bottom: 1px dotted #222;
}
#nav-above {
	padding: 0 0 1.625em;
}
.nav-previous {
	float: left;
	width: 40%;
	padding: 5px;
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.nav-next {
	float: right;
	text-align: right;
	width: 40%;
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px;
}

/* Singular navigation */
#nav-single {
	display: inline-block;
	overflow: visible !important;
	position: absolute;
		top: -4px;
		right: 0;
	z-index: 1000;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	float: none;
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}


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

#secondary {
}
.widget-area {
	font-size: 12px;
}


/* =Arrow Widget
----------------------------------------------- */

.widget {
	margin: 0 0 2.2em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.widget-title {
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
	background: #fff;
	border-top: 2px dotted #ddd;
	border-bottom: 2px dotted #ddd;
	color: #222;
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.widgettitle {
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
	background: #fff;
	border-top: 2px dotted #ddd;
	border-bottom: 2px dotted #ddd;
	color: #222;
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.widget ul {
	font-size: 15px;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget a {
	font-weight: bold;
	text-decoration: none;
}

.widget select {
	width: 100%;
}
/* Search Widget */
.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search #s {
	width: 58%;
}

/* Calendar Widget */
#secondary #calendar_wrap {
	text-align: center;
}

#secondary #calendar_wrap table {
	width: 100%;
}

#secondary #calendar_wrap table caption {
	text-align: center;
}

#secondary #calendar_wrap table thead tr th {
	padding: 2px;
	text-align: center;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	color: #222;
}

#secondary #calendar_wrap table tbody tr td {
	text-align: center;
}

#secondary #calendar_wrap table tbody tr td a {
	color: #f2f2f2;
	background: #222;
	padding: 2px;
}

/* Tags Widget */
.tagcloud a{
	padding: 5px;
	background: #222;
	color: #f2f2f2;
	margin-right: 4px;
	margin-bottom: 3px;
}

.tagcloud a:hover{
	padding: 5px;
	background: #f2f2f2;
	color: #222;
	margin-right: 4px;
	margin-bottom: 3px;
}

/* Ephemera Widget */
section.ephemera ol,
.widget_duster_ephemera ol {
	list-style: square;
	margin: 5px 0 0;
}
section.ephemera .entry-title,
.widget_duster_ephemera .entry-title {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
}
section.ephemera .entry-title a,
.widget_duster_ephemera .entry-title a {
	color: #1778c2;
}
section.ephemera .entry-title a:hover,
.widget_duster_ephemera .entry-title a:hover {
	color: #ff4b33;
}
section.ephemera .entry-title .comments-link a,
.widget_duster_ephemera .entry-title .comments-link a {
	color: #333;
	display: block;
	font-size: 10px;
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Helvetica Nueue", Helvetica, sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
section.ephemera .entry-title .comments-link a:hover,
.widget_duster_ephemera .entry-title .comments-link a:hover {
	color: #1778c2;
}


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

.page #comments {
	display: block;
}
.comments-title {
	font-size: 10px;
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Helvetica Nueue", Helvetica, sans-serif;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
#comments nav {
	margin: 0 auto 0.8125em;
		width: 68.9%;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist > li.comment {
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	font-size: 12px;
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Helvetica Nueue", Helvetica, sans-serif;
	margin-left: 102px;
}
.commentlist .pingback p {
	margin: 0 0 2.2em 2.4em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	\\display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Helvetica Nueue", Helvetica, sans-serif;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	color: #1778c2;
	text-decoration: none;
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .avatar {
	\\background: no-repeat right 30px;
	padding: 0 34px 0 0;
	\\position: absolute;
	top: 0;
	left: -102px;
	display: inline;
	float: left;
	margin-right: 1.3em;
}
.commentlist .children .avatar {
	background: none;
	padding: 0;
	\\top: 2.2em;
	\\left: 2.2em;
}
.commentlist .children .bypostauthor > article .comment-meta .vcard .avatar {
}
.comment-reply-link {
	color: #1778c2;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.comment-reply-link:hover {
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #222;
	border-color: #000;
	color: #ccc;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #ccc;
}
.commentlist > li.bypostauthor .comment-meta a {
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
	color: #ff4b33;
}
.commentlist > li.bypostauthor .avatar {
	background-image: url(images/comment-arrow-bypostauthor.png);
}
.commentlist > li.bypostauthor .comment-reply-link {
	color: #ccc;
}
.commentlist > li.bypostauthor .comment-reply-link:focus,
.commentlist > li.bypostauthor .comment-reply-link:active,
.commentlist > li.bypostauthor .comment-reply-link:hover {
	color: #ff4b33;
}

/* Post Author threaded comments */
.commentlist > li.bypostauthor .children,
.commentlist > li.bypostauthor .children .comment-meta,
.commentlist > li.bypostauthor .children .comment-meta a,
.commentlist > li.bypostauthor .children .comment-reply-link  {
	color: #333;
}
.commentlist > li.bypostauthor .children .comment-meta a:focus,
.commentlist > li.bypostauthor .children .comment-meta a:active,
.commentlist > li.bypostauthor .children .comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .children > li.bypostauthor {
	\\background: #222;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-left: none;
	padding-left: 3px ;
	border-left: 1px solid #ddd;
}
.commentlist .children > li.bypostauthor > article,
.commentlist .children > li.bypostauthor > article .comment-meta {
	\\color: #ccc;
}
.commentlist .children > li.bypostauthor > article .comment-meta a {
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
}
.commentlist .children > li.bypostauthor > article .comment-reply-link {
	color: #ccc;
}
.commentlist .children > li.bypostauthor > article .comment-meta a:focus,
.commentlist .children > li.bypostauthor > article .comment-meta a:active,
.commentlist .children > li.bypostauthor > article .comment-meta a:hover,
.commentlist .children > li.bypostauthor > article .comment-reply-link:focus,
.commentlist .children > li.bypostauthor > article .comment-reply-link:active,
.commentlist .children > li.bypostauthor > article .comment-reply-link:hover {
	color: #ff4b33;
}

/* Comment Form */
#respond {
	color: #222;
	margin: 0 auto 1.625em;
	padding: 1.625em;
}
#respond a {
	color: #ccc;
}
#respond a:focus,
#respond a:active,
#respond a:hover {
	color: #ff4b33;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #222;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	top: 1.1em;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond .comment-notes {
	margin: 0.8125em 0 0;
	padding: 0 4px;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
}
#respond p {
	font-size: 12px;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #e4e2d2;
	padding: 10px;
	text-indent: 80px;
	font-size: 15px;
	width: 95%;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	margin: 0.3em;
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	color: #222;
	font-family: 'Caudex', serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	width: 95%;
}
#respond .required {
	color: #bd3500;
	font-weight: bold;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	font-size: 21px;
	z-index: 1;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	padding: 4px 4px 0;
}
.form-allowed-tags code {
	color: #888;
	font-size: 11px;
}
#respond #submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	cursor: pointer;
	font-weight: bold;
	color: #f2f2f2;
	float: right;
	margin: 0 -3em 0 0;
	padding: 10px 3.25em 10px 2.25em;
}
#respond #submit:hover {
	background: #f2f2f2;
	color: #222;
}


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

#colophon {
	clear: both;
	color: #222;
	margin-bottom: 3px;
	text-align: center;
	background: #fff;
}
/* Three Footer Widget Areas */
#colophon-widget {	
	padding: 3% 7.6% 0.5% 7.6%;
	text-align: left;
	overflow: hidden;
}

#search-box-nuwhite {
	width: 30%;
	margin: 0 auto;
}

#search-box-nuwhite #s {
	width: 100%;
}

#search-box-nuwhite #searchsubmit {
	width: 100%;
	margin-left: 2%;
}

/* Colophon Widget Links */
#colophon-widget a {	
	color: #222; 
}

#colophon-widget a:hover {	
	color: #222; 
	border-bottom: 1px dotted #222;
}

/* Colophon Tag Cloud */
#colophon-widget .tagcloud a {
	padding: 5px;
	color: #f2f2f2;
	margin-right: 4px;
	margin-bottom: 3px;
}

#colophon-widget .tagcloud a:hover {
	color: #222;
}

#colophon-widget .footbar-widget-content {
	float: left;
	width: 31%;
	padding: 0;
	margin: 0 0 3em;
	clear: none;
	border: 0;
	background-color: transparent;
	padding-right: 2.25%;
}

#colophon-widget #calendar_wrap {
	text-align: center;
}

#colophon-widget #calendar_wrap table {
	width: 100%;
}

#colophon-widget #calendar_wrap table caption {
	text-align: center;
}

#colophon-widget #calendar_wrap table thead tr th {
	padding: 2px;
	text-align: center;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	color: #222;
}

#colophon-widget #calendar_wrap table tbody tr td {
	text-align: center;
}

#colophon-widget #calendar_wrap table tbody tr td a {
	color: #f2f2f2;
	background: #222;
	padding: 2px;
}

tfoot tr td#prev {
	text-align: left;
}

tfoot tr td#next {
	text-align: right;
}
/* Site Credits */
.site-credits {
	clear: both;
	font-size: 12px;
	line-height: 2.2em;
	overflow: hidden;
	padding: 2.2em 0;
	border-top: 2px dotted #ddd;
}
.site-credits a {
	text-decoration: none;
	font-weight: bold;
	color: #222;
}
.site-credits a:focus,
#site-credits a:active,
#site-credits a:hover {
	color: #ccc;
}

/* =Responsive Structure
----------------------------------------------- */
@media only screen and (min-device-width: 800px) and (max-device-width: 1000px) {
	.hentry {
		border-bottom: 1px solid #ddd;
		margin-bottom: 20px;
		padding: 0 0 15px;
		position: relative;
		float: left;
		width: 30%;
		min-height: 370px;
		margin-right: 35px;
	}
}

@media only screen and (min-device-width: 320px) and (max-width: 790px) {
	/* Simplify the basic layout */
	body {
		background: #FFF fixed 0 0;
		padding-left: 2%;
		padding-right: 2%;
	}
	#content {
		margin: 0 7.6%;
	}
	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.625em;
	}
	#secondary {
		margin: 0 7.6%;
		width: auto;
	}
	/* Simplify the showcase template */
	section.featured-post.small {
	}
	section.featured-post .attachment-small-feature {
		float: none;
		margin: 1.625em 0 0 0;
		max-width: 100%;
		height: auto;
		width: auto;
	}
	article.feature-image.small {
		float: none;
		margin: 0 0 1.625em;
		max-width: 80%;
		width: auto;
	}
	.page-template-showcase-php section.recent-posts {
		float: none;
		margin: 0;
	}
	.page-template-showcase-php #main .widget-area {
		float: none;
		margin: 0;
		width: auto;
	}
	.page-template-showcase-php .other-recent-posts {
		border-bottom: 1px solid #ddd;
	}
	/* Remove the margin on singular articles */
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
	    width: 100%;
	}
	/* Simplify the pullquotes and pull styles */
	.singular blockquote.pull {
		margin: 0 0 1.625em;
	}
	.singular .pull.alignleft {
		margin: 0 1.625em 0 0;
	}
	.singular .pull.alignright {
		margin: 0 0 0 1.625em;
	}
	/* Make sure we have room for our comment avatars */
	.commentlist > li.comment {
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#supplementary .widget-area {
		float: none !important;
		margin-right: 0 !important;
		width: auto !important;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}
}
@media screen and (min-width: 481px) and (max-width: 1000px) {
	/* Make sure the logo and search form don't collide */
	.site-header hgroup {
		width: 100%;
	}
	#branding #searchform {
		background: #e4e2d2 url(images/background.png) fixed 0 0;
		top: 0;
	}
	#branding #s {
		border-radius: 0;
	}
	#main {
		padding-left: 10%;
		padding-right: 10%;
		margin-right: 0;
		margin-left: 0;
	}
	/* Simplify posts */
	#nav-single {
	    display: block;
	    position: static;
	}
	.singular .hentry {
		padding: 3.5em 0 0;
	}
	#content .home-contents {
		padding: 0 0 40px;
		position: relative;
		float: none;
		width: 100%;
		margin-right: 0;
		min-height: 0px;
	}
	.home-contents .entry-content p {
		margin-top: 10px;
	}
	
	#content .home-contents .nuwhite-date {
		position: relative;
		left: 0;
		background: none;
	}
	.singular .entry-title {
		font-size: 26px;
		line-height: 1.5em;
		padding-bottom: .3em;
	}
	/* Talking avatars take up too much room at this size */
	.commentlist > li.comment {
		margin-left: 0;
	}
	.commentlist .avatar {
		background: transparent;
		display: block;
		padding: 0;
		position: static;
	}
	.commentlist .children .avatar {
		background: none;
		padding: 0;
		top: 2.2em;
	}
	.commentlist .avatar {
		background: transparent;
		display: block;
		padding: 0;
		position: static;
	}
	/* More room for Widget lists at this size */
	.widget ul {
		margin-left: 1.5em;
	}
	
}

/* small screen */
 @media screen
    and (min-width : 240px) 
    and (max-width : 480px)  {
	body {
		background: #FFF fixed 0 0;
		padding-left: 1%;
		padding-right: 1%;
	}
	.site-header hgroup {
		width: 100%;
	}
	#main {
		padding-left: 0;
		padding-right: 0;
		margin-right: 0;
		margin-left: 0;
	}
	#respond {
		padding: 0px;
	}
	#masthead #searchform {
		display: none;
	}
	#colophon-widget .footbar-widget-content {
		float: none;
		width: 80%;
		padding: 0;
		margin: 0 auto;
		clear: none;
		border: 0;
		background-color: transparent;
		padding-right: 0;
	}
}


/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
	.entry-content img,
	.entry-summary img,
	.comment-content img,
	.widget img,
	.wp-caption {
		max-width: 100%;
	}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
	.entry-content img,
	.entry-summary img,
	.comment-content img[height],
	img[class*="align"],
	img[class*="wp-image-"],
	img[class*="attachment-"] {
		height: auto;
	}

	img.size-full,
	img.size-large,
	img.wp-post-image {
		height: auto;
		max-width: 100%;
	}

	/* Responsive Menu toggle min-width */
	@media only screen and (min-width: 680px) { 
	#access .menu-toggle {
		display: none;
		cursor: pointer;
		text-align: center;
		line-height: 3.333em;
		padding: 0 0.8125em;
	}
	#access .menu {
		/*margin: 0 20%;*/
		display: block;
		/* background: #f9f9f9; 
		border-radius: 50px 0 50px 0;
		-moz-border-radius: 50px 0 50px 0;
		-webkit-border-radius: 50px 0 50px 0;
		border-top: 2px solid #ddd;
		border-bottom: 2px solid #ddd; */
	}
	#access .menu ul {
		font-size: 13px;
		list-style: none;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	#access .menu ul li:first-child {
		border-left: 1px solid rgba(9, 9, 9, 0.125);
		border-radius: 4px 0 0 4px;
	}
	#access .menu ul li:last-child {
		border-radius: 0 4px 4px 0;
	}
	#access .menu ul li {
		position: relative;
		display: inline-block;
		font-size: 15px;
		background-color: #f0f0f0;
		background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
		background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		border-top: 1px solid rgba(9, 9, 9, 0.125);
		border-bottom: 1px solid rgba(9, 9, 9, 0.125);
		border-right: 1px solid rgba(9, 9, 9, 0.125);

		/* Adding a 1px inset highlight for a more polished efect: */

		box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
		-moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
		-webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
		margin-right: -3px;
	}
	#access .menu ul li a {
		color: #222;
		display: block;
		line-height: 3.333em;
		padding: 0 0.8125em;
		text-decoration: none;
	}
	#access .menu ul ul {
		display: none;
		margin: 0;
		position: absolute;
		top: 3em;
		left: 0em;
		width: 188px;
		z-index: 999;
		background: #fff;
		border: 1px solid #f2f2f2;
		text-align: left;
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
		box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	}
	
	#access .menu ul ul li {
		max-height: none;
		padding: 0;
		margin: 0;
		text-align: left;
		width: 100%;
	}
	#access .menu ul ul ul {
		left: 100%;
		top: 0;
	}
	 #access .menu ul ul li a {
		display: block;
		color: #222;
		font-weight: bold;
		padding: 5px 5px 5px 12px;
		font-size: 13px;
	}
	#access .menu ul li:hover > a,
	#access .menu ul ul :hover > a {
		background: #fff;
		color: #222;
	}
	#access .menu ul li:hover > a {
	}
	#access .menu ul ul a:hover {
		background: #fff;
		color: #ccc;
	}
	#access .menu ul li:hover > ul {
		display: block;
	}
	#access .current_page_item a {
		font-weight: bold;
		background-color: #f0f0f0;
		background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
		background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	}
}
	
	@media only screen and (max-width: 679px) {
	
	#access .menu-toggle {
		cursor: pointer;
		text-align: center;
		line-height: 3.333em;
		padding: 0 0.8125em;
		display: block;
	}
	
	#access .menu-toggle a#toggling {
		text-decoration: none;
		color: #222;
		font-size: 18px;
		padding: 8px;
		background-color: #f0f0f0;
		background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
		background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		border-top: 1px solid rgba(9, 9, 9, 0.125);
		border-bottom: 1px solid rgba(9, 9, 9, 0.125);
		border-right: 1px solid rgba(9, 9, 9, 0.125);

		/* Adding a 1px inset highlight for a more polished efect: */

		box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
		-moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
		-webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;;
	}
	
	#access .menu {
		\\margin: 0 7.6%;
		margin: 0 3%;
		display: none;
	}
	#access .menu ul {
		font-size: 13px;
		list-style: none;
		margin: 0 0 0 -0.8125em;
		padding-left: 0;
	}
	#access .menu ul li {
		position: relative;
		list-style-type: none;
	}
	#access .menu ul a {
		color: #222;
		display: block;
		line-height: 3.333em;
		padding: 0 0.8125em;
		text-decoration: none;
	}
	#access .menu ul ul {
		margin: 0;
		left: 0;
		width: 100%;
		margin-left: 5px;
	}
	#access .menu ul ul ul {
		left: 100%;
		top: 0;
	}
	#access .menu ul ul ul a {
		border-bottom: 1px solid #333;
		color: #222;
		font-size: 12px;
		font-weight: normal;
		height: auto;
		line-height: 1em;
		padding: 10px 10px;
		width: 100%px;
	}
	#access .menu ul li:hover > a,
	#access .menu ul ul :hover > a {
		background: #111;
		color: #fff;
	}
	#access .menu ul li:hover > a {
		background: #222;
	}
	#access .menu ul ul ul a:hover {
		background: #222;
		color: #ccc;
	}
	#access .menu ul li:hover > ul {
		display: block;
	}
	#access ul .current_page_item {
		background: #222;
		color: #fff;
	}
	#access ul .current_page_item a {
		font-weight: bold;
		color: #fff;
	}
}