/* CSS Reset */

body,
fieldset,
input,
textarea {
	border: 0px none;
	margin: 0px;
	outline: none;
	padding: 0px;
}
a {
	color: #fff;
	cursor: pointer;
	outline: none;
}
a:hover { color: #c6ff00; }
a img { border: 0px none; }

input::-moz-focus-inner,
button {
    border: 0;
    padding: 0;
}

h1 {
	font-size: 24px;
	font-family: 'TerminalDosisMedium';
	font-weight: normal;
	margin: 30px 0px;
}
p { margin: 20px 0px; }
strong { 
	font-family: 'TerminalDosisBold';
	font-weight: normal; 
}
/* End CSS Reset */

/* Page Layout */
body, html { height: 100%; }
body {
	background: #000 url(../images/bkg-body.png) left top repeat;
	color: #fff;
	font-family: 'TerminalDosisRegular';
	font-size: 16px;
	line-height: 1.5;
}
input, textarea { 
	font-family: 'TerminalDosisRegular';
	font-size: 16px; 
}

#background-image {
	position: fixed;
	min-width: 100%;
	min-height: 100%;
	z-index: 1;
}

#page {
	width: 100%;
	overflow-x: hidden;
	position: relative;
	z-index: 2;
}
#page.full-size { height: 100%; }

/* Sidebar */
#sidebar {
	background: #2e2e2e;
	box-shadow: inset -5px 0px 10px 0px #202020;
	float: left;
	text-transform: uppercase;
	position: fixed;
	left: -244px;
	bottom: 0px;
	top: 0px;
	width: 244px;
	z-index: 3;
	
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	transition: all 200ms linear;
}
#sidebar #sidebar-trigger {
	background: url(../images/sprite-icons.png) left -60px no-repeat;
	position: absolute;
	right: -43px;
	top: 0px;
	height: 43px;
	width: 43px;
	text-indent: -5000px;
	z-index: 5;
}
#sidebar .sidebar-inside {
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#sidebar .sidebar-content { 
	padding: 40px 50px 160px;
	position: relative;
	width: 144px; 
}

/* Header */
#logo {
	font-family: 'TerminalDosisMedium';
	font-weight: normal;
	margin: 0px 0px 30px;
	line-height: 28px;
}
#logo a {
	color: #c6ff00;
	display: block;
	text-decoration: none;
}
#logo img { max-width: 100%; }
#logo a span { display: block; }
#logo a .image { margin-bottom: 10px; }
#logo a .text { font-size: 24px; }
/* End Header */

/* Navigation */
#sidebar nav ul {
	list-style-type: none;
	margin: 0px;
	font-size: 18px;
	padding: 0px;
}
#sidebar nav a { text-decoration: none; }
#sidebar nav a:hover { color: #c6ff00; }
#sidebar nav .current-item a,
#sidebar nav .current_page_item a { color: #c6ff00; }
/* End Navigation */

/* Footer */
#footer {
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 35px;
}
#footer #social-links {
	list-style-type: none;
	margin: 0px 0px 15px;
	padding: 0px;
}
#footer #social-links li {
	float: left;
	margin: 0px 7px 7px 0px;
}
#footer #social-links a {
	background: url(../images/sprite-icons.png) left top no-repeat;
	display: block;
	height: 28px;
	text-indent: -5000px;
	width: 29px;
}
#footer #social-links a:hover { background-position: left -30px; }
#footer #social-links li.twitter a { background-position: -34px top; }
#footer #social-links li.twitter a:hover { background-position: -34px -30px; }
#footer #social-links li.flickr a { background-position: -68px top; }
#footer #social-links li.flickr a:hover { background-position: -68px -30px; }
#footer #social-links li.google a { background-position: -101px top; }
#footer #social-links li.google a:hover { background-position: -101px -30px; }
#footer #social-links li.rss a { background-position: -134px top; }
#footer #social-links li.rss a:hover { background-position: -134px -30px; }
#footer #social-links li.dribble a { background-position: -167px top; }
#footer #social-links li.dribble a:hover { background-position: -167px -30px; }
#footer #social-links li.vimeo a { background-position: -200px top; }
#footer #social-links li.vimeo a:hover { background-position: -200px -30px; }
#footer #social-links li.forrst a { background-position: -232px top; }
#footer #social-links li.forrst a:hover { background-position: -232px -30px; }
#footer #social-links li.youtube a { background-position: -266px top; }
#footer #social-links li.youtube a:hover { background-position: -266px -30px; }
#footer #social-links li.digg a { background-position: -299px top; }
#footer #social-links li.digg a:hover { background-position: -299px -30px; }
#footer #social-links li.pinterest a { background-position: -333px top; }
#footer #social-links li.pinterest a:hover { background-position: -333px -30px; }
#footer .copyright {
	font-family: 'TerminalDosisSemibold';
	clear: both;
	font-size: 10px;
	line-height: 12px;
	width: 130px;
}
/* End Footer */

/* End Sidebar */
#content {
	min-height: 100%;
	position: relative;
	width: 100%;
	
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
}

body.display-sidebar #sidebar { left: 0px; }
body.display-sidebar #content { margin-left: 244px; }
/* End Page Layout */

/* Global Helpers */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* End Global Helpers */

/* Homepage */
#slider {
	position: relative;
	overflow: hidden;
	z-index: 2;
}
#slider .slider-prev,
#slider .slider-next {
	background: url(../images/sprite-icons.png) left -110px no-repeat;
	height: 83px;
	left: 180px;
	margin-top: -42px;
	position: absolute;
	top: 50%;
	width: 83px;
	z-index: 5;
	opacity: 0.5;
}
#slider .slider-next {
	background-position: -96px -110px;
	left: auto;
	right: 180px;
}
#slider .slider-back {
	background: url(../images/sprite-icons.png) -190px -110px no-repeat;
	height: 55px;
	position: absolute;
	right: 180px;
	top: 30px;
	width: 55px;
	z-index: 5;
	opacity: 0.5;
}
#slider .slider-prev:hover,
#slider .slider-next:hover, 
#slider .slider-back:hover { opacity: 1; }
#slider ul {
	list-style-type: none;
	margin: 0px;
	position: absolute;
	left: 0px;
	opacity: 0;
	top: 20px;
	width: 100%;
	bottom: 20px;
	padding: 0px;
}
#slider ul.before-init {
	top: 0px;
	bottom: 0px;  
}
#slider li {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	opacity: 0;
	z-index: 2;
}
#slider li.active {
	opacity: 1;
	z-index: 3;
}
#slider img { display: block; }
/* End Homepage */

/* About */
#column-content {
	background: url(../images/transparency-1.png) left top repeat;
	margin-left: 190px;
	padding: 30px 55px;
	position: relative;
	width: 370px;	
	z-index: 2;
}
#column-content img {
    max-width: 100%;
    height: auto;
    width: auto;
}
.page-title { color: #c6ff00; }
h1.page-title { 
	margin-top: 20px;
	text-transform: uppercase; 
}
#about-background {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}
#about-background img {
	display: block;
	min-width: 100%;
	min-height: 100%;
}
/* End About */

/* Contact */
#map-canvas {
	bottom: 0px;
	left: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
}
#contact-content {
	background: url(../images/transparency-1.png) left top repeat;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 30px 190px;
	font-size: 18px;
	z-index: 3;
}
#contact-content p { margin: 0px; }
#contact-content .column-1 { 
	float: left;
	width: 48%; 
}
#contact-content .column-2 { 
	float: right;
	max-width: 48%; 
}
/* End Contact */

/* Blog */
.site-content {
	margin: 0px auto;
	width: 990px;
}
.site-main {
	float: left;
	width: 650px;
}
.site-side {
	float: right;
	width: 310px;
}
#blog-listing .post {
	float: left;
	margin: 0px 30px 30px 0px;
	width: 310px;
}
#blog-listing .post .post-featured-image { margin: 20px 0px; }
#blog-listing .post .post-featured-image img {
    height: auto;
    width: auto;
    max-width: 100%;
}
#blog-listing .post .post-title {
	color: #c6ff00;
	font-weight: normal;
	font-size: 24px;
	font-family: 'TerminalDosisMedium';
	margin: 0px 0px 30px;
	text-transform: uppercase;
}
#blog-listing .post .post-title a {
	color: #c6ff00;
	text-decoration: none;
}
#blog-listing .post p { margin: 0px 0px 24px; }
#blog-listing .post .content {
	background: #000;
	padding: 45px 35px;
}
#blog-listing .post .body {
	height: 96px;
	overflow: hidden;
}
#blog-listing .post .post-pages p {
    background: rgba(255,255,255,0.2);
    padding: 5px 10px;
    margin-bottom: 0px;
}
#blog-listing .post .body img {
    height: auto;
    width: auto;
    max-width: 100%;
}
#blog-listing .post.post-1 {
	margin-bottom: 20px; 
	width: 650px; 
}i
#blog-listing .post.post-1 .content { margin-bottom: 10px; }
#blog-listing .post.post-1 .body { height: 408px; }
body.single #blog-listing .post.post-1 .body {
    height: auto;
    min-height: 408px;
}
#blog-listing .post.post-2 { margin: 0px 0px 20px; }
#blog-listing .post.post-col-2 { margin-right: 0px; }
#blog-listing .read-more {
	background: #000;
	color: #c6ff00;
	display: block;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 18px;
	padding: 10px 30px;
}
#blog-listing .read-more:hover { color: #fff; }
#blog-listing .site-side article.post { margin-bottom: 20px; }

#blog-listing .post-single { margin-right: 0px; }
#blog-listing .listing-pagination {
    background: #000;
    clear: both;
    text-align: center;
    padding: 10px 0px;
}
#blog-listing .listing-pagination a { text-decoration: none; }

#post-comments { clear: both; }
#post-comments .formfield {
	position: relative;
	margin-bottom: 20px;	
}
#post-comments .formfield.closer { margin-bottom: 10px; }
#post-comments .formfield.col {
	float: left;
	width: 310px;
}
#post-comments .formfield.col.col-right { float: right; }
#post-comments .formfield .field { margin: 0px 20px; }
#post-comments .formfield input.text {
	background: #000;
	color: #909090;
	height: 36px;
	padding: 0px 20px;
	margin-left: -20px;
	width: 100%;
}
#post-comments .formfield textarea {
	background: #000;
	height: 245px;
	color: #909090;
	padding: 15px 20px;
	margin-left: -20px;
	width: 100%;
}
#post-comments .formfield.clearafter { clear: both; }
#post-comments label {
	color: #909090;
	position: absolute;
	display: block;
	line-height: 36px;
	left: 20px;
	top: 0px;
}
#post-comments label.lower { top: 10px; }
#post-comments .form-submit { margin: 0px; }
#post-comments .form-submit #submit {
	background: #000;
	cursor: pointer;
	color: #c6ff00;
	height: 38px;
	line-height: 38px;
	text-transform: uppercase;
	width: 140px;
}
#post-comments #explanation {
	color: #909090;
	height: 1px;
	margin-bottom: 29px;  
	position: relative;
}
#post-comments #explanation .inside {
	position: absolute;
	right: 0px;
	top: -38px;
	line-height: 38px;
}
#post-comments #explanation .inside p { margin: 0px; }
#comments-list,
#comments-list ul {
    list-style-type: none;
    padding: 0px;
}
#comments-list ul li.comment {
    margin-bottom: 0px;
    padding-bottom: 10px;
}
#comments-list #respond .formfield textarea { background: rgba(255,255,255,0.2); }
#comments-list .comment {
	background: #000;
	margin-bottom: 20px;
	line-height: 18px;
	min-height: 80px;
	font-size: 14px;
	padding: 30px 30px 30px 70px;
}
#comments-list .comment header {
	margin-bottom: 24px;
	position: relative;
}
#comments-list .comment-author  {
	color: #c6ff00;
}
#comments-list .author-name span { font-family: 'TerminalDosisBold'; }
#comments-list .comment-pending { float: right; }
#comments-list .comment img {
	position: absolute;
	left: -50px;
}
#comments-list .comment .comment-body {
    color: #fff;
    position: relative;
}

#blog-listing .post .body h1,
#column-content .the-content h1 {
    font-size: 28px;
    margin: 15px 0px;
}
#blog-listing .post .body h2,
#column-content .the-content h2 {
    font-size: 24px;
    margin: 15px 0px;
}
#blog-listing .post .body h3,
#column-content .the-content h3 {
    font-size: 20px;
    margin: 15px 0px;
}
#blog-listing .post .body h4,
#column-content .the-content h4,
#blog-listing .post .body h5,
#column-content .the-content h5,
#blog-listing .post .body h6,
#column-content .the-content h6 {
    font-size: 16px;
    margin: 15px 0px;
}
#blog-listing .post .body blockquote,
#column-content .the-content blockquote {
    padding: 10px;
    background: rgba(255,255,255,0.2);
    margin: 15px 0px;
}
#blog-listing .post .body blockquote p,
#column-content .the-content blockquote p { margin: 10px 0px; }
#blog-listing .post .body pre,
#column-content .the-content pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
}
.comments-pages {
    text-align: center;
    margin-bottom: 20px;
}
/* End Blog */

/* Albums */
#albums-list {
	margin: 0px auto;
	padding: 30px 0px 0px 30px;
	width: 1020px;
}
#albums-list .album {
	float: left;
	height: 225px;
	margin: 0px 30px 30px 0px;
	width: 225px;
	overflow: hidden;
}
#albums-list .album a {
	display: block;
	position: relative;
	font-family: 'TerminalDosisMedium';
	font-size: 24px;
	line-height: 28px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}
#albums-list .album img { 
	display: block;
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	transition: all 200ms linear; 
}
#albums-list .album .mask {
	background: #000;
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	opacity: 0.35;
	width: 100%;
}
#albums-list .album .plus {
	left: 0px;
	margin-top: -48px;
	opacity: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	transition: all 200ms linear;
}
#albums-list .album .album-name {
	position: absolute;
	left: 10px;
	right: 10px;
	opacity: 0;
	top: 50%;
	margin-top: 20px;
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	transition: all 200ms linear;
}
#albums-list .album a:hover { color: #fff; }
#albums-list .album a:hover img {
	height: 249px;
	margin-left: -12px;
	margin-top: -12px;
	width: 249px;
}
#albums-list .album a:hover .mask { opacity: 0; }
#albums-list .album a:hover .plus {
	opacity: 1;
	margin-top: -28px;
}
#albums-list .album a:hover .album-name {
	opacity: 1;
	margin-top: 0px;
}
/* End Albums */

#image-loader {
	background: #615f60;
	border-radius: 3px;
	height: 6px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin-left: -40px;
	margin-top: -3px;
	top: 50%;
	width: 80px;
	z-index: 50;
}
#image-loader-progress {
	background: #c6ff00;
	left: 0px;
	height: 6px;
	position: absolute;
	top: 0px;
	width: 0%;
}
