html {
	color: #ccc;
	background-color: #404448;
	font-family: Helvetica, Arial, sans-serif;
}
body { margin: 1% 2%; }
p {
	font-family: Trebuchet, Geneva, Verdana, serif;
}
h1 {
  color: #f5367b;
	font-family: Helvetica, Georgia, Perpetua, sans-serif;
	margin-top: 30px;
	margin-bottom: 10px;
  font-weight: normal;
}

/* Purple visited links are ugly on this black background */
:link {
	text-decoration: none;
	color: #eee;
}
a:hover { color: #bbb; }
:visited {
	text-decoration: none;
	color: #ddd;
}
img { /*remove unwanted link borders*/
	border: none;
}
.clear {
	clear: left;
}
.clearright {
	clear: right;
}

/* body */
#body {
  clear: left;
  float: left;
  margin-top: 40px;
  padding-left: 30px;
  width: 80%;
	text-align: justify;
}
/* ENDOF body */

/* header */
#header_logo { }
#header_logo a img {
  float: left;
	height: 112px;
}
#header_right { }
#lang {
  text-align: right;
  font-size: 9px;
  word-spacing: 1em;
  padding: 74px 0px 0px 0px; /* 69px */
}
.nopink { color: #ccc; }
.pink { color: #f5367b; }
a.pink:hover { color: #e26; }
div.pinky {
  background-color: #f5367b;
  margin: 0px;
  text-indent: 7%;
  font-size: 7px;
  height: 5px;
}
#pd {
  color: #f5367b;
  background-color: #404448;
  letter-spacing: 5px;
  padding-left: 5px;
  position: relative;
  top: -1px;
}

/* index */
#images { text-align: left; }
#images img {
  height: 17em;
  border: 3px solid white;
  margin: 2% 2% 2% 0px;
}
#images ~ ul { padding-left: 17px; }
#images ~ ul > li { margin-bottom: 5px; }
.big { font-size: 1.5em; }

/* index images
#images {
	margin-top: 10px;
}
#frontRight {
	height: 336px;
	width: 50%;
	float: right;
	overflow: hidden;
}
#frontRight img {
	width: 100%;
	margin-top: 10px;
}
#left {
	float: left;
	width: 48%;
	height: 320px;
}
#frontTop img {
	margin-top: 10px;
	height: 152px;
	float: right;
}
#frontBottom img {
	margin-top: 20px;
	height: 152px;
	float: right;
}
/* ENDOF index images */

/* News */
ul.square {
  list-style: inside square;
  padding: 0px;
}
ul.square li { margin-bottom: 1em; }

/* funny background 
#offset {
	margin-left: 15%;
	position: relative;
	top: 12px;
	left: 70px;
}
#backjoke {
	position: relative;
	top: -12px;
	left: -70px;
}
/* ENDOF funny background */

#contentright{ text-align: right; }
#contentright h1 { font-size: 2.3em; }
#contentright p { margin-top: -20px; }

/* Specific to vb pages */
#vbrows {
	font-size: 1.1em;
	font-weight: bold;
}
#vbrows a { text-decoration: none; }
#yc:hover, #d:hover, #vp:hover, #nl:hover { opacity: 0.9; }
#yc, #d, #vp, #nl {
	padding: 2px;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 1px;
}
#yc {
	width: 73%;
	background-color: #607;
	float: left;
}
#d {
	width: 24%;
	background-color: #fb0;
	float: right;
}
#vp {
	width: 48%;
	background-color: #7c1;
	float: left;
}
#nl {
	width: 49%;
	background-color: #068;
	float: right;
}
#vbbanner {
	background-image: url("images/vb/vbbanner.png");
	background-repeat: repeat-y;
  border: 0px;
  width: 100%;
}
#vbbanner tr {
  text-align: center;
}
#vbbanner td a:hover {
	color: yellow;
	text-decoration: none;
}
.cell { border-right: double; }
.lastCell { border-right: none; }

/* Specific to two-columns files */
#cololeft { float: left; }
#content { margin-left: 250px; }
#content h1 { font-size: 2.3em; }
#cololeft2 {
	float: left;
  margin-top: 70px;
}
#content2 {
	margin-left: 250px;
  margin-top: 70px;
}
#content2 h1 { font-size: 2.3em; }
/* footer */
footer {
	margin-top: 5%;
	font-size: 0.7em;
	text-align: right;
}
/* ENDOF footer */

/* nav */
#nav {
	position: absolute;
	text-align: right;
	top: 170px;
	right: 2%;
  width: 14%;
	z-index: 2;
}
#nav hr {
  background-color: #777;
  margin: 10px 0px 10px 30%;
  border: 0px;
  height: 1px;
}
/* ENDOF menu */

/* interested.html */
#controls { text-align: center; }
#selprod { }
#liprod { }
div.prod {
  margin: 3%;
  padding: 4px;
  background-color: #575555;
}
div.prod table {
  table-layout: fixed;
}
div.prod td {
  width: 33%;
  text-align: center;
}
div.prod td img {
  width: 80%;
  border: 3px solid white;
}
h1.prodh {
  margin: 0px;
  padding: 2px;
  background-color: #f5367b;
  font-variant: small-caps;
  font-size: 1.8em;
  font-family: sans-serif;
  font-weight: bold;
}
a span.prodht {
  position: relative;
  left: 7%;
  color: #ccc;
}
h1 a:hover { color: #ccc; }

/* commit.html */
div.commit {
  text-align: center;
}
div.commit textarea {
  margin: 7px;
  width: 70%;
  height: 100px;
}

/* partnerships */
.partlogo {
  height: 100px;
  border: 1px solid black;
}
/* contact.html, artists.html */
.map {
  padding: 20px;
  background-color: #888;
  border: 1px solid white;
  border-radius: 10px;
  -moz-border-radius: 10px;
}

/* artists.html */
img.showcase {
	height: 150px;
  width: 150px;
}
div.artist {
	float: left;
  margin: 0% 7% 7% 0%;
}

/* in each artist's page */
img.presentation {
	margin: 0px 3% 0px 0px;
	float: left;
	height: 200px;
}
div.masterpiece { text-align: left; }
.margin {
	display: inline;
  margin: 10px 20px 10px 0px;
	height: 200px;
	background-color: white;
  padding: 3px;
}

/* vb self defined */
.indent{ text-indent: 10px; }
.right { float: right; }
.left  { float: left; }
.dimpink { color: #e99; }
.blue    { color: teal; }
.purple  { color: purple; }
.mint    { color: #9c6; }
.beige   { color: #a84; }
.clearblue{ color: #68f; }
.vison   { color: #965; }
.red     { color: #a00; }
.fuschia { color: #d48; }
.yellow  { color: #990; }
.white   { color: #eee; }
.wine    { color: #977; }
.orange  { color: #fb2; }
.bggreenblue { background-color: #077; }
.bggreen     { background-color: #173; }
.bgorange    { background-color: #c80; }
.bgluxembourg{ background-color: #695; }
.bgpurple    { background-color: purple; }
.bgblue      { background-color: #255; }
.bgclearblue { background-color: #35c; }
.bgyellow    { background-color: #440; }
.bgwine      { background-color: #533; }
.bgred       { background-color: #a00; }
.bgpink      { background-color: #f5367b; }
.bgfuschia   { background-color: #a14; }
img.space { margin: 10px; }
img.spaceleft { margin-left: 10px; margin-bottom: 10px; }