/*   
Theme Name: Tomorrowmachine Theme
Theme URI: http://www.juliawallin.se
Description: 
Author: Julia Wallin
Author URI: http://www.juliawallin.se
Version: 1
*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
body {overflow: scroll;}
}

@media screen {

* { margin: 0; padding: 0; }
body { background: white; font: 19px/1.9 Johnston,Sans-Serif; overflow: scroll; line-height: 23px; height: 100% !important; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; overflow: scroll;}
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: -moz-calc(100% - 220px);
    width: -webkit-calc(100% - 220px);
    width: calc(100% - 220px); 
	margin: 0px auto;
	
	}
	
#menu {
		height: 14px;
		padding-top: 16px;
		font-size: 14px;
		width: inherit;
		display: inline-block;
		position: fixed;
		text-align: left;
		top: 0;
		z-index: 99;
		}
		
		#menu a, a:visited {color:inherit; text-decoration: none;}
		#menu a:hover {color: inherit; text-decoration: underline;}
		#menu a:active {color: inherit; text-decoration: underline;}
		
		

		.past-menu, .present-menu, .welcome-menu, .future-menu {
			top: 0;
			position: fixed;
			font-size: 19px;
			margin-top: 11px;
			
			}
			
#logo {
	background-image: url('images/tomorrowmachine-logo.png');
	background-repeat: no-repeat;
	height: 233px;
	width: 233px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -116px;
	margin-left: -116px;
	z-index: 100;

}
	
.column-1, .column-2, .column-3, .column-4 {
width: 24%;
display: inline-block;	
overflow: hidden;

margin: 0px auto;
padding: 0px auto;
}	


#welcome {
height: 650px;
width: 100%;
clear: both;
}
	
	#welcome-text {
	width: 390px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 40px;
	
	z-index: 1;
		
	}
	
	
	
#past {
height: auto;
width: 73%;
margin-top: 0px;
float: left;
clear: both;
padding-top: 70px;

}


		#past p {font-size: 14px; line-height: 17px;}
		
				#past a, a:visited {text-decoration: none; color: inherit;}
				#past a:hover {text-decoration: underline; color: inherit;}
		
		#work-head {margin-bottom: 150px; width: 70%;}
			
			.thumbnail { display: none; float: right;}
			
			p:hover + .thumbnail { display: inline-block; margin-top: -20px;}
		
		.work-box {margin: 20px 0 20px 0; width: 70%;}
		
		
		.ngg-slideshow {margin-top: 20px; max-width: 142% !important;}
		
			.ngg-slideshow img {max-width: 100% !important; height: auto !important; max-height: 600px !important;}
			
		#past iframe {max-width: 142%; margin-top: 20px;}	
			
			
#present {
	width: 25%;
	margin-left: 24.3%;
	height: auto;
	clear: both;
	padding-top: 70px;
	
}

	.news-box {margin: 20px 0 20px 0;}			
	#present p {font-size: 14px; line-height: 17px;}
	#present a, a:visited {color: inherit; text-decoration: underline;}
		#present a:hover {color: inherit; text-decoration: none;}


#future {width: 100%; height: auto;  padding-bottom: 18%; display: inline-block; padding-top: 200px; bottom: 0; position: relative;}

	#future a {font-size: 14px; line-height: 17px; text-decoration: none; color: rgb(118,97,250)}
	#future a:hover {font-size: 14px; text-decoration: underline;}
	#future small {font-size: 14px; line-height: 17px;}
	#future h2 {font-weight: bold; font-size: 19px; margin-top: -40px; position: absolute;}
	
	
	input {border: 1px solid rgb(118,97,250); font-size: 14px; font-family: inherit; line-height: 17px; color: rgb(118,97,250) !important;}
	
	input[type=text] {color: rgb(118,97,250) !important;}
	
	.widget_wysija_cont .wysija-submit {border: 0px solid; font-family: inherit; font-size: 14px; color: rgb(118,97,250); background: transparent;}
	
	p.wysija-paragraph {font-size: 14px;}


			.future-col-1, .future-col-2, .future-col-3 {height: 350px; bottom: 0;}
			
		
					.future-col-1 {width: 48%; display: inline-block; float: left;}
						
							.future-col-1 p {width: 95%;}
							
							
					.future-col-2 {width: 17.5%; display: inline-block; float: left;}
					
							.future-col-2 p {width: 95%;}

							.future-col-2 h2 {width: 95%; position: relative!important;}
							
							.future-col-2 {
								font-family: 19px/1.9 Johnston,Sans-Serif;
							}
							
							.future-col-2 #mc_embed_signup form {
								padding: 0;
								margin-top: 40px;
							}
							
							.future-col-2 #mc_embed_signup span.sub {
								
								font-size: 14px;
								line-height: 17px;
								position: relative;
															
								
							}
							
							.future-col-2 #mc_embed_signup #mc-embedded-subscribe {
								background: transparent;
								border: 0px;
							}
							
							#mc_embed_signup #mce-responses {
								margin-top: 20px;
							}	
							
							#mc_embed_signup div.mce_inline_error {
								margin-top: 20px;
							}					 
							
					
					.future-col-3 {width: 27.5%; display: inline-block; float: right;}
					
							.future-col-3 p {width: 95%; line-height: 17px;}
							

					.credits {
						position: absolute;
						bottom: 20px;
						right: 0px;
						width: 27.5%;
						text-align: left;
					}							
							
					.credits span {
						display: block;
					}
				
	


h1, h2, h3 { font-weight: normal; margin: 0 0 0px 0; }
h1 {font-size: 19px; margin-bottom: 20px;}
h2 { }
h3 { }

p { margin: 0 0 0px 0; }
a { }
a:hover { } 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 0px 0; }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }
   
#footer {display: none;}   

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */