/*   
Template Name: Folio44.css
Version: 1.2
Website: folio44.com.au
Author: eBiz Web Solutions
Updated: 20/10/2011

*/

/* TABLE OF CONTENTS

01.	--- Reset CSS

02.	--- Layout
        
03.	--- Theme - Folio44 Base
        
        A) General
        B) Top Nav
        C) Left Nav
		D) Footer Nav
		E) Poster Template

04. --- Sections 

		A) Portfolio

05.	--- Theme - Folio44 Poster Templates
        
        A) Header

*/


/******************************************************************/
/*	01. Reset CSS 												  */
/******************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{border: 0; font-size: 100%; outline: 0; margin: 0; padding: 0;}

body            {line-height: 1;}
blockquote, q   {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after  {content: '';content: none;}
:focus          {outline: 0;}
ins             {text-decoration: none;}
del             {text-decoration: line-through;}
table           {border-collapse: collapse; border-spacing: 0;}

/******************************************************************/
/*	02. Layout     										          */
/******************************************************************/

#wrapper        {width: 750px; margin: 30px auto;}

#leftcol        {width: 190x; float: left;}
    #logo       {width: 160px; height: 186px; background: url(/images/layout/folio44logo.png) no-repeat; float: left; margin-left: 10px;}
        #logo a {text-decoration: none; width: 160px; height: 186px; display: block; font-size: 0em; position: -9999px;}
    #leftnav    {} 

#rightcol       {width: 560px; float: right;}
    #topnav     {height: 98px; text-align: center; background: url(/images/layout/red-bar.png) no-repeat bottom}
    #content    {min-height: 300px; width: 530px; margin: 30px 0px 20px 30px;}
	
	#content-home    {min-height: 300px; width: 560px; margin: 0px;}

#footer         {width: 560px; height: 40px; margin-left: 190px; background: url(/images/layout/red-bar.png) no-repeat top; text-align: center}
    #copyright  {color: #b3b3b3; font-size: 10px; line-height: 45px}   
    #copyright a        {color: #A55}
    #copyright a:hover  {color: #C12}
    
/******************************************************************/
/*	03. Theme 										              */
/******************************************************************/

body {background: #FFF; font-size: 12px; color: #666; font-weight: normal; font-family:Helvetica, Arial, sans-serif; text-align: left;
}

/* A) General --------------------------------------------------- */

.clear  {clear:both;}

a       {color: #A55; outline:0; text-decoration: none;}
a:hover {color: #C12}

h1  {color:#C12; font-size: 20px; margin-bottom: 14px; text-transform: lowercase;}
h2  {color:#000; font-size: 16px; line-height: 24px; margin-bottom: 10px; text-transform: lowercase}

p   {line-height: 16px; padding-bottom: 8px;}
.clear {clear: both}

ul {margin: 10px 20px;}
ul li {line-height: 20px;}

/* B) Top Nav --------------------------------------------------- */
#topnav ul          {margin: 60px auto 0px auto; padding: 0px; list-style: none; float: left; width: 560px;}
#topnav ul li       {padding: 0px 20px; font-size: 18px; display: inline; line-height: 22px;}
#topnav li.spacer   {background: url(/images/layout/nav-spacer.png) no-repeat center; width: 1px; height: 25px}
#topnav li a        {color: #666;}
#topnav li a:hover, #topnav .selected a {color: #c11c21}

/* C) Left Nav -------------------------------------------------- */

#leftnav ul         {margin: 230px 10px 0px 0px; padding: 0px; list-style: none; width: 180px;}
#leftnav ul li      {padding: 0px 10px; font-size: 14px; line-height: 26px; text-align: right;}
#leftnav li a       {color: #666;}
#leftnav li a:hover,  #leftnav .selected a {color: #c11c21}

/* D) Top Nav --------------------------------------------------- */
#footer ul          {margin: 0; padding: 0; list-style: none; float: left; width: 560px;}
#footer ul li       {padding: 0px 20px; font-size: 11px; display: inline; line-height: 22px;}
#footer li.spacer   {background: url(/images/layout/nav-spacer.png) no-repeat center; width: 1px; height: 25px}
#footer li a        {color: #A55;}
#footer li a:hover, #footer .selected a {color: #C12}

/******************************************************************/
/*	04. Sections   										          */
/******************************************************************/

/* A) Portfolio ------------------------------------------------- */

#portfolio-gallery  {width: 560px; margin-top: 60px;}

#gallery {clear:both;}

#portfolio-gallery .grid 		{overflow: hidden; margin: 20px 0px 0px 85px;}
#portfolio-gallery .grid:after 	{content: ""; display: block; height: 0; overflow: hidden; clear: both;}
#portfolio-gallery .grid li 	{width: 51px; margin: 0 18px 18px 0; float: left; text-align: center; line-height: 17px; color: #686f74; height: 62px; list-style: none; z-index: 5}
#portfolio-gallery .grid li a 	{outline:0;}
#portfolio-gallery .grid li img {display: block; width:51px; height:62px; padding:0px;  z-index: 5; margin-top: -50px;}
#portfolio-gallery .cboxElement { z-index: 10; display: block; width:51px; height:62px;}
.portfolio-frame {/*background:url(/images/layout/portfolio_thumbnail_frame_small.png) no-repeat; */width: 51px; height: 62px; overflow: hidden; z-index: 50; display: block;}