/*----------------------------------------
 Main stylesheet for: Find In Melbourne
 ----------------------------------------*/ 
 
 /*----------------------------------------  
 Stylesheet structure:
 
 > Styles reset, HTML & body
 > Main layout
 > Type and inline styling
 > Section/page details
    --> Nav
    --> Main content area       
    --> Scrollbars       
 > Misc     
 ----------------------------------------*/ 
 
 /*----------------------------------------
 Color master list:
   Main text (grey): #5b5b5b;

 ----------------------------------------*/     
    
/* Styles reset, HTML & body styling -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li, title
fieldset, form, legend, dl, dd, dt
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
}

/************************** HTML and BODY ************************/

html
{
    
}
  
body 
{                   
	background: #fff;  
	font-size: 1em;  
}

/************************** MAIN LAYOUT ************************/ 
#wrapper
{
   width: 988px;
   margin: 0px auto;
   position: relative;
   background: #fff;
   padding-bottom: 20px;
}

	#header
	{
		height: 138px;
		width: 988px;
		background: url('../images/header.png') top left no-repeat;
	}
	
		#header h1
		{
			padding-left: 30px;
			padding-top: 30px;
		}
		
		#header ul#nav
		{
			list-style-type: none;
			margin-left: 20px;
		}
		
			#header ul#nav li
			{
				float: left;
				border-left: 1px solid #CCCCCC;
				padding-right: 10px;
				padding-left: 10px;
			}
			
				#header ul#nav li:first-child
				{
					border-left: none;
				}
			
				#header ul#nav li a
				{
					color: #CCCCCC;
				}
				
				
				#header ul#nav li a:hover
				{
					color: lime;
				}
				
	#left-column
	{
		float: left;
		width: 650px;
		padding: 10px;
		position: relative;
	}
	
		ul#main-list
		{
			list-style-type: none;
		}
		
			ul#main-list li
			{
				border-top: 1px dashed #CCCCCC;
   			padding: 10px;
			}
			
			ul#main-list li.alt
			{
				background-color: #F4F4F4;
			}
	
	#right-column
	{
		float: right;
		width: 285px;
		padding: 10px;
		min-height: 400px;
		border-left: 1px dashed grey;
		margin-right: 5px;
	}
	
		ul.categories
		{
			margin-left: 20px;
		}
	
	#footer
	{
		width: 968px;
		height: 20px;
		padding: 10px;
		background: url('../images/footer_bg.jpg') top left repeat-x;
		color: #CCCCCC;
	}	
	
	#footer ul li
	{
		float: left;
		border-left: 1px solid #CCCCCC;
		padding-right: 10px;
		padding-left: 10px;		
	}
	
		#footer ul li:first-child
		{
			border-left: none;
		}
	
		#footer ul li a
		{
			color: #CCCCCC;
		}

/*********************** TYPEOGRAPHY *********************/
body
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   line-height: 1.25em;
   color: #5b5b5b;
}

#header a
{
   color: #000000;
   text-decoration: underline;
}  

a
{
   color: #0000FF;
   text-decoration: underline;
}

#footer
{
   color: #FFFFFF;
}

#footer a
{
   color: #000000;
   text-decoration: underline;
}


a:hover
{
	color: #FF008d;
}
   
a:visited
{
   color: purple;
}   

h1
{
   color: #104b7d; 
   font-size: 26px;
   line-height: 1em;
   padding-bottom: 5px;
}

h2
{
   color: #c5135f;
   font-size: 28px;
}

h3
{
   padding-bottom: 4px;
   font-weight: bold;
   font-size: 11pt;
   color: #000000;
}

#wrapper p
{
	margin-top: 10px;
}

#footer p
{
	margin-top: 0 !important;
}


/************************** MISC ************************/
.left
{
   float: left;
}

.right
{
   float: right;
}

.clear
{
   clear: both;
}

.hidden
{
   display: none;
}

.block
{
   display: block;
}

.sprite:hover, .selected .sprite
{
   background-position: bottom left !important;
}

ul.no-bullet
{
   list-style-type: none;
}

ul.no-margin
{
   margin-left: 0 !important;
}

.top-margin
{
   margin-top: 15px;
}

.top-margin-sm
{
   margin-top: 5px;
}

.left-margin
{
   margin-left: 10px;
}

.bottom-space
{
   padding-bottom: 15px;
}

.fancylist li a
{
	display: block;
	background-color: #F4F4F4;
	padding: 4px;
	border-top: 1px dashed #CCCCCC;
	width: 350px;
	text-decoration: none;
}

	.fancylist li a:hover
	{
		background-color: yellow;
	}

/* ERRROR*/
div.error
{
   width: 260px;
   float: left;
   margin-left: 200px;
}

.error_message
{
    color: #000000;
    padding: 10px;
    border: 1px solid red;
    margin: 10px 0 10px 0;
    font-weight: bold;
}

.user_message
{
	border: 1px solid #104b7d;
	padding: 10px;
	font-weight: bold;
}
/* END ERROR */    

/********* FORMS *********************/
form label
{
	clear: both;
	display: block;
	float: left;
	margin: 3px 0 3px 0;
	width: 150px;
	font-weight: bold;
}

form input, form select, form textarea
{
	display: block;
	margin: 0px 0 3px 0;
	width: 200px;
	padding: 3px;
	float: left; 
}

form textarea 
{
	height: 100px;
}

form input.checkbox
{
	width: auto !important;
	margin-right: 3px;
}

form ul li
{
	clear: both;
	margin-left: 150px !important;
	margin-bottom: 3px;
}

form input.button
{
	margin-left: 150px;
}

form label.error
{
	float: left !important;
	width: 140px !important;
	color: red;
	clear: none !important;
	margin-left: 3px;
}

form .captcha
{
	display: block;
	clear: both;
	margin-left: 150px;
}