/*
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 { 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, hr { display:none; } /* Paragraph default styling, amend as desired */
	
	p { margin:0 0 0 0; padding:0; } 

	/* Default link styling */
	a { color:rgb(0,0,0); text-decoration: none; }
	a:link { color:rgb(0,0,0); text-decoration: none;}/* unvisited link */
	a:hover { color:rgb(0,0,255); text-decoration:underline; } /* mouse over */
         
	/* Float an element left with a margin */
	.floatL						{ float:left; } /* Float an element left with a margin */
	.floatR 					{ float:right; } /* Float an element right with a margin */
	.normal 					{ font-style: normal; } 
	.upper 						{ text-transform:uppercase; }
	.clear 						{ clear:both; }
	.hideText					{ text-indent:-3000em; overflow:hidden; }
		
        .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; height:0, line-height: 0;}
	.clearfix { display: inline-block;}



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

	html, body 	{ font:11px/1.4em DIN, Helvetica Neue, Aria, Times, serif; color:#666; }	
	body 		{ background:#ffffff;padding:65px 25px 50px 25px; _padding:10px 0 0 0; margin:0; text-shadow:#fff 0 0px 0; }

/* Template
-------------------------------------------------------------------*/

	#header		{ background:#ffffff; width:100%; height:55px; position:absolute; top:0; left:0; z-index:100; -webkit-box-shadow:0 0 0px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.4); overflow:inherit; }
	#wrapper					{ padding:20px; clear:both; position:relative; z-index:50; top:60px; }
	#contentwrap				{ position:relative; }
	#coreContent				{ width:960px;height: auto; margin:0 auto; } /*960px*/
	#content				{ width:960px; float:left; padding:30px 0 0 0; } /*620*/
	#sidebar				{ width:280px; float:right; } /*260*/
	#foliogrid 				{ margin-left:65px 0 0px -1px; _margin-left:-30px 0 0 15px; }

 .search {float:right; color:#000; text-shadow:none; border:0;} 

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

	#header div					{ margin:0; padding:20px 20px 18px 20px; color:#000000; text-shadow:none; }
	#header form				{ float:left; margin:0; padding:0 20px 18px 0px;}
	#header h3					{ text-transform:uppercase; float:left; margin:0; padding:0 10px 0 0;}
	#header p					{ padding:0; margin:0; }
	#header a					{ color:#000; font-style:normal; text-decoration:none; }
	#header a:hover				{ text-decoration: none; }
	
	#header input  {background: #f0eeee;  width:auto; } 
	#header select 				{ background:#fff; -moz-border-radius:0px; -khtml-border-radius:1px; -webkit-border-radius:1px; padding:3px; margin:-4px 0 0 0; border:0; color:#000; font-size:11px; font:10px/1em Din, Helvetica, Times; color:#555; float:left; }
	
	#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 ul li.second			{ border-left:0; padding:10px; margin:0; }
	
	.blogInfo					{float:left; text-transform:uppercase; font-size:22px; text-decoration:none; color:#232323;}
        .pages        {float:left;}
        .categories        {float:left;} /*se não coloco as categorias em float, o search -q esta à direita- fica louco*/
	
/* Post
-------------------------------------------------------------------*/

	h1							{ border-bottom:1px dotted #ccc; padding-bottom:10px; }
	h1,
	h1 a   { font-size:24px; line-height:1.2em; margin:0 0 10px 0; font-style:normal; text-decoration:none; text-shadow:none; text-transform: uppercase;}
	
	h1 a:link { color: rgb(0,0,255); text-decoration: bold; }/* unvisited link */
	h1 a:hover { color:rgb(0,0,255); text-decoration:none; }
	
	
	#coreContent h2,
	#coreContent h3				{ font-size:18px; }
	#coreContent h4				{ font-size:14px; }
	#coreContent h4				{ font-size:24px; line-height:1.4em; margin:0 0 20px 0; color:#232323; font-style:normal; border-top:1px dotted #ccc; padding:10px 0; text-shadow:#fff 0 2px 1px; }
	

	#coreContent h6				{ font-size:13px; line-height:1.3em; margin:0 0 20px 0; color:#000000; font-style:normal; border-top:1px dotted #ccc; padding:10px 0; text-shadow:#fff 0 2px 1px; }



	.post 	{ background:#fff; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; position:absolute; border:0px solid #cbcbcb;  } /* post border eh a linha de cada quadradinho do post */
	.post > div 				{ padding:10px; _width:180px; _padding:0; }
	.post:hover,
	.whiteBlock:hover			{ -webkit-box-shadow:0 0 0px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.4); }
	.post:active,
	.whiteBlock:active			{ -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 0px rgba(0, 0, 0, 0.4); }
	.post-header,
	.post-content	 			{ margin:0 0 0 0; }

	/* post-content h2 é o título do post */
	.post-content h2	 		{ font-size:11px; margin:0 0 10px 0; text-transform:uppercase; color:#777;  }
	.post-content a	 			{ text-transform:capitalize; color:#282827; font-style:italic; text-decoration:underline; }
	.post-content a:hover		{ text-decoration:underline; }
	.post-content h2 a	 	{ color: #777; text-decoration:none; text-transform:uppercase; font-style:normal; }
	.post-content h2 a:hover	{ text-decoration:underline; }

        /* post-footer são as categorias ou tags que estão na divisão do post */
	/*tags dos posts no quadradinho*/
	.post-footer	 			{ line-height:0.9em;height:24px; }
	.post-footer a	 			{ text-transform:lowercase; color:#000; font-style:normal; text-decoration: none; } 
	.post-footer a:hover		{ text-decoration:underline; }
	

	.copyright				{ text-transform:uppercase; color:#777; font-size:10px; }
	.copyright p				{ margin:0; }
	.copyright a				{ text-transform:capitalize; color:#282827; font-style:normal; }
	
	.whiteBlock 				{ background-color:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border:0px solid #cbcbcb; font-size:125%; line-height:0; margin:0 0 20px 0; } /*20px*/
	.whiteBlock > div 			{ padding:30px; _padding:0; } /*30px*/
	
	.whiteBlock a img       { background-color:#fff; -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border:0px solid #cbcbcb; }
	.whiteBlock a img:hover 	{ -webkit-box-shadow:0 0 0px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 0px 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); }
	
	.singlepost 				{ font-size:125%; line-height:2em; margin:30px 0; } /*line-height eh a distancia entre as linhas escritas no post*/
	.singlepost > div 			{  }

	.singlepost img		 		{ border:0px 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 0 rgba(0, 0, 0, 0.8); }

	.archiveTitle			{ width: 220px; height: 184px; }
	.archiveTitle h2		{ font-size:14px; width: 220px; height: 184px; color:#232323; font-style:normal; margin:0; }
	.archiveTitle .currentCat	{ margin:0 0 10px 0; }
	.archiveTitle .currentCat span	{ font-weight:normal; }
	.archiveTitle .spaced		{ margin:0 0 30px 0; }
	.archiveTitle h3			{ font-size:14px; color:#232323; font-style:normal; margin:0 0 20px 0; }
	.archiveTitle ul			{ list-style:none; padding:0; margin:0 0 30px 0; font-style:normal; }
	.archiveTitle ul ul			{ margin:0; font-style:normal; }
	.archiveTitle ul li			{ padding:0 0 0 20px; font-style:normal; }
	.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 #ccc; border-bottom:1px dotted #ccc; 
	
/* Sidebar elements
-------------------------------------------------------------------*/	
	
	ul.sidebar_list 			{ list-style:none; padding:0; font-size:0; }
	ul.sidebar_list li.widget      
	ul.sidebar_list li.linkcat 	{ margin:0 0 2.5em 0; line-height:0em; border:0; }
		li.widget h2 			{ font-size:18px; line-height:0em; margin:0; color:#232323; font-style:normal; border:0; border-bottom:0px solid #ccc; 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 #cbcbcb; padding:0 0 0 0; text-transform:uppercase; font-size:0.9em; clear:both; }
	#footer h3					{ text-transform:uppercase; padding:0; float:left; margin:0 0 0 0; }
	#footer p					{ padding:0; margin:0; font:04px DIN; }
	#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; }
	
	
	.copyright				{ text-transform:uppercase; }
	.copyright a				{ text-transform:capitalize; }
	
	.left, .prev				{ float:left; }
	.right, .next				{ float:right; }