/*
Theme Name:FolioGrid Dark
Theme URI:thefloatingfrog.co.uk/
Description:A slick grid based Wordpress Portfolio theme.
Version:1.0
Author:The Floating Frog
Author URI:http://www.thefloatingfrog.co.uk
Tags:simple, clean, single column, grid, portfolio, dark

*/

/* Global reset
-------------------------------------------------------------------*/

	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
	fieldset,img { border:none; }
	caption,th { text-align:left; }
	table { border-collapse:collapse; border-spacing:0; margin-bottom:10px; width:100%; }
	table td { padding:0 10px 0 0; }

	.hidden, .screen_reader,  { display:none; } /* Paragraph default styling, amend as desired */
	
	p { margin:0 0 1em 0; padding:0; } /* Default link styling */
	a { color:#f0eeee; text-decoration:none;}
	a:hover { color:#f0eeee; text-decoration:none; } /* Float an element left with a margin */
	
	.floatL					{ float:left; } /* Float an element right with a margin */
	.floatR 					{ float:right; } /* Float an element right with a margin */
	.italic 					{ font-style:italic; } /* Italisise */
	.upper 					{ text-transform:uppercase; } /* Italisise */
	.clear 					{ clear:both; }
	.hideText					{ text-indent:-3000em; overflow:hidden; }
	
	.clearfix:after 				{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	
	blockquote					{ padding:20px; margin:0 40px 20px 20px; border-left:3px solid #fff; clear:both; }
	em 						{ font-style: italic; }
	hr						{ background: #666; width: 700px; height: 1px; border: none; }

/* Default
-------------------------------------------------------------------*/

	html, body 					{ font:11px/1.4em "PT Sans", "Roboto", Times, serif; color:#ddd; }	
	body 						{ background:#222222; padding:65px 10px 50px 10px; _padding:10px 0 0 0; margin:auto; }

.admin-bar .absolutepositioneditem { top: (previous absolute position + 28)px; }

@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import url(https://fonts.googleapis.com/css?family=Roboto);

/* @font-face {
	font-family: "PT Sans";
	src: url("<?php bloginfo('template_directory'); ?>/PT_Sans.ttf");
	font-style: normal;
	font-weight: normal;
}

@font-face {
  	font-family: "PT Sans";
	src: url("<?php bloginfo('template_directory'); ?>/PT_Sans_Bold.ttf");
	font-style: normal;
	font-weight: bold;
}

@font-face {
  	font-family: "PT Sans";
	src: url("<?php bloginfo('template_directory'); ?>/PT_Sans_Bold_Italic.ttf");
	font-style: italic;
	font-weight: bold;
}

@font-face {
  	font-family: "PT Sans";
	src: url("<?php bloginfo('template_directory'); ?>/PT_Sans_Caption.ttf");
	font-style: normal;
	font-weight: normal;
	font-stretch: expanded;
}

@font-face {
  	font-family: "PT Sans";
	src: url("<?php bloginfo('template_directory'); ?>/PT_Sans_Caption_Bold.ttf");
	font-style: normal;
	font-weight: bold;
	font-stretch: expanded;
}

@font-face {
  	font-family: "PT Sans";
	src: url("<?php bloginfo('template_directory'); ?>/PT_Sans_Italic.ttf");
	font-style: italic;
	font-weight: normal;
}

@font-face {
  	font-family: "PT Sans Narrow";
	src: url("<?php bloginfo('template_directory'); ?>/PT_Sans_Narrow.ttf");
	font-style: normal;
	font-weight: normal;
	font-stretch: condensed;
}

@font-face {
  	font-family: "PT Sans Narrow";
	src: url("<?php bloginfo('template_directory'); ?>/PT_Sans_Narrow_Bold.ttf");
	font-style: normal;
	font-weight: bold;
	font-stretch: condensed;
}

@font-face {
  	font-family: "Kroeger 0555";
	src: url("<?php bloginfo('template_directory'); ?>/kroeger_0555.ttf");
	font-style: normal;
	font-weight: normal;
}
*/
/* Template
-------------------------------------------------------------------*/

	#header				{ background:rgba(34, 34, 34, 0.95); width:100%; height:55px; position:fixed; top:0; left:0; z-index:1000; overflow:hidden; }
	footer					{ background:#232323; width:100%; height:55px; position:fixed; bottom:0; left:0; z-index:100; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 1); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 1); overflow:hidden; }

	#wrapper				{ padding:20px; clear:both; position:fixed; z-index:50; top:100px; left: 161px;}
	#contentwrap				{ position:relative; }
	#coreContent				{ width:960px; margin:0 auto; }
	#content				{ width:620px; float:left; }
	#sidebar				{ width:260px; float:right; }
	#foliogrid 				{ _margin-left:65px 0 60px -1px; margin-left:-30px 0 0 15px; }

/* Header
-------------------------------------------------------------------*/

	#header div				{ font-family: Roboto, sans-serif; float:left; margin:0; padding:20px 0 18px 20px; color:#777; text-shadow:none; }
	#header form				{ float:left; margin:0; padding:0; }
	#header h3				{ text-transform:uppercase; padding:0; float:left; margin:0 10px 0 0; }
	#header p				{ padding:0; margin-left:60px; display: inline; }
	#header a				{ color:#ff9900; font-style:normal; text-decoration:none; }
	#header a:hover			{ text-decoration:underline; }
	
	#header input,
	#header select 			{ background:#222; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; padding:7px 3px 0; margin:-4px 0 0 0; border:0; font-family: Kroeger 0555; font-size:11px; color:#f90; float:left; }
	#header input				{ width:auto; }
	
	#header ul				{ list-style:none; padding:0; margin:0; float:left; }
	#header ul li				{ float:left; margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid #666; text-transform:lowercase; }
	#header ul li.first			{ border-left:0; padding:0; margin:0; }
	#header img				{ width:55px; height:55px; position: fixed; top: 0px; left; 0px; display: inline;}	
	
	.blogInfo				{ text-transform:uppercase; font-size:14px; }

	
/* Post
-------------------------------------------------------------------*/

	h1					{ font-family: Roboto Condensed; border-bottom:1px dotted #232323; padding-bottom:20px; }
	h1,
	h1 a	 				{ font-family: Roboto Condensed; font-size:36px; line-height:1.2em; margin:0 0 15px 0; font-style:normal; text-decoration:none; text-shadow:#000 0 3px 1px; }
	h1 a:hover	 			{ text-decoration:underlie; } 
	
	#coreContent h2,
	#coreContent h3,
	#coreContent h4			{ font-size:24px; line-height:1.2em; margin:0 0 20px 0; color:#fff; font-style:italic; border-top:1px dotted #444; padding:10px 0; text-shadow:#000 0 2px 1px; }

	#coreContent h3			{ font-size:18px; }
	#coreContent h4			{ font-size:14px; }

	.post 					{ background:#222222; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; position:relative; border:0px solid #333; margin:0 30px 30px 0; }
	.post > div 				{ padding:10px; _width:180px; _padding:0; }
	.post:hover,
	.whiteBlock:hover			{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 1); }
	.post:active,
	.whiteBlock:active			{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 1); }
	
	.post-header				{ margin:0 0 20px 0; height: 400px; position: relative; top: 0px; z-index: 100;}
	.post-content	 			{ margin:0 0 0 0; position: absolute; bottom: 0px; z-index: 300; background: rgba(34, 34, 34, 0.8); width: 100%; }
	
	
	.post-content h2	 		{ font-family: Roboto Slab;font-size:11px; margin:0 0 10px 0; text-transform:uppercase; color:#fff;  }
	.post-content a	 		{ font-family: Roboto;text-transform:capitalize; color:#fff; font-style:italic; text-decoration:none; }
	.post-content a:hover		{ font-family: Roboto;text-decoration:none; }
	.post-content h2 a	 		{ font-family: Roboto Slab;text-decoration:none; text-transform:uppercase; font-style:normal; }
	.post-content h2 a:hover		{ font-family: Roboto Slab;text-decoration:underline; }
	.post-content small			{ font-family: Roboto; font-size: 8pt; }
	.post-content p			{ font-family: Roboto Condensed; font-size: 8pt;  }
	
	.post-footer	 			{ line-height:1em; }
	.post-footer a	 		{ text-decoration:underline; }
	.post-footer a:hover			{ text-decoration:none; }
	
	.copyright				{ text-transform:uppercase; color:#aaa; font-size:10px; }
	.copyright p				{ margin:0; }
	.copyright a				{ text-transform:capitalize; color:#fff; font-style:italic; }
	
	.whiteBlock 				{ background:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; color:#666; -webkit-border-radius:3px; border:1px solid #444; font-size:125%; line-height:1.6em; margin:0 0 20px 0; text-shadow:none; }
	.whiteBlock > div 			{ padding:30px; _padding:0; }
	
	#coreContent .whiteBlock h2,
	#coreContent .whiteBlock h3,
	#coreContent .whiteBlock h4		{ color:#232323; text-shadow:none; }
	
	#coreContent .whiteBlock a		{ color:#000; }
	
	.whiteBlock h1			{ border-bottom:1px dotted #ccc; padding-bottom:20px;text-shadow:none; }
	.whiteBlock h1,
	.whiteBlock h1 a	 		{ text-shadow:none; color:#232323; }
	.whiteBlock h1 a:hover	 	{ text-decoration:underline; }
	
	.whiteBlock a img 			{ background-color:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border:1px solid #444; }
	.whiteBlock a img:hover 		{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 1); }
	.whiteBlock a img:active 		{ -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 1); }
	.whiteBlock-footer			{ font-size:75%; line-height:1.6em; margin:40px 0 0 0; }
	.singlepost 				{ font-size:125%; line-height:1.6em; margin:20px 0; }
	.singlepost > div 			{  }

	.singlepost a				{ border-bottom: 1px dotted #f90; }
	.singlepost a:hover			{ border-bottom: 1px solid #f90; }
	.singlepost img		 	{ border:1px solid #444;  }
	.singlepost a img:hover,
	.singlepost a img:active 		{ -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.8); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.8); }

	.archiveTitle h2			{ font-size:14px; color:#f0eeee; font-style:italic; margin:0; }
	.archiveTitle .currentCat		{ margin:0 0 10px 0; }
	.archiveTitle .currentCat span	{ font-weight:bold; }
	.archiveTitle .spaced		{ margin:0 0 30px 0; }
	.archiveTitle h3			{ font-size:14px; color:#f0eeee; font-style:italic; margin:0 0 20px 0; }
	.archiveTitle ul			{ list-style:none; padding:0; margin:0 0 30px 0; font-style:italic; }
	.archiveTitle ul ul			{ margin:0; font-style:italic; }
	.archiveTitle ul li			{ padding:0 0 0 20px; font-style:italic; }
	.archiveTitle ul ul	li		{ padding:0; }
	.archiveTitle p			{ margin:0 0 30px 0; }
	.archiveTitle .back			{ margin:0; }
	
	.alignleft				{ float:left; margin:0 30px 30px 0; }	
	.alignright				{ float:right; margin:0 0 30px 30px; }
	
	.pagination				{ border-top:1px dotted #444; border-bottom:1px dotted #444; }

	.prevpost				{ float:right; width: 49%; text-align: right; padding:10px 0px; }
	.nextpost				{ float:left; width: 49%; padding:10px 0px; }

	.prevpost a				{ background:#333; padding:10px 25px; margin: 0; display:block; }
	.nextpost a				{ background:#333; padding:10px 25px; margin: 0; display:block; }
	.prevpost a:hover			{ background:#333; color:#f0eeee; font-style:italic; content: "Previous post \2192"; margin: 0; }
	.nextpost a:hover			{ background:#333; color:#f0eeee; font-style:italic; content: "\2190  Next post"; margin: 0;}


/* Sidebar elements
-------------------------------------------------------------------*/	
	
	ul.sidebar_list 			{ list-style:none; padding:0; font-size:1.3em; }
	ul.sidebar_list li.widget, 
	ul.sidebar_list li.linkcat 		{ margin:0 0 2.5em 0; line-height:1.4em; border:0; }
		li.widget h2 			{ font-size:18px; line-height:1.2em; margin:0; color:#aaa; font-style:italic; border:0; border-bottom:1px solid #666; padding:0 0 10px 0; }
		li.widget p 			{ margin:0 0 1.5em 0; padding:0 10px; }
		li.widget ul 			{ list-style:none; margin:0; padding:0; }
		li.widget ol 			{ list-style:none; margin:0; padding:0; }

/* Footer elements
-------------------------------------------------------------------*/

	#footer				{ border-top:1px solid #444; padding:30px 0 10px 0; text-transform:uppercase; font-size:0.9em; clear:both; }
	#footer h3				{ text-transform:uppercase; padding:0; float:left; margin:0 10px 0 0; }
	#footer p				{ padding:0; margin:0; }
	#footer a				{ color:#f90; font-style:italic; text-transform:capitalize; text-decoration:none; }
	#footer a:hover			{ text-decoration:underline; }
	
	#footer ul				{ list-style:none; padding:0 30px 0 0; margin:0; float:left; }
	#footer ul li				{ float:left; margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid #666; text-transform:lowercase; }
	#footer ul li.first			{ border-left:0; padding:0; margin:0; }
	#footer p				{ float:right; margin:0; padding:0; text-transform:uppercase; }
	
	.copyright				{ text-transform:uppercase; }
	.copyright a				{ text-transform:capitalize; }
	
	.left, .prev				{ float:left; }
	.right, .next				{ float:right; }

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

	#comments				{ clear:both; }
	
	#comments h4				{ font-size:14px; line-height:0.8em; margin:0; color:#f0eeee; font-style:italic; border-top:1px dotted #f90; padding:10px 0; }
	
	.commentEntry				{ background: #222; font-size:12px; padding:1px 0; border-top:1px dotted #444; border-bottom:1px dotted #444; margin-bottom:-1px; }
	.alt				{ background: #322; font-size:12px; padding:1px 0; border-top:1px dotted #444; border-bottom:1px dotted #444; margin-bottom:-1px; }
	.avatar				{ float:left; background:#fff; padding:10px; margin:0 30px 15px 0; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border:1px solid #444; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 1); }
	.commentContent			{ float:left; width:500px; padding:5px; font-style:italic; color:#f0eeee; }
	.commentMeta				{ border-top:1px dotted #333; font-size:0.8em; font-style:normal; padding:1px 0 0 140px; clear:both; }
	.commentMeta a			{ font-style:italic; }
	.nocomments				{ font-size:1.0em; padding:25px 0; }
	
	.leaveComment				{ padding-bottom:19px; }
	
	/* Comment form
	--------------- */
	
	.commentForm				{ text-transform:uppercase; margin:0; padding:15px 0; }
	.commentForm em			{ text-transform:lowercase; font-style:italic; color:#f0eeee; font-size:0.9em; }
	
	.commentFormLeft			{ float:left; width:460px; }
	.commentFormRight			{ float:right; width:460px; }
	
	label 					{ display:block; font-size:0.9em; }
	
	input[type=text],
	textarea				{ background: #222; border:1px solid #666; padding:1px 1px; margin:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; color:#999; -moz-border-radius:5px; -webkit-border-radius:5px; width:450px; }
	
	textarea				{ height:153px; }
	
	input:focus,
	textarea:focus			{ border-color:#999; color:#232323; }
	
	input[type=submit]			{  padding:3px 10px; color:#fff; font-weight:bold; background:#666; border:1px solid #666; border-radius:3px;
								-webkit-transition:border-color .2s ease-in, background-color .2s ease-in; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; }
	input[type=submit]:hover,
	input[type=submit]:focus	{ background:#222; border-color:#444; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); }
	
	#content .commentFormLeft,
	#content .commentFormRight	{ float:none; width:auto; }
	#content input[type=text],
	#content textarea			{ width:608px; clear:both; }
	#content .commentMeta		{ padding:12px 0 0 0; }
	
	#sidebar input[type=text],
	#sidebar textarea			{ width:248px; }
	
	#content .contactform input[type=text],
	#content .contactform textarea	{ width:530px; }

.left 		{ float: left; }
.right 	{ float: right; }