@charset "utf-8";

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: styles.css
* Version: 1.0.0 (2008-02-17)
* Website: http://www.motherzzbuzz.com.au/
* Author: [r:m] design and photography
* Copyright © 2008 Chi Chi Marketing & Events

== STRUCTURE: ====================================================
* Page width: 910 px
* Number of content columns: 2 
==================================================================

== INDEX: ===================================
_global : Styles used site-wide
_typography : Text styling
_links : Link styling
_images : Image styling
_forms : Form element styling
_scrollAreas : Styling of scrollable divs

============================================

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* _global
==========================================*/

body {
	background: url(../images/background.gif);
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #444444;
	}
	
#content {
	width: 910px;
	margin: 15px auto 0px auto;
	}
	
#loginPanel {
	width: 250px;
	margin: 40px auto;
	}	
	
#login {
	display: none;
	}
	
#password {
	text-align: center;
	margin: 20px 0px;
	}
	
#copyright {
	font-size:11px;
	font-family:Geneve, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:center;
	margin: 20px;
	}
	

/* _typography
==========================================*/

.footer {
	font-size: 10pt;
	color: #FFFFFF;
	line-height: 1.7em;
	}
	
#loginFooter {
	font-size: 8pt;
	color: #24BCBC;
	}
	
.note {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	}
	
#designer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
	
.karlaContact {
	font-weight: bold;
	color: #EF5BA1;
	}
	
.lorettaContact {
	font-weight: bold;
	color: #ED1C24;
	}
	
h2 {
	font-size: 14pt;
	font-weight: normal;
	}
	

/* _links
==========================================*/

a:link.footerLinks, a:visited.footerLinks { color: #FFFFFF; text-decoration: none; }
a:hover.footerLinks { color: #FFFFFF; text-decoration: underline; }

a:link, a:visited { color: #EF5BA1; text-decoration: none; }
a:hover { color: #EF5BA1; text-decoration: underline; }

a:link.contactLinks, a:visited.contactLinks { color: #444444; text-decoration: underline; }
a:hover.contactLinks { color: #444444; text-decoration: none; }


/* _links
==========================================*/

img.rightJustify {
	float: right;
	margin: 0px 0px 10px 10px;
	}




/* _forms
==========================================*/

input.login {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding: 10px;
	text-align: center;
	background-color: #F7F7F7;
	border: 1px solid #DDD;
	}	
	
input.loginSubmit {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	background-color: #24BCBC;
	border: none;
	cursor: pointer;
	color: #FFFFFF;
	}
	
input:hover.loginSubmit {
	background-color: #EF5BA1;
	}


/* _scrollAreas
==========================================*/

.root {
	position: relative;
	height: 300px;
	width: 440px;
	margin: 0px;		
	}

.thumb {
	position: absolute;
	height: 30px;
	width: 15px;
	left: 10px;
	}

.up, .dn {
	position: absolute;
	left: 10px;
	}

.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img {
	border: 0;
	}
	
.scrollContainer { 
	position: absolute; 
	width: 400px; 
	height: 350px;  
	overflow: auto; 
	background: #FFFFFF;
	}

.scrollContent { 
	position: absolute; 
	width: 400px; 
	}