@charset "utf-8";		
	
/*----------------------------------------------
		blankdots.com
----------------------------------------------*/
@font-face{
	font-family: sketch;
	src: url('sketch.ttf');
}
img { border: none;}
ul { margin-bottom: 2em; list-style-type:none;}
fieldset { border: none; margin:0; padding: 0;}
legend { display: none; }
.hidden { display:none;}
.list { list-style-type:disc; margin-bottom: 5px; margin-top:5px;}
.list li { margin-top:5px;}

/*----------------------------------------------
		LAYOUT
----------------------------------------------*/
body{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#ccc;
	color:#fff;
}
#content {width:68%; margin:0 0 0 10px; padding:0;  background:#fff; height:100%;
	box-shadow: -3px 5px 5px -3px black;
	-moz-box-shadow: -3px 5px 5px -3px black;
	-webkit-box-shadow: -3px 5px 5px -3px black;
}
#menu { float:right; width:81.9%; padding:0; background:#000; margin:0;}
#menu ul { font-size:10px; height: 49px; padding: 3px 0 0 20px; margin:0;}
#menu ul li {margin:0; padding:1px;}
#menu ul li a {text-decoration:none; color:#fff;}
#menu ul li a:hover {text-decoration:none; color:#27BCEE;}

#menu .left {float:left; }

#logo {
	float:left;
	color:#fff;
	background:#000;
	width:18%;
	height: 52px;
	text-align:right;
	margin:0;
}
#logo a {padding:27px 10px 10px 0; color:#fff; display:block; text-decoration:none; font-size:12px; }
#wrapper {
	clear:both;
	font-size:12px;
	padding:5px 10px 10px 10px;
	margin:0 0 5px 0;
	text-align:justify;
	color:#000;
}
#wrapper ul {padding:0; margin:5px;}
#wrapper ul li {padding:2px; margin:0;}
#wrapper ul li a {text-decoration:none; color:#27BCEE;}
#wrapper ul li a:hover {text-decoration:underline; color:#27BCEE;}
#wrapper #doc_links a {text-decoration:none; color:#000; padding:5px 10px 5px 0;}
#wrapper #doc_links a:hover {text-decoration:none; color:#27BCEE;}
#wrapper span{ font-weight:bold;}
#wrapper h2 {margin: 10px 10px 5px 0; padding:0; color:#27BCEE; font-weight:normal; font-family:sketch; font-size:22px;}
#wrapper h3 {margin: 10px 10px 2px 0; padding:0; color:#27BCEE; clear:both; font-weight:normal; font-family:sketch; font-size:18px;}
#wrapper p {font-size:12px; margin:10px 0; padding:0;}
#networks {padding:0; margin:5px 0;}
#networks table td {border-bottom:solid 1px #ccc;}
#networks table a { text-decoration:none; padding:2px; margin:0; height:35px; width:150px; display:block; overflow:hidden; font-size:9px; color:#27BCEE;}
#networks table a img {float:left; padding:2px 3px 2px 1px; }
#networks table a strong {display:block; color:#000; padding:2px; font-size:11px;}
#networks img {padding:2px 0; margin:0; height:32px; width:32px;}
#wrapper p a {text-decoration:none; color:#27BCEE;}

#left {float:left; padding:0; margin:0; width:62.5%;}
#right {float:right; padding:0; margin:10px 0 5px 0; width:36.5%;}
#right h3 {margin:0 0 10px 0;}

#crafter {background:#bcc569; padding:2px; -moz-border-radius:2px; border:solid 1px #828425;}
#maker {background:#82cfec; padding:2px; -moz-border-radius:2px; border:solid 1px #309fc9;}
#ard {background:#265678; padding:2px; -moz-border-radius:2px; border:solid 1px #234266;}
#proc {background:#063b66; padding:2px; -moz-border-radius:2px; border:solid 1px #234266;}
#circ  {background:#000; clear:both; padding:5px; -moz-border-radius:2px; border:solid 1px #234266; }


#prlist { padding:0; margin:-4px -10px 0 0; margin-left:17.4%; font-size:10px;}
#prlist ul {padding:1px 1px 1px 20px; margin:0; height:20px; background:#555; color:#fff;}
#prlist ul li {padding:4px; margin:0; float: left; position: relative; }
#prlist ul li a {text-decoration:none; color:#fff; display:block;}
#prlist ul li a:hover {text-decoration:none; color:#27BCEE;}
#prlist h3 {margin: 10px 10px 5px 10px; padding:0; color:#27BCEE;}
#footer {
	clear: both; 
	padding:2px 2px 0px 2px;
	background:#000; 
	text-align:right;
	font-size:12px;
	margin:0 ;
}

#doc_links{clear:both; margin: 5px 0 0 0; padding:0;}
#doc_links a {clear:both; float:left; margin:0 0 0 10px;}
#doc_links a:hover {text-decoration:none; color:#27BCEE;}

object {width::400; height:300;}

.vimeoBadge { margin: 0; padding: 0; font: normal 11px verdana,sans-serif; width:400px; float:right;}
.vimeoBadge img { border: 0; }
.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color: #3A75C4; text-decoration: none; cursor: pointer; }
.vimeoBadge a:hover { color:#00CCFF; }
.vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; }
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; float:left; margin:0 10px 10px 0; width:100px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:100px; height: 30px; }
.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 

div.content {display: none;	float: right; width: 530px;}
div.content a, div.navigation a {text-decoration: none;	color: #777;}
div.content a:focus, div.content a:hover, div.content a:active {text-decoration: underline;}
div.controls {margin-top: 5px; height: 23px;}
div.controls a {padding: 5px;}
div.ss-controls {float: left;}
div.nav-controls {float: right;}
div.slideshow-container {position: relative; clear: both; height: 500px;}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 530px;
	height: 450px; 
}
div.slideshow {	width: 530px; height: 450px; }
div.slideshow span.image-wrapper {display: block; position: absolute; top: 0; left: 0;}
div.slideshow a.advance-link {
	display: block;
	width: 530px;
	height: 450px; 
	line-height: 450px;
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
div.slideshow img {vertical-align: middle; border: 1px solid #ccc;}
div.download {float: right;}
div.caption-container {	position: relative;	clear: left; height: 50px;}
span.image-caption {display: block;	position: absolute;	width: 530px; top: 0; left: 0;}
div.caption {padding: 12px;}
div.image-title {font-family:sketch; font-size: 18px; font-weight:normal;}
div.image-desc {line-height: 1.3em;	padding-top: 12px;}
div.navigation {}
ul.thumbs {	clear: both; margin: 0;	padding: 0;}
ul.thumbs li { float: left;	padding: 0;	margin: 5px 10px 5px 0;	list-style: none;}
a.thumb {padding: 2px; display: block; border: 1px solid #ccc;}
ul.thumbs li.selected a.thumb { background: #000;}
a.thumb:focus {outline: none;}
ul.thumbs img {	border: none; display: block;}
div.pagination { clear: both;}
div.navigation div.top { margin-bottom: 12px; height: 11px;}
div.navigation div.bottom {	margin-top: 12px;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover { background-color: #eee; text-decoration: none;}
div.pagination span.current {font-weight: bold;	background-color: #000;	border-color: #000;	color: #fff;}
div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px;}
div.navigation div.bottom {	margin-top: 12px;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover { background-color: #eee; text-decoration: none;}
div.pagination span.current {font-weight: bold;	background-color: #000;	border-color: #000;	color: #fff;}
div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px;}