/*
Theme Name: Reuben 2014
Description: Blue and blue and blue.
Author: Joe McGarry
*/
@font-face { font-family: goth; src: url("fonts/HWYGOTH.otf"), url("fonts/HWYGOTH.ttf"); -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
@font-face { font-family: crime; src: url("fonts/crime.otf"), url("fonts/crime.ttf"); -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
@font-face { font-family: crimeb; src: url("fonts/crimeb.otf"), url("fonts/crimeb.ttf"); -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
* { margin: 0; padding: 0; }
html {height: 100%; background-color: #fefefe;}
body {font-family: helvetica; background: none; width: 100%; height: 100%; float: left; margin: 0 auto;}
hr {display: none;}
.showit {display: none;}
h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-weight: normal; font-family: goth; text-transform: uppercase; margin-bottom: 12px;}
a{text-decoration:none; color: #bababa; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; transition: color 0.2s linear; font-weight: bold;}
a:hover {color: #465678;}
a img {border: none;}
img {border: none;}
iframe {border: 0;}
.buttonlink {padding: 6px 16px; font-size: 15px; font-family: goth; color: #fefefe; text-align: center; text-transform: uppercase; background: #465678; line-height: 20px;
	-webkit-transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; transition: background-color 0.1s linear;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	border-right: 1px solid #222222; border-bottom: 1px solid #222222;}
.buttonlink:hover {background-color: #6699cc; color: #fefefe; border-right: 2px solid #222222; border-bottom: 2px solid #222222; margin: -1px 0 0 -1px;}
.redbut {background-color: #cc6666;}
.redbut:hover {background-color: #ff6666;}
.fadeylink {-webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; cursor: pointer;}
.fadeylink:hover {-webkit-opacity: 0.76; -moz-opacity: 0.76; opacity: 0.76;}  
p {margin: 0; padding: 0 0 8px; font-size: 13px; line-height: 17px; color: #222222;}
.space {clear: both;}
.spacer {clear: both; width: 100%; float: left; height: 16px;}
ul, li {margin: 0; padding: 0; font-size: 12px;}
.test {background: #ff9900; min-height: 80px;}
.test2 {background: #ff99cc; min-height: 80px;}
.nopads {padding: 0;}
.bigpads {padding-left: 22px; padding-right: 22px;}
.rightpads {padding-right: 24px;}
.rightpadstwo {padding-right: 12px;}
.nowrap {white-space: nowrap;}
.nooverflow {overflow: hidden;}
.clearleft {clear: left;}
.centerit {width: 100%; text-align: center;}
.whitebubble {background: #fefefe; padding: 16px 12px; padding: 22px 12px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; border: 2px solid #222222;}
.pattern {background: url(components/pattern.png) repeat; top: 0; left: 0; position: absolute; width: 100%; height: 100%; min-height: 300px;}

/*Main Stuff*/ 
.content {position: absolute;  width: 100%; min-height: 100%; top: 0; left: 0; overflow: visible;}
.section {float: left; width: 100%; padding: 0; margin: 0; position: relative; padding: 42px 0 36px;}
.footer .row {background: none;}

/* header */
.header {padding: 16px 0 24px; font-family: goth;}
.header .logo {float: left; width: 32%; padding-right: 2%;}
.header .text {padding-top: 8px; float: left; width: 66%;}
.navigation {background: #222222; padding: 0px;}
.navigation .logo {float: left; width: 5.5%; padding: 8px 0; margin-right: 2%;}
.navigation .nav {list-style: none; float: left; width: 92.5%; text-align: left; padding-top: 17px; font-family: goth;}
.navigation .nav li {display: inline; font-size: 20px; padding: 0 2% 0 0; white-space: nowrap; text-transform: uppercase;}
.navigation .nav li:last-child {padding-right: 0;}
.navigaton a {color: #f0f0f0;} .navigation a:hover {color: #fff;}
.mobi-nav {position: relative; padding-left: 0; padding-top: 7px; color: #fff; height: 37px;}
.mobi-nav:before {content: "";position: absolute; top: 7px; right: 0; width: 24px; height: 4px; border-top: 12px double #f0f0f0; border-bottom: 4px solid #f0f0f0;}
.mobi-nav span {margin-bottom: 6px; float: left; width: 100%; font-size: 20px; text-align: left; font-family: goth; color: #f0f0f0;}
.mobinavmenu {float: left; text-align: center; width: 100%; display: none; }
.mobinavmenu ul {list-style: none;}
.mobinavmenu li {font-family: goth; font-size: 20px; padding: 4px 0; text-transform: uppercase;}
.mobinavmenu ul:last-child {padding-bottom: 16px;}
.mobinavmenu ul li img {max-width: 32px;}
.socialism {position: absolute; top: 20px; right: 4px;}
.socialbox {width: 26px; height: 26px; padding: 2px; margin: 0 6px 0 0; background-color: #404040;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative; display: inline; float: left;
	-webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; transition: background-color 0.2s linear;}
.socialbox a img {width: 28px;}
.scrollnav {position: fixed; top: 0; z-index: 401;}
.sticker {float: left; width: 100%;}
.sticker2 {float: left; width: 100%; display: none; height: 66px;}

/* SECTIONS */
.loose {padding-bottom: 0;}
.loose h2, .memberlist h2, .memberlist2 h2, .newspage h2 {padding-bottom: 6px; border-bottom: 3px solid #465678;}
.newspage h2 {padding-bottom: 4px; border-bottom: 3px solid #465678; margin-bottom: 16px;}
/*featured*/
.bigad {padding: 0 0 4px; background: #101010;} .bigad img {width: 100%; float: left;}
.orbiter {float: left; width: 100%; height: 332px;}
.newsposts {height: 332px; padding: 0 0 36px; overflow: hidden;}
.newspostbg { position: absolute; top: 0; left: 0; width: 100%; height: 400px; background-position: center center; background-repeat: no-repeat;  
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.newsposts .pattern {height: 380px;}
.newsbubble {background: #fefefe; text-align: center; padding: 22px 12px; margin-top: 30px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; border: 2px solid #222222;}
.newsbubble h3 {font-size: 30px; line-height: 30px; margin-bottom: 6px;}
.newsbubble h3 a {color: #222222} .newsbubble h3 a:hover { color: #465678}
.newsbubble .date {font-family: goth; font-size: 16px; color: #999999; text-transform: uppercase; margin-bottom: 8px;}
.newsbubble p {font-size: 14px; line-height: 18px; margin-bottom: 8px;}
.newser .stem, .members .stem, .memoriam .stem {height: 42px; width: 58px; background: url(components/whitestem.png); background-size: cover; position: relative; margin: -2px 0 0 16%;}
.readmore {font-family: goth; font-size: 14px; text-transform: uppercase; color: #465678;} .readmore:hover {color: #6699cc;}

/*recent / newsposts */
.recentposts img {width: 100%; border-right: 3px solid #dddfe5;}
.recentposts .post, .newspage .post, .primary .post {margin: -2px 0 16px; padding: 6px 8px 10px;}
.recentposts .moretop {padding-top: 12px; margin-bottom: 18px;}
.recentposts h3 {font-size: 16px; line-height: 18px; margin-bottom: 4px;}
.recentposts h3 a {color: #cc6666; position: relative; z-index: 400;}
.recentposts h3 a:hover {color: #465678;}
.recentposts .date {font-family: goth; font-size: 14px; text-transform: uppercase; color: #808080;}

/*social*/
.social {padding-bottom: 48px;}
.social h2 {margin-bottom: 16px;}
.twitter {padding-bottom: 0px;}
.twitbubble {float: left; width: 100%; min-height: 80px; background: #f0f0f0; padding: 20px 14px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border-right: 3px solid #dddfe5; border-bottom: 3px solid #dddfe5; overflow: hidden;}
.twithandle {background-image: url(components/twitbird.png); background-repeat: no-repeat; background-size: 26px; background-position: 8px center; float: left; clear: both; margin: 0px 0 0 2px; padding: 4px 8px 4px 40px; font-family: goth; text-transform: uppercase;}
.twitter .sayin {position: relative; float: left; width: 100%;}
.twitter .stem, .vids .stem {height: 42px; width: 58px; float: right; background: url(components/whitestem4.png); background-size: cover; position: relative; margin: -3px -4px 0 0; z-index: 3; }
.twitter .character {background: no-repeat left top; background-size: 120px 182px; float: right; width: 120px; height: 182px; margin-bottom: -50px;}
.tweet,.query {width: 100%; margin: 0; padding: 0;}
.tweet_list {list-style: none; margin: 0; padding: 0; float: left; max-width:100%;}
.tweet_list li { overflow-y: visible; overflow-x:hidden; list-style-type: none; font-weight: normal;}	
.tweet_list li a {/*font-family: crimeb;*/ margin: 0; padding: 0; color: #cc6666;} .tweet_list li a:hover {color: #465678;}
.tweet_list .tweet_avatar {display: none;}	
.tweet_list .tweet_text {float: left; position: relative; font-size: 15px; line-height: 19px; margin: 0; padding: 0; width: 100%; padding-bottom: 3px; color: #212121;}	
.tweet_list .tweet_time {float: left; position: relative; font-size: 11px; margin: 0; padding: 0; width: 100%;}	
.tweet_list .tweet_time a {color: #888888; text-transform: uppercase;}
.tweet_list .tweet_time a:hover {color: #465678;}
.reubener {position: absolute; left: 18px; top: 46px; z-index: 4; width: 120px; font-size: 11px; line-height: 14px; color: #888888;}
.insta .block-grid.four-up, .insta .block-grid.two-up {margin: 0 0 12px;}
.insta .block-grid.four-up > li, .insta .block-grid.two-up > li {padding: 0 3px;}
.insta .instatext {padding-top: 6px; font-size: 13px; line-height: 17px;}
.insta .instatext .date {padding-top: 8px; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #888888;}
.instahandle {background-image: url(components/instacam.png); background-repeat: no-repeat; background-size: 20px; background-position: 8px center; float: left; padding: 4px 8px 4px 36px; font-family: goth; text-transform: uppercase;}

/*awards*/
.awards {min-height: 400px; overflow: hidden; padding-top: 68px;}
.awardsbg, .awardwinnersbg, .divisionbg, .otherawardsbg, .weekendsbg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	background-image: url(components/1961reubens.jpg); background-position: center center; background-repeat: no-repeat;  
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.awards .blurb {margin-top: 6px; margin-bottom: 16px;}
.awards p {margin-bottom: 20px; text-align: left;}

.awardstop, .divisiontop, .otherawardstop, .weekendstop {overflow: hidden;}
.awardstop p {color: #fefefe; font-size: 14px; line-height: 19px;}
.awardwinnersbg {background-image: url(components/awardwinners.jpg);}
.divisionbg {background-image: url(components/divisions.jpg); background-position: top center;}
.otherawardsbg {background-image: url(components/otherawards.jpg); background-position: top center;}
.weekendsbg {background-image: url(components/weekends.jpg); background-position: top center;}
.reubenwinners {padding-bottom: 24px;}
#pres {padding-top: 0;}

.closer {width: 100%; float: left; font-family: goth; text-transform: uppercase; font-size: 12px; cursor: pointer; color: #aaaaaa}
.toglink {padding: 0px 16px 24px; line-height: 12px; text-align: center; cursor: pointer; font-family: goth; text-transform: uppercase; font-size: 16px; color: #465678;}
.toglink .arrow {width: 12px; height: 12px; border-spacing: 0; display: inline-block; vertical-align: bottom; margin-left: 3px; transform-origin:50% 44%; -webkit-transform-origin:50% 44%;}
/*reubens*/
.reubenwinners a, #caniffwinners p a, #tsquarewinners p a {color: #cc6666} .reubenwinners a:hover, #caniffwinners p a:hover, #tsquarewinners p a:hover {color: #ff6666;}

/*videos*/
.videos {background-image: url(components/cartoonfooter.png); background-repeat: no-repeat; background-size: 92%; background-position: bottom center; padding-bottom: 128px;}
.videos h2 {margin-bottom: 16px;}
.videos p {margin-bottom: 16px;}
.videos .blurb {position: relative; margin-top: 0px; margin-bottom: 20px;}
.videos .vidthumbs {margin-bottom: 24px; padding: 0 8px;}
.videos .vidthumbs li {padding: 0 4px;}
.piccy {padding-bottom: 16px;}

/*history*/
.history {min-height: 400px; overflow: hidden; padding-top: 82px;}
.histbg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	background-image: url(components/history.jpg); background-position: center center; background-repeat: no-repeat;  
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.history .blurb {margin-top: 6px; margin-bottom: 16px;}
.history p {margin-bottom: 20px; text-align: left;}
.history .piccy {padding-top: 16px;}

.about {min-height: 300px; overflow: hidden;}
.aboutbg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	background-image: url(components/statueliberty.jpg); background-position: center left; background-repeat: no-repeat;  
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	
.primary {background-color: #f2f2f2;}
.primary .reverseout {background: #fefefe; padding-top: 8px; min-height: 78px;}
.primary img {border-right: 3px solid #dddfe5; width: 100%;}


/*foundation*/
.foundation {background: #465678 url(components/pattern.png) repeat; overflow: hidden; min-height: 400px;}
.foundbg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	background-image: url(components/foundationpens.jpg); background-position: center center; background-repeat: no-repeat;  
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.foundation .blurb {padding-top: 82px;}
.foundation p {margin-bottom: 16px;}

/*interest*/
.interest {background: #f2f2f2;}
.interest .item {text-align: center; margin-bottom: 24px;}
.interest .item img {margin-bottom: -16px;}
.interest .item p {text-align: center; margin-bottom: 12px;}

.reverseout {background: #f0f0f0; border-right: 3px solid #dddfe5; border-bottom: 3px solid #dddfe5;}
.reverseout p, .reverseout h1, .reverseout h2, .reverseout h3 {color: #222222;}
.whitetext {color: #fefefe;}
.biggertext {font-size: 14px; line-height: 19px;}
.section.recentposts .reverseout {min-height: 76px !important;}

/* posts */
.article {margin-bottom: 32px;}
.article.magpage {margin-bottom: 16px;}
.article h2 {font-size: 36px; line-height: 36px; margin-bottom: 4px;}
.article.page h2, .article.magpage h2 {font-size: 36px; line-height: 36px; margin-bottom: 16px; padding-bottom: 6px; border-bottom: 3px solid #465678;}
.article .date {font-family: goth; font-size: 18px; text-transform: uppercase; color: #808080; margin-bottom: 16px; padding-bottom: 6px; border-bottom: 3px solid #465678;}
.article a {color: #cc6666;} .article a:hover {color: #ff6666;}

.votesection {padding: 0 0 12px 0;}
.votesection h4 {padding: 6px 12px; background: #465678; color: #fefefe;}
.votesection p {margin: 0; padding: 0; line-height: 0;}
.nomineethumbs {padding-top: /*15px*/6px;}
.nomthumb {border: 4px solid #cc6666; border-radius: 2px; background: #c66; line-height: 16px; font-size: 12px; color: #fefefe; text-align: center;}
.nomthumb:hover {border: 4px solid #ff6666; background: #f66; cursor: pointer;}
.nomthumb img {display: block; margin-bottom: 6px; width:100%;}
.nomineefull {padding: 15px; background:#E4E9EF; display: none; border-radius: 2px; margin-bottom: 10px;}

/*.nomineefull:nth-child(1) {border-radius: 0px 6px 6px 6px;}
.nomineefull:nth-child(2), .nomineefull:nth-child(3) {border-radius: 6px;}
.nomineefull:nth-child(4) {border-radius: 6px 0px 6px 6px;}*/

.article input[type=submit] {padding: 8px 18px; font-size: 24px; font-family: goth; color: #fefefe; text-align: center; text-transform: uppercase; background: #465678; line-height: 20px;
	-webkit-transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; transition: background-color 0.1s linear;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer;
	border: 0; border-right: 3px solid #222222; border-bottom: 3px solid #222222;}
.article input[type=submit]:hover {background-color: #ff6666;}

.results {width: 560px; list-style: none;}
.results li .one, .results li .two, .results li .three {width: 33%; float: left; text-align: left; padding: 0 6px;}
.results li:nth-child(odd) div {background: #f0f0f0;}
.results .heading div {background: #465678 !important; color: #fff; text-transform: uppercase; font-family: goth;}

.wp-caption {background: #222222;}
.wp-caption-text {color: #fefefe; font-size: 11px; line-height: 14px; padding: 0 8px 12px;}
.alignnone, .wp-caption.alignnone {padding: 0; margin: 0px 0 10px 0; border: 0px; display: block; clear: both; width: 100% !important;}
.aligncenter, .wp-caption.aligncenter {padding: 0; margin: 0px auto 10px; border: 0px; display: block; width: 100% !important; clear: both; float: none;}	
.alignleft, .wp-caption.alignleft { padding: 0; margin: 0px 10px 10px 0; border: 0px; float: left; width: 48% !important;}
.alignright, .wp-caption.alignright { padding: 0; margin: 0px 0 10px 10px; border: 0px; float: right; width: 48% !important;}
.wp-caption img {width: 100% !important; margin: 0 0 10px; padding: 0;}
.flex-video {clear: both;}

.mags .title {margin-top: -2px; width: 100%; float: left; background: #222222; padding: 4px 8px 3px; font-family: goth; font-size: 14px; line-height: 18px; text-transform: uppercase;}
.mags .four.columns {margin-bottom: 24px;}
.issuuembed {width: 100%; float: left; height: 700px;}

.share {float: left; width: 100%; min-height: 20px; padding: 4px 12px 5px; background: #465678; margin-top: 16px;}
.share .explain {float: left; font-size: 14px; color: #fefefe; font-family: goth; text-transform: uppercase; margin-right: 12px; padding-top: 5px;}
.share .sharebutton {float: left; background-size: 100%; background-position: center left; background-repeat: no-repeat; margin-right: 18px; height: 26px; padding: 7px 2px 0 0;}
.share .sharebutton .number {float: right; width: 20px; font-family: goth; font-size: 12px; text-align: center; color: #6699cc;}
.share .twitter {width: 50px; background-image: url(components/big_tweet.png); padding-right: 0;}
.share .facebook {width: 40px; background-image: url(components/big_facebook.png)}
.share .gplus {width: 53px; background-image: url(components/big_gplus.png)}
.share .sharegeneric {width: 20px; background-image: url(components/share_icon.png); margin-right: 0;}

.newshare {font-size: 22px; padding-right: 12px; color: #f1f1f1 !important;}
.newshare:hover {color: #cc6666 !important;}

.single .recentposts h5 {border-bottom: 1px #bababa solid; padding-bottom: 4px;}
#map { height: 420px; width: 100%; margin-top: 16px; float: left;} .leaflet-control-attribution {display: none}
.leaflet-overlay-pane svg {background-color: #6699cc !important;}

/*Members*/
.members, .memoriam {min-height: 400px; overflow: hidden; padding-top: 82px;}
.members .membg, .memoriam .membg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	background-image: url(components/members.jpg); background-position: center center; background-repeat: no-repeat;  
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.memoriam .membg {background-image: url(components/memoriam.jpg); background-position: center right;}
.members .newsbubble p, .memoriam .newsbubble p {margin-bottom: 20px;}
.members .newsbubble, .memoriam .newsbubble, .vids .newsbubble {margin-top: 0px;}
.memoriam .stem {height: 42px; width: 58px; background: url(components/whitestem2.png); background-size: cover; position: relative; margin: -2px 0 0 66%;}

.fivecol {-moz-column-count: 5; -webkit-column-count: 5; column-count: 5; height: 2170px;}
.fivecol h4, .threecol h4 {color: #fefefe; background:#465678; padding: 3px 6px; margin-bottom: 10px; width: 90%;}
.fivecol a, .threecol a {color: #222222;} .fivecol a:hover, .threecol a:hover {color: #ff6666;}
.fivecol img, .threecol img {padding: 6px 0;}
.memberlist2 .fivecol {height: 1148px;}
.toggy{display: none;}
.threecol {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}

/*newspage*/
#grid {float: left; width: 100%;}
#grid[data-columns]::before {content: '3 .column.size-1of3'; display: none;}
.column { float: left; }
.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.333%; }
.size-1of4 { width: 25%; }
.newspager {margin-bottom: 16px;}

.articlenav {margin-bottom: 16px;}
.articlenav a {font-size: 12px; color: #465678; font-family: 13px; text-transform: uppercase;}
.articlenav a:hover {color: #6699cc;}
.articlenav .left {float: left;} .articlenav .right {float: right;}

/*vidspage*/
.vids p {margin-bottom: 16px;}
.vids.blues {background: #465678;}
.vids.reds {background: #cc6666;}
.vids.blues .vidsbg, .vids.reds .vidsbg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	background-image: url(components/foundationpens.jpg); background-position: center center; background-repeat: no-repeat;  
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.vids.reds .vidsbg {background-image: url(components/redgrad.jpg);}
.vids.greys {background: #dddfe5;}
.vids.cartoons {background-image: url(components/cartoonfoot2.png); background-repeat: no-repeat; background-size: 82%; background-position: bottom center; padding-bottom: 108px;}
.vids.cartoons2 {background-image: url(components/cartoonfoot3.png); background-repeat: no-repeat; background-size: 82%; background-position: bottom center; padding-bottom: 108px;}
.vids.greys .pattern, .vids.cartoons .pattern, .vids.cartoons2 .pattern {display: none;} .vids.greys .vidsbg, .vids.cartoons .vidsbg, .vids.cartoons2 .vidsbg {display: none;}

/*sidebar*/
.sidebar {background: #f0f0f0; border-right: 3px solid #dddfe5; border-bottom: 3px solid #dddfe5; margin-bottom: 18px; padding-top: 12px; padding-bottom: 14px;}
.sidehead {background: #222222; padding-top: 8px;}
.sidehead h4 { color: #fefefe; margin-bottom: 8px;}
.sidebar .twitbubble, .blues .twitbubble, .reds .twitbubble {background: #fefefe;}
.sidebar .stem, .blues .stem, .reds .stem {background: url(components/whitestem3.png); background-size: 100%; height: 30px; width: 42px; float: right; right: 30px;}
.sidebar .character {display: none;}
.sidebar .reverseout {background: #fefefe;}
.sidebar.board p {font-size: 11px;}
.sidebar.board a {color: #cc6666;} .sidebar.board a:hover {color: #ff6666;}
.sidebar.board img {border-right: 3px solid #dddfe5; border-bottom: 3px solid #dddfe5;}

.vids .twitbubble {min-height: 0; margin-top: 6px;}
.vids .twitbubble p {margin-bottom: 0;}
.vids .stem {height: 42px; width: 58px; float: right; background-size: cover; margin: -3px 18% 0 0;}

/* footer */
.footer {background: #161616; padding: 30px 0 36px;}
.footer p {font-size: 12px; line-height: 18px; padding-bottom: 10px; color: #fefefe;}
.contactinfo {position: relative; margin-bottom: 18px;}
.contacts {float: right; text-align: right; margin-bottom: 8px; padding: 0;}
.footfoot {color: #fefefe;}
.footfoot .divider, form .divider {float: left; width: 100%; border-top: 1px solid #999999; padding-bottom: 16px;}
.footfoot .footleft, .footfoot .footright {float: left; text-align: left; font-size: 12px; line-height: 16px;}
.footfoot .footright {float: right; text-align: right;}
.footer a {color: #f0f0f0;} .footer a:hover {color: #6699cc;}
.footfoot a {color: #ff9900;} .footfoot a:hover {color: #fefefe;}
.footer .socialism {float: right; position: relative; margin: 0; padding: 0; top: 0; left: 0;}
.footer .socialbox {background-color: #465678;}
.footer .socialbox:last-child {margin-right: 0;}
.footer .menu {margin-bottom: 16px;}
.socialbox:hover {background-color: #6699cc;}

/* Back To Top*/
#backtotop { position: fixed; right:0px; display:none; bottom: 20px; margin: 0 20px 0 0; z-index: 6; -webkit-opacity: 0.88; -moz-opacity: 0.88; opacity: 0.88;}
#backtotop a { text-decoration:none; border:0 none; display:block; width:45px; height:45px; background: #465678 url(components/back_to_top_btn.png) no-repeat 50% 50%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}
#backtotop a:hover {background-color: #6699cc;}
	
/* iPad Stuff */
@media only screen and (max-width: 800px) {
	.header .text {padding-top: 4px;}
	.navigation .logo {padding: 5px 0 6px; margin-right: 1.3%;}
	.navigation .nav {padding-top: 12px;}
	.navigation .nav li {font-size: 16px; padding: 0 1.6% 0 0;}
	.sticker2 {height: 48px;}
	.newsbubble {margin-top: 24px;}
	.newsbubble h3 {font-size: 22px; line-height: 22px; margin-bottom: 6px;}
	.newsbubble .date {font-size: 15px; margin-bottom: 6px;}
	.members .newsbubble, .memoriam .newsbubble {margin-top: 0px;}
	.twitter .stem {height: 32px; width: 48px; margin: -3px 0 0 4%;}
	.follow {font-size: 12px;padding: 10px 0 0 2px;}
	.section h2 {font-size: 32px;}
	.videos {background-size: 94%; padding-bottom: 98px;}
	.vids.cartoons, .vids.cartoons2 {background-size: 94%; padding-bottom: 78px;}
	.foundation .blurb {padding-top: 32px;}
	.socialism {top: 12px;}
	.sidebar .tweet_list .tweet_text {font-size: 12px; line-height: 16px;}
	.issuuembed {height: 500px;}
}

/* less-than iPad Stuff */
@media only screen and (max-width: 767px) {
	.header {padding: 12px 0 12px;}
	.header .text {padding-top: 0px;}
	.rightpads {padding-right: 0px;}
	.featured {padding-bottom: 14px;}
	.featured .thumbnail {padding-bottom: 6px;}
	div.orbit-wrapper div.slider-nav span {top: 90%;}
	.recentposts .post {min-height: 1px;}
	.twitter .stem {height: 42px; width: 58px; margin: -3px 0 0 8%;}
	.follow {font-size: 13px; padding: 10px 0 0 12px;}
	.social .insta {margin-bottom: 38px;}
	.social .insta .block-grid {margin-bottom: 8px;}
	.instahandle {float: none;}
	.foundation .blurb {padding-top: 0px;}
	.videos {background: none; padding-bottom: 36px;}
	.vids.cartoons, .vids.cartoons2 {background: none; padding-bottom: 36px;}
	.history, .awards {padding-top: 36px}
	.history .piccy {padding-top: 0px;}
	.interest .item:first-child {padding-bottom: 18px;}
	.socialism {position: relative; float: left;}
	.article img {width: 100%;}
	.alignnone, .aligncenter, .alignleft, .alignright, .wp-caption, .wp-caption.alignleft, .wp-caption.alignright {width: 100% !important; margin: 0 0 10px; display: block; clear: both;}
	.sidebar .tweet_list .tweet_text {font-size: 15px; line-height: 19px;}
	.sidebar .instahandle {float: left;}
	.contactinfo {text-align: center;}
	.contacts {float: left; width: 100%; text-align: center;}
	.footfoot .footleft, .footfoot .footright {float: left; text-align: center; width: 100%;}
	.footfoot .footleft {margin-bottom: 12px;}
	.footer .socialism {float: left; padding-left: 50%; margin-left: -60px; margin-bottom: 5px;}
	#grid[data-columns]::before {content: '1 .column.size-1of1';}
	#backtotop {display: none !important;}
	.fivecol {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1; height: 10500px;}
	.threecol {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
	.fivecol h4, .threecol h4 {width: 100%;}
	.memberlist2 .fivecol {height: 5380px;}
	.reubenwinners li img {width: 100%;}
	.primary .reverseout {min-height: 0px;}
	.piccy {height: 200px;} .piccy img {height: 100%; width: auto;}
	.issuuembed {height: 300px;}
}