/*
Theme Name: Colab Radio Responsive
Author: Robert Tobey
Description: The custom responsive theme developed for MIT's Colab Radio.
Version: 1.0
*/

/***************
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***************
IMPORTED FONTS
***************/

@font-face {font-family: 'SerifaBT-Roman';src: url('webfonts/1111AA_0.eot');src: url('webfonts/1111AA_0.eot?#iefix') format('embedded-opentype'),url('webfonts/1111AA_0.woff') format('woff'),url('webfonts/1111AA_0.ttf') format('truetype'),url('webfonts/1111AA_0.svg#wf') format('svg');}
@font-face {font-family: 'SerifaBT-Italic';src: url('webfonts/1111AA_1.eot');src: url('webfonts/1111AA_1.eot?#iefix') format('embedded-opentype'),url('webfonts/1111AA_1.woff') format('woff'),url('webfonts/1111AA_1.ttf') format('truetype'),url('webfonts/1111AA_1.svg#wf') format('svg');}
@font-face {font-family: 'SerifaBT-Bold';src: url('webfonts/1111AA_2.eot');src: url('webfonts/1111AA_2.eot?#iefix') format('embedded-opentype'),url('webfonts/1111AA_2.woff') format('woff'),url('webfonts/1111AA_2.ttf') format('truetype'),url('webfonts/1111AA_2.svg#wf') format('svg');}

/***************
BODY
***************/

html, body {
  height: 100%;
}

body {
	font-family: Georgia, Helvetica, sans-serif;
	font-size: .875em;
	background-color: #FFFFFF;
	line-height: 1.4;
}

/***************
GENERAL STYLES
***************/

/*** Bold, Italic, Underline ***/

body b {
	font-weight: bold;
}

body i {
	font-style: italic;
}

body strong {
	font-weight: bold;
}

body em {
	font-style: italic;
}

body u {
	text-decoration: underline;
}

/*** Link Styles ***/

a, a:link, a:visited, a:active {
	color: #0066CC;
	text-decoration: none;
} 

a:hover {
	text-decoration: underline;
}

/*** Images ***/

img {
	max-width: 100%;
	display: block;
}

/***************
COMMON ELEMENTS
***************/

/*** Archive Menu ***/

.archive-menu {
    width: 100%;
}

/*** Feature Boxes ***/

.feature_box {
	position: relative;
	padding: 16px;
	font-family: Georgia, serif;
	color: #333333;
}

.feature_box.box_large {
	padding: 16px 13px;
}

.feature_box.box_small {
	padding: 12px 15px;
}

.shadow_box {
    background-color: #E7E7E8;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-radius: 2px;
    box-shadow: 1px 1px 1px #E7E7E8;
}

/*** More Links ***/

#content_column .view_post {
	margin-top: 10px;
}

a.more {
	font-family: "SerifaBT-Bold", serif;
	font-size: 1em;
	font-weight: normal;
}

/*** Twitter share buttons ***/

.twitter-share {
	margin-top: 10px;
}

/***************
LAYOUT
***************/

/*** Box Sizing ***/

* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*** Centering Wrapper ***/

.container {
	position: relative;
	width: 92%;
	margin: 0 4%;
}

/*** Clearing Floats ***/

.clr:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

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

#header {
	margin-bottom: 10px;
	padding-bottom: 26px;
	border-bottom: 1px solid #000;
}

#logo_wrapper {
	float: left;
}

#logo a {
	width: 129px;
	height: 99px;
	background-image: url('images/colab_logo.png');
	background-repeat: no-repeat;
	background-position: center center;
	color: transparent;
	display: block;
}

#header_inner {
	position: relative;
	height: 99px;
}

#header_menu {
	position: absolute;
	top: 11px;
	right: 220px;
	font-family: Arial, sans-serif;
}

#header_menu a {
	float: right;
    margin-right: 10px;
    font-size: .813em;
    font-weight: bold;
    color: #000;
}

#search {
	position: absolute;
	top: 8px;
	right: 0;
}

#search input {
	float: right;
}

#search_field {
	width: 143px;
	height: 24px;
	margin-right: 10px;
	padding-left: 5px;
	border: 1px solid #CACACA;
    box-shadow: inset 0 0 3px #DDDDDD;
    font-family: Arial, sans-serif;
    font-size: .750em;
}

#search_button {
	width: 67px;
	height: 24px;
	background: url('images/button_search.png') no-repeat center center;
	border: medium none;
	cursor: pointer;
}

#search_close {
	float: right;
	width: 12px;
	height: 24px;
	margin-left: 5px;
	font-size: 22px;
	text-transform: upppercase;
	text-align: right;
	line-height: 24px;
	cursor: pointer;
	display: none;
}

#search_close:hover {
	text-decoration: underline;
}

#top_navigation {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 20px;
	vertical-align: bottom;
}

#top_navigation .inner {
	float: right;
}

#top_navigation ul li {
	float: left;
	padding-left: 30px;
}

#top_navigation ul li:first-child {
	padding-left: 0;
}

#top_navigation ul li a {
	font-family: "SerifaBT-Bold", serif;
    font-size: 1.063em;
    color: #0066CC;
    text-transform: uppercase;
}

#menu_button {
	position: absolute;
	top: 8px;
	right: 0;
	width: 60px;
	height: 35px;
	background-image: url('images/menu_burger.png');
	background-repeat: no-repeat;
	background-position: center center;
	color: transparent;
	cursor: pointer;
	display: none;
}
	
#search_icon {
	position: absolute;
	top: 8px;
	right: 70px;
	width: 35px;
	height: 35px;
	background-image: url('images/search_icon.png');
	background-repeat: no-repeat;
	background-position: center center;
	color: transparent;
	cursor: pointer;
	display: none;
}

/***************
PAGE CONTENT
***************/

#site_wrapper {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

#site_content {
	flex: 1;
}

#page_content {
	color: #333333;
}

#post_header.two_column {
	width: 78%;
	padding-right: 110px;
}

#post_header h1 {
	font-family: "SerifaBT-Bold", serif;
	font-weight: normal;
	font-size: 1.625em;
}

#post_header h4 {
	margin-bottom: 10px;
	font-family: "SerifaBT-Bold", serif;
	font-weight: normal;
	font-size: 1em;
}

#page_columns {
	margin-top: 40px;
}

#content_column {
	float: left;
	width: 78%;
	padding-right: 110px;
	color: #666666;
}

#sidebar {
	float: left;
	width: 22%;
}

/***************
CONTENT COLUMN
***************/

/***************
POST FORMATTING
***************/

/*** Headings ***/

.post_formatting h1, .post_formatting h2, .post_formatting h3, .post_formatting h4, .post_formatting h5, .post_formatting h6 {
	margin-bottom: 16px;
	font-family: "SerifaBT-Bold", serif;
	font-weight: normal;
	line-height: 1.4;
}

.post_formatting h1 {
	font-size: 1.375em;
}

.post_formatting h2 {
	font-size: 1.250em;
}

.post_formatting h3 {
	font-size: 1.125em;
}

.post_formatting h4, .post_formatting h5, .post_formatting h6 {
	font-size: 1em;
}

/*** Paragraphs ***/

.post_formatting p {
	margin-bottom: 15px;
}

.post_formatting p:last-child {
	margin-bottom: 0;
}

/*** Blockquote ***/

.post_formatting blockquote {
	margin: 20px 15px;
	padding: 10px;
    background-color: #CCCCCC;
    font-style: italic;
}

.post_formatting + blockquote {
	margin-top: 0;
}

/*** Lists ***/

.post_formatting ul {
	margin: 0 0 30px 0;
	padding-left: 10%;;
	list-style-type: disc;
	list-style-position: outside;
}

.post_formatting ol {
	margin: 0 0 30px 0;
	padding-left: 10%;
	list-style-type: decimal;
	list-style-position: outside;
}

.post_formatting li {
	padding-bottom: 5px;
	line-height: 20px;
}

.post_formatting ul li:last-child, .post_content ol li:last-child {
	padding-bottom: 0;
}

/*** Divider ***/

.post_formatting hr {
	clear: both;
	margin: 5px 0;
	width: 100%;
	height: 1px;
	background-color: transparent;
	border: 0;
	border-top: 1px dotted #333333;
}

.post_formatting hr + p, .post_formatting hr + h1, .post_formatting hr + h2, .post_formatting hr + h3, .post_formatting hr + h4, .post_formatting hr + h5, .post_formatting hr + h6 {
	margin-top: 20px;
}

/*** Images ***/

.post_formatting img {
	height: auto;
}

.post_formatting .alignleft {
	float: left;
	width: 50%;
	margin: 5px 30px 10px 0;
}

.post_formatting .alignright {
	float: right;
	width: 50%;
	margin: 5px 0 10px 30px;
}

.post_formatting .aligncenter {
	width: auto !important;
	max-width: 90% !important;
	margin: 20px auto;
}

.post_formatting img.aligncenter {
	max-width: 90%;
	display: block;
}

.post_formatting .alignnone {
    margin: 20px 0;
}

.post_formatting .wp-caption {
	width: 50% !important;
	padding-bottom: 10px;
	background-color: #E7E7E8;
}

.post_formatting .wp-caption.aligncenter {
	width: 90% !important;
	max-width: 100%;
}

.post_formatting .wp-caption img {
	width: 100%;
}

.post_formatting p.wp-caption-text {
	width: 90%;
	margin: 0 auto;
	padding-top: 10px;
	font-size: .875em;
	font-style: italic;
	text-align: center;
	line-height: 20px;
}

#post_content .wp-smiley {
	width: auto;
	border: none;
}

/***************
SIDEBAR
***************/

#sidebar .widget_wrapper {
	margin-top: 35px;
	padding-top: 7px;
	border-top: 1px solid #000000;
}

#sidebar .widget_wrapper:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

#sidebar .widget_title {
	margin-bottom: 20px;
    font-family: "SerifaBT-Bold", serif;
    font-size: 1.125em;
    font-weight: normal;
    color: #333333;
    text-transform: uppercase;
}

#sidebar #twitter_widget .widget_title {
	padding-left: 25px;
	background-image: url("images/social_icons.png");
    background-repeat: no-repeat;
    background-position: -136px 0;
}

#sidebar .links_menu li {
	margin-bottom: 7px;
}

#sidebar .links_menu li a {
	color: #000000;
}

#sidebar .view_all {
	margin-top: 20px;
}

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

#site_footer {
	margin-top: 40px;
}

#footer {
	position: relative;
	padding: 20px;
	background-color: #333333;
}

#mit_logo {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 55px;
	height: 28px;
	background-image: url('images/mit_logo.png');
	background-repeat: no-repeat;
	background-position: center center;
	color: transparent;
	display: block;
}

#footer .footer_column {
	float: left;
}

#footer .footer_left {
	width: 78%;
	padding-left: 120px;
	padding-right: 20px;
	font-family: Arial, sans-serif;
	font-size: .938em;
	color: #999999;
}

#footer .footer_left a {
	color: #999999;
}

#footer .footer_left h3 {
	color: #FFFFFF;
	font-size: .938em;
}

#footer .footer_right {
	width: 22%;
	padding-right: 10px;
	font-family: "SerifaBT-Bold", serif;
	font-size: .938em;
	color: #FFFFFF;
	text-transform: uppercase;
}

#footer .footer_right a {
	color: #FFFFFF;
}

#footer .footer_right h3 {
	color: #FFFFFF;
	font-size: .938em;
	font-weight: normal;
}

#footer .info_menu {
	margin-top: 40px;
}

#social_footer {
	margin: 7px 0 20px 0;
}

#social_footer a {
	float: left;
	width: 19px;
    height: 20px;
    margin-right: 4px;
    background-image: url("images/social_icons.png");
    background-repeat: no-repeat;
 	display: block;
}

#footer .footer_right #social_footer a {
	color: transparent;
}

#footer .footer_right #social_footer a:hover {
	text-decoration: none;
}

#twitter_icon {
	background-position: -136px 0;
}

#facebook_icon {
	background-position: 0 0;
}

#vimeo_icon {
	background-position: -92px 0;
}

#flickr_icon {
	background-position: -47px 0;
}

#soundcloud_icon {
	background-position: -70px 0;
}

#rss_icon {
	background-position: -114px 0;
}

#footer .footer_menu li {
	margin-bottom: 4px;
}

/***************
CATEGORY ARCHIVE
***************/

.archive_menu li {
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.archive_menu li a {
	font-weight: bold;
}

.archive_menu .sub-menu li {
	margin-left: 20px;
}

.archive_menu .sub-menu li a {
	font-weight: normal;
}

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

#comments_wrapper {
	margin-top: 20px;
}

#comments {
	margin-bottom: 20px;
}

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
	display: none;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 68.9%;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 1px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 22px;
	position: relative;
	left: 0;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 95%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}

/***************
FAVORTIES
***************/

.favorites_row {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #000000;
}

#favorites_wrapper .favorites_row:first-child {
	margin-top: 0;
}

.favorites_row .favorites_column {
	float: left;
	width: 50%;
}

.favorites_row .favorites_column:last-child {
	padding-left: 20px;
}

.favorites_row .favorites_column.favorites_single {
	float: none;
	width: 100%;
}

.favorites_row .favorites_column.favorites_single:last-child {
	padding-left: 0;
}

.favorites_column h3 {
	margin-bottom: 10px;
}

ul.spacedList {
	padding-top: 15px;
}

ul.spacedList li {
	margin: 0 0 20px 0;
}

ul.spacedList.narrow li {
	margin: 0 0 5px 0;
}

.spacedList a {
	font-family: "SerifaBT-Bold", Georgia, Serif;
	font-size: 16px;
}

.sectionCol {
	width: 45%;
	margin-right: 5%;
	float: left;
}

.col3 {
	width: 28% !important;
}

.col4 {
	width: 20% !important;
}

/***************
FEATURED CONTRIBUTORS
***************/

#featured_contributor .contributor_image {
	margin-bottom: 20px;
}

#featured_contributor .contributor_image img {
	width: 100%;
	height: auto;
}

#featured_contributor .contributor_bio h3 {
	margin-bottom: 10px;
	font-family: "SerifaBT-Bold", Georgia, Serif;
	font-weight: normal;
	font-size: 1.250em;
}


#past_contributors {
	margin-top: 40px;
 	padding-top: 20px;
 	border-top: 1px solid #000000;
}

#past_contributors h3.contributor_heading {
	font-family: "SerifaBT-Bold", Georgia, Serif;
	font-weight: normal;
	font-size: 1.375em;
}

#contributors_wrapper .contributor {
	margin-top: 20px;
}

.contributor .contributor_thumbnail {
	margin-bottom: 10px;
}

.contributor .contributor_thumbnail img {
	width: 100%;
	height: auto;
}

.contributor .contributor_title h3 {
	font-family: "SerifaBT-Bold", Georgia, Serif;
	font-weight: normal;
	font-size: 1.125em;
}

/***************
FORMS
***************/

#page_form {
	margin-top: 20px;
}

#page_form .wpcf7 {
	margin: 0;
	padding-top: 10px;
	border-top: 1px solid #000000;
}

#page_form .form_divider {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #000000;
}

#page_form .pair {
	margin-top: 20px;
}

#page_form .pair label {
	margin-bottom: 7px;
	font-family: "SerifaBT-Bold", serif;
	font-weight: normal;
	display: block;
}

#page_form input[type="text"], #page_form input[type="password"], #page_form textarea {
	padding: 5px;
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}

#page_form input[type="text"], #page_form input[type="password"] {
	width: 50%;
}

#page_form select {
	width: 50%;
}

#page_form input[type="text"]:focus, #page_form textarea:focus {
	color: #373737;
}

#page_form textarea {
	width: 100%;
	height: 240px;
}

#page_form form br {
	display: none;
}

#page_form .wpcf7-captchac {
	margin-bottom: 8px;
}

#page_form input[type="submit"] {
	float: right;
	padding: 5px 22px;
    background-color: #222;
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #eee;
    font-size: 20px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

#page_form input[type="submit"]:hover {
	color: #FFFFFF;
}

/***************
HOME
***************/

/*** Main Feature ***/

#main_feature .main_image {
	float: left;
	width: 66%;
}

#main_feature .main_label {
	float: left;
	position: relative;
	width: 34%;
	padding-left: 13px;
}

#main_feature .main_label h2 {
	margin-bottom: 18px;
    font-family: "SerifaBT-Bold", serif;
    font-weight: normal;
    font-size: 1.375em;
}

#main_feature .main_label h4 {
	margin-bottom: 7px;
    font-family: "SerifaBT-Bold", serif;
    font-weight: normal;
    font-size: .813em;
    text-transform: uppercase;
}

#main_feature .main_summary {
	padding-bottom: 15px;
}

/*** Featured Posts ***/

#featured_posts .featured_post {
	position: relative;
	margin-top: 13px;
	padding-bottom: 54px;
}

#featured_posts .featured_post h3 {
	margin-bottom: 10px;
    font-family: "SerifaBT-Bold", serif;
    font-weight: normal;
    font-size: 1.125em;
}

#featured_posts .featured_post h3 a {
	color: #333333;
}

#featured_posts .featured_post img {
	width: 100%;
	height: auto;
}

#featured_posts .featured_post .featured_summary {
	margin: 10px 0;
}

#featured_posts .featured_post .featured_more {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 54px;
	padding: 7px 0 0 15px;
	border-top: 1px solid #FFFFFF;
}

/*** Home Footer ***/

#home_footer {
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px solid #000000;
	color: #333333;
}

#home_footer .home_column {
	float: left;
	margin-right: 3%;
}

#home_footer .home_column.large_column {
	width: 22%;
}

#home_footer .home_column.medium_column {
	width: 16%;
}

#home_footer .home_column.small_column {
	width: 14%;
}

#home_footer .home_section {
	margin-top: 15px;
}

#home_footer .home_widget_title {
	font-family: "SerifaBT-Bold", serif;
    margin-bottom: 20px;
    font-size: 1.125em;
    font-weight: normal;
    color: #333333;
}

#home_footer li {
	margin-bottom: 7px;
}

#home_footer li a {
	color: #333333;
}

#home_footer .view_all {
	margin-top: 20px;
}

#blogroll_list h2 {
	margin-bottom: 7px;
	font-size: 1em;
}

/***************
PAGING
***************/

.wp-pagenavi a, .wp-pagenavi span {
	margin: 2px;
	padding: 3px 5px;
	background-color: #333333;
	border: 2px solid #999999;
	color: #FFFFFF;
	text-decoration: none;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background-color: #FFFFFF;
	border: 2px solid #999999;
	color: #333333;
}

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

/***************
POST LANDING
***************/

.post_entry {
	margin-bottom: 20px;
}

.post_entry .featured_image {
	float: left;
	width: 15%;
}

.post_entry .featured_image img {
	width: 100%;
	height: auto;
}

.post_entry .post_teaser {
	float: left;
	width: 85%;
	padding-left: 10px;
}

.post_entry .post_teaser h3 {
	margin-bottom: 10px;
	font-family: "SerifaBT-Bold", serif;
	font-size: 1.125em;
	font-weight: normal;
}

.post_entry .post_teaser .date_posted {
	font-family: "SerifaBT-Bold", serif;
	font-weight: normal;
}

/***************
SINGLE
***************/

#featured_single {
	margin-bottom: 20px;
	background-color: #EEEEEE;
}

#featured_single img {
	width: 100%;
	height: auto;
}

#featured_single .wp-caption {
	width: 100% !important;
	padding: 10px 0;
	background-color: #E7E7E8;
	font-size: .875em;
	font-style: italic;
	text-align: center;
}

/***************
768 AND UNDER
***************/

@media screen and (max-width:768px) {

	/***************
	COMMON ELEMENTS
	***************/

	/*** Window Shades ***/

	.windowshade .title_bar {
		height: 30px;
		margin-bottom: 20px;
		padding-left: 10px;
		background-color: #333333;
		background-image: url('images/sorting_arrow_down.png');
		background-position: 98% 50%;
		background-repeat: no-repeat;
		border-radius: 3px;
		line-height: 30px;
		cursor: pointer;
	}

	.windowshade .title_bar.expanded {
		background-image: url('images/sorting_arrow_up.png');
	}

	.windowshade .windowshade_content {
		display: none;
	}

	.windowshade .windowshade_content.expanded {
		display: block;
	}
	
	/***************
	HEADER
	***************/
	
	#search {
		background-color: #FFFFFF;
		z-index: 2;
		display: none;
	}
	
	#search_close {
		display: block;
	}
	
	#top_navigation {
		bottom: auto;
		z-index: 10;
		display: none;
	}
	
	#top_navigation .inner {
		float: none;
	}
	
	#top_navigation ul li {
		float: none;
		margin-left: 0;
		padding: 5px 8px;
		background-color: #333333;
		border-top: 1px solid #FFFFFF;
		text-align: right;
	}

	#top_navigation ul li a {
		color: #FFFFFF;
	}
	
	#menu_button {
		display: block;
	}
	
	#search_icon {
		display: block;
	}
	
	/***************
	PAGE CONTENT
	***************/
	
	#post_header.two_column {
		width: 100%;
		padding-right: 0;
	}
	
	#content_column {
		float: none;
		width: 100%;
		padding-right: 0;
	}

	#sidebar {
		float: none;
		width: 100%;
		margin-top: 40px;
	}
	
	/***************
	SIDEBAR
	***************/

	#sidebar .widget_wrapper {
		margin-top: 20px;
		padding-top: 0;
		border-top: none;
	}

	#sidebar .widget_title.title_bar {
		color: #FFFFFF;
	}
	
	/***************
	FOOTER
	***************/
	
	#site_footer {
		background-color: #333333;
	}
	
	/***************
	HOME
	***************/
	
	/*** Home Footer ***/
	
	#home_footer .home_column {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	#home_footer .home_column.large_column {
		width: 100%;
	}

	#home_footer .home_column.medium_column {
		width: 100%;
	}

	#home_footer .home_column.small_column {
		width: 100%;
	}
	
	#home_footer .home_widget_title.title_bar {
		color: #FFFFFF;
	}

}

/***************
667 AND UNDER
***************/

@media screen and (max-width:677px) {

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

	#logo a {
		width: 100px;
		height: 77px;
		background-size: 100px 77px;
	}

	#header_inner {
		height: 77px;
	}
	
	#header_menu {
		top: auto;
		right: 0;
		bottom: 0;
	}
	
	#header_menu a {
		font-size: .875em;
		margin-right: 8px;
	}
	
	#header_menu a:first-child {
		margin-right: 0;
	}
	
	#search {
		width: calc(100% - 100px);
	}
	
	#top_navigation {
		top: 78px;
		width: 100%;
	}
	
	#menu_button {
		width: 34px;
		height: 20px;
		background-size: 34px 20px;
	}
	
	#search_icon {
		right: 44px;
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
	}
	
	/***************
	FOOTER
	***************/
	
	#footer .footer_column {
		float: left;
	}	

	#footer .footer_left {
		width: 100%;
	}
	
	#footer .footer_right {
		width: 100%;
		margin-top: 40px;
	}
	
	/***************
	COMMENTS
	***************/
	
	.commentlist {
		width: 100%;
	}
	
	.commentlist > li:before {
		content: '';
	}
	
	#respond {
		width: 100%;
	}
	
	/***************
	FAVORTIES
	***************/

	.favorites_row .favorites_column {
		float: none;
		width: 100%;
	}

	.favorites_row .favorites_column:last-child {
		padding-left: 0;
	}

	.sectionCol {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	.col3 {
		width: 100% !important;
	}

	.col4 {
		width: 100% !important;
	}
	
	/***************
	FORMS
	***************/
	
	#page_form input[type="text"], #page_form input[type="password"] {
		width: 100%;
	}

	#page_form select {
		width: 100%;
	}
	
	/***************
	HOME
	***************/
	
	/*** Main Feature ***/

	#main_feature .main_image {
		float: none;
		width: 100%;
	}

	#main_feature .main_label {
		float: none;
		width: 100%;
		margin-top: 15px;
		padding-left: 0;
	}
	
	/*** Featured Posts ***/
	
	#featured_posts .featured_post {
		position: relative;
		margin-top: 13px;
		padding-bottom: 15px;
	}

	#featured_posts .featured_post .featured_more {
		position: static;
		bottom: auto;
		height: auto;
		padding: 0 0 0 15px;
		border-top: none;
	}
	
	/***************
	PAGING
	***************/
	
	.wp-pagenavi a.page, span.extend, a.last {
	 	display: none;
	 }

}

/***************
DESKTOP
***************/

@media  screen and (min-width:960px) {

	/***************
	LAYOUT
	***************/

	/*** Centering Wrapper ***/

	.container {
		width: 960px;
		margin: 0 auto;
	}
	
	/***************
	HEADER
	***************/
	
	#header_content {
		width: 85%;
	}
	
	/***************
	FEATURED CONTRIBUTORS
	***************/
	
	#contributors_wrapper .contributor {
		float: left;
		width: 30%;
		margin-right: 5%;
	}
	
	#contributors_wrapper .contributor:nth-child(3n) {
		margin-right: 0;
	}
	
	#contributors_wrapper .contributor:nth-child(3n+1) {
		clear: left;
	}
	
	/***************
	HOME
	***************/
	
	/*** Featured Posts ***/
	
	#featured_posts .featured_post {
		float: left;
		width: 23.5%;
		margin-right: 2%;
	}
	
	#featured_posts .featured_post:nth-child(4n) {
		margin-right: 0;
	}
	
	/*** Home Footer ***/

	#home_footer .home_column:nth-child(5n) {
		margin-right: 0;
	}

}

/***************
TABLET LANDSCAPE
***************/

@media screen and (min-width:769px) and (max-width:959px) {

	/***************
	HOME
	***************/
	
	/*** Featured Posts ***/
	
	#featured_posts .featured_post {
		float: left;
		width: 23.5%;
		margin-right: 2%;
	}
	
	#featured_posts .featured_post:nth-child(4n) {
		margin-right: 0;
	}
	
	/***************
	FEATURED CONTRIBUTORS
	***************/
	
	#contributors_wrapper .contributor {
		float: left;
		width: 30%;
		margin-right: 5%;
	}
	
	#contributors_wrapper .contributor:nth-child(3n) {
		margin-right: 0;
	}
	
	#contributors_wrapper .contributor:nth-child(3n+1) {
		clear: left;
	}

}

/***************
TABLET PORTRAIT
***************/

@media screen and (min-width:668px) and (max-width:768px) {

	/***************
	HEADER
	***************/
	
	#header_menu {
		top: 15px;
		right: 110px;
	}
	
	#header_menu a {
		font-size: 1em;
	}
	
	#search {
		width: calc(100% - 139px);
		height: 35px;
	}
	
	#top_navigation {
		top: 48px;
		width: calc(100% - 139px);
	}
	
	/***************
	PAGE CONTENT
	***************/
	
	#page_columns {
		margin-top: 30px;
	}
	
	/***************
	FOOTER
	***************/

	#footer .footer_left {
		width: 75%;
		padding-left: 100px;
	}

	#footer .footer_right {
		width: 25%;
	}
	
	/***************
	FEATURED CONTRIBUTORS
	***************/
	
	#contributors_wrapper .contributor {
		float: left;
		width: 45%;
		margin-right: 5%;
	}
	
	#contributors_wrapper .contributor:nth-child(2n) {
		margin-right: 0;
	}
	
	#contributors_wrapper .contributor:nth-child(2n+1) {
		clear: left;
	}
	
	/***************
	FORMS
	***************/
	
	#page_form input[type="text"], #page_form input[type="password"] {
		width: 70%;
	}

	#page_form select {
		width: 70%;
	}
	
	/***************
	HOME
	***************/
	
	/*** Featured Posts ***/
	
	#featured_posts .featured_post {
		float: left;
		width: 49%;
		margin-right: 2%;
	}
	
	#featured_posts .featured_post:nth-child(2n) {
		margin-right: 0;
	}
	
	#featured_posts .featured_post:nth-child(2n+1) {
		clear: left;
	}
	
	/***************
	POST LANDING
	***************/

	.post_entry .featured_image {
		width: 18%;
	}

	.post_entry .post_teaser {
		width: 82%;
	}

}

/***************
MOBILE LANDSCAPE WIDE
***************/

@media screen and (min-width:376px) and (max-width:667px) {

	/***************
	FEATURED CONTRIBUTORS
	***************/
	
	#contributors_wrapper .contributor {
		float: left;
		width: 45%;
		margin-right: 5%;
	}
	
	#contributors_wrapper .contributor:nth-child(2n) {
		margin-right: 0;
	}
	
	#contributors_wrapper .contributor:nth-child(2n+1) {
		clear: left;
	}
	
}

/***************
MOBILE LANDSCAPE
***************/

@media screen and (min-width:321px) and (max-width:667px) {

	/***************
	HEADER
	***************/
	
	#search {
		height: auto;
	}
	
	/***************
	PAGE CONTENT
	***************/
	
	#page_columns {
		margin-top: 30px;
	}
	
	/***************
	FOOTER
	***************/

	#footer .footer_left {
		padding-left: 75px;
	}

	#footer .footer_right {
		padding-left: 75px;
	}
	
	/***************
	POST LANDING
	***************/

	.post_entry .featured_image {
		width: 20%;
	}

	.post_entry .post_teaser {
		width: 80%;
	}

}

/***************
MOBILE PORTRAIT
***************/

@media screen and (max-width:320px) {

	/***************
	HEADER
	***************/
	
	#search {
		height: 20px;
	}
	
	#search_field {
		margin-right: 0;
	}
	
	#search_button {
		float: none;
		position: absolute;
		top: 26px;
		right: 17px;
	}
	
	/***************
	PAGE CONTENT
	***************/
	
	#post_header h4 {
		margin-bottom: 5px;
	}
	
	#page_columns {
		margin-top: 20px;
	}
	
	/***************
	FOOTER
	***************/
	
	#mit_logo {
		width: 40px;
		height: 20px;
		background-size: 40px 20px;
	}

	#footer .footer_left {
		padding-left: 60px;
	}

	#footer .footer_right {
		padding-left: 60px;
	}
	
	/***************
	FORMS
	***************/
	
	#page_form input[type= "submit"] {
		float: none;
	}
	
	/***************
	POST LANDING
	***************/

	.post_entry .featured_image {
		width: 25%;
	}

	.post_entry .post_teaser {
		width: 75%;
	}

}