/* Colour Legend */

/* Reset */

html, body { 
	margin: 0; 
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 10px; background-color:#121212;
}

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead { 
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

table, tr, th, td, tbody, tfoot, thead { 
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

table { 
	border-collapse: collapse;
	border-spacing: 0;
}

input, select, textarea, form, fieldset { 
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}

h1, h2, h3, h4, h5, h6, p, li, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	font-height: 100%;
	text-indent: 0;
	text-direction: none;
	text-align: left;
	color: #000;
}

ol, ul {
	list-style: none;
}

/* Global */

html {	}
body {	}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #000;
}

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}

/* text elements */

p				{ color: #000; font-size: 12px; line-height: 150%; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a				{	}
a:link			{ color: #00f; }
a:visited		{ color: #0f0; }
a:active		{ color: #000; }
a:focus			{ color: #666; }
a:hover			{ color: #f00; }

blockquote		{ color: #000; font-size: 12px; }

strong			{ font-weight: bold; }
em				{ font-style: italic; }

/* Images */

/* lists */

ul				{	}
ol				{ list-style-type: decimal; }

ul li			{ color: #000; font-size: 12px; }
ol li			{ color: #000; font-size: 12px; }

dl				{	}
dt				{	}
dd				{	}

/* Tables */

tr				{	}
.odd			{ background-color: #eee; }
.even			{ background-color: #fff; }

th				{ font-weight: bold; }
thead, th		{ background: #ccc; }

tbody			{	}

th, td, caption {	}
caption			{	}

tfoot			{	}
.tfooter		{ background-color: #ccc; text-align: center; font-style: italic; }

caption			{background: #efefef; }

/* Miscellaneous */

sup, sub		{ line-height: 0; }

abbr, acronym	{ border-bottom: 1px dotted #666; }
address			{	}
del				{ background: #FFCECE; color: #000; }

code, pre		{ background-color:#FF9; padding: 2px 0px; margin: 4px 25px;
				  font-family: "Courier New", Courier, monospace; font-size: 12px;
				  font-weight: regular; }
/* Containers */
 
 #navigation {
	 position: fixed;
	 top: 20px;
	 right: 3%;
	 z-index: 999;
	 }
	 
 #navigation .nav {
	 -webkit-transition-duration: 0.4s;
 	 -moz-transition-duration: 0.4s;
  	 -ms-transition-duration: 0.4s;
  	 -o-transition-duration: 0.4s;
  	 transition-duration: 0.4s;
 }
	 
#navigation .nav:hover {
  	 opacity: 1;
  	 -webkit-transform: scale(1.2);
  	 -moz-transform: scale(1.2);
  	 -ms-transform: scale(1.2);
  	 -o-transform: scale(1.2);
  	 transform: scale(1.2);
  	 -webkit-transition-duration: 0.4s;
  	 -moz-transition-duration: 0.4s;
  	 -ms-transition-duration: 0.4s;
  	 -o-transition-duration: 0.4s;
  	 transition-duration: 0.4s;
}
 
 #social {
	 position: fixed;
	 top: 590px;
	 right: 18%;
	 z-index: 999;
	 }
 #social ul li {
	 margin-bottom: 5px;
	 }
	 
 #social .soc {
	 -webkit-transition-duration: 0.4s;
 	 -moz-transition-duration: 0.4s;
  	 -ms-transition-duration: 0.4s;
  	 -o-transition-duration: 0.4s;
  	 transition-duration: 0.4s;
 }
	 
#social .soc:hover {
  	 opacity: 1;
  	 -webkit-transform: scale(1.2);
  	 -moz-transform: scale(1.2);
  	 -ms-transform: scale(1.2);
  	 -o-transform: scale(1.2);
  	 transform: scale(1.2);
  	 -webkit-transition-duration: 0.4s;
  	 -moz-transition-duration: 0.4s;
  	 -ms-transition-duration: 0.4s;
  	 -o-transition-duration: 0.4s;
  	 transition-duration: 0.4s;
}
 
 /* Layout Extra */
 
 /* Navigation Extra */
 
 /* Forms */
 
 form {
	text-align: left;
	margin: 20px;
 }
 
 label, submit, input, textarea {
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
 }
 
 label {
	float: left;
	width: 150px;
	text-align: right;
	display: block;
 }
 
 input, textarea {
	 border: 1px #333 solid;
	 margin-left: 10px;
 }
 
 input {
	 width: 280px;
	 margin-bottom: 16px;
 }
 
 textarea {
	 width: 280px;
	 height: 150px;
	 margin-bottom: 16px;
 }
 
 select	{	}
 
 .submit {
	 width: 90px
	 height: 25px;
	 margin-left: 150px;
	 font-size: 12px;
 }
 
 br {
	 clear: left;
 }
 
 /* Miscellaneous */
 
.copyright-text	{ font-size: 80%; font-style: italic; color: #333; }
.footer-text	{ font-size: 80%; font-style: normal; color: #666; }

.title			{ font-size: 18px; font-weight: bold; color: #333; }
.subtitle		{ font-size: 14px; font-style: italic; color: #333; }

.artist			{ font-size: 16px; font-weight: bold; color: #333; }
.author			{ font-size: 14px; font-weight: bold; color: #555; }
.editor			{ font-size: 16px; font-style: italic; color: #555; }

.pub-date		{ font-size: 10px; font-style: italic; color: #555; }
.article-date	{ font-size: 10px; font-style: italic; color: #555; }
.location		{ font-size: 10px; font-style: italic; color: #555; }

.float-right	{ float: right; }
.float-left		{ float: left; }
.clear			{ clear: both; }

.hide			{ display: none; }
.block			{ display: block; }
.inline			{ display: inline; }

.first			{ font-weight: bold; }
.last			{ font-weight: bold; }
.left			{ font-weight: bold; text-align: left; }
.right			{ font-weight: bold; text-align: right; }

.added			{ background: #D7D7FF; }
.removed		{ background: #FFCECE; color: #f00; }
.changed		{ background: #FFB; }

/* Success, info, notice and error/alert boxes */

.error .alert .notice .success .info {
	padding: 0.8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}

.error .alert {
	background: #fbe3e4;
	color: #8a1f11;
	border-color: #fbc2c4;
}

.notice {
	background: #fff6bf;
	color: #514721;
	border-color: #ffd324;
}

.success {
	background: #e6efc2;
	color: #264409;
	border-color: #c6d880;
}

.info {
	background: #d5edf8;
	color: #205791;
	border-color: #92cae4;
}

.error a	{ color: #8a1f11; }
.alert a	{ color: #8a1f11; }

.notice a	{ color: #514721; }
.success a	{ color: #264409; }
.info a		{ color: #205791; }