/*
Theme Name: Insanely Interested
Theme URI: http://insanelyinterested.com
Author: Jarkko Laine
Author URI: http://jarkkolaine.com
Description: 
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/


			body {
				padding: 0px;
				margin: 0px;
				
				background: #222;
			}
		
			#top {
				height: 250px;
				background-color: #444;
				
				color: #eee;
		
				margin: 0px;
				padding: 0px 0px 0px 0px;
				
				background-image: url("images/top2.jpg");
				background-position: 50% -120px;
				background-repeat: no-repeat;
				
				position: relative;
			}


			#top.mini-header {
				height: 60px;
				background-position: 50% 0px;
			}

			#top.single {
				height: 150px;
			}			
			
			#top .container {
				position: absolute;
				top: 10px;
				width: 100%;
				height: 300px;
			}
		
			#top a {
				text-decoration: none;
			}
	
			#top h1 {
				display: block;

				text-align: center;
				color: #fff;
				text-shadow: #000 1px 1px 8px;
				text-transform: uppercase;
				font-size: 40pt;
				letter-spacing: 10px;
				
				font-family: Helvetica;
			}					
		
			#top.single .container {
				top: 20px;
			}

			#top.single h1 {
				margin-top: 0px;
				margin-bottom: 0px;
			}
	
			#top h2 {
				font-family: Georgia;
						
				color: #eee;
				font-size: 13pt;
				font-weight: normal;
				font-style: italic;
				text-align: center;
				display: block;
				width: 400px;
				margin: auto;
				background-color: #222;
				padding: 5px;
				border-radius: 15px;
				-moz-border-radius: 15px;
				box-shadow: 1px 1px 8px #000;
				-moz-box-shadow: 1px 1px 10px #222;				
			}
		
			#top.single h2 {
				display: none;
			}
	
			#top a.about {
				position: absolute;
				bottom: 0px;
				width: 100%;
			
				color: #fff;
				text-transform: uppercase;
				font-family: Georgia;
				text-align: center;
				display: block;

				cursor: pointer;

				margin: 50px 0px 0px 0px;
				padding: 10px 0px 10px 0px;
				
				background-color: rgba(35, 31, 27, 0.7);
				text-decoration: none;
				
				letter-spacing: 2px;				
			}

			#about {
				margin: 0px;
				background-color: #000;
			}
			
			#about-content {
				margin: auto;
				width: 800px;
				color: #aaa;
				padding: 20px;				
				
				font-family: Helvetica;
				font-size: 11pt;
				line-height: 1.5;
				
				overflow: auto;
			}
			
			#about-content a {
				color: #aaa;
			}
			
			#about-content img {
				float: right;
				border: 10px solid #222;
				margin: 0px 0px 0px 30px;
			}
			
			#about-content .text {
				width: 460px;
			}
			
			#magazines, .post {
				width: 1100px;
				margin: auto;
				padding: 0px 20px 0px 20px;
				overflow: auto;				
				position: relative;
				
				line-height: 1.5;	
				font-family: Helvetica;
				font-size: 12pt;
				
				color: #ddd;
			}

			#single-magazine {
				width: 800px;
				margin: 40px auto 20px auto;
				line-height: 1.5;
				color: #ddd;
				font-family: Helvetica;
				font-size: 12pt;
				overflow: auto;
			}

			.post {
				width: 800px;
				margin-top: 30px;
				margin-bottom: 30px;
			}	

			.post h3 {
				font-family: Helvetica;
				text-transform: uppercase;
				margin: auto;
				text-align: center;
				font-size: 20pt;
			}	
	
			#magazines .column-1, #magazines .column-2 {
				width: 520px;
				overflow: auto;
				padding: 30px 0px 30px 0px;
			}
			
			#magazines p {
				margin: 0px 0px 20px 0px;
			}
			
			#magazines .column-1 {
				float: left;
			}

			#magazines .column-1 .image, #magazines .column-2 .image, #single-magazine .image {
				float: left;
				width: 220px;
			}
			
			#magazines .column-1 .image img, #magazines .column-2 .image img, #single-magazine .image img {
				border: 10px solid #ddd;
			}
			
			#magazines .column-1 .description, #magazines .column-2 .description {
				margin: 0px 0px 0px 250px;
			}
			
			#single-magazine .magazine-main {
				margin: 0px 0px 0px 250px;
			}

			#single-magazine h2 {
				margin-top: 0px;
				color: #c8782b;
			}

		 	a {
				color: #ccc;
			}

			#magazines .column-2 {
				margin-left: 30px;
				border-left: 1px dashed #777;
				padding-left: 20px;
				float: left;
			}
			
			#magazines .column-1 .subscribe, #magazines .column-2 .subscribe, #single-magazine .subscribe {
				padding: 20px 10px 10px 10px;
				text-align: center;
			}
			
			.subscribe input.email-field {
				border: 1px solid #666;
				background-color: #444;
				color: #eee;
				font-family: Helvetica;
				font-size: 12pt;
				padding: 5px;
				width: 190px;
			}
			
			.subscribe input.submit {
				border: 1px solid #79a62c;
				margin: 10px 0px 0px 0px;
				padding: 5px 10px 5px 10px;
				border-radius: 5px;
				-moz-border-radius: 5px;
				font-family: Helvetica;
				font-size: 13pt;
				background-color: #88bb30;
				color: #2c3d10;
				cursor: pointer;
			}
			
			#footer {
				color: #aaa;
				text-align: center;
				padding: 20px;
				border-top: 1px dashed #777;
				font-family: Helvetica;
				font-size: 10pt;	
				background-color: #2a2a2a;
			}
			
			#footer a {
				color: #bbb;
			}
			
			span.mag-title {
				font-weight: bold;
				color: #c8782b;
			}
			
			ul li {
				margin: 5px 0px 10px 0px;
				color: #aaa;
			}