/* 
** ------------------------------------------------------------------------------------------------------
**       ---- trikea for a83joomla-- v1.0a stylesheet
**       ---- (c)2007 kdm- 05-02-2007 
**       ---- creative commons license 3.0
**       ---- (http://www.1guywebdesign.com)
**       ---- hex pallette:: primary colors used
**			 #bec6a1		-tan
**			 #fafafa			-warm white
**			 #fffeec			-pale yellow
**			 #f0f0f0		-off white
**			 #000 			-black
**			 #222			-dark grey
**			 #333			-med grey
**			 #555			-med grey 2
**			 #636363		-med grey 3
**			 #68898e		-slate blue
**			 #6a8c8d		-slate blue 2
**			 #d4db95		-mustard
**			 #a1ac7b		-drab green
**			 #909b6a		-drab green 2
**			 #97c465		-bright green
**
** ------------------------------------------------------------------------------------------------------
*/

* html>body .clearfix {		/*for IE6 -no need to crunch w3c with inline-block*/
		display						: inline; 
		width						: 100%;
}
* html .clearfix {
		/* Hides from IE-mac \*/
		height						: 1%;
		width						: 100%;
}
/* SELECTIVE-- Div and Float clearing */
.clR {clear:right; display:none;}
.clB {clear:both; display:inline;}
.clL {clear:left; display:none;}
span.accesskey {				/* accessibility */
     	text-decoration			: underline;
     }
     .accessibility {				/* moves titles offscreen but, legible to screen readers-se */
     	position						: absolute;
     	top							: -999em;
     	left							: -999em;
     	}
	.accessible_image {		/* you can add a description to images which will appear to readers and search engines */
		text-indent				: -999em;
		}
/* reset global and layout style defaults */
* { margin: 0; padding: 0;}	
html { background-color: #fcfaed; }

body, html {
	background					: #333 url(../images/trikea_bg.gif) repeat-y;
	color								: #363636;
	font-family					: trebuchet, tahoma, verdana, arial, sans-serif;
	font-size						: 0.90em;
	line-height					: 1.4em;
	margin							: 0px;
	padding							: 0px;
	text-align						: center; /* ie hack to float center */
	width							: 100%;
	z-index							: 1;
}

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

/*GLOBAL display container for top, middle, bottom containers */

#viewport { 
	display							: block; 
	float								: left;
	margin							: 0px auto; 
	padding							: 0; 
	position							: relative;
	width							: 900px; 
	z-index							: 2;
	}
/* logo (aka-trikea graphic) */
	#viewport a img {border:0; float:left; left:0; top:0;}
	#center {
		background				: inherit;
		display						: block;
		float							: right;
		height						: 100%;
		margin						: 96px auto 12px auto;
		padding						: 0px;
		position						: relative;
		text-align					: left;
		width						: 586px;
		}
	#left, #right {
		background-color		: transparent;
		display						: block;
		float							: left;
		margin						: 12px 4px;
		min-height				: 100%;
		padding						: 0 12px;
		text-align					: left;
		width						: 268px;
		}
		#left .moduletable {}
		#right { 
			color						: red;
			float						: left;
			margin					: 96px auto 12px auto;  
			padding					: 0 0 0 12px; 
			width					: 250px;
			}
			#right .moduletable {color:#fff; margin: 12px 4px 12px 24px;}
			#right .vmenuBlock .moduletable {margin:0;}
	#footer {						/* copyright and cca attribution */
		bottom						: -21px;
		clear							: both;
		color							: #fafafa;
		display						: block;
		height						: 24px;
		margin						: 12px auto 0 auto;
		position						: fixed;
		text-align					: center;
		width						: 100%;
		z-index						: 1000;
	}
	#footer:hover {			/* pop goes the weasel */
		bottom						: 1px;
		clear							: both;
		color							: #fafafa;
		display						: block;
		height						: 24px;
		margin						: 0 auto;
		position						: fixed;
		text-align					: center;
		width						: 100%;
		z-index						: 1000;
	}

/*-- layout blocks----------------------------------------------------------------------------- */
#top, /* navigation jump to top  -or- bottom*/
#bottom {display:block; float:left; margin: 0 10%; padding: 12px 0; position:relative; width:auto;}							
#top.moduletable,
#bottom.moduletable {border:1px solid green;}
	#accessibility {}			/* for screen readers and keyboard nav */
		.access {
			display					: none;
			text-indent			: -999em; /* off visible screen yet readable by 508 appliances */			
			}
			.acckey {				/* hilight keyboard shortcut keys for visual and 508 appliances */
				color					: #536e72!important;
				text-decoration	: none;
				}

	#topBlock {					/* outer container for top modules */
		background-color		: transparent; 
		display						: block;
		float							: left;
		margin						: 0 auto;
		padding						: 0;
		position						: relative;
		width						: 100%;
		}
		.contentBlock {
			border-bottom		: 1px solid #f0f0f0;
			margin					: 0;
			padding					: 0;
			}
			/* ALL paragraphs in white content area! */
			.contentBlock p {
				font-size			: 1em;
				line-height		: 1.6em;
				margin				: 6px 12px 12px 0;
				padding				: 0 12px 12px 0;
				text-indent		: 0;
				}
				.contentBlock p a {
					color				: #6a8c8d; 
					text-decoration:none;
					}
				.contentBlock p.cutslot {
					border-top		: 1px solid #ccc; 
					margin			: -3px 24px 0 12px;
					padding			: 14px 0;
					text-indent	: 0;
					}
		#leftBlock {
			background-color	: transparent;
			display					: block;
			float						: left;
			margin					: 0 auto;
			padding					: 12px 0;
			}
			#leftBlock p {
				padding				: 8px 0;
				}
				#leftBlock p a {color:#46676c;}
		#rightBlock {
			background-color	: transparent;
			display					: block;
			float						: right;
			margin					: 12px auto;
			padding					: 1% 2% 1% 0%;
			}

#footerBlock {}
	#footerBlock p {			/* footer and attribs block, copyright, etc... */
		background				: #222 url(../images/trikea_footer.jpg) repeat-y;
		color							: #fff;
		font-size					: 11px;
		margin						: 0 auto;
		padding						: 6px 0;
		text-align					: center;	
		width						: 100%;
		}
		#footerBlock p span {color:#6a8c8d;}
		#footerBlock a {
			color						: #a1ac7b;
			text-decoration		: none;
		}

/* pure unordered FLAT LIST for global page/section links  */
.vmenuBlock {}
#right .vmenuBlock .moduletable ul {margin:4px 0; text-decoration:none;}
#right .vmenuBlock .moduletable ul#mainlevel li {color:#fff; text-decoration:none;}
#right .vmenuBlock .moduletable  ul#mainlevel li {
		border-bottom			: 1px solid #222; 
		clear							: both; 
		display						: block; 
		height						: 24px; 
		margin						: 3px 0!important;
		padding						: 2px 0 3px 0; 
		text-align					: left; 
		width						: 180px;
		}
#right .vmenuBlock .moduletable  ul#mainlevel  li a  { 
		border-left					: 14px dotted #333;
		color							: #6a8c8d;
		float							: left;
		font-size					: 1.3em;
		font-weight				: normal;
		list-style-type			: none; 
		margin						: 3px 4px 3px 0!important;
		padding						: 0 0 0 8px; 
		text-decoration			: none;
		}
#right .vmenuBlock .moduletable  ul#mainlevel  li a span,
#right .vmenuBlock .moduletable  ul#mainlevel  li a#active {}
#right .vmenuBlock .moduletable  ul#mainlevel  li a:hover {border-left: 14px dotted #6a8c8d; color:#a1ac7b;}
#right .vmenuBlock .moduletable  ul#mainlevel  li a#active  {color:#a1ac7b; border-left:14px dotted #222;}

/* end of theme specific layout -- see template_css.css for typo, a8e specific and content styles */