.yellow {
	background-color: #fffd69;
	border: 2px solid #cc9846;
}

#page {
	max-width: 100%
	padding: 0;
	/*background-color: #fff;
	border: 0px solid #938D75;
	-webkit-box-shadow:  0px 2px 6px 6px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);*/
	margin: 0 auto;;
}

/*  Page-constraint div applied to all regions.
 *  There isn't one global container because it would prevent you from making designs that have individual regions that span the full page width.
 *  So we declare all the page region containers here and set their left and right padding universally to create consistent widths and edges. */
.page-constraint {
	max-width: 1320px;	
	margin: 0 auto;
}

/* c1 s is a container nested in all page-constraint containers. 
 * Utilizing a double container system like this allows you to create fancy backgrounds and borders.
 * Assign left-aligned vertical-repeating backgrounds to the page-constraint for a given region of hte site.
 * Assign right-aligned vertical-repeating background to the page-canvas for the same region.
 * The result is the ability to set left and right page borders that gracefully expand. */
.c1 {
	padding-left: 2.4em;
	padding-right: 2.4em;
}

#main .page-constraint {
	/*-webkit-box-shadow:  0px 1px 8px 4px rgba(0, 0, 0, .3);
    box-shadow:  0px 1px 8px 4px rgba(0, 0, 0, .3);*/
    margin-bottom: 2em;
	}


.home #main .page-constraint {
	max-width: 100%;
}

.home .c1{
	padding: 0 0 0 0;
}

/* Add the content-constraint class manually to content divs in WordPress.
Use this technique if you want a background graphic design div to span the full width of the page but restrict
its actual content to a maximum width */
#main .content-constraint {
	max-width: 1320px;
	margin: 0 auto;
    padding-left:1em; padding-right:1em;
}

@media screen and (max-width: 800px) {
	.home #main .page-constraint   { padding: 0; }
	.home .c1 { padding-left: 0em; padding-right: 0em; }
	
	#main .content-constraint {padding-left: 1em; padding-right:1em;}   
	#primary { padding-left: 0em; padding-right: 0em;} 
	.home #primary {padding-left: 0; padding-right: 0;}
	
	#first-sidebar, #second-sidebar { padding: 1em;}
}

#content-container {
	/*background: url('images/subtle_grunge.png');*/
	padding-top: 2em;
}

.home #content-container {
	padding: 0 0 0 0;
}

/* Set a wide padding area on the left or right to create the sidebar region.*/
.tmp-no-sidebars #content-container { 	background: none;}
.tmp-sidebar-on-right #content-container {	background-position: right;  padding-right: 340px;}
.tmp-sidebar-on-left #content-container {	background-position: left;  padding-left: 340px;}
.tmp-sidebar-on-both #content-container { background-position: right; padding-left: 340px; padding-right: 340px; }

@media screen and (max-width: 700px) {
		#main #content-container { background-image: none; padding-right: 0;}	
}
	
@media print { #content-container  { background-color: #ffffff !important; background-image: none !important; } }

#primary, #below-content-global-sidebar {
	width: 100%;
}

.tmp-sidebar-on-right #primary  { float: left; 	padding-right: 5.5em;}
.tmp-sidebar-on-left #primary  { float: right; 	padding-left: 1.5em;}
.tmp-sidebar-on-both #primary { display: inline-block;}

@medi ascreen and (max-width: 1120px) {
	.tmp-sidebar-on-right #primary { padding-right: 1.5em;}
}

@media screen and (max-width: 700px) {
	.tmp-sidebar #primary { float: none; display: block; padding-left: 0em; padding-right: 0em;}
}

#first-sidebar, #second-sidebar {
	width: 300px;
}

.tmp-sidebar-on-right #first-sidebar, .tmp-sidebar-on-right #second-sidebar  { float: right; 	margin-right: -340px; clear: right;}
.tmp-sidebar-on-left #first-sidebar, .tmp-sidebar-on-left #second-sidebar  { float: left; 	margin-left: -340px; clear: left;}
.tmp-sidebar-on-both #first-sidebar {float: left; margin-left: -320px;}
.tmp-sidebar-on-both #second-sidebar {float: right; margin-right: -320px;}

/* When using both sidebars, only one sidebar will dropdown below the content first. 
  Change this stylesheet if you want to change which one drops first.  */
@media screen and (max-width: 1020px) {
	.tmp-sidebar-on-both #second-sidebar {margin-left: 0; margin-right: 0; float: none;}
}

@media screen and (max-width: 700px) {
	#main #first-sidebar, #main #second-sidebar { 	margin-left: 0; margin-right: 0;	float: none; width: auto;}
}

/* =Repeatable patterns
-------------------------------------------------------------- */


/* Small headers */
.archive-title,
.page-title,
.widget-title,
.content th,
.comment-content th {
	font-size: 11px;
	font-size: 0.6875rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.6875rem;
	line-height: 2.181818182;
}



/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	
}
body {

}

@media print {
	body, html { 	background-color: #ffffff !important; background-image: none !important;}
}

/* Assistive text */
.skip-link,
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

.ie .skip-link,
.ie .screen-reader-text,
.ie .assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE7 */
}

/* Page structure */

.content {
	overflow: visible;
}

/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
}

/* Sidebar */
.widget-area .widget {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
}
.widget-area .textwidget li {
	margin-left: 36px;
}
.widget-area .widget a {
	color: #777;
}
.widget-area .widget a:hover {
	color: #21759b;
}

#second-sidebar .widget {
	border: 1px solid #ffffff;
	margin-top: 2em;
}

#second-sidebar .widget h3 {
	color: #ffffff;
	background: url('../images/sidebar-widget-title-bg.png') no-repeat;
	padding-left: 1.75em;
	margin-left: -1.45em;
	margin-bottom: 0em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

#second-sidebar .widget p {
	font-size: 1em;
	margin-left: 1em;
	margin-right: 1em;
}

.sidebar-widget-bg {
	background: #deebf5;
	padding-top: 1em;
	padding-bottom: 1em;
}



/* =Main content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 24px;
	margin-bottom: 0.2rem;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.tmp-sidebar-on-right .entry-title,
.tmp-sidebar-on-left .entry-title,
.tmp-sidebar-on-both .entry-title {
	text-align: left;
}
.entry-title a {
	text-decoration: none;
}
.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}

.entry-header .comments-link {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.846153846;
	color: #777;
}

.comments-link a,
.entry-meta a {
	color: #777;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}

article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #777;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}

.content embed,
.content iframe,
.content object,
.content video {
	margin-bottom: 24px;
}

#primary article {
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	font-size: 13px;	font-size: 0.8125rem;
	line-height: 1.846153846;
	color: #777;
}
.single-author .entry-meta .by-author {
	display: none;
}


/* Misc Layout
----------------------------------------------------------------*/

.ui-tabs {
	overflow: hidden;
	clear: both;
}
	
.author-avatar {
	float: left;
	margin-top: 8px;	margin-top: 0.571428571rem;
}
.author-description {
	float: right;
	width: 80%;
}

#respond form input[type="text"] {
	width: 46.333333333%;
}
#respond form textarea.blog-textarea {
	width: 79.666666667%;
}