/*
PAYNEful - CASCADING STYLE SHEET - Steel Nation page styles
This file was last updated August 2017.

Developed by Sean Patrick Payne.  You should probably feel free to pinch this stylesheet since I too practice the 
philosophy of 'pinch and pinch alike'. Just keep my name credited in your stylesheet somewhere, please.
*/

body{
	background-color: #000000;
	background-image: url("images/the-docs.png"),url("images/deathbot.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left, right;
	background-attachment: fixed, fixed;
	font-family:Courier,"Courier New",monospace;
	color:#ffffff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family:Courier,"Courier New",monospace;
	color:#ffffff;
	font-weight:bold;
}

h1{
	font-size:30px;
}

p, ul, li, .text-left, .form-group{
	font-size:16px!important;
}

a, a:visited{
	color:#04b83b;
}
	
	a:hover{
		color:#e8fe2a;
	}

#the-comic-banner img{
	background-color:rgba(4,184,59,0.5);
	border:5px solid #ffffff;
	border-radius:15px;
	padding:10px;
}

#the-comic-wrapper img{
	padding:10px;
	border:5px solid #ffffff;
	border-radius:15px;
	background-color:rgba(4,184,59,0.5);
	color:#000000;
}

#the-comic-wrapper embed{
	padding:10px;
	border:5px solid #ffffff;
	border-radius:15px;
	background-color:rgba(4,184,59,0.5);
	color:#000000;
}

.comic-navbar{
	background:none;
	color:#04b83b;
}

	.comic-navbar{
		color:#04b83b!important;
	}
	
.comic-nav-button{
	background-image: url('/assets/css/steel-nation/images/buttons.png');
}

#site_navbar{
	background:none;
	padding:2px;
}

	#site_navbar .nav-link, #site_navbar .nav-link:visited, .navbar-brand{
		color:#04b83b!important;
	}
	
	#site_navbar .nav-link:hover{
		background-color:rgba(4,184,59,0.3);
		border:0px solid #04b83b;
		border-radius:15px;
		color:#e8fe2a;
	}

#site_navbar, .comic-navbar, .form-group, #the-comic-notes, #the-comic-tags, #the-comic-transcript, #the-comic-comments{
	background-color: rgba(0,0,0,0.9);
	border:5px solid #fff;
	border-radius:15px;
	padding:10px 15px;
	margin:10px 0px;
}

	.comic-navbar{
		padding:0px;
	}

	#the-comic-notes h2, #the-comic-tags h2, #the-comic-transcript h2{
		font-size:22px;
		margin:5px 0px;
	}

	#the-comic-tags{
		padding-bottom:0px;
	}