/*=====================================================================
 *
 * Filename: layout.css
 * Website: www.acmpcom.au.
 * Author: Steven Watts - Paste
 * Date Created: 18/11/2009
 * Media: Screen
 *
 * Description
 * -----------
 * Colours:
 * Background 		- #f5f5f5 
 * LinkRed			- #ee1c2e 
 * LinkRed Hover	- #000  
 * MemberGreen 		- #93cbbc
 * MemberGreen Hover- #a1e4d2
 * Text Black 		- #231f20 
 * Text Light Grey 	- #949191
 * Breakout Grey 	- #f1f1f1 
 * Breakout Blue	- #f3f5f8
 * Medium grey 		- #7c7c7d
 * Dark grey 		- #18181b 
 * Trampoline Link  - #ff6000  
 * Trampoline Over  - #ff7f31
 *
 *=====================================================================*/ 

/* Layout styles
    
	index -> 	
				CSS reset
				default styles
				typography 
				forms
				navigation
				layout
				footer
				widgets  
				pagination
				home page  
				find a photographer page 
				photographers profile       
				about pages
				events
				video page 
				blog index  
				become a member 
				members area
				my payments
				
				
*/


/* =css reset     
--------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; 
list-style-type:none; 
}


/* =default styles
----------------- */

body { height:100%; width:100%; padding:0; background-color:#f5f5f5; color:#231f20; font-family: Helvetica, Arial, sans-serif; background:#cbcbcb url('../images/gradient.gif') 0 0 repeat-x; }                 

/* =typography
----------------- */    
  
h1#mainLogo { float:left; width:249px; height:156px; margin:30px 0 0 0; padding:0; background:transparent url('../images/logo.gif') 0 0 no-repeat; text-indent:-9999px; }
h1 { clear:left; background:transparent url('../images/dottedLine.gif') 0 bottom repeat-x; padding:0 0 16px 0; margin:0 0 15px 0; line-height:1; font-size:20px; font-family: Geneva, Helvetica, Arial, sans-serif; font-weight:100; letter-spacing:-0.02em; }  

h2 { background:transparent url('../images/dottedLine.gif') 0 bottom repeat-x; padding:0 0 11px 0; margin:0 0 15px 0; font-size:14px; line-height:1; font-family: Geneva, Helvetica, Arial, sans-serif; font-weight:100; letter-spacing:-0.01em; }
h2.black { display:block; background-color:#000; background-image:none; color:#fff; font: normal normal 20px/24px Geneva, Helvetica, Arial, sans-serif; padding:15px;} 
h2.left{ display:block; background-image:none; font: normal normal 16px/24px Geneva, Helvetica, Arial, sans-serif; } 

h3 { padding:0 0 10px 0; font-size:14px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; }    

h4 { padding:0 0 10px 0; font-size:14px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; }    
      
p { font-size:11px; line-height:1.5; padding-bottom:11px; }

a { color:#ee1c2e; text-decoration:none; outline:none; }
a:hover { color: #000; }
:focus { -moz-outline-style: none; }

p a { background:transparent url('../images/dotRed.gif') 0 bottom repeat-x; } 
p a:hover { background:transparent url('../images/dotDarkOver.gif') 0 bottom repeat-x;} 

/* =layout
----------------- */   

div#mainContainer { width:980px; margin:0 auto 50px auto; height:100%; }
div#mainContent { clear:left; width:950px; padding:15px; background-color:#fff; overflow:hidden; }       
div.leftCol { width:460px; float:left; padding:15px 0; margin-right:35px;} 
div.rightCol { width:455px; float:left; border-bottom:1px solid #000; padding:15px 0; }