/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 *
 * Theme Name: Eve
 * Theme URI: http://www.themeforest.net
 * Description: A Responsive Underconstruction Theme For You
 * Author: Jogres
 * Author URI: http://www.jogres.com
 */

body {
	margin: 0;
	color: #999;
	background: #fff;
	line-height: 1.2;
}
img {
	max-width: none;
}
a {
	color: #e52420;
}
a:hover {color:#e52420;}
.logo {
	margin: 30px 0;
	position: relative;
	display: inherit;
}
.description, .word, .countdown {
	font-family:'Codystar', cursive;
	margin: 0 0 1.5em;
	word-spacing:5px;
	color:#999;
}

.description {}
.description h3 {
	line-height: 1.1;
	font-size: 5em;
	text-transform: uppercase;
	/* text-shadow: 4px 4px 4px rgba(150, 150, 150, 0.5); */
	/* filter: dropshadow(color=#999999, offx=5, offy=5); */	
	background: #252525; background: rgba(0,0,0,0.8);
	padding: .2em .5em;
	color:#fff;
	margin-top: 0;
}
.word, .countdown {
	font-size: 2.571em;
	position: relative;
	display: block;
	/* text-shadow: 4px 4px 4px rgba(150, 150, 150, 0.5); */
}

.word {
	font-family: 'Lato', sans-serif;
	font-size: 1.429em;
	color:#999;
	text-transform: uppercase;
}

.time span {
	font-size: 28px;
	line-height: 65px;
}
.slash {
	margin: 0 4px;
	display: inline;
}
.socmed {
	width: 255px;
	margin: 2em 0 30px 0;
	position: relative;
	display: block;
	overflow: hidden;
}
.twitter a,.facebook a,.tumblr a,.dribbble a,.linkedin a,.rss a,.delicious a,.devianart a,.digg a,.digg2 a,.flickr a,.lastfm a,.myspace a,.picasa a,.sharethis a,.skype a,.twitter2 a,.vimeo a,.youtube a,.yahoo a,.yahoo2 a,.wikipedia a {
	float:left;
	background:url(../images/socmed.png) no-repeat left bottom;
	text-indent:8000px;
	width:32px;
	height:32px;
	margin-right:10px;
	-o-transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
}
.twitter a:hover,.facebook a:hover,.tumblr a:hover,.dribbble a:hover,.linkedin a:hover,.rss a:hover,.delicious a:hover,.devianart a:hover,.digg a:hover,.digg2 a:hover,.flickr a:hover,.lastfm a:hover,.myspace a:hover,.picasa a:hover,.sharethis a:hover,.skype a:hover,.twitter2 a:hover,.vimeo a:hover,.youtube a:hover,.yahoo a:hover,.yahoo2 a:hover,.wikipedia a:hover {
	background:url(../images/socmed.png) no-repeat left top;
}
.twitter,.twitter a{background-position:-0px bottom}
.twitter a:hover{background-position:-0px top}
.twitter2,.twitter2 a{background-position:-528px bottom}
.twitter2 a:hover{background-position:-528px top}
.facebook,.facebook a{background-position:-33px bottom}
.facebook a:hover{background-position:-33px top}
.tumblr,.tumblr a{background-position:-66px bottom}
.tumblr a:hover{background-position:-66px top}
.dribbble,.dribbble a{background-position:-99px bottom}
.dribbble a:hover{background-position:-99px top}
.linkedin,.linkedin a{background-position:-133px bottom}
.linkedin a:hover{background-position:-133px top}
.rss,.rss a{background-position:-166px bottom}
.rss a:hover{background-position:-166px top}
.delicious,.delicious a{background-position:-199px bottom}
.delicious a:hover{background-position:-199px top}
.devianart,.devianart a{background-position:-233px bottom}
.devianart a:hover{background-position:-233px top}
.digg,.digg a{background-position:-266px bottom}
.digg a:hover{background-position:-266px top}
.digg2,.digg2 a{background-position:-299px bottom}
.digg2 a:hover{background-position:-299px top}
.flickr,.flickr a{background-position:-331px bottom}
.flickr a:hover{background-position:-331px top}
.lastfm,.lastfm a{background-position:-364px bottom}
.lastfm a:hover{background-position:-364px top}
.myspace,.myspace a{background-position:-397px bottom}
.myspace a:hover{background-position:-397px top}
.picasa,.picasa a{background-position:-431px bottom}
.picasa a:hover{background-position:-431px top}
.sharethis,.sharethis a{background-position:-464px bottom}
.sharethis a:hover{background-position:-464px top}
.skype,.skype a{background-position:-497px bottom}
.skype a:hover{background-position:-497px top}
.vimeo,.vimeo a{background-position:-562px bottom}
.vimeo a:hover{background-position:-562px top}
.youtube,.youtube a{background-position:-594px bottom}
.youtube a:hover{background-position:-594px top}
.yahoo,.yahoo a{background-position:-628px bottom}
.yahoo a:hover{background-position:-628px top}
.yahoo2,.yahoo2 a{background-position:-662px bottom}
.yahoo2 a:hover{background-position:-662px top}
.wikipedia,.wikipedia a{background-position:-694px bottom}
.wikipedia a:hover{background-position:-694px top}
.footer {
    background: #333;
	color: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	font-family: 'Lato', sans-serif;
}
.footer-widget {
	margin: 30px auto;
	position: relative;
	color: #fff;
}
.footer-widget h4 {
	margin-bottom: 10px;
	word-spacing:5px;
}
.subscribe {
	margin-bottom: 20px;
	position: relative;
	display: block;
	word-spacing:5px;
}
.subscribe p{
	font-size: 14px;
	margin-bottom: 10px;
}
.emailsubscribe {
	color: #aaa!important;
}
.done {
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	height: 40px;
	background-color: #fff;
	color: #000;
	margin-bottom: 30px;
	padding: 10px 0;
	display: none;
	position: relative;
	border-radius: 5px;
	word-spacing: 0px;
}

#twitter-feed {
	font-family: Arial;
	font-size: 12px;
	list-style: none;
	line-height:1.5;
	margin-bottom: 30px;
}
#twitter-feed ul.tweet_list {
	height:10em;
	overflow-y:hidden;
}
#twitter-feed .tweet_list li {
	height: 100%;
      }
#twitter-feed a {
	color: #999;
	text-decoration: none;
	-o-transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
}
#twitter-feed a:hover {
	color: #00d2ff;
}
.twitter-feed,
.query {
	font: 120% Georgia, serif;
	color: #FFF;
}
.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}
.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.5em;
	list-style-type: none;
}
.tweet_list li a {
	color: #0C717A;
}
.tweet_list .tweet_avatar {
	padding-right: .5em; float: left;
}
.tweet_list .tweet_avatar img {
	vertical-align: none;
	margin-top: 5px;
}
.flickr-thumbs { margin: 0 auto 20px; padding: 0 15px; overflow: hidden; }
.flickr-thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; -o-box-shadow: 0 0 2px #000; }
.flickr-thumbs li a { }
.flickr-thumbs li img { display: block; }
.flickr-thumbs li a img { border: none; width:50px; opacity:1; transition:all 200ms linear 0s;}
.flickr-thumbs li a img:hover { opacity:0.8; transition:all 200ms linear 0s;}
.footer-copy {
	background-color: #222;
	font-family: 'Lato', sans-serif;
}
.copy {
	width: 100%;
	color: #999;
	position: relative;
	display: block;
	margin: 0;
	line-height: 3em;
}
.copy a {
	color: #999;
	text-decoration: none;
	-o-transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
}
.copy a:hover {
	color:#00d2ff;
}


/* Responsive video */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 6em;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.vid {margin: 2em 0 6em;}

/* Sticky Footer */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
.slide {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -3em;
}

/* Set the fixed height of the footer here */
#push,
.footer-copy {
  height: 3em;
  line-height: 3em;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
.footer-copy {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
}



/* #Media Queries
================================================== */
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 976px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 976px) {

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 480px) {
.slash {
	margin: 0 15px;
}
	}
	

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file 
		Just create a "fonts" folder at the root, 
		copy your FontName into code below and remove
		comment brackets */
		
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/