/*
Theme Name: OtherWords Theme
Author: Brian Cruikshank
Author URI: http://brianswebstudio.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development based on ToolBox.
Version: 1
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
ol,ul {
	list-style:none;
}

/* =Structure
-------------------------------------------------------------- */
body {
	background: #EDEBD6 url(images/bg-border-top.jpg) repeat-x top left;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	font-size: 15px;
	color: #333;
}
#page {
	display: block;
	margin: 0 auto 10px;
	padding: 0;
	width: 980px;
}
#primary {
/* 	float: left;
margin: 0 -240px 0 0;
width: 100%; */
float: left;
margin-left: 20px;
width: 630px;
}
#content {
/* 	margin: 0 280px 0 0; */
}
#main .widget-area {
/* 	float: right;
overflow: hidden;
width: 220px; */
margin-right: 20px;
float: right;
overflow: hidden;
width: 280px;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
	background: white url(images/bg-footer-left2.jpg) repeat-y left center;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
a {
	color: #369;
	text-decoration: none;
}
a:hover {
	color: #036;
	background-color:#FFC;
}
h2 a:hover, h3 a:hover {
	color: #369;
	text-decoration: underline;
}
.cartoon-thumbnail {
	text-align: center;
}
.author-thumbnail a, .cartoon-thumbnail a, .wp-caption a {
	background-color: inherit;
}
a:visited {
	color:#036;
}
#secondary a[href^="http://"], #secondary a[href^="https://"] {
	background:url("images/external.png") no-repeat scroll right center transparent;
	padding:0 14px 0 0;
}
#secondary a[href^="mailto:"], #secondary a[href^="http://otherwords"], #main a[href^="http://www.otherwords"] {
	padding: 0;
	background: none;
}
h2 a, h2 a, h3 a, h4 a, h5 a {
	color: #930;
	text-decoration:none;
}
h2 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited {
	color: #930;
	text-decoration:none;
}
h3 a, h4 a, h5 a {
	color: #036;
	text-decoration:none;
}
h2 a:hover {
	color: #036;
	text-decoration:none;
}	

h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}

p {
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}
/* =Header
-------------------------------------------------------------- */
#branding {
	position: relative;
}
hgroup {
	height: 139px;
	width: 250px;
	background: url(images/bg-header-cards.jpg) no-repeat top left;
	position: relative;
}
#site-title {
	font-size: 2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#site-title a {
	background: url(images/logo.gif) no-repeat;
	width: 119px;
	height: 112px;
	display: block;
	position: relative;
	left: 24px;
	top: 8px;
	z-index: 1;
}
#site-description {
	position: absolute;
	top: 40px;
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	background: url(images/bg-header-bold-opinions.jpg) no-repeat center center;
	height: 64px;
	width: 100%;
	display: block;
	display: none;
}
.support {
	position: absolute;
	top: 55px;
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	text-shadow: 1px 1px 3px #ccc;
	margin: 0;
	height: 64px;
	width: 100%;
	display: block;
	text-align: center;
	font-style: Almendra;
}
#project-of {
	font-size: 13px;
	line-height: 1.6;
	color: #666;
	top: 12px;
	left: 148px;
	position: absolute;
	display: block;
	width: 90px;
	
	text-align: center;
	font-variant: small-caps;
}
.header-search {
	position: absolute;
	top: 149px;
	right: 18px;
}
.newsletter-signup {
	position: absolute;
	top: 0;
	right: 18px;
	background: #ffffcd;
	border: 1px solid #ccc;
	height: 90px;
	padding: 20px 10px 10px;
	-moz-box-shadow: 1px 1px 5px #888;
	-webkit-box-shadow: 1px 1px 5px #888;
	box-shadow: 1px 1px 5px #888;
}
.newsletter-signup-label {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #930;
	display: block;
	letter-spacing: 1px;
}

.page-template-category-tab-page-php .header-print {
	display: none;
}
.header-print {
	position: absolute;
	right: 98px;
}
.header-print a {
	font-size: 12px;
	color: #000;	
}
.header-print a:hover {
	color: #036;
	background: inherit;
	opacity: .75;
}
.header-print img {
	vertical-align: top;
}
.header-feed {
	position: absolute;
	right: 37px;
}
.header-feed a {
	font-size: 12px;
	margin-right: 0 3px;
	padding: 0 7px;
	background: url("images/feed-icon-14x14.png") no-repeat 0 50%;
	color: #000;
}
.header-feed a:hover {
	color: #036;
	opacity: .75;
}
.header-share {
	position: absolute;
	right: 4px;
}
.header-share .stButton .chicklets {
	font-family: inherit;
	font-size: 12px;
}
.header-tweet {
	position: absolute;
	right: 65px;
}
.header-tweet a {
	font-size: 12px;
	color: #000;
	background-color:none !important;
}
.header-tweet a:hover {
	color: #036 !important;
	background-color:none !important;
	opacity: .75;
}
.header-tweet a img { width:16px; margin:3px 0 0 0; padding: 0 2px; }


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

li.menu-item {
	list-style: none;
}

#access {
	height: 44px;
	background: url(images/bg-header-pencil.jpg) repeat-x top left;
	display: block;
	float: left;
	margin: 5px auto 0px;
	width: 675px;
	/* position: absolute;
	top: 144px; */
	position: relative;
	left: 65px;
}
#access:before {
	content: url(images/bg-header-pencil-head.jpg);
	position: absolute;
	left: -64px;
}
#access:after {
	content: url(images/bg-header-pencil-eraser.jpg);
	position: absolute;
	right: 0px;
}
#access ul {
	list-style: none;
	padding-left: 0;
	margin-left: -10px;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	display: block;
	line-height: 1.5;
	padding: 4px 12px;
	text-decoration: none;
	color: #eee;
	font-weight: bold;
}
#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
	border: 1px solid #ccc;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access li:hover > a {
	background-color: inherit;
	color: #fff;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}
#access ul ul :hover > a {
	color: #111;
}
#access ul ul :hover > a:before {
	content: "\2606";
	position: absolute;
	left: .5em;
	font-size: 13px;
	top: .5em;
}
#access ul ul a {
	background: #FFFFCD;
	line-height: 1em;
	padding: .5em .5em .5em 1.5em;
	width: 7em;
	height: auto;
	color: #333;
}
#access ul ul a:hover {
	background: #FFFFCD;
}
#access ul li:hover > ul {
	display: block;
}

/* Tab Navigation */
#tab-navigation {
	clear: left;
	margin-left: 35px;
}
#tab-navigation li {
	float: left;
	position:relative;
	margin-right: 5px;
	border-bottom: 5px solid #444;
}
#tab-navigation li:hover {
	border-bottom: 0 solid #ccc;
	margin-top: 4px;

	transition-property: margin-top, border-bottom;
	-moz-transition-property: margin-top, border-bottom;
	-webkit-transition-property: margin-top, border-bottom;

	transition-duration: .1s, .1s;
	-moz-transition-duration: .1s, .1s;
	-webkit-transition-duration: .1s, .1s;
	
	transition-timing-function: ease-in-out, ease-in-out;
	-moz-transition-timing-function: ease-in-out, ease-in-out;
	-webkit-transition-timing-function: ease-in-out, ease-in-out;
}
#tab-navigation .tab-left {
	background: url(images/tab-left.png) no-repeat;
	display: block;
	position: absolute;
	height: 10px;
	width: 10px;
	top: 0;
	left: 0;
	height: 20px;
	width: 8px;
}
#tab-navigation .tab-right {
	background: url(images/tab-right.png) no-repeat right;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	width: 13px;
}
#tab-navigation a {
	font-size: 13px;
	text-decoration: none;
	background: #fff;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0 8px 0 8px;
	padding: 0;
	line-height: 17px;
	height: 17px;
	font-weight: bold;
	display: block;
	color: #036;
}

#tab-navigation .tab-blue {
	border-bottom: 4px solid #39C;
}
#tab-navigation .tab-green {
	border-bottom: 4px solid #693;
}

#tab-navigation .tab-grey {
	border-bottom: 4px solid #6c8d99;
}

#tab-navigation .tab-red {
	border-bottom: 4px solid #933;
}

#tab-navigation .tab-brown {
	border-bottom: 4px solid #963;
}


#secondary .current-menu-item a {
	color: #333;
	font-weight: bold;
	pointer-events: none;
	cursor: default;
}
#secondary .current-menu-item a:hover{
	color: inherit;
	background-color: inherit;
}

/* footer navigation */
#footer-navigation {
	background-color: #E6E6E6;
	border: #CCC solid 1px;
	text-align: center;
	margin: 10px 20px 0;
}
#footer-navigation ul {
	padding: 0;
	margin: 5px;
	list-style-type: none;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
}
#footer-navigation li {
	list-style-type: none;
	display: inline;
	border-right: 1px solid #ccc;
}
#footer-navigation li:last-child {
	border-right: none;
}

#footer-navigation li a {
	padding: 5px 10px;
	text-decoration: none;
	color: #369;
		display: inline;
}

/* WP-PageNavi plugin */

.wp-pagenavi {
	clear: both;
}

#main .wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

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

#main {
	background: white url(images/bg-middle.jpg) left repeat-y;
	overflow: hidden;
}

.page-headline {
	margin: 0px 20px 10px 20px;
	border-bottom: #CCC dashed 1px;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	text-align: center;
	color: #333;
	padding: 0 0 5px 0;
}
.column {
	float: left;
	margin-left: 20px;
}
.quarter-column {
	width: 225px;
}
.half-column {
	width: 450px;
}
/*
.half-half-column.left {
	margin-left: 0px;
} */

.half-half-column {
	width: 215px;
}

.footer-content {
	padding: 0 20px;
	background: url(images/bg-footer2.jpg) bottom left no-repeat;
	overflow: hidden;
}
.tab-header {
	position: relative;
}
.left-tab {
	width: 0px;
	height: 0px;
	border-top: 13px solid transparent;
	border-right: 13px solid #c60;
	border-bottom: 17px solid #c60;
	position: absolute;
	left: 0;
	top: 0;
}
.right-tab {
	width: 0px;
	height: 0px;
	border-top: 13px solid transparent;
	border-left: 13px solid #c60;
	border-bottom: 17px solid #c60;
	position: absolute;
	right: 0;
	top: 0;
}
.tab-content, .widget-title {
	text-align: center;
	background: #c60;
	margin: 0 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-size: 13px;
	font-weight: 600;
	color: #EBEBD2;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
}
.tab-meta-left {
	float: left;
}
.tab-meta-right {
	float: right;
}
.content-border {
	padding: 5px 20px 25px 20px;
	border: #CCC solid 1px;
	margin: 0 0 20px 0;
}

.center-blog .author, .center-blog .date {
	display: inline;
}
/* category page styling
-------------------------------------------------------------- */
.column ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.column h2 {
	font-size: 1em;
	line-height: 1.4em;
	color: #930;
	margin: 9px 0 2px 0;
}
#main .date {
	color: #333;
	margin: 5px 0;
}

.post-excerpt-listing li {
	padding-bottom: 5px;
	border-bottom: #CCC dashed 1px;
	overflow: hidden;
}

.post-excerpt-listing p, .cartoon-container p {
	margin: 4px 0;
}

.cartoon-container {
	overflow: hidden;
	margin-bottom: 8px;
}
.cartoon-container .archive-link {
	float: left;
}
.cartoon-container .more-link {
	float: right;
}
.cartoon-container .author {
	float: left;
}
.cartoon-container .date {
	float: right;
}

.tax-type.term-cartoons .wp-post-image {
	width: 284px;
}

.more-link {
	font-size: .9em;
}

/* peace-security tab color - blue */
.peace-security .right-tab, .peace-security .left-tab,
.single.category-peace-security .right-tab, .single.category-peace-security .left-tab {
	border-color: #39C;
}
.peace-security .tab-content,
.single.category-peace-security .tab-content {
	background: #39C;
}
/* environment-health tab color - green */
.single.category-environment-health .left-tab, .single.category-environment-health .right-tab,
.environment-health .right-tab, .environment-health .left-tab {
	border-color: #693;
}
.environment-health .tab-content,
.single.category-environment-health .tab-content {
	background: #693;
}
/* economy-business tab color - grey */
.single.category-economy-business .left-tab, .single.category-economy-business .right-tab,
.economy-business .right-tab, .economy-business .left-tab {
	border-color: #6C8D99;
}
.economy-business .tab-content,
.single.category-economy-business .tab-content {
	background: #6C8D99;
}
/* rights-democracy tab color - red */
.single.category-rights-democracy .left-tab, .single.category-rights-democracy .right-tab,
.rights-democracy .right-tab, .rights-democracy .left-tab {
	border-color: #933;
}
.rights-democracy .tab-content,
.single.category-rights-democracy .tab-content {
	background: #933;
}
/* food-farming tab color - brown */
.single.category-food-farming .left-tab, .single.category-food-farming .right-tab,
.food-farming .right-tab, .food-farming .left-tab {
	border-color: #963;
}
.food-farming .tab-content,
.single.category-food-farming .tab-content {
	background: #963;
}
/* give tabs their tab shape */
.right-tab, .left-tab {
	border-top-color: transparent !important;
}

.category-archive-link {
	text-align: center;
	clear: both;
	font-size: .9em;
	margin: 5px;
}

.tax-type.term-cartoons .grid li {
	float: left;
	width: 284px;
	margin-left: 20px;
}
.tax-type.term-cartoons .grid .odd {
	margin-left: 0;
	clear: left;
}
.tax-type.term-cartoons .grid .author {
	float: left;
}
.tax-type.term-cartoons .grid .date {
	float: right;
}

.tax-type.term-cartoons .grid  h2 {
	font-size: 1em;
	line-height: 1.4em;
	color: #930;
	margin: 5px 0 0px 0;
}

/* archive page styling 
-------------------------------------------------------------- */
.archive h1, .search h1 {
	margin: 10px 0;
	color: #333;
}
.archive article, .search article {
	border-bottom: #CCC dashed 1px;
	margin-bottom: 10px;
}
.archive .entry-meta, .search .entry-meta {
	margin-bottom: 5px;
}
.archive article h2, .search article h2 {
	font-size: 1.2em;
}
.archive article .post-category, .search article .post-category {
	padding: 0;
	margin: 0;
	font-size: .8em;
}
.archive article .author, .search article .author {
	display: inline;
}
.archive article .date, .search article .date {
	display: inline;
}
.archive article .lede, .search article .lede, .excerpt-lede {
	font-size: 1em;
	margin-bottom: 5px;
}
.category-meta {
	font-size: .8em;
	font-weight: bold;
	margin-bottom: 0px;
}
.category-meta a {
	text-decoration: none;
}

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

article .lede {
	font-size: 1.5em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}
.sticky {
}
.entry-meta {
	clear: both;
	display: block;
	font-size: .9em;
	margin-bottom: 10px;
}
.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#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;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}

/* 404 page */
.error404 #content .widget {
	float: left;
	width: 33%;
}
.error404 #content .widget .widgettitle,
.error404 #content .widget ul {
	margin-right: 1em;
}
.error404 #content .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.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;
}

.author a {
	color: #036;
	font-weight: bold;
	margin: 5px 0 5px 0;
	text-decoration: none;
}
.widget .author a, .cartoon-container .author a {
	font-size: 0.8em;
}
.widget .date, .cartoon-container .date {
	font-size: .8em;
}
.author-bio {
	color: #666;
	padding: 10px 0 0px 0;
	font-size: 0.9em;
	margin: 20px 0 10px 0;
	border-top: #CCC dashed 1px;
}
.entry-footer-share {
	margin: 20px 0;
}
.entry-content ul, .entry-content ol {
	padding-left: 3em;
	margin: 0;
	margin-top: -1em;
	overflow: hidden;
}
.entry-content ul li, .entry-content ol li {
	margin: 1em 0;
}
.entry-content ul {
	list-style-type: disc;
}
.entry-content ol {
	list-style-type: decimal;
}

/* Contributors page 
-------------------------------------------------------------- */

.contributors {
	display: block;
	position: relative;
}
.letter-nav {
	text-align: justify;
	line-height: 1.5em;
	height: 1.5em;
	overflow: hidden;
}
.letter-nav:after {
	content: '';
	display: inline-block;
	width: 100%;
}
ul.column-list {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
	font-size: .9em;
}
ul.column-list li {
	margin: .2em 0;
}
  
/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	font-size: .8em;
	margin: 0;
	margin-top: -.4em;
	color: #666;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}

.wp-post-image, .entry-content img {
	border: #ccc solid 1px;
	padding: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-top: 5px;
}
.wp-post-image:hover, .entry-content a img:hover {
	border: #aaa solid 1px;
}
.post-excerpt-listing .wp-post-image {
	margin: 0 0 8px 8px;
}

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


textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}
.header-search input[type=text] {
	width: 113px;
}

input[type=text],input[type=email], select {
	background-color: white;
	border: #999 solid 1px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	height: 21px;
	width: 230px;
	padding: 1px 0 0 4px;
	background: url(images/bg-input.gif) top left;
}
select {
	height: 24px;
	width: 235px;
	background: url(images/bg-input.gif) top left;
}
input.emailbox {
	width: 136px;

}
input.zipbox {

	float: left;
	width: 94px;
}
#form-container {
	clear: both;
	padding: 6px;
	vertical-align: top;
	margin: 0;
	height: 18px;
}
#newsletter-go {
	text-align: right;
	vertical-align: top;
}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #e39344;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e39344;
	box-shadow:inset 0px 1px 0px 0px #e39344;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f08922), color-stop(1, #c46404) );
	background:-moz-linear-gradient( center top, #f08922 5%, #c46404 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08922', endColorstr='#c46404');
	background-color:#f08922;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #db9928;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:4px 7px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc6600;
	cursor: pointer;
	vertical-align: top;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c46404), color-stop(1, #f08922) );
	background:-moz-linear-gradient( center top, #c46404 5%, #f08922 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c46404', endColorstr='#f08922');
	background-color:#c46404;
}.button:active {

}

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

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


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

.widget {
	display: block;
	position: relative;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}

.widget-content {
	padding: 5px 10px 25px 10px;
	border: #CCC solid 1px;
	margin: 0 0 20px 0;
	overflow: hidden;
	font-size: .9em;
}
.widget p {
	margin: 5px 0;
}
.widget-area .widget li {
	padding: 5px 0 5px 15px;
	background: url(images/listarrow.png) left 12px no-repeat;
}
.widget_ow_mediahits_posts_widget p {
	margin: 0;
}
.widget_ow_recent_category_posts_widget p {
	font-size: 1.1em;
}

.widget_ow_related_posts_widget .widget-content li {
	margin-bottom: 15px;
	padding: 0;
	background: none;
}
.widget_ow_related_posts_widget img:hover {
	opacity: .75;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;	
}

.widget_ow_related_posts_widget img {
	float: left;
	margin-right: 10px;
}
.widget_ow_related_posts_widget span {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-top: 5px;
	vertical-align: middle;
	font-size: 1.1em;
}

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

#colophon {
	color: #666;
	font-size: .8em;
	line-height: 1.4em
	margin-bottom: 40px;
	overflow: hidden;
}
#colophon p {
	margin: 10px 0 10px 0;
}

#colophon img[align="left"] {
	margin: 0 7px 35px 0;
	display: inline;
}
.footer-content .one_fourth.last {
	z-index: 1;
}
.footer-content .text-7 {
	margin-right: 10px;
}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Layout Shortcodes */
#primary.full-width {width: 940px; height:auto; overflow:hidden}

.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_thirds { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourths { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_thirds,
.three_fourths,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}


.last {margin-right:0 !important;}



#main {
	/*background: url(images/bg-footer-left.jpg) repeat-y left center, url(images/bg-footer-bottom-right.jpg) repeat-y right center, white;*/
	clear: both;
	background: white url(images/bg-footer-left2.jpg) repeat-y left center;
	position: relative;
	border-top: 2px solid #ccc;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#main:after {
   content:url(images/bg-footer-right.jpg);
   text-align:right;
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   background:url(images/bg-footer-right.jpg) repeat-y right center;
}
#colophon {
	position: relative;
}*
#colophon:before {
	content:url(images/bg-footer-right.jpg);
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   background:url(images/bg-footer-right.jpg) repeat-y right center;
}
#colophon:after {
	content:url(images/bg-footer-bottom-right.jpg);
   position: absolute;
   right: 0;
   bottom: -5px;
   z-index: 0;
}

.menu-button {
	display: none;
}


/* Google Custom Search styling */
#content .gsc-control-cse, #content .gsc-control-cse, #content .gsc-control-cse .gsc-table-result {
	font-size: 1em;
}
#content .gs-title {
	font-size: 1.1em;
	text-decoration: none;
	height: inherit;
}
#content .gsc-webResult.gsc-result {
	border-bottom: #CCC dashed 1px;
	padding-top: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#content .gsc-webResult.gsc-result:hover {
  border-bottom: #CCC dashed 1px;
}	
#content .gsc-control-cse, #content .gsc-table-result, #content .gsc-thumbnail-inside, #content .gsc-url-top {
	padding: 0;
}
#content .gs-result .gs-title * {
	color: #930;
	text-decoration: none;
	font-size: inherit;
}
#content .gs-result .gs-visibleUrl {
	color: #369;
}
#content .gsc-results .gsc-cursor-box {
	margin: 10px 0;
}
#content .gsc-results .gsc-cursor-box .gsc-cursor-page {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
	color: #369;
}
#content .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
	background-color: #FFC;
	text-decoration: none;
}
#content .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	border-color: #000;
	color: #333;
	font-weight: bold;
}
#sthoverbuttons {
	display: none;
}
	
/* under large desktop size */
@media only screen and (max-width: 1000px) {
	#page {
		width: 98%;
	}
	#header, #main, #colophon {
		width: 100%;
		margin:0 auto;
	}
	#main {
		padding: 0 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	#primary {
		width: 68%;
		margin: 0;
	}
	#primary.full-width {
		width: 100%;
	}
	#main .widget-area {
		width: 30%;
		margin: 0;
		margin-left: 2%;
	}
	.quarter-column {
		width: 24%;
	}
	.half-column {
		width: 48%;
		margin: 0;
	}
	.half-half-column {
		width: 23%;
		margin: 0;
	}
	.quarter-column.left, .quarter-column.left-center, .half-half-column.left {
		margin-left: 0;
		margin-right: 2%;
	}
	.quarter-column.right {
		margin-right: 0;
		margin-left: 2%;
	}
	.header-search {
		display: none;
	}
	.cartoon-thumbnail img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */  
	}
	.tax-type.term-cartoons .grid li {
		width: 48%;
		margin-left: 4%;
	}
	.tax-type.term-cartoons .wp-post-image {
		width: auto;
	}
	#sthoverbuttons {
		display: none;
	}
	.header-share, .header-feed, .header-tweet, .header-print {
		bottom: -55px;
		z-index: 10;
	}
	.support {
		font-size: 1.2em;
	}
}

/* tablet - portrait */
@media only screen and (max-width: 770px) {
	/* homepage */
	#site-description {
		display: none;
	}
	.column {
		margin-left: 0;
	}
	.quarter-column.left {
		width: 48%;
		margin-right: 4%;
	}
	.quarter-column.left-center {
		width: 48%;
		margin-right: 0;
	}	
	.half-column {
		width: 48%;
		margin-right: 0;
	}
	.quarter-column.right {
		width: 100%;
		margin-left: 0;
	}
	.one_fourth {
		width: 46%;
	}
	.footer-content>.one_fourth:nth-child(even) {
		clear: left;
	}
	.page-headline {
		font-size: 16px;
		margin: 10px 0;
	}
	.half-half-column {
		width: 48%;
	}
	.half-half-column.left {
		margin-right: 4%;
	}
	/* contributors page */
	ul.column-list {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
	.header-share, .header-feed, .header-tweet, .header-print {
		display: none;
	}
}


/* break point just under tablet - portrait */
@media only screen and (max-width: 750px) {
	.menu-button, #main {
		margin-top: 10px;
	}
	#access {
		background: none;
		width: inherit;
		left: 0;
		height: inherit;
		margin: 0;
		float: none;
	}
	#access:before {
		content: none;
	}
	#access:after {
		content: none;
	}
	#access ul {
		margin-left: 0;
	}
	#tab-navigation {
		display: none;
	}
	
	#access ul {
		margin: 0 auto;
		width: 100%;
		background-color: #333;		
	}
	#access ul ul {
		top: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none; 
		box-shadow: none;
		float: none;
		border: none;
	}
	#access ul ul a {
		width: auto;
		line-height: inherit;
		background: inherit;
	}
	#access ul li:hover > ul {
		display: none;
	}
	#access ul ul :hover > a {
		color: #fff;
	}
	#access ul ul a:hover {
		background: #333;
		color: #fff;
	}
	#access ul ul :hover > a:before {
		display: none;
	}
	.flexNav-touch #access ul,
	.flexNav-no-touch #access ul {	
		display: none;
	}
	.menu-button {
		display: block;
		padding: .8em;
		background: #000;
		color: #fff;
		background-image: url('images/arrow-down.png');
		background-repeat: no-repeat;
		background-position: 93% 18px;
		cursor: pointer;
	}
	#access ul:after { /* clearfix */
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	#access ul li {
		position: relative;
		list-style: none;
		display: block;	
		background-color: #333;	
		width: 100%;		
	}
	
	#access ul li.item-with-ul {	
		background-color: #222;	
	
	}
	
	#access ul li a {
		margin-right: 20%;
		display: block;
		color: #ddd;
		border-bottom: 1px solid #111;			
	}
	
	#access ul li a.link-with-ul {
		border-right: 1px solid #222;		
	} 
	
	/*#access ul .top-level a {*/
	#access ul > li > a {
		position: relative;
		display: block;
		background-color: #333;
		padding: .8em;
		z-index: 2;
	}
	#access ul li ul {
		width: 100%;
		position: relative;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	#access ul li ul li {
		float: none;
		width: 100%;			
	}
	#access ul li ul li a {
		display: block;
		background-color: #333;
		padding-left: 2em;
	}
	#access ul .item-with-ul {
		background-image: url('images/arrow-down.png');
		background-repeat: no-repeat;
		background-position: 93% 18px;	
	}
	.sub-menu {
		display: none;
	}
	.sub-menu.open {
		display: block;
	}
	
	/* subpages */
	#primary, #main .widget-area {
		width: 100%;
	}
	
	/* grid columns plugin */
	.column-span-1 {
		width: 100% !important;
	}
	.support {
		display: none;
	}
}

/* small tablet and mobile */
@media only screen and (max-width: 480px) {
	hgroup {
		margin: 0 auto;
	}
	.newsletter-signup {
		display: none;	
	}

	.quarter-column, .half-column, .half-half-column {
		width: 100%;
	}
	.quarter-column.left, .quarter-column.left-center {
		width: 100%;
	}

	.one_fourth {
		width: 100%;
		margin-bottom: 10px;
	}
	.tax-type.term-cartoons .grid li {
		width: 100%;
		margin-left: 0;
	}
	/* reduce content padding slightly for mobile */
	#main {
		padding: 0 15px;
	}
	.content-border {
		padding: 5px 10px 25px 10px;
	}
	.tab-meta-left {
		float: none;
	}
	.tab-meta-right {
		display: none;
	}
}

/* SM Edits 11-3-15 */

#secondary a[href^="mailto:"], #secondary a[href^="http://otherwords"], #main a[href^="http://www.otherwords"], #secondary a[href^="http://"], #secondary a[href^="https://"] {
    padding: 0;
    background: none !important;
}

/* Flexnav */
	/*p {font-size: 100%; margin-bottom: 1.5em; line-height: 1.25em;}	
	.flexNav-touch #access ul,
	.flexNav-no-touch #access ul {
		display: block;	
	}
	.menu-button {
		display: none;
	}
	#access ul li {
		position: relative;
		list-style: none;
		float: left;
		display: block;	
		background-color: #333;	
		width: 20%;		
	}
	.flexNav-no-touch .item-with-ul:hover > ul { 
		opacity: 1;
		top: 3.1em;	
		position: absolute;	
	}	
	#access ul li a {
		border-left: 1px solid #000;
		border-bottom: none;		
	}
	.flexNav-no-touch #access ul li ul {
		position: absolute; 
		top: auto;
		left: 0;
		opacity: 0;
		visibility: hidden;
		height: 1px;
		z-index: 1;			
	}
	#access ul li ul li a {
		border-bottom: none;	
	}	
	.flexNav-touch #access ul li ul.sub-menu {
		position: absolute; 
		top: auto;
		left: 0;
		display: none;
		z-index: 1;					
	}	

	.flexNav-no-touch .item-with-ul:hover > ul	 { 
		visibility: visible;
		opacity: 1;
		height: auto;
		display: block;	
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;		
	}		*/