/*
PAYNEful - CASCADING STYLE SHEET - IDD 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: #98a3d8;
	background-image: url("images/the-docs.png"),url("images/deathcar.png"),url("images/background.png");
	background-repeat: no-repeat, no-repeat, repeat;
	background-position: left, right;
	background-attachment: fixed, fixed;
	font-family:"Lucida Console", Monaco, monospace;
	color:#ffffff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family:"Lucida Console", Monaco, monospace;
	color:#000;
	font-weight:bold;
}

h1{
	font-size:27px;
	color:#fff;
}

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

a, a:visited{
	color:#4c52c5;
}
	
	a:hover{
		color:#ff0000;
	}

#the-comic-wrapper img{
	background-color:#ffffff;
	border-radius:15px;
	border:5px solid #ffffff;
}

#the-comic-wrapper embed{
	background-color:#ffffff;
	border-radius:15px;
	border:5px solid #ffffff;
}

.comic-navbar{
	background:none;
	border:0px solid #fff;
}
	
.comic-nav-button{
	background-image: url('/assets/css/inter-dimensional-derby/images/buttons.png');
}

#site_navbar{
	background-color:#ffffff;
	background-image:none;
	border-radius:15px;
	border:5px solid #ffffff;
}

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

.form-group, #the-comic-notes, #the-comic-tags, #the-comic-transcript, #the-comic-comments{
	border:5px solid #000000;
	background-color:#ffffff;
	color:#000000;
	border-radius:15px;
	padding:10px 15px;
	margin:10px 0px;
}

	#the-comic-title{
		margin-top:-10px;
	}

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

	#the-comic-tags{
		padding-bottom:0px;
	}
	
	#the-comic-footer a{
		font-weight:bold;
		color:#fff;
	}
	
		#the-comic-footer a:hover{
			color:#ff0000;
			text-decoration:underline;
		}