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

body { 	font-family: 'Quattrocento Sans', arial; font-size: 11pt; }
hr { width: 25%; border: 0; border-top: solid 1px #777; margin: 20px auto; }

input, textarea, select { -webkit-box-sizing: border-box;box-sizing: border-box; }

.flot { width: 320px; height: 240px; }
.flotWrap { display: inline-block; float: right; margin-left: 0.5em; margin-bottom: 0.5em; }
.flotWrap h6 { text-align: center; font-size: 10pt; margin: 0; }
.flotWrap.horizontal .xAxis .tickLabel { width: 30px; }

.header { width: 960px; margin: auto; margin-bottom: 2.5em; }
div.header .desc { background: rgb(60,97,53); background: rgba(60,97,53,0.95); color: white;
	display: inline-block; position: relative; top: 10px;
	padding: 2px; padding-left: 7em; padding-right: 2em;
	font-size: 10pt; border: solid 1px #0b1810; }
.header .image img { margin-left: 50px; width: 806px;  border: solid 3px black; }
.h1Parent { text-align: right; }
h1 { background: rgb(96,18,26); background: rgba(96,18,26,0.9); color: white; padding: 0.2em 4em 0.2em 2em;
	float: right; margin: 0; margin-top: -42px; z-index: 20; position: relative;
	font-family: 'Levenim MT'; font-weight: normal;
	border: solid 1px black; -webkit-box-shadow: 2px 2px 4px #aaa;box-shadow: 2px 2px 4px #aaa;  -webkit-transition: background-color 0.5s;transition: background-color 0.5s; }
h1 img { vertical-align: middle; }
h1:hover { background: rgba(128,18,26,0.8); -webkit-transition: background-color 0.5s;transition: background-color 0.5s; }

h2 { font-size: 20pt; }
h3 { font-size: 14pt; }

a img { border: 0; }
a { color: #3c6135;  -webkit-transition: color ease-out 0.3s;transition: color ease-out 0.3s; }
a:visited { color: #639B59; }
a:hover { color: blue; -webkit-transition: color ease-out 0.4s;transition: color ease-out 0.4s; }


.blogEntry h2, .pageEntry h2 { margin: 0; background: rgb(96,18,26); background: rgba(96,18,26,0.9); color: white; font-weight: normal;
	font-size: 14pt; padding: 0.2em 0.5em; border: solid 1px black; font-family: 'Quattrocento Sans';
	-webkit-box-shadow: 2px 2px 2px #ccc;box-shadow: 2px 2px 2px #ccc; }
.blogEntry h2:hover { background: rgba(128,18,26,0.8); -webkit-transition: background-color 0.5s;transition: background-color 0.5s; }
.blogEntry h2:empty { display: none; }
/*h2 { margin: 0; margin-bottom: 25px; font-family: georgia; color: black; text-shadow: 1px 1px 2px #444;
	font-weight: normal; font-size: 28pt; line-height: 1.3em; }*/
/** The underlines seem to be rendered very glitchily for <a><h2/></a> so avoiding **/
a { text-decoration: none; }
.blogEntry .content a, .pageEntry a { text-decoration: underline; }

.blogEntry blockquote { margin: 0; color: #555; }
.blogEntry blockquote .source { margin-bottom: 5px; }
.blogEntry blockquote .blurb { margin-left: 0.5em; border-left: 10px solid #aaa; padding-left: 1em; margin-right: 1em; }
.pageEntry blockquote.in, .blogEntry blockquote.in { border-left: 2px solid #ccc; padding-left: 0.7em; }

.blogEntry p { margin-top: 1em; }
.blogEntry p:first-child { margin-top: 0; }
.blogEntry blockquote { margin-bottom: 1em; }
.blogEntry blockquote:last-child { margin-bottom: 0; }

.sidePic > * { margin: 0; border: 0; }
.sidePic img { display: block; }
.sidePic { float: left; border: solid 1px black; margin-right: 0.5em; margin-bottom: 0.5em; }
.sidePic .caption { font-size: 8pt; border-top: solid 1px black; background: rgb(60,97,53);
	color: white; text-align: center; font-family: arial; height: 1.4em; margin-top: -1.4em; background: rgba(60,97,53,0.85);
	position: relative; z-index: 5; -webkit-box-sizing: border-box;box-sizing: border-box; box-sizing: border-box;}

.midPic > * { margin: 0; border: 0; }
.midPic img { display: block; }
.midPicPar { text-align: center; }
.midPic { display: inline-block; border: solid 1px black; margin-bottom: 0.5em; }
.midPic .caption { font-size: 8pt; border-top: solid 1px black; background: rgb(60,97,53);
	color: white; text-align: center; font-family: arial; height: 1.4em; margin-top: -1.4em; background: rgba(60,97,53,0.85);
	position: relative; z-index: 5; -webkit-box-sizing: border-box;box-sizing: border-box; box-sizing: border-box;}

.blogEntry .links, .pageEntry .links { margin-top: 0.5em; text-align: center; }
.links + h3 { margin-top: 10px; }

.blogEntry { max-width: 600px; }
.blogEntry .content { background: #FAF7F7; margin-left: 2em; margin-bottom: 2em; padding: 0.5em;
	-webkit-box-shadow: 2px 2px 2px #ccc;box-shadow: 2px 2px 2px #ccc; border: solid 1px black; margin-top: -1px; }
.blogEntry .content iframe { max-width: 90%; }
.blogEntry .content .midPic { position: relative; max-width: 95%; }
.blogEntry .content img { max-width: 100%; }
.blogEntry .text { margin: 0.2em; font-family: 'Roboto'; font-size: 10pt; }
.blogEntry .controls { text-align: right; font-size: 0.8em; }
.blogEntry .controls a { text-decoration: none; }
.blogEntry .controls > span:not(:last-child):after { content: " \00B7"; font-weight: bold; font-size: 1.2em; }

.pageEntry h2 { margin-left: -40px; padding-left: 40px; }
.pageEntry h2:empty { display: none; }
.pageEntry .content { padding-top: 0.8em; margin-left: 4em; text-align: justify;
	font-family: 'Roboto'; font-size: 10pt; }
.pageEntry .controls { text-align: right; margin-right: 1em; margin-top: 1em; }
.pageEntry .controls > span:not(:last-child):after { content: " \00B7"; font-weight: bold; font-size: 1.2em; }

.pageEntry blockquote { margin: 0; color: #555; }
.pageEntry blockquote .source { margin-bottom: 5px; }
.pageEntry blockquote .blurb { margin-left: 1em; border-left: 5px solid rgb(96, 18, 26); padding-left: 1em; }

.pageEntry p { margin-top: 1em; }
.pageEntry p:first-child { margin-top: 0; }
.pageEntry blockquote { margin-bottom: 1em; }
.pageEntry blockquote:last-child { margin-bottom: 0; }

.blogEntry .update, .pageEntry .update { border: solid 1px #ccc; padding: 4px 8px; background: white; }


.admin { background: orange; margin: 0; padding: 0;}
.admin li { list-style-type: none; margin: 0; padding: 0; display: inline-block; }
.admin li a { padding: 3px 1em; background: red; color: white; text-decoration: none; -webkit-transition: background-color 0.5s;transition: background-color 0.5s; }
.admin li a:hover { background: #700; -webkit-transition: background-color 0.5s;transition: background-color 0.5s; }

.sideMenu { font-size: 10pt; margin: auto; padding: 0; width: 178px; }
.sideMenu h4 { font-weight: normal; text-align: center; margin-bottom: 8px; }
ul.sideMenu li { list-style-type: none; margin-bottom: 5px; }
ul.sideMenu li a { display: inline-block; text-decoration: none; color: white;
	background: #4f8046; background: -webkit-radial-gradient(#3c6135 0%, #4f8046 100%);radial-gradient(#3c6135 0%, #4f8046 100%); width: 100%;
	border-radius: 3px; text-align: right; padding: 3px 6px; border: solid 1px #3c6135;
	-webkit-transition: background-image ease-out 0.4s;transition: background-image ease-out 0.4s;
	overflow: hidden;
	}
ul.sideMenu a:hover { background: #6fab65 -webkit-radial-gradient(#3c6135 0%, #6fab65 100%);radial-gradient(#3c6135 0%, #6fab65 100%);
	-webkit-transition: background-image ease-out 0.4s;transition: background-image ease-out 0.4s; }
ul.sideMenu a span { display: inline-block; -webkit-transition: margin-right ease-in-out 0.2s;transition: margin-right ease-in-out 0.2s; }
ul.sideMenu a:hover span { margin-right: 1000px; -webkit-transition: margin-right ease-in-out 0.5s;transition: margin-right ease-in-out 0.5s; }

h3:first-of-type { margin-top: 0; }
h3 { font-size: 16pt; color: black; text-shadow: 1px 1px 1px rgba(128,128,128,0.4); margin: 0; margin-top: 20px; margin-bottom: 14px; }
	
/** Menu Bar **/
:focus { outline: none; }
ul.bottomMenu { margin: 1em 0; padding: 0; text-align: center; font-size: 13pt; }
ul.bottomMenu a { color: #aaa; text-decoration: none; display: block; width: 100%; line-height: 2.5em; }
ul.bottomMenu li { display: inline-block; list-style-type: none; padding-left: 2em; margin: 0; }
ul.bottomMenu li:first-child { padding-left: 0; }
ul.bottomMenu a:hover { color: blue; -webkit-transition: color ease-out 0.4s;transition: color ease-out 0.4s; }

/** Body **/
div.bodyLayout {
	margin: 10px 50px;
	}

.layout { display: table; margin: auto; }
.layout .row { display: table-row; }
.layout .row > div { display: table-cell; vertical-align: top; }
.layout .contentCol { padding: 0 40px; }
.layout .contentCol .bodyLayout { min-width: 500px; max-width: 650px; }
.layout .sideMenuCol { width: 200px; }

table.main { width: 100%; max-width: 1024px; margin: auto; }
	
button { background: rgba(96,18,26,0.9); background: -webkit-linear-gradient(top, rgba(96,18,26,0.5), rgba(96,18,26,0.9), rgba(96,18,26,1));linear-gradient(top, rgba(96,18,26,0.5), rgba(96,18,26,0.9), rgba(96,18,26,1));
	color: white; font-family: 'Quattrocento Sans';
	border-radius: 2px; padding: 0 1em; border: solid 1px black;
	box-shadow: 2px 2px 3px #ccc; -webkit-transition: opacity 0.4s;transition: opacity 0.4s; }
button:hover { opacity: 0.9; -webkit-transition: opacity 0.4s;transition: opacity 0.4s; }

button.save { opacity: 0.5; }
form.hasChanges button.save { opacity: 1; }

.searchBox { margin-bottom: 1.5em; }
.searchBox input, .searchBox select { font-size: 12pt; }
.searchBox .q { width: 30em; }
.searchBox button { font-size: 11pt; }
.searchBox .inner { margin: auto; }
.searchOptions { margin-top: 3px; font-size: 11pt; padding-left: 3em; opacity: 0.6; }
.searchOptions .savedInfo { display: none; }
.searchOptions .savedInfo a { color: #700; }

.results { text-align: left; max-width: 650px; }
.results > * { text-align: left; }
.card, .org { display: inline-block; max-width: 180px; min-width: 90px; vertical-align: bottom; padding: 1em;
	border: solid 1px #ccc; margin-right: 1em; border-radius: 2px;
	background: -webkit-linear-gradient(top, #fff, #e0e0e0, #fff);linear-gradient(top, #fff, #e0e0e0, #fff);
	-box-shadow: 31px 28px 2px -30px #aaa;
	position: relative; margin: 5px; }
.org .name { text-align: right; width: 85%; margin-left: 17%; margin-bottom: 0.5em; }
.org .street { display: block; }
.org .address { font-size: 10pt; }
.org .description { font-size: 10pt; margin: 0.5em 0; }
.org .website { font-size: 10pt; width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.org .controls { position: absolute; top: 0; right: -24px; opacity: 0; z-index: 10; -webkit-transition: opacity 0.2s;transition: opacity 0.2s; }
.org:hover .controls { opacity: 1;  -webkit-transition: opacity 0.2s;transition: opacity 0.2s; }
.org .controls button { opacity: 0.7; }
.org .controls button:hover { opacity: 1; }
.org .controls button { display: block; width: 24px; height: 24px; padding: 0;
	background: #eee; color: #777; border: solid 1px #ccc; border-left: solid 1px #ccc; border-radius: 0;
	border-top-right-radius: 5px; border-bottom-right-radius: 5px;
	box-shadow: 1px 1px 2px #ccc; margin-top: -1px; }
-.org .controls button:first-child { margin-bottom: 1em; }
.org.saved { border: solid 1px #99f; box-shadow: 1px 1px 5px #ccc; }
.org.saved .orgShadow { display: none; }

.building.card { display: inline-flex; flex-direction: column; padding: 0;
	border: solid 1px #999; border-radius: 0; box-shadow: 2px 2px 2px rgba(128,128,128,0.5); max-width: 220px; }
.building.card > * { xborder: solid 1px red; margin: 0; transition: padding 0.5s, border-width 0.5s, height 0.5s;
	overflow: hidden; }
.building.card h2 { font-size: 12pt; padding: 4px; }
.building.card .images { overflow: hidden; }
.building.card .images img { max-width: 100%; }
.building.card .images .image { position: relative; }
.building.card .images .image .caption { position: absolute; bottom: 0; left: 0; width: 100%;
	font-size: 8pt; background: rgba(60, 97, 53, 0.7); color: white; text-overflow: ellipsis;
	overflow: hidden; white-space: nowrap; padding: 1px 3px; }
.building.card .comments { font-size: 8pt; overflow: hidden; padding: 2px; }
.building.card .comment { padding: 1px; }
.building.card .comment .date { font-weight: bold; }
.building.card .mapStack { transition: top 0.5s; }

.building.card .map { overflow: hidden; height: 40px; }
.building.card > h2, .building.card > .map, .building.card > .images { border-bottom: solid 1px #999; }
.building.card > .noborder { border: 0; padding-top: 0px; padding-bottom: 0px; }

.building.card .maxControls { position: absolute; top: 0; right: 0; padding: 5px; z-index: 10; opacity: 0;
	transition: opacity 0.5s; }

.building.card .maximized { height: 100%; }
.building.card .comments.maximized { padding-top: 30px; }

/** To be removed! **/
table.orgDetails td { vertical-align: top; padding-left: 1em; }

.matchingOrgsParent { width: 17em; display: inline-block;  vertical-align: top; }
.matchingOrgs { vertical-align: top; margin-left: 1.5em; width: 100%; width: 15em; display: inline-block;
	border: solid 1px #ccc; padding: 0.8em; }
.matchingOrgs:empty { visibility: hidden; }
.matchingOrgs ul { margin: 0; padding-left: 1.4em; }
.matchingOrgs h3 { margin: 0; margin-bottom: 5px; font-size: 14pt; }

.pageControls { background: rgb(60, 97, 53); background: radial-gradient(rgb(60, 97, 53) 0%, rgb(79, 128, 70) 100%) repeat scroll 0% 0% transparent;
	border-radius: 2px; border: 1px solid rgb(60, 97, 53);
	margin: 15px 0; position: relative; height: 25px; }
.pageControls a { color: white; }
.pageControls .center {  padding: 3px; }
.pageControls .next a {  padding: 3px; position: absolute; right: 0; padding: 3px 10px 3px 14px; }
.pageControls .next a:hover, .pageControls .prev a:hover {  background: rgb(111, 171, 101); background: radial-gradient(rgb(60, 97, 53) 0%, rgb(111, 171, 101) 100%) rgb(111, 171, 101); }
.pageControls .prev a {  padding: 3px; position: absolute; left: 0; padding: 3px 14px 3px 10px; }

/** Tweets **/
.tweet { font-size: 9pt; font-family: arial;
	 background-color: white;  -webkit-transition: width 0.2s, margin 0.2s;transition: width 0.2s, margin 0.2s;
	 z-index: 100; position: relative; margin-left: -15px; width: 210px; }
.tweet > * { width: 100%; }
/*.tweet:hover { width: 275px; margin-left: -100px; -webkit-transition: width 0.2s, margin 0.2s;transition: width 0.2s, margin 0.2s;  -webkit-transition-delay: 0.2s;transition-delay: 0.2s;
	 }*/
.tweet a {  }
.rider { display: block; font-size: 0.8em; text-align: right; margin-top: 3px; }
.tweet_time { display: block; }
.tweet_time a { color: #999; }
.tweet_list { list-style: none; margin: 0;
	padding: 0; overflow-y: hidden; background-color: rgb(230,221,221); }
.tweet_list li { overflow-y: auto; overflow-x: hidden;
	padding: 0.5em; list-style-type: none; }
.tweet_list .tweet_even { background-color: rgb(218,205,205); }
.tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.tweet_list .tweet_avatar img { vertical-align: middle; }

.tweet img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%);filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS and moz/ie in future */
}

.tweet:hover img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);filter: grayscale(0%);
}


ul.compactMenu { display: none; }


h2 + p.leadin { margin: -1em 0 0 0; font-style: italic; }

.feedList h3 { text-shadow: none; color: #702930; }
.feedList a:visited h3 { color: #888; }
.feedList .entry { margin: 2em 0; }
.feedList .entry.highlight { background: #ededed; padding: 20px; }
.feedList .desc { margin: 1em 2em;  }
.feedList .desc.img { text-align: center;  }
.feedList .desc.img img {  border: solid 1px black; }
.feedList .entryInfo { padding-left: 2em; margin-top: -0.5em; }
.feedList .edNotes:not(:empty) { margin: 10px 2em; font-style: italic; background: #ddd;
	box-shadow: 1px 1px 1px #eee; border-radius: 3px; padding: 2px; }
.feedList .edNotes:not(:empty):before { content: "RD: "; font-weight: bold; }
.feedList .edNotes a { text-decoration: underline; font-weight: bold; }
.feedList .edNotes p { margin-top: 1em; }
.feedList .entry > .controls { margin: 0 2em; }

.feedList .resourceAdmin .notes { width: 100%; }
.feedList .resourceAdmin .notesSection { display: none; }
.feedList .resourceAdmin .controls { text-align: right; margin: 5px 0; }

.resource .formField { margin: 10px 0; }
.resource label { width: 5em; display: inline-block; }
.resource input[type=text] { width: calc(100% - 6em); }
.resource textarea { width: 100%; height: 6em; }


/** Dedicated entry page (manually sync with .feedList) **/
.entryPage h3 { text-shadow: none; color: #702930; }
.entryPage .entry { margin: 2em 0; }
.entryPage .desc { margin: 1em 2em;  }
.entryPage .desc.img { text-align: center;  }
.entryPage .desc.img img {  border: solid 1px black; }
.entryPage .entryInfo { padding-left: 2em; margin-top: -0.5em; }
.entryPage .edNotes:not(:empty) { margin: 10px 2em; font-style: italic; background: #ddd;
	box-shadow: 1px 1px 1px #eee; border-radius: 3px; padding: 2px; }
.entryPage .edNotes:not(:empty):before { content: "RD: "; font-weight: bold; }
.entryPage .edNotes a { text-decoration: underline; font-weight: bold; }
.entryPage .edNotes p { margin-top: 1em; }
.entryPage .entry > .controls { margin: 0 2em; }

.entryPage .resourceAdmin .notes { width: 100%; }
.entryPage .resourceAdmin .notesSection { display: none; }
.entryPage .resourceAdmin .controls { text-align: right; margin: 5px 0; }


/** Round-up **/
/*#3C6135*/
.layout.main { padding: 0 20px; }
div.bodyLayout { margin: 0; }
.layout .contentCol {  padding: 0 20px; }
.inContentCol { display: inline-block; vertical-align: top;  }
.blogEntriesContentCol { width: calc(100% - 304px); }
.newsContentCol { padding: 0 10px 0 30px; font-size: 10pt; width: 300px; }
.newsContentCol h3 { margin-bottom: 8px; margin-left: 0px; }
.newsItem { margin-bottom: 1em; }
.newsItem h4 { margin: 0; margin-bottom: 3px; }
.newsItem .author, .newsItem .date, .newsItem .sep { color: #777; font-size: 0.8em; }
.newsItem .link { font-size: 0.8em; }
.newsItem .desc em { color: #444; display: block; background: #efefef; font-style: normal; margin-top: 3px; }
.newsItem .sep { display: none; }
.newsItem.single { border: solid 1px #777; padding: 2em; margin-left: -2em;  }
.newsItem.single h4 { margin-bottom: 8px; }
.newsItem.single .title { margin-bottom: 5px; display: block; }

/** Gallery **/
.flickr_gallery { text-align: center; }
.flickr_imagebox { position: relative; border: solid 1px black; display: inline-block; }
.flickr_imagebox a { display: block; max-height: 180px; overflow: hidden; }
.flickr_imagebox img { display: block; width: 240px; }
.flickr_imagebox .text { position: absolute; bottom: 0; font-size: 8pt; width: 100%;
       background: rgba(60, 97, 53, 0.85); border-top: solid 1px black; color: white;
       font-family: Arial; max-height: 14px; overflow: hidden; transition: max-height 0.4s; }
.flickr_imagebox .text h4 { margin: 0; }
.flickr_imagebox .text p { margin: 0; }
.flickr_imagebox:hover .text { max-height: 100px; }

/*.flickr_imagebox:hover { box-shadow: 2px 2px 2px #999; }*/

/** Silly playing about **/
h1:hover { animation: imagebump 0.7s; }

@keyframes imagebump {
    from {
        transform: perspective(600px) rotateY(0);
    }

    40% {
        transform: perspective(600px) rotateY(10deg);
    }
    
    to {
        transform: perspective(600px) rotateY(0);
    }
}


@media (orientation: portrait), (max-width: 800px) {
	.blogEntriesContentCol { width: 100%; }

	body { padding: 0; margin: 0; margin-bottom: 30pt; }
	.header { width: 100%; }
	div.header .desc { font-size: 8pt; margin: 0; width: 100%; top: 0;
		display: block; border: 0; border-bottom: solid 1px black; padding-left: 1em; }
	.header .image img { width: 100%; margin: 0; border: 0; display: block; }
	.header h1 { padding: 0; margin: 0; display: block; float: none;
		height: 1.5em; border-left: 0; border-right: 0;
		font-size: 20pt; }
	.header h1 img { width: 70%; margin-right: 5%;  }

	.layout { display: block; }
	.layout .row { display: block; }
	.layout .row > div { display: block; }
	.layout .contentCol { width: 100%; min-width: 0; max-width: 10000000; padding: 0; }
	.layout .contentCol .bodyLayout { min-width: 0; }
	
	
	div.bodyLayout { margin: 5px; }
	
	
	.blogEntry { max-width: 1000px; }
	.blogEntry h2 { font-size: 14pt; }
	.blogEntry .content { font-size:11pt; margin-left: 1em; margin-right: 0.9em; }
	.blogEntry iframe, .blogEntry embed { max-width: 80% !important; }
	
	.pageEntry .content { margin: 0% 5%; }
	.pageEntry h2 { font-size: 14pt; width: 100%; margin-left: 0; padding-left: 1em; }
	
	.compactSiteMenu { position: fixed; width: 85%; left: 7.5%; bottom: 10%; z-index: 1000;
		background: rgba(60, 97, 53, 0.95); background: radial-gradient(rgba(60, 97, 53, 0.95) 0%, rgba(79, 128, 70, 0.95) 100%) repeat scroll 0% 0% transparent;
		display: none; border: solid 1px rgb(60,97,53); border-radius: 3px; box-shadow: 2px 2px 2px #999; }
	.compactSiteMenu ul.sideMenu { margin: auto; font-size: 14pt; width: 90%; }
	.compactSiteMenu ul.sideMenu li a { width: 100%; }
	
	ul.compactMenu { display: block; position: fixed; bottom: 0; width: 100%; margin: 0; padding: 0;
			background: rgba(60, 97, 53, 0.95); background: radial-gradient(rgb(60, 97, 53) 0%, rgb(79, 128, 70) 100%) repeat scroll 0% 0% transparent;
		z-index: 1000000000000; list-style-type: none; opacity: 0.9; }
	ul.compactMenu li { float: left; width: 25%; height: 10%; margin: 0;
		font-size: 14pt; line-height: 1.8em;  vertical-align: middle; }
	ul.compactMenu li.menu { float: right; }
	ul.compactMenu li a { float: left; width: 100%; text-align: center;
		 color: white; }
	ul.compactMenu li a.active { background: rgba(255, 255, 255, 0.3); }
		 
	ul.sideMenu { display: none; }
	ul.bottomMenu { display: none; }
	
	.layout .sideMenuCol { width: 100%; }
	div.sideMenu { width: 100%; }
	.tweet { width: 90%; margin: auto; height: auto; }
	.tweet:hover { width: 90%; margin-left: auto; }

	.searchBox .q { width: 78%; }
	.searchBox button { width: 18%; padding: 0; text-align: center; display: inline-block; }
	
	h2 { padding-left: 3%; }
	
	form.orgForm { width: 90%; margin: auto; display: block; }
	form.orgForm p { width: 90%; }

	.org { width: 43%; vertical-align: bottom; padding: 1em; margin: 3.5%; }
	
	
	/** Need to work out how to handle matching orgs on mobile. For now, hide. **/
	.matchingOrgsParent { display: none; }
}