/* /campaigns/TOS/style.css */
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oswald&display=swap');

body {
	font-size: 11pt;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	background: #000000 url('../TOS/img/01875_horseheadnebula_2560x1600.jpg') fixed;
	background-size: cover;
	background-position: bottom left;
	color: rgb(214,189,147);
	margin: 0;
	padding: 0;
}

article#mainContent {
	background-color: transparent;
}
#leftContent, #sidebarContent { background: none; }
#toc li a { color: hsl(30, 70%, 26%); }
#toc li a:hover { 
    text-shadow: none;
    color: hsl(30,70%,66%);
}

a { text-decoration: none; }



h1, h2, h3, h4 { 
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	color: rgb(230,255,255);
	/*text-shadow: 0 0 5px rgba(111,195,223,0.5);*/
	text-shadow: 0 0 8px rgba(7,80,208,0.5);
	text-transform: uppercase;
}
h1 {
	color: white;
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
	border-bottom: 1px solid #FFFFFF99;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}

.error { font-weight: bold; color: red; }

#articleView td {
background: #003;
}

.right {
float: right;
}


.sectionOuter.right {
margin-left: 20px;
}

.section, aside {
	border: 2px solid rgb(230,255,255);
	background: rgba(0,0,0,0.85);
	color: rgb(214,189,147);
	padding: 20px;
	border-radius: 20px;
	/*box-shadow: 0 0 3px 3px rgba(111,195,223,0.5) , inset 0 0 3px 3px rgba(111,195,223,0.5);*/
	box-shadow:  0 0 3px 3px rgba(7,80,208,0.5) , inset 0 0 3px 3px rgba(7,80,208,0.5);
}

a { 
	color: rgb(223,116,12);
	text-shadow: 0 0 5px rgba(223,116,12,0.5);
	
	-webkit-transition-property: text-shadow, color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	
	-moz-transition-property: text-shadow, color;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
}
a:hover { 
	color: rgb(255,230,77);
	text-shadow: 0 0 5px rgb(255,230,77); 
}
a.inactive {
	color: #E8420C;
}
a.inactive:hover {
	color: #DF740C;
	text-shadow: 0 0 5px red; 
}



/* Table Formatting */
#articleContent table { border-collapse: collapse; background: rgb(223,116,12); }
#articleContent table td { font-size: 10pt; }
#articleContent table th { font-size: 11pt; }
#articleContent th { background: rgb(36,60,83); color: white; border: 1px solid rgb(223,116,12); font-weight: bold; padding: 2px 6px; text-align: left; }
#articleContent td { background: rgb(16,22,30); border: 1px solid rgb(223,116,12); padding: 2px 6px; }
#articleContent td .fit { display: inline-block; margin: -2px -6px; }
#articleContent table tr:nth-child(odd) td {
  background-color: rgb(16,22,30);
}
#articleContent table tr:nth-child(even) td {
  background-color: #000000;
}
#articleContent .right {
    float: right;
    clear: right;
    padding-left: 10px;
}
#articleContent table tr:hover > td { background: rgb(36,60,83); }



/* experimental new style */
/*
body {
	background: linear-gradient(to right, black, black calc(50vw - 500px), hsl(202.9, 25.9%, 15.9%) calc(50vw - 480px), hsl(202.9, 25.9%, 15.9%) calc(50vw + 480px), black calc(50vw + 500px), black);
}
article#mainContent {
	line-height: 1.3;
}
.section, aside {
	background-color: transparent;
	border: none;
	box-shadow: none;
}
aside {
	float: right;
	max-height: auto;
	overflow: visible;
	position: static;
}
*/