body {
	background-color: #222;
	color: #ddd;
	font-size: 16px;
}

header.full {
	background-color: #000;
	padding:20px 0
}

header a:hover {
    color: black;
}

header h1 a:hover {
    color: #ddf;
}

h1, h2, h3, h4, h5, h6 {
	color: #ddd;
}

a {
	color: #36c;
	text-decoration: none;
}

h1 .btn {
	color: #36c;
}

h1 .btn:hover {
	background-color: #36c;
}

.content {
	background-color: #222;
	color: #fff;
}

.home-avatar {
	position: absolute; 
	z-index: 100; 
	bottom: 4%; 
	left: 5px; 
	border: 2px solid rgba(255, 255, 255, 1.0); 
	border-radius: 50%; 
	width: 16%;
}

.cycle-slideshow img {
	visibility: hidden;
}

@media screen and (min-width: 750px) {
	.home-avatar {
		bottom: 25px; 
		left: 15px; 
		border: 4px solid rgba(255, 255, 255, 1.0); 
	}	
}

.alert.warn.no-results {
    background-color: grey;
    border-color: grey;
}

.alert.warn.no-results p {color:#000000;}


/********************
 Entry Listings 
 ********************/
.item, .comments .comment, .entries .entry {
    border-bottom: none;
	border-radius: 10px;
	padding: 10px;
	background: rgba(255, 255, 255, 0.05);
    /* margin-bottom:20px */
}



/********************
 Photo Gallery 
 ********************/
.photo-gallery {
	clear: both;
	text-align: center;
}

.photo-gallery figure {
	display: inline-block;
	width: 200px;
	margin: 0 10px 20px 0;
	vertical-align: top;
}

.photo-gallery figure img {
	border-radius: 10px;
	margin: 0 auto;
}

.midfig {
	border-radius: 10px;
	border: 1px solid rgba(225, 225, 225, 0.5)
}

.midfig img {
	border-radius: 10px 10px 0 0;
}

.video .player iframe {
	border-radius: 10px 10px 0 0;
}

@media screen and (min-width: 750px) {
	.midfig {
		width: 50%;
		margin: 40px auto;
	}
	
	.midfig figcaption {
		margin: 10px;
	}
}


/********************
 Main Menu Navigation 
 ********************/
.main-menu-head {
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid white;
	color: white;
	padding: 10px;
	font-weight: 400;
	letter-spacing: 1px;
}

.main-menu-head a {
	color: inherit;
	text-decoration: none;
}

.main-sub-menu {
	display: none;
	color: black;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 101;
}

.main-sub-menu a {
	color: black;
	padding: 10px;
	text-decoration: none;
	display: block;
}

.main-sub-menu a:hover {
	background-color: rgba(255, 255, 255, 1.0);
}

.main-menu .act{
	background-color: rgba(255, 255, 255, 0.9);
}

.main-menu .act, .main-menu .act a {
	color: black;
}

.main-menu:hover .main-sub-menu {
	display: block;
}

.main-menu:hover .main-menu-head {
	background-color: rgba(255, 255, 255, 0.9);
	color: black;
}

.main-navigation {
	display: none;
}

.main-navigation.menu-open {
	display: block;
}

@media screen and (min-width: 750px) {
	.main-navigation {
		float: right;
		display: block;
	}

	.main-menu-head {
		border: none;
		border-radius: 3px;
	}

	.main-menu {
		position: relative;
		display: inline-block;
	}

	.main-sub-menu {
		display: none;
		position: absolute;
		background-color: rgba(255, 255, 255, 0.9);
		min-width: 160px;
		z-index: 101;
		border-radius: 3px;
	}

	.main-sub-menu a {
		color: black;
		padding: 10px;
		text-decoration: none;
		display: block;
	}

	.main-sub-menu a:hover {
		background-color: rgba(255, 255, 255, 1.0);
	}

	.main-menu .act{
		background-color: rgba(255, 255, 255, 0.9);
	}

	.main-menu .act, .main-menu .act a {
		color: black;
	}

	.main-menu:hover .main-sub-menu {
		display: block;
	}

	.main-menu:hover .main-menu-head {
		background-color: rgba(255, 255, 255, 0.9);
		color: black;
	}
}

/********************
 Game Menu Navigation 
 ********************/
.game-menu-head {
	background-color: rgba(150, 200, 255, 0.1);
	border: 1px solid white;
	color: white;
	padding: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: 400;
	letter-spacing: 1px;
}

.game-menu-head a {
	color: inherit;
	text-decoration: none;
}

.game-sub-menu {
	display: none;
	color: black;
	background-color: rgba(150, 200, 255, 0.9);
	z-index: 101;
}

.game-sub-menu a {
	color: black;
	padding: 10px;
	text-decoration: none;
	display: block;
}

.game-sub-menu a:hover {
	background-color: rgba(150, 200, 255, 1.0);
}

.game-menu .act{
	background-color: rgba(150, 200, 255, 0.9);
}

.game-menu .act, .main-menu .act a {
	color: black;
}

.game-menu:hover .main-sub-menu {
	display: block;
}

.game-menu:hover .main-menu-head {
	background-color: rgba(150, 200, 255, 0.9);
	color: black;
}

.game-navigation {
	/* display: none; */
}

.game-navigation.menu-open {
	display: block;
}

@media screen and (min-width: 750px) {
	.game-navigation {
		float: right;
		display: block;
	}

	.game-menu-head {
		border: none;
		border-radius: 3px;
	}

	.game-menu {
		position: relative;
		display: inline-block;
	}

	.game-sub-menu {
		display: none;
		position: absolute;
		background-color: rgba(150, 200, 255, 0.9);
		min-width: 160px;
		z-index: 101;
		border-radius: 3px;
	}

	.game-sub-menu a {
		color: black;
		padding: 10px;
		text-decoration: none;
		display: block;
	}

	.game-sub-menu a:hover {
		background-color: rgba(150, 200, 255, 1.0);
	}

	.game-menu .act{
		background-color: rgba(150, 200, 255, 0.9);
	}

	.game-menu .act, .game-menu .act a {
		color: black;
	}

	.game-menu:hover .game-sub-menu {
		display: block;
	}

	.game-menu:hover .game-menu-head {
		background-color: rgba(150, 200, 255, 0.9);
		color: black;
	}
}

/********************
 Gaming Content 
 ********************/
.gaming-content {
	background-color: #222;
}

.darksun-content {
	background-color: #ed4;
	color: #420;
}

.darksun-sidebar {
	background-color: #f82;
}

.darksun-content h1, 
.darksun-content h2, 
.darksun-content h3, 
.darksun-content h4, 
.darksun-content h5, 
.darksun-content h6 {
	color: #840;
}

.spelljammer-content {
	background-color: #000;
}