/*
Theme Name: FolioGrid
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, white

*/

/* Global reset
-------------------------------------------------------------------*/
	
	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input,ul,ol {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;ba}
	
	.hidden, .screen_reader, hr {display: none;} /* Paragraph default styling, amend as desired */
	
	p {margin: 0 0 1em 0; padding: 0;} /* Default link styling */
	a {color: #232323; text-decoration: underline;}
	a:hover {color: #232323; text-decoration: none;} /* Float an element left with a margin */
	.single ul li, .single ol li {font-size: .9em; margin: 0 80px;}
	h6 {margin: 0 40px; padding: 10px; font-size: 11px; line-height: 1.5em; border-width: 0 1px 1px; -moz-border-radius: 0 0 4px 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; background: #fc6; text-shadow: 0 1px 1px rgba(255,255,255,0.5); color: #a61!important;}
	h6 a {text-shadow: 0 1px 1px rgba(255,255,255,0.5); color: #a61!important;}
	
	.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 {background: #fc6; -moz-border-radius: 4px 0 0 4px; /* shadow */ -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.5); margin: 20px 0 20px 70px;}
	blockquote p {font-style: italic; text-shadow: 0 1px 1px rgba(255,255,255,0.5); color: #b72!important; padding: 5px; clear: both;}
	
/* Default
-------------------------------------------------------------------*/
	
	html, body {font: 11px/1.4em "Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; color: #123;} 
	body {background: url(images/barewall.jpg) 0% 100% no-repeat fixed #0cb; padding: 65px 25px 50px 25px; _padding: 10px 0 0 0; margin: 0;}
	
/* Template
-------------------------------------------------------------------*/
	
	#header {; width: 100%; height: 50px; position: fixed; top: 0; left: 0; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); overflow: hidden; background: #fc6;}
	#wrapper {padding: 20px; clear: both; position: relative; z-index: 50; top: 60px;}
	#contentwrap {position: relative;}
/* 	#content {width: 620px; float: left;} */
/* 	#sidebar {width: 260px; float: right;} */
	#foliogrid {margin: 0 0 0 -10px; _margin: 0 0 0 -10px;} /* _margin: -30px 0 0 15px */
	
/* Header
-------------------------------------------------------------------*/
	
	#header div {float: left; margin: 0; padding: 20px 30px 20px 10px; text-shadow: 0 1px 1px rgba(255,255,255,0.5); color: #b72; background: url(images/toparrow.png) no-repeat 100% 55%;}
	#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: 0;}
	#header a {color: #b72; font-weight: bold; text-decoration: none;}
	#header a:hover {text-decoration: underline;}
	
	#header input,
	#header select {background: #fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; margin: -4px 0 0 0; border: 0; color: #666; font-size: 11px; font: 10px/1em Georgia, "Times New Roman", Times, serif; color: #555; 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;}
	
	.blogInfo {text-transform: uppercase; font-size: 18px; padding-left: 30px!important;}
	
/* Post
-------------------------------------------------------------------*/

	#coreContent {width: 960px; margin-left: 5%; /* background: #ffd;  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); */}
	.whiteBlock-frame {padding: 10px; background: #ffe; /* shadow */ -moz-box-shadow: -3px 4px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: -3px 4px 5px rgba(0, 0, 0, 0.4);margin: 80px 0 10px; border-bottom: 2px solid #bba; border-left: 1px solid #ccb;}
	h1 {background: no-repeat 20% 10%; font: 20px/.8em normal; padding: 15px 7px 180px; text-shadow: 1px 2px 3px rgba(0,0,0,1); color: #fbfbfb; background-color: #c2ebf5;}
	
	#coreContent h2 {font: 24px/1.2em italic; color: #232323; margin: 0 0 20px 0;}
	#coreContent h3 {font-size: 24px; line-height: 1.2em; font-weight: 100; color: #444; text-shadow: 0 1px 1px rgba(255,255,255,0.5); display: block; padding: 50px 20px 0;}
	#coreContent h4 {font-size: 18px; text-shadow: 0 1px 1px #999; color: #0a9; margin: 20px 40px 0;}
	
	.post {background: #ffe; position: absolute; -moz-border-radius: 2px; -moz-box-shadow: -3px 2px 5px rgba(0, 0, 0, 0.4); border-bottom: 2px solid #bba; border-left: 1px solid #ddc;}
	.post > div {padding: 10px; _width: 180px; _padding: 0;}
	.post:hover,
	.whiteBlock:hover {-webkit-box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.5);}
	.post:active,
	.whiteBlock:active {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}
	
/*
	.front-page .category-link {padding: 0 0 5px;}
	.category-link a { font: normal 9px/1em "Segoe UI"; text-decoration: none; color: #076;}
*/
	
	.post-content p {padding: 5px 7px; color: #444; -moz-border-radius: 0 0 12px 3px; border-top: 3px dotted #0cb; background: url(images/gradient.png) repeat-x 0 100%; display: none;}
	.post-content h2, li.widget h2 {font-size: 10px; text-transform: uppercase; font-style: italic;}
	.post-content h2 a {text-decoration: none; text-transform: uppercase; color: #282827;}
	.post-content h2 a:hover {text-decoration: underline;}
		
	.copyright {color: #777; font-size: 11px;}
	.archive .copyright {padding: 0 0 5px 3px;}
	.copyright p {background: #c33; color: #fff; padding: 5px ; -moz-border-radius: 0 3px 12px 3px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; font-weight: bold; text-transform: uppercase; font-size: 18px;}
	.copyright small {line-height: 1.2em; display: block;}
	.copyright a {color: #282827; font-style: italic; text-decoration: none;}
	.copyright a:hover {text-decoration: underline;}
	
	.whiteBlock {background-color: #fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #cbcbcb; font-size: 125%; line-height: 1.6em; margin: 0 0 20px 0;}
	.whiteBlock-content {margin: 120px 0 0 580px;} /* margin: 170px 0 0 580px; */
	.whiteBlock-content p {margin: 17px 20px 0 ; color: #544;}
	.whiteBlock > div {padding: 30px; _padding: 0;}
	
	.whiteBlock a img {background-color: #fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #cbcbcb;}
	.whiteBlock a img:hover {-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}
	.whiteBlock a img:active {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}
	
	.whiteBlock-header {text-align: right; width: 500px; position: fixed;}
	small, small a {color: #777; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); line-height: 1.3em;}
	
	.singlepost {font-size: 1.2em; line-height: 1.6em; padding-top: 10px;}
	.singlepost > div {}
	
	.singlepost img {border: 1px solid #cbcbcb;}
	.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: #232323; 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: #232323; 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 {margin-left: 550px; padding: 300px 0 180px;}
	.pagination div {}
	.prevpost {float: left;}
	.nextpost {float: right}
	.prevpost a, 
	.nextpost a {padding: 10px 15px; margin: 0 10px; display: block; font-size: 14px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); background: url(images/toparrow.png) no-repeat 100% 50% #fc6; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; /* shadow */ -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);}
	.prevpost a:hover,
	.nextpost a:hover {font-size: 14px; font-weight: bold;}
	
	.whiteBlock-footer + .attachment {text-align: center;}
	
	.twitterism {width: 170px!important; min-height: 100px;}
		.twitterism > div {padding: 0;}
	.twtr-hd,.twtr-ft {display: none;}
	.twtr-bd {font-size: 10px;}
	.twitterism h2 {font-size: 10px; text-transform: uppercase; font-style: italic; color: #282827; padding: 5px 0 10px 8px; background: #ddc;}
	
/* Sidebar elements
-------------------------------------------------------------------*/ 
	
	ul.sidebar_list {list-style: none; padding: 0; text-indent: 25px;}
	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: #232323; font-style: italic; text-indent: 25px; text-shadow: 0 1px 1px #999; padding: 7px 0 0;} */
	li.widget p {margin: 0 0 1.5em 0; padding: 0 10px;}
	li.widget ul {list-style: none; margin: 0; display: block; padding: 0 0 20px;}
	li.widget ul li {float: left;}
	li.widget ol {list-style: none; margin: 0; padding: 0;}
	
/* Footer elements
-------------------------------------------------------------------*/
	
	#footer {border-top: 1px solid #cbcbcb; 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: #282827; 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;}
	
	.left, .prev {float: left;}
	.right, .next {float: right;}
	
	#footer-block {position: fixed; bottom: -7px; left: 0; width: 350px; background: url(images/cc.png) no-repeat 96% 10px #fff; padding: 0 5px 17px 10px; -moz-border-radius: 0 10px 0 0; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #999;}
	#footer-block a {display: block; padding: 8px 0 ; font-size: 11px; line-height: 1.4em; text-decoration: none;}
	#footer-block small {display: block; border-bottom: 5px solid #f60; padding-bottom: 5px; font-size: 10px;}
	
	.loggedin {padding: 0 25px;}
		
/* Comments
-------------------------------------------------------------------*/
	
	#comments {padding: 20px 0 0 550px;}
	
	#comments h4 {font-size: 18px; line-height: 1.2em; margin: 0; color: #232323; font-style: italic; padding: 20px 0 0 20px;}
	
	.commentEntry {padding: 15px 0; }
	.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 #cbcbcb; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}
	.commentContent {float: left; font-style: italic; color: #232323;}
	.commentMeta {font-size: 0.9em; font-style: normal; clear: both;}
	.commentMeta a {font-style: italic;}
	.nocomments {font-size: 1.2em; padding: 25px 0;}
		
/* Comment form
--------------- */
	
	.commentForm {text-transform: uppercase; margin: 0; padding: 20px 0; background: #fff;}
	.commentForm em {text-transform: lowercase; font-style: italic; color: #232323; font-size: 0.9em;}
	
	.commentFormLeft {float: left; padding-left: 20px;}
	.commentFormRight {float: right; width: 200px;}
	
	label {display: block; font-size: 0.8em; text-indent: 2px;}
	
	input[type=text],
	textarea {border: 1px solid #ddd; padding: 5px; margin: 0 0 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; color: #232323; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 170px;}
	
	textarea {height: 125px;}
	
	input:focus,
	textarea:focus {border-color: #999; color: #333;}
	
	input[type=submit] {margin-top: 10px; 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: #232323; border-color: #232323;}
	
/*
	#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;}