/*
Cascading Style Sheet for © Liavaag.org
Created by Morten René Liavaag Strømsborg
 _     _                                               
| |   (_)
| |    _  __ ___   ____ _  __ _  __ _   ___  _ __ __ _ 
| |   | |/ _` \ \ / / _` |/ _` |/ _` | / _ \| '__/ _` |
| |___| | (_| |\ V / (_| | (_| | (_| || (_) | | | (_| |
\_____/_|\__,_| \_/ \__,_|\__,_|\__, (_)___/|_|  \__, |
                                 __/ |            __/ |
All Rights Reserved             |___/            |___/
*/
@font-face {
	font-family:'Tiza';
	font-display:swap;
	src:local('Tiza'), url('../fonts/Tiza.ttf') format('truetype');
}
@font-face {
	font-family:'Pacifico';
	font-display:swap;
	src:local('Pacifico'), url('../fonts/Pacifico.ttf') format('truetype');
}
/*
Global Menu Styles
*/
nav#globalmenu {
	width:100%;
	height:40px;
	color:#ffffff;
	background:#000000;
	border-bottom:1px solid #333333;
	font-family:Georgia, "Times New Roman", Times, serif;
}
nav#globalmenu ul {
	font-size:14px;
	letter-spacing:3px;
}
nav#globalmenu ul li a {
	float:left;
	height:40px;
	color:#6699ff;
	text-align:center;
	padding:10px 0 0 0;
	background:#000000;
	text-decoration:none;
	border-right:1px solid #333333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
nav#globalmenu ul > li:first-child > a {border-left:1px solid #333333}
nav#globalmenu ul li a:hover {
	color:#ffffff;
	background:#333333;
}
/*
Default styles for modern browsers set to 1060+1
*/
@media only screen and (min-width:1061px) {
	nav#globalmenu {overflow:hidden}
	nav#globalmenu ul {
		width:100% !important;
		margin:0 11% 0 11%;
	}
	nav#globalmenu ul li {display:block !important}
	nav#globalmenu ul li a {
		width:26% !important;
		-webkit-transform:skewX(-20deg);
		-moz-transform:skewX(-20deg);
		-ms-transform:skewX(-20deg);
		-o-transform:skewX(-20deg);
		transform:skewX(-20deg);
	}
}
@media only screen and (min-width:1600px) {
	nav#globalmenu ul {
		font-size:16px;
		letter-spacing:4px;
	}
}
/*Bug fix for very very old browsers that don't support CSS3!
       \|||/
       (o o)
----ooO-(_)-Ooo----*/
nav#globalmenu {display:table}
nav#globalmenu ul {width:1040px}
nav#globalmenu ul li {display:table-cell/*Bug fix for wrapping*/}
nav#globalmenu ul li a {width:345px}
/*
Handheld Styles
*/
@media only screen and (max-width:1060px) {
	nav#globalmenu ul {width:100% !important}
	nav#globalmenu ul li {display:block !important}
	nav#globalmenu ul li a {width:33.3% !important}
}
@media only screen and (max-width:480px) {
	nav#globalmenu ul li a {
		letter-spacing:2px;
		font-size:12px;
	}
}
@media only screen and (max-width:256px) {
	nav#globalmenu ul li a {letter-spacing:0}
}
/*
COMMON STYLES
Content set to 1000px that supports obsolete browsers...
*/
* {
	margin:0;
	padding:0;
	outline:0;
}
html {height:100%}
body {
	height:100%;
   	color:#ffffff;
   	font-size:16px;
   	text-align:center;
   	font-family:Georgia, "Times New Roman", Times, serif;
   	background:repeating-linear-gradient(to right,#333333,#333333 1px,#000000 1px,#000000 4%);
}
hr {
    border:0; 
    height:1px;
    clear:both;
    margin:60px 0 40px 0;
    background-image: -webkit-linear-gradient(left, #cccccc, #666666, #cccccc);
    background-image: -moz-linear-gradient(left, #cccccc, #666666, #cccccc);
    background-image: -ms-linear-gradient(left, #cccccc, #666666, #cccccc);
    background-image: -o-linear-gradient(left, #cccccc, #666666, #cccccc);
}
table {width:100%}
img {
	opacity:1.0;
	border-width:0;
}
a img:hover {opacity:0.5}
div#wrapper img {
	max-width:100%;
	height:auto;
}
/*
Wrapper Styles
*/
div#wrapper {
	clear:both;
	width:1000px;
	color:#ffffff;
	margin:0px auto;
	overflow:hidden;
   	position:relative;
   	padding:0 2% 0 2%;
   	background:#000000;
   	border-left:1px solid #333333;
   	border-right:1px solid #333333;
}
/*
Header Styles
*/
header {
   	color:#ffffff;
   	margin:1px 0 0 0;
   	padding:10px 0 1px 0;
   	border-radius:50px 50px 0 0;
   	background:#000000;
	background:linear-gradient(to bottom,#333333 0%,#080808 26%,#000000 30%,#000000 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#333333), color-stop(0.26,#080808), color-stop(0.3,#000000), color-stop(1,#000000));
	background:-webkit-linear-gradient(top,#333333 0%,#080808 26%,#000000 30%,#000000 100%);
	background:-moz-linear-gradient(top,#333333 0%,#080808 26%,#000000 30%,#000000 100%);
	background:-o-linear-gradient(top,#333333 0%,#080808 26%,#000000 30%,#000000 100%);
}
header h1 {
   	color:#ffcc99;
   	font-size:32px;
   	text-align:left;
   	letter-spacing:2px;
   	background:none repeat;
   	margin:90px 2% 80px 2%;
}
header div#html5 {
	float:right;
	margin:50px 0 0 0;
}
header div#html5 a {
	background:url('../valid/sprites.png') no-repeat 0 0;
	color:#ffffff;
	display:block;
    height:128px;
    width:128px;
}
header div#html5 em {display:none}
header div#html5 a:hover {opacity:0.7}
/*
Header Menu Styles
*/
header ul {
	clear:both;
	height:50px;
	position:relative;
	letter-spacing:1px;
	background:#000000;
	background:linear-gradient(to bottom,#666666 0%,#333333 50%,#000000 50%,#000000 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#666666), color-stop(0.5,#333333), color-stop(0.5,#000000), color-stop(1,#000000));
	background:-webkit-linear-gradient(top,#666666 0%,#333333 50%,#000000 50%,#000000 100%);
	background:-moz-linear-gradient(top,#666666 0%,#333333 50%,#000000 50%,#000000 100%);
	background:-o-linear-gradient(top,#666666 0%,#333333 50%,#000000 50%,#000000 100%);
	border-bottom:1px solid #ffcc99;
	border-top:1px solid #ffcc99;
}
header ul li {
	display:block;	/*Bug fix for MS Edge and some others as well - 1. level header menu*/
	float:left;		/*Bug fix for MS Edge and some others as well - 2. level header menu*/
}
header ul li a {
	float:left;
	width:200px;
	height:50px;
	color:#ffcc99;
	padding:16px 0 0 0;
	text-decoration:none;
	background:transparent;
	border-right:1px #666666 solid;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
header ul > li:first-child > a {border-left:1px #666666 solid}
header ul > li > ul > li:first-child > a {border-left:0}
header ul li a#selected {
	color:#ffffff;
	background:#000000;
	background:linear-gradient(to bottom,#666666 0%,#4c4c4c 50%,#282828 50%,#282828 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#666666), color-stop(0.5,#4c4c4c), color-stop(0.5,#282828), color-stop(1,#282828));
	background:-webkit-linear-gradient(top,#666666 0%,#4c4c4c 50%,#282828 50%,#282828 100%);
	background:-moz-linear-gradient(top,#666666 0%,#4c4c4c 50%,#282828 50%,#282828 100%);
	background:-o-linear-gradient(top,#666666 0%,#4c4c4c 50%,#282828 50%,#282828 100%);
}
header ul li a:hover,
header ul li a#selected:hover {
	color:#ffcc99;
	background:#000000;
	background:linear-gradient(to bottom,#525252 0%,#292929 50%,#000000 50%,#000000 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#525252), color-stop(0.5,#292929), color-stop(0.5,#000000), color-stop(1,#000000));
	background:-webkit-linear-gradient(top,#525252 0%,#292929 50%,#000000 50%,#000000 100%);
	background:-moz-linear-gradient(top,#525252 0%,#292929 50%,#000000 50%,#000000 100%);
	background:-o-linear-gradient(top,#525252 0%,#292929 50%,#000000 50%,#000000 100%);
}
header ul li:hover > ul {display:block}
header ul ul {
	border-left:1px #666666 solid;
	border-bottom:none;
	background:#000000;
	font-style:italic;
	position:absolute;
	margin:50px 0 0 0;
	font-weight:100;
	font-size:14px;
	border-top:0;
	display:none;
	z-index:1000;
	opacity:0.92;
	height:auto;
	width:199px;
}
header ul ul#m1 {width:220px}
header ul ul li {
	float:none;
	display:inline;
	position:relative;
}
header ul ul li a,
header ul ul#m1 li a {
	width:199px;
	display:block;
	text-align:left;
	position:relative;
	white-space:nowrap;
	text-decoration:none;
	padding:20px 10px 0 10px;
	border-right:1px #666666 solid;
	border-bottom:1px #666666 dotted;
}
header ul ul#m1 li a {width:220px}
header ul ul li a:hover,
header ul ul#m1 li a:hover {
	background:#121212;
	color:#ffffff;
}
header ul ul ul,
header ul ul ul ul {border-left:none}
/*
Beta third level header menu
*/
header ul > li > ul li:hover > ul,
div#header ul > li > ul li:hover > ul {
	position:absolute;
	width:auto;
	left:100%;
	margin:0;
}
header ul > li > ul li > ul {
	background:#000000;
	display:none;
	opacity:1.0;
}
/*
Footer Styles
*/
footer {
	clear:both;
	height:140px;
   	color:#aaaaaa;
   	font-size:14px;
   	padding:20px 0 0 0;
   	background:#000000;
	background:linear-gradient(to bottom,#333333 0%,#0f0f0f 35%,#000000 50%,#000000 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#333333), color-stop(0.35,#0f0f0f), color-stop(0.5,#000000), color-stop(1,#000000));
	background:-webkit-linear-gradient(top,#333333 0%,#0f0f0f 35%,#000000 50%,#000000 100%);
	background:-moz-linear-gradient(top,#333333 0%,#0f0f0f 35%,#000000 50%,#000000 100%);
	background:-o-linear-gradient(top,#333333 0%,#0f0f0f 35%,#000000 50%,#000000 100%);
}
footer ul {
	margin:40px 0 0 0;
	text-align:center;
}
footer ul li {
	display:inline;
	margin:0 10px 0 10px;
}
footer ul li a {
    display:inline-block;
    opacity:0.66;
    height:32px;
    width:88px;
}
footer ul li a#valid-html {background:url('../valid/sprites.png') no-repeat 0 -130px}
footer ul li a#valid-css {background:url('../valid/sprites.png') no-repeat 0 -166px}
footer ul li a#valid-wcag {background:url('../valid/sprites.png') no-repeat 0 -200px}
footer ul li a:hover {opacity:1.0}
footer ul li em {display:none}
/*
The author and webmaster:
Morten René Liavaag Strømsborg
*/
footer p {
	margin:60px 0 0 0;
	text-align:center;
}
footer p#author {margin:0}
/*
Main Styles
*/
main, div#container {
	clear:both;
	color:#000000;
	overflow:hidden;
	text-align:left;
	line-height:1.8;
   	background:#ffffff;
   	display:inline-block;   /*IE bug-fix for <main>*/
   	width:100%;             /*Fix for inline-block*/
}
/*
Content and Section Styles
*/
section {
	padding:25px;
   	margin-left:220px;
   	border-left:1px dotted #000000;
}
section p {margin:0 0 1.8em 0}
section blockquote {
    margin:1.8em 0 1.8em 3em;
	font-style:italic;
}
section h1 {
   	font-size:24px;
   	margin:0 0 5% 0;
   	border-bottom:1px dotted #000000;
}
section h2 {font-size:20px}
section h1,
section h2,
section h3,
section h4 {
	color:#000000;
	text-align:left;
	font-weight:100;
	letter-spacing:-2px;
	background:transparent;
	font-family:Tiza, Georgia, "Times New Roman", Times, serif;
}
section h3 {
   	font-size:18px;
   	font-style:italic;
}
section h4 {
   	font-size:16px;
   	font-style:italic;
}
section a:link {
   	color:#000000;
   	background:none repeat;
}
section a:hover {
   	color:#565656;
   	background:none repeat;
}
section a:visited {
   	color:#565656;
   	background:none repeat;
}
section a:visited:hover {
   	color:#000000;
   	background:none repeat;
}
section a:active {
   	color:#0000ff;
   	background:none repeat;
}
section ul {margin:10px 40px 0 40px}
section ul li {margin:5px 0 5px 0}
section ul ul {
	margin:0 0 0 20px;
	font-style:italic;
	text-shadow:none;
	font-size:15px;
}
/*
External Links Styles
*/
div#wrapper section ul.external-link,
div#wrapper section.external-link {
	list-style:url(../images/external-link.png);
}
/*
Aside Styles
*/
aside {
	float:left;
   	clear:left;
   	width:200px;
   	padding:40px 10px 10px 10px;
}
aside h2 {
   	font-size:22px;
   	letter-spacing:+1px;
}
aside h3 {
	font-size:18px;
	margin:40px 0 0 0;
}
aside h2,
aside h3 {
	font-variant:small-caps;
   	font-weight:100;
   	text-align:left;
}
aside ul {
	margin:0 0 16px 0;
	font-style:italic;
	list-style:none;
	width:200px;
	padding:0;
}
aside ul li {display:block}/*Bug fix*/
aside ul li a {
	color:#000000;
	display:block;      /*Bug fix*/
	background:#ffffff;
	text-decoration:none;
	padding:16px 0 0 10px;
	border-bottom:1px dotted #000000;
}
aside ul li a:visited {
	color:#000000;
	background:#ffffff;
}
aside ul li a:hover {
	color:#000000;
	background:#eeeeee;
}
/*
Language Selection Styles
*/
aside div#languageSelection {
	width:200px;
	font-size:18px;
	font-weight:900;
	margin:0 0 50px 0;
	text-align:center;
	letter-spacing:+2px;
}
aside div#languageSelection a {
	height:50px;
	color:#ffffff;
	display:block;
	padding:25px 0 0 0;
	background:#000000;
}
aside div#languageSelection a:hover {opacity:0.7}
/*
CSS only lightboxes
*/
a#lightbox {
    top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	display:none;
	position:fixed;
	text-align:center;
	background:rgba(255,255,255,0.94);
}
a#lightbox img {
	max-width:100%;
	max-height:100%;
	margin-top:5%;
}
a#lightbox:target {
	outline:none;
	display:block;
}
/*
Class Styles -- a touch of class...
*/
div#class {
	clear:both;
	height:25px;
	padding:20px;
	color:#ffcc99;
   	text-align:right;
   	background:#000000;  	
}
div#class h3 {
	font-size:18px;
	font-weight:600;
}
div#class div#leftClass {
	float:left;
	width:160px;
   	text-align:center;
}
div#class a:link {
   	color:#ffcc99;
   	font-size:18px;
   	background:#000000;
   	letter-spacing:+1px;
   	text-decoration:none;
	border-bottom:1px dotted #ffcc99;
}
div#class a:visited {
   	color:#ffcc99;
   	background:none repeat;
}
div#class a:hover {
   	color:#6699ff;
   	background:none repeat;
	border-bottom:1px dotted #6699ff;
}
/*
Floating Bar Styles
*/
div#floatingMenu {
	left:0;
	bottom:0;
	width:100%;
	opacity:0.9;
	color:#ffffff;
	position:fixed;
	background:#000000;
	letter-spacing:+2px;
	padding:5px 0 30px 0;
	border-top:1px solid #333333;
}
div#floatingMenu a:link {
   	color:#ffffff;
   	text-decoration:none;
   	background:none repeat;
	border-bottom:1px dotted #ffffff;
}
div#floatingMenu a:visited {
   	color:#ffffff;
   	text-decoration:none;
   	background:none repeat;
   	border-bottom:1px dotted #ffffff;
}
div#floatingMenu a:hover {
   	color:#6699ff;
   	text-decoration:none;
   	background:none repeat;
	border-bottom:1px dotted #6699ff;
}
div#floatingMenu a:active {
   	color:#ffa500;
   	text-decoration:none;
   	background:none repeat;
	border-bottom:1px dotted #ffa500;
}
/*The other Styles
     ___
     /_\ `*   
    (o o)
ooO--(_)--Ooo-
Miscellaneous Styles
Left	=	float Left
Right	=	float Right
*/
*.left {
	float:left;
	color:#000000;
	background:none repeat;
}
*.right {
	float:right;
	color:#000000;
	background:none repeat;
}
*#seoContainer {display:none}
section ul#sources {font-size:12px}/*WCAG 2.0 and ISO styles*/
p#credit {font-size:80%}/*Credit for generators*/
/*
Form Styles
*/
fieldset {
    border:1px dotted #000000;
    padding:5% 10%;
}
fieldset legend {
	color:#000000;
	font-size:18px;
	margin:4% 0 4% 0;
	background:inherit;
	text-shadow:1px 1px 1px #cccccc;
}
label {
	font-size:18px;
	font-style:italic;
	text-shadow:1px 1px 1px #cccccc;
}
button, input, select {font-size:18px}
textarea {
    line-height:1.6;
    font-size:18px;
}
/*
input[type="text"]  //No padding on radio buttons
*/
input[type="button"],
input[type="submit"],
input[type="reset"],
select {width:47.2%}
input[type="text"],
input[type="email"],
input[type="number"],
textarea {width:92%}
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="number"],
button, textarea, select {
	padding:10px;
	margin:0 0 4% 0;
	border-radius:5px;
	border:1px solid #d7dde3;
	text-shadow:1px 1px 1px #cccccc;
	box-shadow:inset 1px 2px 10px #cccccc;
}
input[type="checkbox"],
input[type="radio"] {margin:0 2% 0 0}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
	box-shadow:inset 1px 2px 10px #a0a0a0;
}
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
	box-shadow:inset 1px 2px 10px #666666;
}
/*
RWD width-styles
*/
@media only screen and (min-width:1061px) {
    *.handheld-content {display:none}
}
@media only screen and (min-width:1300px) {
	div#wrapper {width:1200px}
	header ul li a {width:240px !important}
	header ul ul {width:239px !important}
	header ul ul li a {width:239px !important}
	header ul ul ul li a,
	header ul ul ul ul li a {width:240px !important}
	footer p#author {margin:10px 0 0 0}
	section {
   		margin-left:240px;
   		font-size:18px !important;
   		padding:30px 80px 60px 80px !important;
   	}
   	div#class h3 {
		letter-spacing:+2px;
		font-size:22px;
	}
	aside {padding:40px 20px 60px 20px}
}
@media only screen and (min-width:1600px) {
	div#wrapper {width:1500px}
	header ul {height:60px !important}
	header ul li a {
		padding:20px 0 0 0 !important;
		height:60px !important;
		width:300px !important;
		letter-spacing:3px;
		font-size:18px;
	}
	header ul ul {
		width:299px !important;
		height:auto !important;
		margin:60px 0 0 0 !important;
	}	
	header ul ul li a {
	    padding:25px 10px 5px 10px !important;
		width:299px !important;
		letter-spacing:2px;
		font-size:16px;
	}
	header ul ul ul li a,
	header ul ul ul ul li a {
		width:300px !important;
	}
	header ul > li > ul li:hover > ul {
		margin:0 !important; /*IE bug-fix*/
	}
	section {margin-left:300px}
   	section h2 {font-size:22px}
	aside {padding:40px 50px 60px 50px}
}
@media only screen and (min-width:1850px) {
    body {
	   	color:#ffffff;
   	    background:#000000;
   	}
	div#wrapper {width:1750px}
	header ul li a {width:350px !important}
	header ul ul {width:349px !important}	
	header ul ul li a {	width:349px !important}
	header ul ul ul li a,
	header ul ul ul ul li a {width:350px !important}
	section {
   		margin-left:350px;
   		padding:30px 220px 60px 220px !important;
   	}
	aside {padding:40px 80px 60px 80px}
}
@media only screen and (min-width:2000px) {
   	div#wrapper {width:90%}
   	header ul li a {
		width:380px !important;
		letter-spacing:3px;
	}
	header ul ul {width:379px !important}
	header ul ul li a {
		width:379px !important;
		letter-spacing:2px;
	}
	header ul ul ul {width:380px !important}
	header ul ul ul li a,
	header ul ul ul ul li a {
		width:380px !important;
		letter-spacing:2px;
	}
   	section {
		padding:25px 14% !important;
		margin-left:380px;
   	}
   	aside {padding:40px 90px 60px 90px}
}
@media only screen and (min-width:3160px) {
   	header ul li a {width:500px !important}
	header ul ul {width:498px !important}
	header ul ul li a {width:498px !important}
	header ul ul ul {width:499px !important}
	header ul ul ul li a,
	header ul ul ul ul li a {width:499px !important}
   	section {
		padding:3% 20% !important;
   		margin-left:500px;
   	}
   	section h1 {font-size:30px}
   	section h2 {font-size:26px}
	aside {
   		padding:3% 130px;
   		line-height:2;
   	}
   	footer {
   		background:#000000 !important;
   		font-size:16px !important;
   	}
}
/*
RWD height-styles
*/
@media only screen and (min-height:768px) {
	header {padding:30px 0 1px 0 !important}
   	header h1 {
   		margin:80px 2% 100px 2% !important;
   		font-size:36px !important;
   	}
}
@media only screen and (min-height:1000px) and (min-width:1850px) {
   	header h1 {
   		margin:90px 2% 110px 2% !important;
   		font-size:40px !important;
   		letter-spacing:3px;
   	}
}
@media only screen and (min-height:1400px) and (min-width:2500px) {
	header {padding:60px 0 1px 0 !important}
   	header h1 {
   		margin:80px 2% 120px 2% !important;
   		font-size:48px !important;
   	}
}
@media only screen and (min-height:1800px) and (min-width:3160px) {
	header {padding:80px 0 1px 0 !important}
   	header h1 {
   		margin:90px 2% 160px 2% !important;
   		font-size:56px !important;
   	}
}
/*
Handheld Styles
*/
@media only screen and (max-width:1060px) {
	div#wrapper {
		width:100%;
		padding:0;
		border:0;
	}
	header {border-radius:0}
	header h1 {
		margin:60px 2% 80px 2% !important;
		font-size:30px !important;
   	}
	header ul {width:100%}
	header ul li {float:none}
	header ul li ul,
	header div#html5,
	aside {display:none !important}
	header ul li a {width:20%}
	section {
		margin-left:0px;
		border-left:none;
		overflow:hidden;
		padding:3%;
   	}
   	section h1 {font-size:22px}
   	section h2 {font-size:18px}
   	section h3,
   	section h4 {font-size:16px}
   	section ul {text-align:left}
   	div#class h3 {font-size:18px}
   	div#class div#leftClass {
   		width:100px;
   		padding:0;
   		border:0;
   	}
   	footer {padding:10px 0 0 0}
   	footer p {font-size:10px}
}
@media only screen and (max-width:480px) {
	header h1 {
		margin:46px 2% 60px 2% !important;
		font-size:26px !important;
   	}
	header ul li a {
		letter-spacing:0px;
		font-size:12px;
	}
	footer ul {display:none}
	footer {height:36px}
	fieldset legend, button,
   	input, select, label, fieldset p {font-size:14px}
}
/*     \|||/
       (o o)
----ooO-(_)-Ooo----
Albums|Contact|Culture|Beta|Forums*/
section#albums, section#culture, section#beta, section#forums {height:900px}
/*Black galleries*/
section div.item {
	margin-right:1%;
	display:inline;
}
section div#thumbnails {
    margin-left:1%;
    text-align:center;
}
/*Slide galleries*/
@media only screen and (max-width:1060px) {
    section a.item {
	    margin-right:1%;
	    display:inline;
    }
    section div.flow {
        margin-left:1%;
        text-align:center;
    }
}
/*
CONTACT
*/
section div#express h3 {margin:50px 0 0 0}
section div#express p {
	font-size:18px;
	font-style:italic;
	margin:20px 0 50px 0;
}
section div#express a {font-weight:900}
p#regards {padding:150px 0 50px 0}
/*
CULTURE
*/
section#culture img {border-radius:5px}
section#culture article {height:480px}
section#culture article p {
	font-size:14px;
	margin:0;
}
section#culture ul em {font-family:Pacifico, Georgia, "Times New Roman", Times, serif}
/*
BETA
*/
section div#beta-left,
section div#beta-right {width:330px}
section div#beta-left {float:left}
section div#beta-right {float:right}
section#web-tools {
    max-width:980px;
    margin-top:10px;
}
section#web-tools div#box1,
section#web-tools div#box2,
section#web-tools div#box3 {
	width:30%;
	height:900px;
	padding:1.5%;
	border-top:1px #000000 solid;
}
section#web-tools div#box1 {
	float:left;
	color:#000000;
	background:#00ccff;
	background:linear-gradient(to bottom,#00ccff 0%,#ffffff 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#00ccff), color-stop(1,#ffffff));
	background:-webkit-linear-gradient(top,#00ccff 0%,#ffffff 100%);
	background:-moz-linear-gradient(top,#00ccff 0%,#ffffff 100%);
	background:-o-linear-gradient(top,#00ccff 0%,#ffffff 100%);
}
section#web-tools div#box2 {
	float:left;
	color:#000000;
	background:#00ff00;
	background:linear-gradient(to bottom,#00ff00 0%,#ffffff 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#00ff00), color-stop(1,#ffffff));
	background:-webkit-linear-gradient(top,#00ff00 0%,#ffffff 100%);
	background:-moz-linear-gradient(top,#00ff00 0%,#ffffff 100%);
	background:-o-linear-gradient(top,#00ff00 0%,#ffffff 100%);
}
section#web-tools div#box3 {
	color:#000000;
	margin-left:66%;
	background:#ffa500;
	background:linear-gradient(to bottom,#ffa500 0%,#ffffff 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#ffa500), color-stop(1,#ffffff));
	background:-webkit-linear-gradient(top,#ffa500 0%,#ffffff 100%);
	background:-moz-linear-gradient(top,#ffa500 0%,#ffffff 100%);
	background:-o-linear-gradient(top,#ffa500 0%,#ffffff 100%);
}
section#web-tools ul {
	font-size:14px;
	padding:0 0 0 10px;
}
section#web-tools ul li {
	margin:0;
	padding:10px 0 10px 0;
}
/*
FORUMS
*/
section#forums ul {text-shadow:1px 1px 1px #cccccc}
section#forums ul em {font-family:Pacifico, Georgia, "Times New Roman", Times, serif}
section#forums ul li {margin:30px 0 0 0 !important}
/*
Handheld Styles
*/
@media only screen and (max-width:768px) {
    section#albums, section#culture, section#beta, section#forums,
	section#culture article {height:100%}
	section div#beta-left,
	section div#beta-right {float:none}
	section#web-tools {padding:0 !important}
	section#web-tools div#box1,
	section#web-tools div#box2,
	section#web-tools div#box3 {
		width:100%;
		float:none;
		margin:0;
	}
}
/*Share Bar*/
ul#share-bar {
    right:0;
    bottom:50%;
    position:fixed;
    list-style:none;
}
ul#share-bar li a em {display:none}
ul#share-bar li a {
    padding:16px;
    color:#ffffff;
    display:block;
    font-size:20px;
    text-align:center;
    background:#333333;
    text-decoration:none;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
ul#share-bar li a:hover {background:#565656}
@media only screen and (min-width:1061px) {
    ul#share-bar {
        animation-fill-mode:forwards;
        animation:fadein ease-in 1;
        animation-duration:8s;
    }
    @keyframes fadein {from {opacity:0} to {opacity:1}}
}
@media only screen and (max-width:1060px) {
    ul#share-bar {
        bottom:0;
        width:100%;
    }
    ul#share-bar li a {
        float:left;
        width:20%;
    }
    ul#share-bar li a:hover {background:#565656}
}