/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;/*50px*/
  padding-bottom: 20px;
}

p, address, blockquote {
  font-size: 1.2em;
}


#mainJumbotron {/* the large title thing at the top*/
	min-height:500px;/*the height of that thing*/
	background-color:#666;
	color:#FFF;/*title & legend text color*/
		/*background:url(../pages/img/SAM_0186.jpg);*/
		/*background:url(../pages/img/P15NTTFront1.jpg) #000;*/
		background-size:cover !important;
		-moz-background-size: cover;
}


/*#navBar {
	background-color:#FFF;
	color:#FFF;
	border-bottom-color:#ccc;
	min-height:50px;
}*/
	#topLinks a:link {
		color:#000;
		/*font-size:24px;*/
	}
	.topLink {
		margin-left:15px;
		padding:5px;
		text-decoration:none;
	}
	#topLinks .currentPage {
		background:rgba(0,0,0,0.2);
		padding-top:15px;
		padding-bottom: 15px;/*to make up for the border on hover links*/
	}
	a.topLink:hover {
		text-decoration:none;
	}
	.topLink:not(.currentPage):hover {
		border-bottom: solid 2px rgba(0,0,0,0.2);
	}
	.navbar-brand:hover {
		color:#000!important;
	}


@media (min-width:600px){
	#imgContainer img {
		max-width:100%;
		max-height:100%;
		display:none;
	}
}

@media (max-width:600px){
	#imgContainer img {
		display:none;
	}
	#mainJumbotron {
		height:auto !important;
	}
}






#editFunctions {
	float:left;
}





#insertDialog {
	position:fixed;
	top:50%;
	left:50%;
	height:500px;
	width:500px;
	margin-left:-265px;
	margin-top:-265px;
	border: solid 1px #00F;
	padding:15px;
	z-index:9999999999;
	display:none;
	background-color:#FFF;
	overflow:auto;
}
#insertDialog .close {
	position:absolute;
	top:5px;
	right:5px;
	color:#00F;
}







#pageContainer img {
	max-width:500px;
	max-height:500px;
}







#optionBackgroundDomList div:hover{
	background:blue;
}



.option.background .subOption {
	display:none;
}





.option.background #optionBackgroundColourSelect .colour {
	float:left;
	width:50px;
	height:50px;
	padding:3px;
	margin:3px;
}



@media screen and (max-width: 991px){
    .columns{
        height: 200px;
        overflow:scroll;
    }
}

@media screen and (min-width: 992px){
    .columns{
		padding:10px;padding-bottom:5px;
        -moz-column-count:6; /* Firefox */
        -webkit-column-count:6; /* Safari and Chrome */
        column-count:2;
        width: 200px;
    }
	.columns li {
		border: solid 1px #000;
	}
}

.selectedFile {
	background:#FF0;
}




/*weekendBreaks styles*/
	.weekendBreak {
		margin-left:75px;
		margin-right:75px;
		border:solid 1px #666;
		padding:10px;
	}
	.weekendTitle {

	}
	.weekendDate {
		font-size:36px;
		text-align:right;
		float:right;
	}
	.weekendLegend {
		font-size:20px;
		text-align:justify;
	}
	.weekendFullDetail {
		display:none;
	}
	.weekendFullDetailTrigger {
		float:right;
		color:#060;
		font-size:22px;
		margin-top:10px;
	}
		.weekendFullDetailTrigger:hover {
			border-bottom: solid 2px #060;
		}
	
	
	
blockquote.noLine {
	border-left:none;
	margin-left:7px;
	margin-right:7px;
}

	@media (min-width: 768px) {
	  .spacebase {
	    margin-bottom: 100px;
	  }
	}
	@media (min-width: 992px) {
	  .spacebase {
	    margin-bottom: 20px;
	  }  
	}
	

.adminPlusButton {
	position:absolute;
	right:75px;
	margin-top:10px;
	font-weight:bold;
}