/* *** MOHJOH Website -- SouthernXposure, southernxposure.com.au *** */
/* *** 15 May 2008 *** */

/* *** Credits to miss monorom @ www.intensivstation.ch
		"No point re-inventing the wheel" :D ^_^	 *** */

/* ----------Basic Layout Elements -------------- */

body {
	background: #ffe3c5 url(images/total_background.jpg) top right no-repeat;
	font-size: 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #012424;
	padding:0;
	margin:0;
}

a:link, a:visited { 
	color: #DB7093;
}

a:hover, a:active { 
	color: #336666;
}


h1 {
	font-size: 2em; 
	font-weight: normal;
 }

h2 {
	font-size: 1.7em;
	font-weight: normal;
}



/* ----------Layout Container-------------- */
#container {
	width: 76em;
	margin: 440px 0 0 auto;
	padding: 0;
}

/* ----------Navigation-------------- */

#mainnavi {
	padding: 0 420px 0 0;
	margin: 0;
	text-align: right;
	text-transform:lowercase;
	color: #c55492;
}

#mainnavi ul li {
	padding: 6px;
	margin: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	list-style: none;
	line-height: .8em;

}

#mainnavi a:link, #mainnavi a:visited {
	text-decoration: none;
	color: #17493b;
}

#mainnavi a:hover, #mainnavi a:active {
	text-decoration:underline;
	color: #572130;
}

/* --------------Left------------- */
#left {
	float: left;
	width: 24em;
	margin: 0;
	padding:15px 0 0 0;
	color: #012424;
	min-height:600px;
}

/* -----------------Middle--------------------- */
#middle {
	padding: 0 0 0 50px;
	margin: 0 0 0 310px;
	color: #336666;
	background: url(images/the_phone.gif) top left no-repeat;
	}

p, pre {
	padding: 10px;
	margin:0;
}
pre, code { font-size: 1.2em;}

h1 {
	padding: 10px;
	margin:0;
	color: #572130;
}
h2 {
	padding: 10px;
	margin:0;
	color: #572130;
}

/* -----------------Right--------------------- */

#right {
	min-height:600px;
	width: 385px;
	float: right;
	margin: -270px 0 0;
	padding: 0 20px 0 0;
	color: #012424;
}

#right p.pullquote {
	padding: 20px;
	margin: 10px;
	background: #572130 url(images/quote_corner.gif) top left no-repeat;
	color: #daf5e6;
	font-family: 'Lucida Sans', Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 1.1em;
	font-weight:lighter;
	text-indent: 20px;
}

#upbeat {
	padding: 20px;
	margin: 10px;
	background: #7a3165 url(images/corner_upbeat.gif) top left no-repeat;
	color: #daf5e6;
	font-family: 'Lucida Sans', Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: .8em;
	font-weight:lighter;
	text-indent: 20px;
}

#medium {
	padding: 20px;
	margin: 10px;
	background: #53417d url(images/corner_medium.gif) top left no-repeat;
	color: #daf5e6;
	font-family: 'Lucida Sans', Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: .8em;
	font-weight:lighter;
	text-indent: 20px;
}

#slow {
	padding: 20px;
	margin: 10px;
	background: #31577a url(images/corner_slow.gif) top left no-repeat;
	color: #daf5e6;
	font-family: 'Lucida Sans', Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: .8em;
	font-weight:lighter;
	text-indent: 20px;
}

#themed {
	padding: 20px;
	margin: 10px;
	background: #317a5f url(images/corner_themed.gif) top left no-repeat;
	color: #daf5e6;
	font-family: 'Lucida Sans', Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: .8em;
	font-weight:lighter;
	text-indent: 20px;
}


#upbeat h2, #medium h2, #slow h2, #themed h2  {
	color: #daf5e6;
	font-size: 1.8em;
}


/* -----------footer--------------------------- */
#footer {
	clear: both;
	background: #572130 url(images/footer_topleft.gif) top left no-repeat;
	color: #FFFFCC;
	padding: 0 24px;
	margin: 0;
	font-size: .8em;
	text-align: right;
}