/*
Theme Name: CASTAC 2015
Theme URI: http://castac.org
Author: Angela Kristin VandenBroek
Author URI: http://ak.vbroek.org
Description: This theme was created for the Committee on the Anthropology of Science, Technology and Computing. CASTAC is part of the General Anthropology Division of the American Anthropological Association. The CASTAC theme is built on the BlankSlate boilerplate by TidyThemes (https://wordpress.org/themes/blankslate).
Version: 4.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html

BlankSlate WordPress Theme © 2011-2014 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

/* COLOR CSS */
@import url("library/color/colorset4.css");

@font-face {
     font-family: 'CASTAC Icons';
     src: url('library/fnt/castacicons.eot');
     src: local('☺'), /* local('://'),*/
          url('library/fnt/castacicons.woff') format('woff'),
          url('library/fnt/castacicons.otf') format('opentype'),
          url('library/fnt/castacicons.svg#castacicons') format('svg');
	font-weight: normal;
	font-style: normal;	
}

body {
	font-family:'Merriweather', serif;
	font-size:16px;
}

/**************************************************
******************* WP-SIGNUP *********************
***************************************************/
#signup-welcome .view, #signup-content .lead-in {
	display:none;
}

/**************************************************
********************* HEADER **********************
***************************************************/

/** NOT HOMEPAGE  **************************************/
#header {
	position:relative;
	width: 100%;
	height: 11em;
	padding: 1em 0;
	background-size: cover;
	text-align:left;
}
#branding {
	padding:1.5em 0 0 5em;
}
#site-logo { 
	background-size: cover;
	width:5em;
	height:5em;
	float:left;
	margin:0 1em 0 0;
}
#site-title {
	font-family: 'Merriweather Sans', sans-serif;
	font-weight:700;
	font-size:3em;
	text-transform:uppercase;
	letter-spacing:.2em;
	text-align:left;
	display:inline-block;
}
#site-description {
	font-family: 'Merriweather', serif;
	font-size: 1.5em;
	font-style: italic;
	padding: .1em 0;
}
#site-aaa-statement {
	display:none;
}
#site-title a {
	border:none;
}

/** HOMEPAGE **************************************/
.page-template-template-home-php #header {
	position:relative;
	width: 100%;
	height: 40em;
	padding: 1em 0;
	background-size: cover;
	text-align:center;
}
.page-template-template-home-php #branding {
	padding:0;
}
.page-template-template-home-php #site-aaa-statement {
	font-family: 'Merriweather Sans', sans-serif;
	font-size:1em;
	font-weight:300;
	text-align:center;
	display:block;
	padding:0 1em;
}

.page-template-template-home-php #site-logo { 
	background-size: cover;
	width:5em;
	height:5.2em;
	margin:1em auto;
	float:none;
}
.page-template-template-home-php #site-title {
	font-family: 'Merriweather Sans', sans-serif;
	font-weight:700;
	font-size:2em;
	text-transform:uppercase;
	letter-spacing:.2em;
	text-align:center;
}

.page-template-template-home-php #site-description {
	font-family: 'Merriweather', serif;
	font-size: 5.5em;
	font-style: italic;
	text-align: center;
	padding: .5em 2em;
}

/**************************************************
******************* NAVIGATION ********************
***************************************************/

#menu {
	position:absolute;
	bottom:0;
	width:100%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:1em;
}
.page-template-template-home-php #menu {
	font-family:'Merriweather Sans', sans-serif;
	font-size:1.15em;
}
.screen-reader-text {
	position:absolute;
	left:-9999px;
	top:-9999px;
}
.page-template-template-home-php #menu #main-menu-container {
	text-align:center;
	margin:0;
}
#menu #main-menu-container {
	padding:0;
	margin:0 0 0 5em;
	list-style-type:none;
	text-align:left;
}
#menu #main-menu-container li {
	display:inline-block;
	text-align:left;
}
#menu #main-menu-container li ul li {
	min-width:100%;
}
#menu #main-menu-container li a {
	padding:1em 1em;
	display:block;
	border:none;
}

/* Submenu */
#menu #main-menu-container ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}
#menu #main-menu-container li.sub-menu-open {
	position:relative;
}
#menu #main-menu-container li.sub-menu-open ul {
	left:0em;
	top:2.95em;
	padding:0em;
}
#menu #main-menu-container li.sub-menu-open ul li a {
	padding:1em;
	display:block;
	white-space:nowrap;
}
#responsive-menu {
	display:none;
}

/* Submenu HOVER */
/*#menu #main-menu-container ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}
#menu #main-menu-container li:hover {
	position:relative;
	background:#000000;
}
#menu #main-menu-container li:hover ul {
	left:0em;
	top:2.95em;
	background:#333333;
	padding:0em;
}

#menu #main-menu-container li:hover ul li a {
	padding:1em;
	display:block;
	white-space:nowrap;
	background-color:#333333;
}
#menu #main-menu-container li:hover ul li a:hover {
	background:#000000;
}
#responsive-menu {
	display:none;
}
*/
/**************************************************
********************** BODY ***********************
***************************************************/

#container {
	padding:5em 10em;
}
.post-inner, #content {
	width:70%;
	float:left;
}
#container aside {
	width:25%;
	float:right;
}

#nav-below {
	font-size:2em;
	font-style:italic;
	line-height:2em;
	text-align:center;
}
#nav-below a {
	border:none;
}

/**************************************************
****************** BODY TYPOGRAPHY ****************
***************************************************/

.post-title, .entry-title, .blog-title {
	font-family:'Merriweather', serif;
	font-weight:700;
	font-size:4em;
	letter-spacing:-.02em;
	margin:0 0 .5em 0;
}
.search .post-title, .search .entry-title, .blog .entry-title, .tag .entry-title, .category .entry-title {
	font-family:'Merriweather', serif;
	font-weight:700;
	font-size:2em;
	letter-spacing:-.02em;
	margin:1.5em 0 .5em 0;
}
.search .post-title a, .search .entry-title a, .blog .entry-title a, .tag .entry-title a, .category .entry-title a {
	border:none;
}
.entry-summary {
	font-size:1em;
	line-height:2em;
	margin-bottom:1em;
}
.post-content p, .entry-content p {
	font-size:1em;
	line-height:2em;
	margin-bottom:1em;
}
.post-content h2, .entry-content h2 {
	font-size:2.5em;
	font-weight:700;
	padding:.75em 0 .5em 0;
}
.post-content h3, .entry-content h3 {
	font-size:2.0em;
	font-weight:400;
	font-style:italic;
	padding:.75em 0 .5em 0;
}
.post-content h4, .entry-content h4 {
	font-size:1.75em;
	font-weight:700;
	padding:.75em 0 .5em 0;
}
.post-content h5, .entry-content h5 {
	font-size:1.5em;
	font-weight:400;
	font-style:italic;
	padding:.75em 0 .5em 0;
}
.post-content h6, .entry-content h6 {
	text-transform:uppercase;
	letter-spacing:.1em;
	font-size:1em;
	font-weight:700;
	padding:.75em 0 .5em 0;
}
/*.post-content h6, .entry-content h6 {
	text-transform:uppercase;
	letter-spacing:.1em;
	font-size:1em;
	font-weight:400;
	font-style:italic;
	padding:.75em 0 .5em 0;
}*/
.post-content hr, .entry-content hr {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: 2px solid #DE8D62;
    color: #DE8D62;
    text-align: center;
	margin:4em 0 3em 0;
	
}
.post-content hr:after, .entry-content hr:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1em;
    padding: 0 0.25em;
    background: #fff;
}

.post-content ul, .entry-content ul {
	list-style-type: disc;
	margin-left:3em;
}
.post-content ol, .entry-content ol {
	list-style-type: decimal;
	margin-left:3em;
}
.post-content li, .entry-content li {
	padding:0 0 .5em 0;
	line-height:2em;
}
.post-content dl, .entry-content dl {
	margin-left: 1em;
	line-height: 1.25em;
}
.post-content dl dt, .entry-content dl dt {
	font-style: italic;
}
.post-content dl dd, .entry-content dl dd {
	padding: 0 0 .5em 1em;
}
.post-content legend, .entry-content legend {
	font-size:1em;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.5em;
	padding:1em 0 .5em 0;
}
.post-content label, .entry-content label {
	font-family:'Merriweather Sans', sans-serif;
	font-weight:300;
	font-size:1.25em;
}
.post-content input[type="text"], .entry-content input[type="text"], .post-content input[type="password"], .entry-content input[type="password"]  {
	font-family:'Merriweather', serif;
	font-size:1em;
	padding:.5em;
}
.post-content input[type="submit"], .entry-content input[type="submit"], .post-content input[type="file"], .entry-content input[type="file"], .post-content input[type="reset"], .entry-content input[type="reset"], .post-content input[type="button"], .entry-content input[type="button"] {
	font-family:'Merriweather Sans', sans-serif;
	font-size:1em;
	padding:.25em .5em;
}
.entry-meta, .entry-footer, .post-edit-link {
	font-family:'Merriweather Sans', sans-serif;
	font-size:.85em;
	margin:1em 0;
}
.post-content select, .entry-content select {
	font-family:'Merriweather', serif;
	font-size:1.05em;
	padding:.5em;
}
.post-content textarea, .entry-content textarea {
	width:60%;
	height:5em;
	font-family:'Merriweather', serif;
	font-size:1em;
	line-height:1.5em;
	padding:.5em;
}
.post-content strong, .entry-content strong {
	font-weight:bold;
}
.post-content em, .entry-content em {
	font-style:italic;
}
.post-content pre, .entry-content pre {
	font-family:'Source Code Pro', monospace;
}
.post-content acronym, .entry-content acronym, .post-content abbr, .entry-content abbr {
	text-transform:uppercase;
	font-size:.8em;
	font-weight:700;
}
.post-content blockquote, .entry-content blockquote {
	padding-left: 1em;
	margin-left: 1em;
}
.post-content blockquote p, .entry-content blockquote p {
	font-size: 2em;
	line-height:1.25em;
}
table {
	font-family:'Merriweather Sans', sans-serif;
	color:#666;
	font-size:1em;
	background:#eaebec;
	margin:1.5em;
	border:#ccc 1px solid;
}
table th {
	padding:21px 25px 22px 25px;
	border-bottom:1px solid #e0e0e0;
	background: #ededed;
}
table th:first-child {
	text-align: left;
	padding-left:20px;
}
table tr {
	text-align: center;
	padding-left:20px;
}
table td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background: #fafafa;
}
table tr.even td {
	background: #f6f6f6;
}
table tr:last-child td {
	border-bottom:0;
}
table tr:hover td {
	background: #f2f2f2;
}
.alignright {
	float:right;	
	padding:1em;
}
.alignleft {
	float:left;	
	padding:1em;
}
.aligncenter {
	padding:1em;
	margin:0 auto;
}
p.wp-caption-text {
	font-family:'Merriweather Sans', sans-serif;
	font-size:.8em;
	text-align:center;
	border-top:1px solid #aaaaaa;
	margin-top:1em;
	padding-top:1em;
}


/**************************************************
******************** COMMENTS *********************
***************************************************/

#comments {
	margin: 4em auto 2em auto;
}
.comments-title {
	font-family:'Merriweather', serif;
	font-size:2.5em;
	font-style:italic;
}
#comments-list {
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	margin: 1em 0;
	padding: 2em;
}
#comments-list ul {
	margin:1em 0;
}
#comments-list ul li {
	margin:2em 0;
	padding:.5em 0 0 0;
}
.comment-author {
	font-family: 'Merriweather Sans' sans-serif;
	font-size: 1.25em;
	padding: 0 0 .25em 0;
}
.comment-author img {
	float:left;
	margin: -1.5em .5em .5em -.5em;
	height:4em;
	width:4em;
	border-radius:2.1em;
}
ul > li.bypostauthor > div > .comment-author > img {
	border:.2em solid #444444;
}
.single ul > li.bypostauthor > div > .comment-author > cite:before {
	content: "(Post Author) ";
	color: #444444;
}
.comment-meta {
	font-family: 'Merriweather Sans', sans-serif;
	font-size: .75em;
	padding: 0 0 1.5em;
}
.comment p {
	font-family: 'Merriweather', serif;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0em 2em 1em 2.5em;
}
.reply {
	padding: 0 1em 1em 0;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 1em;
	text-align:right;
}
#comments-list ul ul {
	margin-left:2.5em;
	background:#fafafa;
}
#comments-list ul ul ul {
	background:#efefef;
}
#comments-list ul ul ul ul {
	background:#dfdfdf;
}
#comments-list ul ul ul ul ul {
	background:#cfcfcf;
}
.comment-respond {
	margin: 2em auto;
	background: #eeeeee;
	padding: 3em 5%;
	width:60%;
}
.comment-reply-title {
	font-family: 'Merriweather', serif;
	font-size: 2em;
	font-style: italic;
	padding: 0 0 1em 0;	
}
.comment-respond form {
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 1em;
}
.comment-respond form p {
	padding:.5em 0;
}
.comment-respond form label {
	display:block;
	padding:.5em 0;
}
.comment-respond form textarea {
	width: 95%;
	margin: 0 auto;
	display: block;
	font-family: 'Merriweather', serif;
	font-size:1em;
	line-height:1.5em;
	padding:.5em;
}

/**************************************************
**************** SIDEBAR TYPOGRAPHY ***************
***************************************************/

.widget-area {
	margin-top:-2em;
}
.widget-title {
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 1.5em;
	margin: 2em 0 .5em 0;
}
.search fieldset {
	white-space: nowrap;
}
.search label {
	font-family: 'Merriweather', serif;
	font-size: 1em;
}
.search input.search {
	padding:.5em;
}
.search input.searchbutton {
	vertical-align:middle;
	color:#333333;
	margin-left:-2.5em;
}
aside p {
	font-family:'Merriweather', serif;
	font-size:1em;
	line-height:1.5em;
}
aside ul {
	list-style:none;
	margin-left: 0;
	padding-left: 0;
}
aside li li {
	padding-left: 1em;
	text-indent: -1em;
	font-family: 'Merriweather', serif;
	font-size: 1em;
	line-height:1.5em;
	margin: .75em 0;
}
.widget_castac_news a, .widget_meta a, .widget_nav_menu a {
	border:0;	
}
.widget_twitter li {
	line-height:1.65em;	
}
.widget_castac_news li:before {
	content: "\e80d";
	padding-right: 5px;
	font-family:'CASTAC Icons';
}
.widget_twitter li:before {
	content: "\e803";
	padding-right: .5em;
	font-family:'CASTAC Icons';
}
.widget_twitter .entry-meta {
	display:block;
	font-size:.75em;
	padding-left: 1.5em;
	margin:0 0 .5em 0;
}
.widget_twitter .entry-meta .from-meta {
	display:none;
}
.widget_castac_follow li {
	display:inline-block;
	padding:0 1em 0 0;
}
.widget_castac_follow li a {
	font-family:'CASTAC Icons';
	font-size:4em;
	line-height:1em;
	border:none;
	padding-left:.25em;
}

.widget_castac_donate p {
	margin:1em 0;	
}
.widget_castac_donate #donatebutton button, #donatebutton button {
	padding:.25em 1em;
	font-family:"Merriweather Sans", sans-serif !important;
	font-size:1.25em !important;
	width:auto !important;
	height:auto !important;
	text-align:left !important;
	margin: 1em 0 !important;
	border:none !important;
}
#footer .widget_castac_donate #donatebutton button {
	background-color: #de8d62 !important;
}


/**************************************************
******************** FOOTER ***********************
***************************************************/

#footer {
	padding: 3em 10em;
}
#footer-left {
	width:28%;
	padding:0 2%;
	margin:0 1% 0 0;
	float:left;
}
#footer-center {
	width:28%;
	padding:0 2%;
	margin:0 .5% 0 .5%;
	float:left
}
#footer-right {
	width:28%;
	padding:0 2%;
	margin:0 0 0 1%;
	float:left;
}
#copyright {
	clear:both;
	text-align:center;
	padding:4em 0;
	font-family:'Merriweather Sans', sans-serif;
	font-size:.75em;
}
#copyright a {
	color:#ffffff;
}

/**************************************************
*************** REGISTRATION PAGE *****************
***************************************************/
.widecolumn h2 {
	font-size:2.5em;
	font-weight:700;
	padding:.75em 0 .5em 0;
}
.widecolumn h3 {
	font-size:2.0em;
	font-weight:400;
	font-style:italic;
	padding:.75em 0 .5em 0;
}
.widecolumn p {
	font-size:1em;
	line-height:2em;
	margin-bottom:1em;
}


/**************************************************
******************* RESPONSIVE ********************
***************************************************/

@media screen and (max-width:1500px) {
	.page-template-template-home-php #site-description {
		font-size: 4.5em;
	}
	.widget_castac_follow li a {
		font-size:3.5em;
	}
	#container {
		padding:5em 5em;
	}
}
@media screen and (max-width:1250px) {
	body {
		font-size:14px;
	}
	.post-inner, #content {
		width:60%;
		float:left;
	}
	#container aside {
		width:30%;
		float:right;
	}
	.comment-respond {
		width:90%;
	}
}
@media screen and (max-width:1080px) {
	.page-template-template-home-php #site-description {
		font-size: 4em;
	}
	.widget_castac_follow li a {
		font-size:3em;
	}
	#footer {
		padding: 1em 5em;
	}
}
@media screen and (max-width:960px) {
	body {
		font-size:12px;
	}
	.post-content p, .entry-content p {
		font-size:1.25em;
	}
	.post-inner, #content {
		width:55%;
		float:left;
	}
	#container aside {
		width:38%;
		float:right;
	}
}
@media screen and (max-width:830px) {
	.page-template-template-home-php #site-description {
		font-size: 3em;
	}
	.page-template-template-home-php #header {
		height: 25em;
		padding: 1em 0;
		background-position: center top;
		background-size: cover;
	}
	#footer {
		padding: 1em 5em;
	}
	#header {
		background-size: 200%;
	}
	#footer-left {
		width:100%;
		padding:2em;
		margin:1em 0;
		float:none;
	}
	#footer-center {
		width:100%;
		padding:2em;
		margin:1em 0;
		float:none;
	}
	#footer-right {
		width:100%;
		padding:2em;
		margin:1em 0;
		float:none;
	}
}
@media screen and (max-width:830px) {
	#responsive-menu {
		display:block;
		margin:.5em;
		text-align:center;
	}
	#responsive-menu select {
		font-family:'Merriweather Sans', sans-serif;
		font-size:1em;
		padding:.5em;
	}
	#main-menu-container {
		display:none;
	}

}
@media screen and (max-width:770px) {
	.page-template-template-home-php #site-description {
		font-size: 2.5em;
	}
	.post-inner, #content {
		width:100%;
		float:none;
	}
	#container aside {
		width:100%;
		float:none;
		margin-top:4em;
		border-top:.25em solid #000000;
		padding-top:4em;
	}
	.widget-area {
		font-size: 1.25em;
	}
}
@media screen and (max-width:730px) {
	#site-logo { 
		background-size: cover;
		width:6em;
		height:6em;
	}
	.page-template-template-home-php #site-logo { 
		background-size: cover;
		width:4em;
		height:4em;
	}
	#branding {
		padding:1em 0 0 1em;
	}
	.page-template-template-home-php #branding {
		
	}
}
@media screen and (max-width:640px) {
	.page-template-template-home-php #site-description {
		font-size: 1.5em;
	}
	.page-template-template-home-php #header {
		height: 20em;
		padding: 1em 0;
		background-size: cover;
	}
	#site-title {
		font-family: 'Merriweather Sans', sans-serif;
		font-weight:700;
		font-size:2.5em;
		text-transform:uppercase;
		letter-spacing:.2em;
		text-align:left;
		display:inline-block;
		}
	#comments-list ul ul {
		margin-left:1.5em;
	}
	.comment p {
		font-size:1.1em;
	}
	.comment-author img {
		margin: -1em .5em .5em -.25em;
		height:3em;
		width:3em;
		border-radius:1.6em;
	}
}
@media screen and (max-width:450px) {
	.page-template-template-home-php #header {
		height: 25em;
		padding: 1em 0;
		background-size: cover;
	}
	.post-title, .entry-title {
		font-size:3em;
		letter-spacing:-.02em;
	}
	#footer {
		padding: 1em 2.5em;
	}
}
@media screen and (max-width:350px) {
	#footer {
		padding: 1em 1em;
		font-size:.8em;
	}
}