html {
	width: 100%;
}

body {
	font: 12px/18px Verdana, Arial, sans-serif;
	color: #F0F0F0;
	width: 100%;
	background: #0B0B0B;
	cursor: url(../../images/pointers/rockon.cur), default;
	border-radius: 5px;
}

/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 100px;
	background: #2B2B2B;
}

img.auto { 
	width: 1180px;
	height: auto; 
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
} 

img.profile {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #1B1B1B;
	border-radius: 10px;
}

img.albums {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #1B1B1B;
	border-radius: 10px;
}

.enlarge:hover {
	transform:scale(4,4);
	transform-origin:0 0;
	border-radius: 10px;
}

/* Navigation
-----------------------------------------------------------------------------*/
.navigation {
	float: left;

	height: 25px;
	width: 1200px;
	background: #3B3B3B;
	padding: 0 0 0 0;
	border-radius: 0px 0px 5px 5px;
}
/* Middle
-----------------------------------------------------------------------------*/
.wrapper {
	margin: 0 auto;
	display: table;
	table-layout: fixed;
	width: 1200px;
}

.columns-wrapper {
	display: table-row;
}

.column {
	display: table-cell;
	background: #2B2B2B;
	padding: 10px;
	border: 1px solid;
	border-color: black;
	height: 800px;
	border-radius: 5px 5px 5px 5px;
}

.columna {
	display: table-cell;
	background: #2B2B2B;
	padding: 10px;
	border: 1px solid;
	border-color: black;
	height: 150px;
	border-radius: 5px 5px 5px 5px;
}

.columnf {
	display: table-cell;
	background: #2B2B2B;
	padding: 10px;
	border: 1px solid;
	border-color: black;
	min-height: 500px;
	border-radius: 5px 5px 5px 5px;
}

/* Menu
-----------------------------------------------------------------------------*/
ul {
	padding:0;
	margin:0;
	list-style: none;
	background:#3B3B3B;
	height:25px;
	border-radius: 0px 0px 5px 5px;
}

ul li {
	float:left;
	position:relative;
	border-radius: 0px 0px 5px 5px;
}

a:link, a:visited {
	text-decoration: none;
	color: #F0F0F0;
	font-weight:bold;
}

ul li a, ul li a:visited {
	display:block;
	color: #F0F0F0;
	width:280px;
	height:auto;
	line-height:5px;
	padding:10px;
	text-align:center;
}

ul li a:hover {
	display:block;
	color: #F0F0F0;
	background:#1B1B1B;
	line-height:5px;
	padding:10px;
	border-radius: 0px 0px 5px 5px;
}

ul li ul, ul li:hover ul li ul {
	display: none;
}

ul li:hover ul {
	display:block;
	position:absolute; 
	top:25px;
	left:0;
	height:auto;
}

ul li:hover ul li a {
	display:block;
	text-align:left; 
	border-bottom:1px solid #FFF;
}

ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:124px;
	top:0;
}

th {
	font-size: 14px;
	border-bottom: solid 1px #1B1B1B;
}

td {
	border-bottom: solid 1px #1B1B1B;
}


/*Image slider */
@import url(http://fonts.googleapis.com/css?family=Istok+Web);
@keyframes slidy {
0% { left: 0%; }
2% { left: -100%; }
5% { left: -200%; }
7% { left: -300%; }
9% { left: -400%; }
12% { left: -500%; }
14% { left: -600%; }
16% { left: -700%; }
18% { left: -800%; }
21% { left: -900%; }
23% { left: -1000%; }
25% { left: -1100%; }
28% { left: -1200%; }
30% { left: -1300%; }
32% { left: -1400%; }
35% { left: -1500%; }
37% { left: -1600%; }
39% { left: -1700%; }
41% { left: -1800%; }
44% { left: -1900%; }
46% { left: -2000%; }
48% { left: -2100%; }
51% { left: -2200%; }
53% { left: -2300%; }
55% { left: -2400%; }
58% { left: -2500%; }
60% { left: -2600%; }
62% { left: -2700%; }
64% { left: -2800%; }
67% { left: -2900%; }
69% { left: -3000%; }
71% { left: -3100%; }
74% { left: -3200%; }
76% { left: -3300%; }
78% { left: -3400%; }
81% { left: -3500%; }
83% { left: -3600%; }
85% { left: -3700%; }
87% { left: -3800%; }
90% { left: -3900%; }
92% { left: -4000%; }
94% { left: -4000%; }
97% { left: -4100%; }
100% { left: -4100%; }
}
body, figure { 
	margin: 0; background: #101010;
	font-family: Istok Web, sans-serif;
	font-weight: 100;
}

div#captioned-gallery { 
	width: 750px;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}
figure.slider { 
	position: relative; width: 4200%;
	font-size: 0; animation: 80s slidy infinite; 
}
figure.slider figure { 
	width: 2,380952381%; height: auto;
	display: inline-block;  position: inherit; 
}
figure.slider img { 
	width: 750px;
	height: 563px; 
}
figure.slider figure figcaption { 
	position: absolute; bottom: 0;
	background: rgba(0,0,0,0.4);
	color: #fff; width: 100%;
	font-size: 2rem; padding: .6rem; 
}

/*Chapter stuff*/
h2 { 
	line-height: 0px;
}

h2.center { 
	text-align: center;
	line-height: 0px;
}