/*
	Useful Account 
	PRIMARY STYLE SHEET
	
	Site creation by Brisbane Creative
	Illustration and Graphics by Jim Whimpey
	xHTML/CSS by Jim Whimpey
	Programming by Morten Fangel
	Contact - office (at) brisbanecreative {dot} com [dot] au
*/

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		IMPORT ADDITIONAL SHEETS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	@import url("./reset.css");

/*
	@import url("./gecko.css");
	@import url("./webkit.css");
	@import url("./opera.css");
*/



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS, anything sitewide
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	html { font-family: Verdana, "Lucida Grande", Arial, sans-serif; }
		
		body {
			margin: 0 auto;
			padding: 0;
			background: #65080F url("../images/bg.gif");
			}
			
			a { color: #325799; text-decoration: none; }
			
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
	#header { margin: 44px 0px 0px 20px; }

		#header h1 {
			width: 165px;
			height: 78px;
			background: url("../images/title.gif");
			float: left;
			margin-right: 20px;
			}
			
		#header #blurb {
			float: left;
			width: 385px;
			height: 46px;
			padding: 15px;
			border-right: 2px solid black;
			border-bottom: 2px solid black;
			background: white;
			color: #222;
			font-size: 14px;
			line-height: 1.6em;
			}
			
			#header h1 span, #header #blurb span { display: none; }
	
				
	#topstrip {
		height: 27px;
		padding: 0 0 0 16px;
		border-bottom: 2px solid #000;
		background: #fff;
		}

		#topstrip h1 {
			width: 169px;
			height: 15px;
			background: url("../images/small.png") no-repeat center center;
			padding: 6px 4px;
			}
			
			#topstrip h1 span { display: none; }
			
		#topstrip h2 {
			position: absolute;
			top: 8px;
			left: 200px;
			font-family: Georgia, Times, serif;
			font-size: 12px;
			}
			
			


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HOLDER and COLUMNS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#holder {
		width: 930px;
		padding: 0 20px;
		}
		
		.column { 
			width: 290px;
			padding: 15px 0 25px 0;	
			margin: 0 20px 0 0;
			float: left;
			}
			


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		DOCK LIKE THING
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			
	#dock {
		height: 90px;
		width: 100%;
		padding: 10px 0 0 10px;
		position: fixed;
		bottom: 0;
		left: 0;
		background: transparent url("../images/bg_dock.png");
		border-top: 10px solid #000;
		}
		
		.closed { 
			height: 20px !important;
			padding: 0 !important;
			}
			
		.closed * { display: none; }
		
		#dock_toggle {
			width: 30px;
			height: 30px;
			position: fixed;
			right: 5px;
			}
			
			#dock_toggle a { display: block; width: 30px; height: 30px; }
		
			.dock_close {
				background: url("../images/box_close.png");
				bottom: 115px;
				}
				
			.dock_open {
				background: url("../images/box_open.png");
				bottom: 35px;
				}
		
		#dock img { margin-right: 10px; } 
		
	
			
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BLOCKS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */			
	
	.block {
		width: 260px;
		padding: 15px;
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		background: white;
		margin: 0 0 15px 0;
		color: #222;
		font-size: 11px;
		line-height: 1.6em;
		position: relative;
		}
		
		.block h2 {
			font-size: 12px;
			color: #000;
			font-weight: bold;
			margin: 0 0 10px 0;
			}
			
			.block h2 span { display: none; }
		
		.block .center { text-align: center; }
		
			.logos img { margin: 10px; }
		
		label {
			display: block;
			margin: 0 0 5px 0;
			}

			label span { font-style: italic; }

		input[type=text], input[type=password] {
			width: 213px;
			padding: 5px;
			margin: 0 0 5px 0;
			}

			input[type=image] { margin: 10px 0 0 0; }
		
		select {
			width: 223px;
			margin: 0 0 5px 0;
			} 
		
		.block ul { line-height: 1.6em; }
			
			.block ul li {
				padding: 0 0 0 13px;
				background: url("../images/bullet.gif") 0 6px no-repeat;
				margin: 0 0 6px 0;
				}
				
				.block ul li strong { font-weight: bold; }
		
			.error {
				color: #FFF;
				background: #A80D19;
				padding: 7px;
				margin: 0 0 10px 0;
				}
		
	.dropzone {
		width: 260px;
		padding: 15px;
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		margin: 0 0 15px 0;

		background-color: #1B282F;
		color: #efefef;
	}

	.editform {
		display: none;
	}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#footer {
		font-size: 11px;
		color: #000;
		}
		
		#footer a { color: #000; text-decoration: none; border-bottom: 1px solid #000; }
		
			#footer a:hover { color: #222; }
			
			
		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		MISC
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	.clear { width: 100%; clear: both; }
	
	.amp { 
		font-size: 120%; 
		font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif; 
		font-style: italic; 
		}