
/* 
 * Text decoration for links: underlines, outlines, etc.
 * In addition to defining colors with sufficient contrast, there should be a secondary differentiator for focusable elements.
 * A text-decoration that alternates between underlined/none is easy to use and of high visibility for sighted keyboard users.
 * Always define styles for :focus as well as :hover.
*/


a {
	text-decoration: underline;
}

a:hover, a:focus, a:active {
	text-decoration: none;
}

a:focus {
	outline: 1px solid rgb( 200,200,240 );
	outline: 1px solid rgba( 200, 200, 240, .8 );
}

/* 
 * General styling for major HTML elements
 */

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6, .site-title, .primary-menu {
	font-family: 'Domine', 'Times New Roman', serif;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

strong {
	font-weight: 700;
}

pre, code, kbd, var, tt {
	font-family: monospace;
	font-size: 1.1em;
	background-color: rgb( 245,245,245 );
	background-color: rgba( 240,240,240,.9 );
	word-wrap: break-word;
	padding: 1px;
	margin: -1px;
	display: inline-block;
}

pre {
	display: block;
	font-size: 1.2em;
	line-height: 1.3;
}

pre { 
	padding: .5em; 
	overflow: scroll;
}


address {
	line-height: 1.5;
	margin-bottom: 1em;
}

abbr, acronym {
	border-bottom: 1px dotted rgb( 140,140,140 );
	border-bottom: 1px dotted rgba( 0,0,0,.4 );
}

cite, em, address {
	font-style: italic;
}

small {
	font-size: .8em;
}

dl {
	margin: 1em 0;
}

dt, dd {
	margin: 0; 
	padding: 0;
	line-height: 1.5; 
}

dt {
	font-weight: 700;
	margin-top: 1em;
}

blockquote {
	padding: 1em;
	font-size: 1.2em;
	line-height: 1.6;
	margin-bottom: 1em;
	background-color: rgba( 240,240,240,.9 );
	box-shadow: 1px 1px 2px #aaa;
	font-style: italic;
	border-left: .5em solid #aaa;
}

blockquote p:last-of-type {
	padding-bottom: 0;
}

blockquote cite {
	display: block;
	text-align: right;
	font-weight: 700;
}

dt:nth-of-type(1) {
	margin-top: 0;
}


h1, h2, h3, h4, h5, h6 {
	padding: .25em 0;
	line-height: 1.4;
}

p {
	padding: 0 0 1em;
	line-height: 1.7;
}

h1 { font-weight: 700; font-size: 2.5em; }
h2 { font-size: 2em; margin-top: 1em; }
h3 { font-weight: 700; font-size: 1.8em; margin-top: 1em; }
h4 { font-weight: 700; font-size: 1.4em; margin-top: 1em; }
h5, h6 { font-weight: 700; }

table {
	border-collapse: collapse;
	width: 100%;
	border-style: hidden;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

thead {
	border-bottom: 2px solid #333;
}

table th, table td {
	padding: .5em;
	border: 1px solid #bbb;
	vertical-align: top;
}

table th {
	background-color: rgba( 240,240,240,.8 );	
	text-align: left;
	font-size: 1.1em;
	font-weight: 700;
}

caption {
	font-weight: 700;
	font-size: 1.2em;
	line-height: 1.5;
}

/* WordPress Content Styles */

.wp-caption {
	text-align: center;
	padding: 5px 0;	
}

.alignright {
	float: right;
	margin-left: 10px;
}

.alignleft {
	float: left;
	margin-right: 10px;
}

.aligncenter {
	display: block;
	margin: 0 auto 1em;
}

.alignnone, .alignnone img, .aligncenter, .aligncenter img, .alignleft, .alignleft img, .alignright, .alignright img {
	max-width: 100%;
	height: auto;
}

.wp-caption-text {
	font-size: .9em;
	padding: 0 5px;
	text-align: center;
}

.gallery-caption { 
	text-align: left;
	width: 70%;
	margin: 0 auto!important;
}

.alignright .wp-caption-text {
	text-align: right;
}

.alignleft .wp-caption-text {
	text-align: left;
}

.twitter-tweet {
	margin: 1em auto!important;
}

.more-link {
	float: right;
	font-size: .9em;
	padding: 3px;
	background-color: rgba( 240,240,240,.9 );
}