/*
Theme Name: tdGalactica
Author URI: http://tasko.us/
Author: Taras Dashkevych
Description: tdGalactica is a responsive WordPress Theme with Futuristic User Interface.
Version: 1.0.5
License: GNU General Public License
License URI: licensing/GPL.txt
Tags: blue, black, white, one-column, sticky-post, featured-images, post-formats, custom-menu, flexible-width, threaded-comments

This theme, like WordPress, is licensed under the GPL.

This theme uses Foundation Framework.
License : MIT
License URI : licensing/MIT-foundation.txt

/* =Global
----------------------------------------------- */
body {
	padding-top: 1.5em;
	background: #000000;
	font-size: 16px;
	line-height: 1.6;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
}

h1, h2, h3, h4, h5, h6,
.entry-header .entry-title a{
	color: #1FC2E6;
}

h1, h2, h3, h4, h5, h6, .entry-title a,
.site-content .site-navigation a,
.wp-caption, #page dl.tabs a {
	font-family: 'Orbitron', sans-serif;
}

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}

a {
	-webkit-transition:color 0.23s ease-in;  
	-moz-transition:color 0.23s ease-in;  
	-o-transition:color 0.23s ease-in;  
	transition:color 0.23s ease-in; 
}	

a:hover {color: #2bedff;}

.button {border: none !important;}
code {color: #292929;}
label {color: #eeeeee;}
blockquote, blockquote p {color: #ffffb5}
blockquote cite {color: #ffffff;}
blockquote cite a, blockquote cite a:visited {color: #1fc2e6}
.keystroke, kbd  {
	color: #333333;
}


#page {
	position: relative;
}

#stars-one, #stars-two, #stars-three{
	position: absolute;
	width: 100%;
	height: 100%;
}

#stars-one {
	background: url('images/stars1.png');
	background-position: 0 0;
	top: 0;
	left: 0%;
}

#stars-two {
	background: url('images/stars3.png');
	background-position: 100% 120px;
	bottom: 0;
	left: -20px;
}

#stars-three {
	background: url('images/stars2.png');
	background-position: 10px 100%;
	bottom: 0;
}

.muted {
	color: #9ee7ff;
	text-shadow: 2px 2px 1px #cc0000;
}

.muted span {
	color: #1fc2e6;
}

.border-radius-circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.site-content ul,
#secondary ul { margin-left: 20px; }

table th {
	color: #333333;
	padding: 9px 10px;
}

table .label {
	background: none;
	padding: 9px 10px;
	font-size: inherit;
	line-height: 1.6;
	display: inline-block;
}

#submit-comment:hover,
input[type="submit"]:hover {
	background: #159fbd;
}

#submit-comment,
input[type="submit"] {
	width: 100%;
	background: #1fc2e6;
	border: none;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	color: white;
	cursor: pointer;
	display: block;
	font-family: inherit;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	margin: 0 auto;
	padding: 15px 30px 16px;
	position: relative;
	text-align: center;
	text-decoration: none;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 15px;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* =Header
----------------------------------------------- */
#masthead {
	position: fixed;
	bottom: 0;
	left:0;
	width: 100%;
	z-index: 9999;
	text-align: center;
	background: #292b2d;
	background: -moz-linear-gradient(top,  #292b2d 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292b2d), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #292b2d 0%,#000000 100%);
	background: -o-linear-gradient(top,  #292b2d 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #292b2d 0%,#000000 100%);
	background: linear-gradient(to bottom,  #292b2d 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292b2d', endColorstr='#000000',GradientType=0 );
}

#masthead .brand-box {
	border-top: double #696969;
}

#masthead .site-title {
	margin-top: 25px;
	font-size: 1em;
}

#masthead .site-title a {
	color: #eee;
}

#masthead  .site-title .seperator {
	color: #aaa;
	font-weight: 100;
}

#masthead .site-description {
	color: #6F6F6F;
	font-weight: 300;
	font-size: 14px;
}

#masthead .brand-box .inline-list {
	margin-left: 0;
}

#masthead .right-navigation,
#masthead .left-navigation {
	margin-top: 15px;
}

#masthead .right-navigation li,
#masthead .right-navigation li#gotop,
#masthead .right-navigation li#gobottom,
#masthead .right-navigation li#search-nav,
#masthead .left-navigation #gohome,
#masthead .left-navigation li#website-menu,
#masthead .left-navigation li#main-sidebar {
	width: 40px;
	height: 40px;
}

#masthead .right-navigation li,
#masthead .left-navigation li {
	background: #050505;
	border: 1px solid #292929;
	border-bottom: 1px solid #000;
}

#masthead .right-navigation li#gotop {
	background: url('images/arrow_top.png');
	cursor: pointer;
}

#masthead .right-navigation li#gobottom {
	background: url('images/arrow_down.png');
	cursor: pointer;
}

#masthead .right-navigation li#search-nav {
	background: url('images/search.png');
	cursor: pointer;
	background-position: 2px 0px;
}

#search-box .close-search {
	background: url('images/delete.png');
	cursor: pointer;
	background-position: 2px 0px;
}

#masthead .left-navigation #gohome {
	background: url('images/house.png');
	cursor: pointer;
}

#masthead .left-navigation li#website-menu {
	background: url('images/lines.png');
	cursor: pointer;
}

#masthead .left-navigation li#main-sidebar {
	background: url('images/gear.png');
	cursor: pointer;
}

/* =Menu
----------------------------------------------- */
#main-menu {
	display: none;
	position: relative;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 100%;
	top: 10%;
	bottom: 0;
	padding: 40px 60px;
	background: #cc0000;
	color: #fff;
	border: double #ff5959;
	-webkit-box-shadow: 0px 0px 15px rgba(255,89,89,0.8);
	-moz-box-shadow: 0px 0px 15px rgba(255,89,89,0.8);
	box-shadow: 0px 0px 15px rgba(255,89,89,0.8);
}

#main-menu ul li a{
	border: double #ff5959;
	margin-bottom: 0.2em;
}

.main-navigation,
.main-small-navigation { 
	clear: both;
	display: block;
	width: 100%;
}

.main-navigation ul,
.main-small-navigation ul {
	text-align: center;
	padding: 0;
	margin: 0;
}

.main-navigation li {
	display: block;
	position: relative;
}

.main-navigation a,
.main-small-navigation a {
	display: block;
	text-decoration: none;
	color: #ffffff;
}

.main-navigation ul ul {}
.main-navigation ul ul ul {}
.main-navigation ul ul a {}
.main-navigation ul ul li {}
.main-navigation li:hover > a {}
.main-navigation ul ul :hover > a {}
.main-navigation ul ul a:hover {}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {}

/* Small menu */
.menu-toggle {
	cursor: pointer;
}

.main-small-navigation ul {
	list-style: none;
}


/* =Content
----------------------------------------------- */
.site-content {
	margin-bottom: 1.5em;
}

.post, .type-page,
.type-attachment,
.hentry,
.after-post-widget .widget,
#sidebar-content,
#comments ol li .comment {
	background: url('images/entry-bg.png');	
	border: double #52bae3;
	padding: 40px 60px 60px;
	-webkit-box-shadow: 0px 0px 10px rgba(31,194,230,0.8);
	-moz-box-shadow: 0px 0px 10px rgba(31,194,230,0.8);
	box-shadow: 0px 0px 10px rgba(31,194,230,0.8);
}

.entry-header,
#comments .comment-author {
	position: relative;
	margin: -40px -60px 40px;
	padding: 30px 60px 1.5em;
	background: #1C6596;
	background: rgba(28, 101, 150, 0.6);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-bottom: double #52bae3;
}

.entry-header .seperator {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 20.4%;
	width: 2px;
	height: 100%;
	border-left: 1px solid #52bae3;
}

.entry-meta {
	font-weight: bold;
	font-size: 14px;
}

.entry-meta a {
	text-decoration: underline;
}

.entry-meta .byline {}

.entry-meta.bottom,
.entry-meta.bottom .comment-link-container,
.entry-meta.bottom .links {
	font-size: 13px !important;
}

.entry-meta.bottom {
	background: #1C6596;
	background: rgba(28, 101, 150, 0.6);
	margin: -20px -60px -60px;
	padding: 8px 60px;
	margin-top: 40px;
	border-top: double #52bae3;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

.entry-meta.bottom .comment-link-container,
#comments ol li .reply {
	text-align: center;
	background:#1C6596;
	border: 1px solid #52bae3;
}

.entry-meta.bottom .comment-link-container a {
	text-decoration: none;
}

.sticky-post {
	background: #faf171;
	background: rgba(250, 241, 133, 0.8);
	color: #191919;
	border: double #fff9a8;
}

.sticky-post .entry-header,
.sticky-post .entry-meta.bottom {
	background: #ede463;
	background: rgba(237, 228, 99, 0.8);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}

.sticky-post .entry-header {
	border-bottom: double #fff9a8;
}

.sticky-post .entry-header .seperator {
	border-color: #fff9a8;
}

.sticky-post .entry-meta.bottom {
	border-color: #fff9a8;
}

.sticky-post .comment-link-container {
	background: #ede463 !important;
	border-color: #fff9a8 !important;
}

.sticky-post img {
	border-color: #9e9e70 !important;
}

.post-thumb {
	text-align: center;
	margin: 0 0 1.5em;
}

.hentry {
	margin: 0 0 1.5em;
}
.entry-meta {
	clear: both;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
	overflow: hidden;
	clear: both;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* =Comments
----------------------------------------------- */
#comments {
	margin-top: 30px;
	padding-top: 20px;
}

#comments .comments-title {
	text-align: center;
}

#comments ol {
	list-style: none;
	margin-left: 0;
}

#comments ol li .comment,
#comments ol li {
	margin-bottom: 20px;
}

#comments ol li .comment {}

#comments .comment-author {
	margin: -40px -60px 0;
	padding: 40px 60px;
}

#comments ul li.comment {
	padding-bottom: 20px;
}

#comments ol li .vcard .avatar {
	background: #fff;
	border: 2px solid #eee;
	padding: 1px;
}

#comments ol li .vcard p {
	margin: 0;
}

#comments ol li .vcard span,
#comments ol li .vcard .fn {
	font-size: 1.4em;
	font-weight: 600;
	font-style:normal !important;
}

#comments ol li .vcard .says {
	font-weight: 300;
}

#comments ol li .comment-content {
	margin: 20px 0;
}

#comments ol li .reply {
	margin-top: 30px;
	text-align: center;
}

#comments ol li .reply a {
	display: block;
}

#comments ol li > ul {
	list-style: none;
}

#comments ol li > .children > .comment {
	border: none;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	padding:0;
}

#comments ul li[class*="depth-"] {
	background: none;
}

#comments .disabled-comments {
	text-align: center;
	margin-bottom: 1.5em;
	background: #cc0000;
	border: double #ff5959;
}

#respond {
	margin-top: 30px; 
}

/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/* =Media
----------------------------------------------- */
.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
	max-width: 100%;
	font-weight: bold;
	color: #fbfbfb;
}

.wp-caption.aligncenter { margin: 20px auto; }

.wp-caption.alignleft { margin-left: 0; }

.wp-caption.alignright { margin-right: 0; }

.wp-caption.alignnone { margin-left: 0; }

.wp-caption img,
.wp-caption img a {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption
.wp-caption-text {
	margin: 0;
	padding: 5px;
}

.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {}
.site-content .gallery-columns-4 .gallery-item img {}

.wp-smiley {
	border: none !important;
}

.gallery { margin: auto; }

.gallery-caption { 
	font-style: italic;
    margin-left: 0; 
}

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	border: double #52bae3;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */
.site-content .site-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.site-content .nav-previous {
	float: left;
	width: 50%;
}
.site-content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.site-content .site-navigation a {
	display: inline-block;
	background: #cc0000;
	font-size: 17px;
	color: #fff;
	font-weight: bold;
	padding: 15px 30px 16px;
	border: double #ff5959;
	-webkit-box-shadow: 0px 0px 15px rgba(255,89,89,0.8);
	-moz-box-shadow: 0px 0px 15px rgba(255,89,89,0.8);
	box-shadow: 0px 0px 15px rgba(255,89,89,0.8);
}


/* =Comments
----------------------------------------------- */

.bypostauthor {
}

/* =Widgets
----------------------------------------------- */
.sidebar-more {
	margin-bottom: 30px;
}

#sidebar-content {
	display: none;
}

.widget-inner {
	padding: 20px 60px 60px;
}

#secondary .widget {
	margin: 0 -60px 40px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 30px;
	border-bottom: 1px solid #52bae3;
	position: relative;
}

.widget p {
	font-style: normal;
	font-size: 16px;
	line-height: 1.65;
}


/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

.after-post-widget {
	margin-bottom: 1.5em !important;
}

.after-post-widget .widget-title {
	font-size: 27px;
}

/* Search widget */
#searchsubmit {
	display: none;
}

/* =Archive
----------------------------------------------- */
.taxonomy-description, 
.page-title.muted {
	text-align: center;
}

/* =404
----------------------------------------------- */
.error404 .entry-header,
.error404 .sub-info,
.no-results .entry-header,
.no-results .sub-info{
	text-align: center;
}

/* =Single Image Attachment Page
----------------------------------------------- */

.attachment.single .attachment a img {
	display: block;
	padding: 10px;
	background: #1C6596;
	border: double #52bae3;
	margin: 0 auto 20px;
}

/* =Footer
----------------------------------------------- */
.site-footer {
	margin-top: 20px;
	margin-bottom: 100px;
	color: #9ee7ff;
	text-shadow: 0 2px 0 #cc0000;
	text-align: center;
}

#search-box {
	display: none;
	position: fixed;
	background: #cc0000;
	border: double #ff5959;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	padding: 40px 60px 20px;
	bottom: 0;
	left: 10%;
	right: 10%;
	width: 80%;
}

#search-box .close-search {
	background-position: -1px -5px;
	background-color: #660000;
	border: double #990000;
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: -20px;
	right: -20px;
}

/* =accordion, tabs, alert box
----------------------------------------------- */
#page .accordion,
#page ul.tabs-content.contained {
	margin-left: 0;
}

#page ul.tabs-content.contained li.active {
	background: #ffffff;
}

#page dd.active a{
	background:#0099cc;
	border: 1px solid #2bedff;
	border-bottom: 1px solid #ddf7fd;
}

#page dl.tabs .active{
	margin-top: 0;
	border-top: none;
}

#page .accordion,
#page .accordion li, 
#page .accordion .title,
#page ul.tabs-content.contained li.active,
#page dl.tabs {
	border-color: #2bedff;
}

#page .accordion .content,
#page ul.tabs-content.contained li.active {
	color: #191919;
}

#page .accordion .title {
	background: #0099cc;
}

#page .accordion .title h5 {
	color: #ffffff;
}

#page .alert-box {
	padding-left: 14px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

/* =Slider
----------------------------------------------- */
#slider {
	margin-bottom: 1.5em;
	background: #1C6596;
	background: rgba(28, 101, 150, 0.6);
	border: double #52bae3;
}

.slide .image-container {
	padding: 40px;
	line-height: 0;
	text-align: center;
}

.slide .image-container img {
	display: inline-block;
	padding: 10px;
	background: url('images/entry-bg.png');	
	border: double #52bae3;
	-webkit-box-shadow: 0px 0px 10px rgba(31,194,230,0.8);
	-moz-box-shadow: 0px 0px 10px rgba(31,194,230,0.8);
	box-shadow: 0px 0px 10px rgba(31,194,230,0.8);
}

.slide .inner {
	position: relative;
}

.slide .inner .slide-title {
	margin: 0 -15px;
	padding: 10px 60px;
	background: #1C6596;
	background: rgba(28, 101, 150, 0.6);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-bottom: double #52bae3;
	text-align: center;
}

.slide .inner .slide-title a {
	display: inline-block;
}

.slide .inner .caption{
	position: absolute;
	top: 45%;
	width: 100%;
	text-align: center;
}

.slide .inner .caption p.excerpt {
	background: #323232;
	background: rgba(0,0,0,0.8);
	border: double #989898;
	display: inline-block;
	width: 80%;
	padding: 40px;
	color: #fff;
}

.recent-blog-posts {
	margin-top: 20px;
}

/* =Quote(Post-Format)
----------------------------------------------- */
.quote-entry-content p {
	font-size: 22px;
}

/* =Link(Post-Format)
----------------------------------------------- */
.link-entry-content p {
	font-size: 22px;
}

/* =Video(Post-Format)
----------------------------------------------- */
.format-video .entry-content {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.format-video .entry-content iframe,  
.format-video .entry-content object,  
.format-video .entry-content embed  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 767px) { 
	#masthead .right-navigation,
	#masthead .left-navigation{ 
		width: 300px !important;
		margin: auto;
	}
	
	#masthead .brand-box .inline-list {
		margin: 10px auto;
	}
	
	.entry-title {
		font-size: 24px;
	}
	
	.entry-meta.bottom .comment-link-container {
		margin-top: 10px;
	}
}
