/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  //CSS
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  //CSS
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  //CSS
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  //CSS
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  //CSS
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  //CSS
  
}




/***** Site Structure *****/
@media all and (min-width: 960px){
	
	.fRight{
		float:right;
	}

}


body{
	margin:0;
	padding:0;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.25+0,0.1+100;Neutral+Density */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */

	font-family: verdana,arial,helvetica,sans-serif;
	min-height: 100vh;

}

.pageContent{
	padding: 5px 5px 65px 5px;
}

.siteBox{
	background-color:#ffffff;
	max-width:1000px;
	margin:0 auto;
	height: auto !important;
	min-height: 100%;
	position:relative;
}

/***** Table/Data Structure *****/
.orgTable{
	width: 90%;
	margin: 0 auto 10px auto;
	border: 1px solid #ccc;
	border-radius: 5px 5px 0 0;
	padding: 10px;
}

.orgTable th.tableTitle{
	background-color: rgb(218, 226, 250);
	border-radius: 5px 5px 0 0;
}

.orgTable td{
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.orgTableHeaderOnly tr{
	display:none;
}

.orgTableHeaderOnly tr:first-child{
	display:table-row;
}

/***** frequent page layout *****/
.leftPane {
  display: inline-block;
  vertical-align: top;
  margin:0 10px 0 0;
}

.rightPane {
  display: inline-block;
  vertical-align: top;
  
  border: 1px solid #000;
  border-radius: 5px 5px 0 0;
  border-bottom: 0;
}

.rightPaneNB{ /* No Border */
  display: inline-block;
  vertical-align: top;
  float:right;
}

/***** Page Structure *****/
h2.contentHeader, h2.contentHeaderWSub {
  border-bottom: 3px solid #000;
  position:relative;
}

h2.contentHeaderWSub {
  margin-bottom:0px;
}

h3.contentHeader, h3.contentHeaderWSub {
  border-bottom: 1px solid #000;
  position:relative;
}

h3.contentHeaderWSub {
  margin-bottom:0px;
}

h2.contentHeader .footNote, h2.contentHeaderWSub .footNote, h3.contentHeader .footNote, h3.contentHeaderWSub .footNote{
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  right: 0;
  bottom: 0;
}

h2.contentHeader a {
    text-decoration: none;
    color: #000;
}

h2.contentHeader a:hover {
    text-decoration: underline;
}

.adminSubMenu {
    margin-bottom: 19px;
    font-size: 14px;
}

h3.contentSubHead{
  border-bottom: 1px solid #000;
  position:relative;
}

.bulkOptions{ /* typically below the orgTable */
  width: 900px;
  margin: 5px auto;
  text-align: right;
}

.bulkOptions input, .bulkOptions select{
  margin: 0 0 0 5px;
}

/***** Pagination *****/
.pagination{
	width: 90%;
	margin: 0 auto 10px auto;
}

.pagination .page {
  display: inline-block;
  padding: 4px;
  background-color: rgb(218, 226, 250);
  margin: 0 2px;
  border-radius: 5px;
  font-weight: bold;
}

.pagination .curpage {
  background-color: rgb(128, 157, 244);
}

/***** MISC Stuff *****/
.fakeLink{
	cursor:pointer;
}

.fb-share-button{
	float:right;
}

.toggleComicContent{
	float:right;
	display:none;
}










.fade40{
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.msgAlertGreen {
    border: #25E822 1px solid;
    background-color: #E2FFE4;
    width: 300px;
    margin: 5px auto;
    text-align: center;
    padding: 3px;
}

.msgAlertYellow {
    border: #e8d922 1px solid;
    background-color: #fbf8d6;
    width: 300px;
    margin: 5px auto;
    text-align: center;
    padding: 3px;
}

.msgAlertRed {
    border: #ff0b0b 1px solid;
    background-color: #ffdcdc;
    width: 300px;
    margin: 5px auto;
    text-align: center;
    padding: 3px;
}


/***** Footer *****/
.pageFooter{
	  background-color: #252525;
  position: absolute;
  bottom: 0;
  color: #EAEAEA;
  width: 100%;
}

.pageFooter a{
  color: #EAEAEA;
}

.footerBox{
	padding: 10px;
    font-size: 12px;
}

.subFooter{
	background-color:#4D4D4D;
	padding: 10px;
    font-size: 10px;
}


/***** Type Import/Export *****/
.misMatchLabel {
    font-weight: bold;
    cursor: pointer;
}

.misMatchComparison {
    border: 1px solid #ccc;
    border-width: 0 1px 1px 1px;
    display:none;
}

.misMatchExport, .misMatchSite {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.misMatchSubLabel {
    text-align: center;
    font-weight: bold;
}

.syncCTField{
	width:18px;
	height:18px;
	float:right;
	margin:0 5px;
	cursor:pointer;
}

/***** Database IO *****/
.mochConsole {
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  padding: 3px;
  border: 2px solid #cccccc;
  font-family: monospace;
}

span.cmdName {
  color: rgb(84, 255, 84);
}

span.cmdDir {
  color: rgb(158, 158, 255);
}

/***** Submission Forms *****/
input[type=text].text {
    width: 100%;
}

textarea.text{
	width:100%;
	height:75px;
}

/***** Sub Menus *****/

.siteSubMenu .subNavHeader {
    display: inline-block;
    vertical-align: top;
    margin: 4px;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: bold;
}

.siteSubMenu .subNavItem {
    display: inline-block;
    vertical-align: top;
    margin: 2px;
    background-color: #E0E0E0;
    padding: 2px 5px;
    border: #464646 2px solid;
    font-size: 12px;
    font-weight: bold;
}

.siteSubMenu .subNavItem:hover{
    background-color: #E8EAC4;
    transition:all 0.2s;
}

.siteSubMenu .current {
    background-color: #E8EAC4;
}

.subNavItem a{
    color:#000000;
    text-decoration:none;
}