/*
Theme Name: Bradley
Description: A simple, typographic theme for WordPress.
*/

/* http://meyerweb.com/eric/tools/css/reset */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Bradley */
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom:1em; }
li {list-style:square; margin:0.5em 0 0 2em;}
pre {font-family:monospace; background:#f8f8ff; padding:0.5em; overflow:auto;}
sup, sub {height:0; line-height:1; vertical-align:baseline; position:relative; font-size:10px;}
sup {bottom:1ex;}
sub {top:0.5ex;}
table { border:none; width:100% !important; border-collapse:collapse; }
tr, th, td { border:none; }
tr { vertical-align:top; }
th, td { padding:5px; vertical-align:top; }
.left { float:left; }
	.alignleft {display:inline; float:left; margin:0 1em 1em 0;}
.right {float:right;}
	.alignright {display:inline; float:right; margin:0 0 1em 1em;}
.aligncenter {display:block; margin:1em auto;}
.clear {clear:both;}

.gry { color:#958c6e; }
.red { color:#990000; }
.tan { color:#958c6e; }

::-moz-selection { color:#fff; background:#990000; text-shadow:none; }
::selection { color:#fff; background:#990000; text-shadow:none; }

/*  EMBEDDED WEBFONTS  */

@font-face {
    font-family: 'Caslon';
    src: url('fonts/librecaslontext-regular-webfont.eot');
    src: url('fonts/librecaslontext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/librecaslontext-regular-webfont.woff2') format('woff2'),
         url('fonts/librecaslontext-regular-webfont.woff') format('woff'),
         url('fonts/librecaslontext-regular-webfont.ttf') format('truetype'),
         url('fonts/librecaslontext-regular-webfont.svg#libre_caslon_textregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Caslon';
    src: url('fonts/librecaslontext-italic-webfont.eot');
    src: url('fonts/librecaslontext-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/librecaslontext-italic-webfont.woff2') format('woff2'),
         url('fonts/librecaslontext-italic-webfont.woff') format('woff'),
         url('fonts/librecaslontext-italic-webfont.ttf') format('truetype'),
         url('fonts/librecaslontext-italic-webfont.svg#libre_caslon_textitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Caslon';
    src: url('fonts/librecaslontext-bold-webfont.eot');
    src: url('fonts/librecaslontext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/librecaslontext-bold-webfont.woff2') format('woff2'),
         url('fonts/librecaslontext-bold-webfont.woff') format('woff'),
         url('fonts/librecaslontext-bold-webfont.ttf') format('truetype'),
         url('fonts/librecaslontext-bold-webfont.svg#libre_caslon_textbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/*  ELEMENTS  */

body { color:#000; font:normal 12pt Georgia, Caslon, 'Times New Roman', Times, serif; }

a { color:#900; text-decoration:none; cursor:pointer; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; transition:all 0.2s; }
	a:hover { color:#c00; }

blockquote { margin:0 1em; padding-left:1em; border-left:4px solid #ddd; }

blockquote p { color:#666; font-size:12pt; line-height:1.5em; font-weight:100; font-style:italic; }


dl { display:block; clear:both; font:normal 11pt / 1.5em Georgia, Caslon, 'Times New Roman', Times, serif; vertical-align:top; }
	dt, dd { float:left; display:inline; vertical-align:top; margin:0; padding-bottom:20px;  }
	dt { color:#958c6e; font-weight:bold; width:90px; margin-right:20px; text-align:right; }
	dd { color:#333; width:760px;  }

h1, h2, h3, h4, h5, h6 { color:#000; font-weight:200; font-variant:small-caps; letter-spacing:1px; clear:both; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#000; text-decoration:none; }
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color:#900; }
h1 { font-size:2.0em; }
h2 { font-size:1.7em; }
h3 { font-size:1.5em; }
h4 { font-size:1.2em; color:#958c6e; }
h5 { font-size:1.0em; }

p { font:normal 12pt / 1.5em Georgia, Caslon, 'Times New Roman', Times, serif; }
	p.byline { color:#666; font-style:italic; font-size:10pt; text-align:right; margin-top:-10px; }

span.rubricated { font-size:1.5em; font-style:normal; font-variant:small-caps; letter-spacing:1px; display:inline-block; }
	span.rubricated:first-letter { color:#900 !important; }

.note, cite, small { color:#333; font-weight:normal; font-style:normal; font-size:9pt; font-family:Arial, Helvetica, sans-serif; }
.note a:hover { color:#c00; }


#container { width:960px; margin:0 auto; }
#header { margin:0; }
	#header li { display:inline; }
#content { margin-top:4em; }
.hentry, .meta { margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid #ccc; }
.hentry h2, .hentry h3, .hentry h4 { margin-top:1em; }
.home .hentry, .home .meta { border-bottom:none; }

.sub  { color:#900; font-size:14pt; font-weight:bold; }
	
.widgets { margin-bottom:1em; border-bottom:1px solid #ccc; }
.widget { margin-bottom:2em; }
.pagination { text-align:center; margin:2em auto 1em auto; }
	.pagination a { padding:3px 8px; border:1px solid #ccc; }

.wp-caption { text-align:center; padding:0.5em; background:#fff; }
	.wp-caption-text, .gallery-caption { font-size:0.7em; margin:3px 0; }

/* Container */
.menu-main-menu-container { background-color:#000; }

/* Container class - top-level navigation */
.menu-main-menu-container ul { padding:10px;  }
	/* each top-level navigation item */
	.menu-main-menu-container li { color:#fff; font-weight:normal; font-size:16px; line-height:30px; height:30px; font-family:Caslon, "Times New Roman", Times, serif; font-variant:small-caps; letter-spacing:1px; margin-left:16px; }
		/* each top-level navigation item anchor */
		.menu-main-menu-container li a { color:#fff;  }
			/* each top-level navigation item anchor HOVER */
			.menu-main-menu-container .current-menu-item > a, .menu-main-menu-container a:hover { color:#958c6e; }
			
							
	.menu-main-menu-container ul ul { display:none; margin-left:0em; }
	
	/* Container class - secondary navigation */
	.menu-main-menu-container li ul  { padding:10px;  }
		/* each secondary navigation item */
		.menu-main-menu-container li li { color:#fff; font-weight:normal; font-size:16px; line-height:30px; height:30px; font-family:Caslon, "Times New Roman", Times, serif; font-variant:small-caps; letter-spacing:1px; margin-left:16px; }
			/* each secondary navigation item anchor */
			.menu-main-menu-container li li a { color:#fff;  }
				/* each secondary navigation item anchor */
				.menu-main-menu-container li li .current-menu-item > a, .menu-main-menu-container li li a:hover { color:#958c6e; }

.nav { font-size: 8pt; font-weight:bold; }

th, .sub2  { color:#958c6e; font-weight:200; font-variant:normal; text-align:right; }

.chronology h3 { color:#958c6e; font-size:1.3em; margin:0; padding:0; }
.chronology p { margin-left:4em; padding-bottom:1em; }

.checklist { margin:0 auto; border-collapse:collapse; width:100%; }
.checklist td { border:6px solid #000; background-color:#dbd9cf; margin:6px; padding:15px; }
	.checklist select, .checklist select option { color:#958c6e; font-family:Georgia, Caslon, "Times New Roman", Times, serif; }
	.checklist #select_cats { display:block; background-color:#e9e8e3; font-size:16px; line-height:36px; width:100%; height:36px; margin:0px; border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; transition:all 0.2s; cursor:pointer; }
		.checklist #select_cats:hover { color:#fff; background-color:#958c6e; }
	
#colophon .note { float:left; clear:both; }
	#colophon cite { color:#999 !important; }
		#colophon cite a { color:#999; }
	
#colophon .copyright { float:right; clear:both; }
	#colophon small { color:#ccc !important; }
		#colophon small a { color:#ccc; }
			#colophon small a:hover { color:#c00; }

/* RESPONSIVE Styles */

@media only screen and (max-width: 768px) {
	
	#container, #header, .menu-main-menu-container { width:100%; margin:0 auto; }
	
	#primary-menu-icon { border-bottom:1px solid #fff; cursor:pointer; display:block; padding:24px 24px; text-align:center; }
		#primary-menu-icon::before { color:#eee; content:'MENU \2630'; font-weight:bold; letter-spacing:1px; }
		#primary-menu-icon:hover::before { color:#eee; content:'MENU \2637'; }
		#primary-menu-icon:active::before { color:#fff; content:'MENU \2637'; }
	
	/* Hide Primary Navigation Menu until it's toggled via script */
	.menu { display: none; }
	
	/* Primary Navigation Menu misc properties */
	.menu { clear:both; width:100%; z-index:9999; margin:0 auto; }
		.menu .menu-item { display:block; width:98%; clear:both; text-align:left; }
		.menu a { display:block; width:98%; clear:both; position:relative;}
			.menu a:hover, .menu .current-menu-item > a, .menu .sub-menu .current-menu-item > a:hover { background-color:#000; color:#958c6e; }
			.menu .sub-menu .current-menu-item > a { color:#fff; }

	.menu .sub-menu {
		left:0px; opacity:0.8; position:relative;
		-webkit-transition: opacity .4s ease-in-out;
		-moz-transition: opacity .4s ease-in-out;
		-ms-transition: opacity .4s ease-in-out;
		-o-transition: opacity .4s ease-in-out;
		transition: opacity .4s ease-in-out;
		width:100% !important; margin:0 auto; z-index:99;
	}

	.menu .sub-menu a {
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		font-size: 14px;
		padding: 18px 30px;
		position: relative;
		width: 100%;
	}

	.menu .sub-menu a::before {
		content: "- ";
		font-size: 14px;
	}
	
	.menu .sub-menu a:hover {
		background-color: #f7f7f7;
	}
	
	.menu .sub-menu li li a {
		padding: 18px 40px;
	}
	
	.menu .sub-menu .sub-menu {
		margin: 0;
	}

	.menu .menu-item:hover {
		position: static;
	}

	.menu .menu-item:hover > .sub-menu {
		left: auto;
		opacity: 1;
	}
	
	#content { margin-top:1em; padding:10px; }
	
	.checklist { width:96% !important; }
	.checklist img { width:90%; height:auto; float:none; margin:10px auto; }
	
	dl { display:block; clear:both; }
	dt, dd { float:none; display:block; clear:both; font-size:10pt; margin:0; padding-bottom:10px;  }
	dt { width:auto; margin-right:0px; text-align:left; }
	dd { width:auto; }

	img.alignright, img.alignleft, img.alignnone { display:block; float:none; clear:both; margin:15px 0; }
	
	p { font-size:12pt; line-height:1.5em; }
		p.byline { font-size:12pt; margin-top:0px; }
		dl a, p a { color:#900; text-decoration:underline; }
	
}