/* CSS3 stylesheet */

body {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	background-color: #100000;
	color: white;
}
h1 {
	color: #e0e0e0;
}
a {
	text-decoration: none;
	border: 0;
	outline:none;
	color: #ffff00;
}
a:hover {
	color: #ffff60;
}
p {
	margin: 3px 6px 3px 6px;
	color: #c0c0c0;
}



/* Navigation Header */

div.nav {
	background-color: #400000;
	padding: 5px;
	margin: 0em auto;
	text-align: center;
}
div.nav div {
	display: inline-block;
}
div.nav a {
	margin: 3px;
	color: #ff8000;
	border: 1px solid #a04000;
	margin: auto;
	padding: 0px 5px;
	border-radius: 3px;
}
div.nav a:hover {
	background: #c03000;
}




/* Page Layout */

div.main {
	width: 960px;
	margin: 1em auto;
}
div.border {
	border-radius: 15px;
	background-color: #222020;
	box-shadow: 0 0 16px 10px #000000 inset;
	padding: 0px 16px 0 16px;
	overflow: auto;
}
div.header {
	min-height: 16px;
	overflow: auto;
}
div.content {
	overflow: auto;
}

div.footer {
	text-align: center;
	font-size: 60%;
	color: #808080;
	height: 16px;
}




/* Page Tabs */

div.header div.title {
	font-size: 140%;
	font-weight: bold;
	display: inline-block;
	color: #ff8000;
}
div.header div.tabs {
	display: inline-block;
	margin-left: 10em;
}
div.header div.tabs a {
	color: #ff8000;
	text-decoration: none;
	font-size: 80%;
	border: 1px solid #101010;
	border-radius: 10px;
	padding: 0 6px 0 6px;
}
div.header div.tabs a.current {
	font-weight: bold;
	color: #ffa020;
}
div.header div.tabs a:hover {
	background-color: #804000;
}




/* Project List */

div.project {
	border: 1px solid #101010;
	border-radius: 8px;
	overflow: auto;
	margin: 2px 0 2px 0;
	color: #a0a0a0;
}
a:hover div.project {
	background-color: #272525;
}
div.project h2 {
	display: inline-block;
}
div.project img.icon {
	float: left;
}
div.info {
	float: right;
	font-size: 80%;
	color: #c0c0c0;
	text-align: right;
	margin: 8px;
}
div.info span {
	display: block;
}
img.icon {
	width: 160px;
	margin: 8px;
	display: block;
}




/** Project Details */

div.details {
	overflow: auto;
	float: right;
	margin-left: 8px;
	width: 190px;
	border: 1px solid #101010;
	border-radius: 6px;
	padding: 8px 0 8px 0;
}
div.details img.icon {
	margin: 0px auto 8px auto;
}
div.details a.link {
	text-decoration: none;
	font-weight: bold;
	color: #f08000;
	border: 1px solid #a0a0a0;
	border-radius: 2px;
	background-color: #404040;
	text-align: center;
	width: 160px;
	margin: 2px auto 2px auto;
	display: block;
}
div.details a.link:hover {
	background-color: #808080;
}
div.column {
	overflow:auto;
}

/** embedded iframes */
iframe {
	border: 0;
}


/** Adverts */
div.details div.advert {
	overflow:auto;
	width:120px;
	margin: 8px auto;
	border: 1px solid #101010;
	border-radius: 4px;
}



/** Blog posts */

div.post {
	border: 1px solid #101010;
	border-radius: 8px;
	overflow: auto;
	margin: 8px 8px 24px;
	color: #c0c0c0;
}
div.post div.date {
	float: right;
	color: #808080;
	margin: 6px;
	font-size: 90%;
}
div.post h2 {
	margin: 6px 0 0 6px;
}
div.post h2 a {
	color: #f0f0f0;
}
div.post div.body {
	padding: 32px 24px;
}
div.postinfo {
	border-top: 1px solid #101010;
	overflow: auto;
	padding: 0 6px 1px 6px;
	max-height: 20px;
	overflow: hidden;
}
div.postinfo a {
	text-decoration: none;
	color: #a0a0a0;
}
div.postinfo a:hover {
	color: #c0c0c0;
}
div.postinfo a.comments {
	font-size: 80%;
}
div.tags {
	display: inline;
	margin-left: 32px;
}
div.tags a {
	font-size: 70%;
	margin: 0 8px 0 8px;
}
div.tags a.project {
	font-weight: bold;
}
div.admin {
	float: right;
	clear: right;
	overflow:auto;
}




/* Comments */

div.comment {
	border: 1px solid #101010;
	border-radius: 8px;
	overflow: auto;
	margin: 2px 1em 2px 1em;
	padding: 6px;
	color: #c0c0c0;
}
div.comment div.date {
	font-size: 80%;
	color: #a0a0a0;
	float: right;
}
div.comment span.name {
	font-size: 130%;
	color: #e0e0e0;
}
div.comment span.email {
	font-size: 80%;
	margin: 0 32px;
}




/** Markup elements */

div.post h1 {
	margin: auto auto 8px;
	color: #c0c0c0;
}
div.post h2 { font-size: 140%; font-weight: bold; color: #e0e0e0; }
div.post h3 { font-size: 120%; font-weight: bold; color: #c0c0c0; }
div.post span.bold		{ font-weight: bold; }
div.post span.italic	{ font-style: italic; }
div.post span.underline { text-decoration: underline; }
div.post p 			{ margin: 0; }
div.post p.centre 	{ text-align: center; }
div.post p.right 	{ text-align: right; }
div.post p.justify 	{ text-align: justify; }
div.post div.code {
	background-color: #303030;
	/*border: 1px solid #121010;*/
	border-radius: 4px;
	font-size: 10pt;
	font-family: "Monaco", "Courier New", monospace;
	color: #e08040;
	margin: 4px 10px;
	padding: 3px;
}
div.post div.gallery img {
	border: 1px solid #121010;
	margin: 2px;
	opacity:0.7;
	vertical-align: middle;
}
div.post div.gallery img:hover {
	border-color: #201515;
	opacity: 1.0;
}




/*  Other elements  */
a.button {
	display: inline-block;
	font-size: 90%;
	text-decoration: none;
	text-align: center;
	vertical-align: text-top;
	color: #c0c0c0;
	background-color: #303030;
	border: 1px solid #101010;
	border-radius: 6px;
	cursor: pointer;
	padding: 0 8px 0 8px;
	margin: 2px;
}
a.button:hover, a.hover {
	color: #a0a0a0;
	background-color: #404040;
}

div.biglinks {
	text-align: center;
}
div.biglinks img {
	border: 1px solid #ff4000;
	border-radius: 6px;
	margin: 2px;
	opacity:0.7;
}
div.biglinks img:hover {
	border-color: #ff8000;
	opacity: 1.0;
}