/*------------------------- 28 MagnusViri Style -------------------------*/
body {
	background: -webkit-linear-gradient(left,rgba(255,0,0,.4), rgba(0,255,0,.4), rgba(0,0,255,.4)); /*Safari 5.1-6*/
	background: -o-linear-gradient(right,rgba(255,0,0,.4), rgba(0,255,0,.4), rgba(0,0,255,.4)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(right,rgba(255,0,0,.4), rgba(0,255,0,.4), rgba(0,0,255,.4)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(255,0,0,.4), rgba(0,255,0,.4), rgba(0,0,255,.4));
}

/*--------------------------------- style for "RESPONSIVENESS" ------------------------------*/
.full {
	width: 100%;
}
/*--------------------------------- styles for TOP navigation menu ------------------------------*/
.spacer {
	padding: .5em;
}

.horizontal_line {
	padding: .1em;
	width: 100%;
	background: -webkit-linear-gradient(left,rgba(255,0,0,.4), rgba(0,255,0,.4), rgba(0,0,255,.4)); /*Safari 5.1-6*/
	background: -o-linear-gradient(right,rgba(255,0,0,.4), rgba(0,255,0,.4), rgba(0,0,255,.4)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(right,rgba(255,0,0,.4), rgba(0,255,0,.4), rgba(0,0,255,.4)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(255,0,0,.4), rgba(0,255,0,.4), rgba(0,0,255,.4));
}

/* Add a black background color to the top navigation */
.topnav {
	background-color: rgba(102, 255, 255, .7); /*-- turquoise --*/
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 5 0 5 0px;
	position: fixed;
	left: 0;
	top: 0;
}

/* Style the links inside the navigation bar */
.topnav a {
	float: left;
	font-family: sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	padding: .5em;
	margin: .25em;
	max-width: 100%;
}
/* Change the color of links on hover */
.topnav a:link {
	color: #033;
}
.topnav a:visited {
	color: #066;
}
.topnav a:focus {
	color: blue;
}
.topnav a:hover {
	color: #f66;
}
.topnav a:active {
	color: white;
}
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
	display: none;
}

@media screen and (max-width: 600px) {
	/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
	.topnav a:not(:first-child) {
		display: none;
	}
	.topnav a.icon {
		position: fixed;
		right: 0;
		top: 0;
		display: block;
	}
	/* The "responsive" class is added to topnav with JavaScript when the user clicks on the icon. (display the links vertically instead of horizontally) */
	.topnav.responsive {
		background-color: rgba(102, 255, 255, .9); /*-- turquoise --*/
		position: fixed;
		left: 0;
		top: 0;
	}
	.topnav.responsive a.icon {
		position: fixed;
		right: 0;
		top: 0;
	}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
}

/*-------------------------------- styles for BOTTOM navigation menu ----------------------------*/

#navBottom {
	text-align: center;
}
#navBottom ul {
	list-style:none;
	padding: 0px;
	margin: 0 auto;
	width: 43rem;
}
#navBottom ul li {
	font-weight: normal;
	text-transform: uppercase;
	float: left;
	font-family: sans-serif;
	font-weight: bold;
	margin: 0 5 20 5px;
}

/*-------------------------------- styles for other ----------------------------*/
pre {
	background: rgba(0,0,0,.5	);
	color: #0f0;
	padding: 5px;
}

code, pre {
	font-family: "Andale Mono", "courier-new", courier, monospace;
	font-size: 10pt;
	overflow-y: hidden;
}

code {
	border-radius: 3px;
	padding: 1px;
}

.title {
	text-align: center;
	margin: 0 auto;
}

.content {
	margin: 0 auto;
	font-weight: normal;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 10px;
	border-radius: 10px;
	max-width: 600px;
}

.content a:link {
	color: #033;
}

.content a:visited {
	color: #066;
}

.content a:focus {
	color: blue;
}

.content a:hover {
	color: #f66;
}

.content a:active {
	color: #600;
}

p {
	overflow-y: hidden;
}

#disqus_thread {
	margin: 0 auto;
	font-weight: normal;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 10px;
	border-radius: 10px;
	max-width: 600px;
}
