/* 
** ------------------------------------------------------------------------------------------------------
**       ---- trikea for a83joomla-- v1.0a stylesheet
**       ---- (c)2007 kdm- 05-02-2007 
**       ---- creative commons license 3.0
**       ---- (http://www.1guywebdesign.com)
**       ---- covers a8e specific, typography
**       ---- 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

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

/* GENERAL TYPOGRAPHY and LINK STYLES */
h1,h2,h3,h4,h5 {				/* sets default baseline for h tags */
	color								: #969696; 
	font-family					: arial, sans-serif; 
	font-size						: 1.1em; 
	font-weight					: lighter;
	}
ul {margin: 12px 0 6px 24px;}
li {list-style-type:none}

	ul li {line-height:24px;}
	ul li {list-style-image:url(../images/4square-blue.png); margin: 0 0 0 4px;}
	ul li a {color:#6a8c8d; text-decoration:none;}
/* trikea specific unordered lists */
	ul li.nobull {font-size:11px; line-height: 24px; list-style-type:none; margin: 0 0 0 -12px;}
	ul.beige li{list-style-image:url(../images/4square-beige.png); margin: 0 0 0 4px;}
	ul.kidney_blue li{list-style-image:url(../images/kidney-blue.png); margin: 0 0 0 4px;}
	ul.kidney_beige li{list-style-image:url(../images/kidney-beige.png); margin: 0 0 0 4px;}



/* trikea theme, site title */	
h1 {color:#333; font-size: 2.0em; margin: 12px 0;}
#center.contentBlock h1.componentheading {color:#68898e!important;}

/*left and right column headers*/
#left h2 {color:#333; font-size:1.7em;}
#left h2 span {color:#d4db95; font-family: georgia, serif; font-size:1.13em; letter-spacing:-1px;}
#left h3,
#left.moduletable h3  {color:#333; font-size:1.7em; font-weight:lighter; margin: 4px 0;}
#right h3,
#right.moduletable h3 {color:#636363; font-size:1.7em; font-weight:lighter; margin: 4px 0;}

/*Section and Category breadcrumb*/
.contentitem span a {
	background						: url(../images/breadcrumb.png) center left; 
	background-repeat			: no-repeat; 
	color									: #666;  
	font-size							: 1em; 
	margin								: 4px 0 4px 12px; 
	padding								: 0 0 0 16px; 
	text-transform					: uppercase;
	}

/* main content headers and subheaders */
.contentBlock h1,
.contentBlock h1 a,
.contentBlock h2,
.contentBlock h2 a {color:#909b6a;}
	.contentitem h2,
	.contentitem h2 a {font-size:1.4em;}
.contentBlock h1 a:hover,
.contentBlock h2 a:hover {color:#6a8c8d;}


/* article containers and content variations */
.contentpaneopen,	/* for joomla tabled content */
div.contentintro,		/* for tableless a8ejoomla */
div.contentfull,			/* a8ejoomla */
.contentitem {margin: 0 0 24px 0; padding: 0 12px 4px 0}
hr.separator {}

/* .itemblock (.contentintro) elements */
div.credentials {}
	span.author{display:block; width:100%; }
	span.createdate { color:#ccc; display:block; font-style:italic; margin: 0 0 8px 12px;}
	span.modifydate {clear:both; color:#ccc; display:block; font-size:10px; margin: 8px 0 4px 0; text-align:left;}


/* LINKS */
td a.category {color:#6a8c8d; font-size:1.2em;}
				
/* FORM STYLES */

/* CONTACT FORM */
td.contentheading {border:0!important; color:#d4db95; font-weight:lighter; font-size:1.4em;}
/*pads replacement icons (found in theme/images/)*/
td img {padding: 0 14px 0 0;}
/*pads default contact image -if chosen in config */
td div img {margin: 0 12px 0 0;} 
td {border-bottom:1px solid #f0f0f0; padding: 0 0 3px 0;}
/* LOGIN */
.moduletable form table td{border:0!important;}
.login,	/* a8ejoomla */
label {color:#555; font-size:0.86em; margin: 12px 0 12px 0px;}
	.login .button, /* a8ejoomla */
.moduletable form	input.button {background:#222; border:1px solid #444; color:#666; cursor:pointer; font-size:10px;margin:2px; padding:1px;}
#mod_login_username.inputbox,	/* joomla */
#mod_login_password.inputbox,	/* joomla */
	.login .inputbox {background:#222; border:1px solid #444; color:#fafafa; padding: 2px; width:120px;}
#mod_login_username.inputbox:hover,/* joomla */
#mod_login_password.inputbox:hover,	/* joomla */
		.login .inputbox:hover {background:#111; border:1px solid #555; color:#fafafa;}
	.login .credentials .row label {display:block; width:100%;}
		.login input#mod_login_remember.inputbox {margin: 12px 0 0 0; width:13px;}

/* GENERAL FORM STYLES */ 
.button {background:#f0f0f0; border:1px solid #ccc; color:#222; cursor:pointer; font-size:10px; margin: 2px; padding:2px;}
	.button:hover {background:#97c465; border:1px solid #ccc; color:#222; cursor:pointer;}

.inputbox {background:#fff; border:1px solid #f0f0f0; color:#333; font-size:1em; padding:4px 0 4px 6px;}
	.inputbox:hover {background:#fff; border:1px solid #ccc; color:#333;}

.search {} /*formatting the <div> which holds search items: inputbox, search button...*/

/* CONTENT and BLOG navigation */
.blogpagination {border:1px solid #d4db95;color:#ccc;  font-size:11px; margin:0 auto; padding: 1px; text-align:center; width:280px;}
	.pagenav {margin:1px;padding:1px;} /* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */
		a.pagenav {color:#6a8c8d;}
		a.pagenav:visited {color:#6a8c8d;}
		a.pagenav:hover {color:#d4db95;}
.blogpaginationcounter {color:#ccc; display:block; font-style:italic; margin: 4px 24px; text-align:right;}
.back_button a {color:#333; font-size:10px; margin: 4px 24px;}
a.readon,
	a.readon:visited {color:#bec6a1; display:block; padding: 4px; text-align:right; width:80px;}
	a.readon:hover {color:#6a8c8d;}
/* still tabled stuff, both in joomla and a8e */
th.pagenav_next {text-align:right; width:550px;}
th.pagenav_next a {color:#444; font-size:10px; font-weight:normal!important;}
th.pagenav_next a:hover {color:#6a8c8d; font-size:10px; font-weight:normal!important;}
th.pagenav_prev {width:150px;}
th.pagenav_prev a {color:#444; font-size:10px; font-weight:normal!important;}
th.pagenav_prev a:hover {color:#6a8c8d; font-size:10px; font-weight:normal!important;}

.moduletable img {border:3px solid #292929;}
#mod_templatechooser_jos_change_template.button {background:#222; border:1px solid #444; color:#bec6a1; margin: 0 0 6px 0;padding:2px; width:146px;}
#mod_templatechooser_jos_change_template.button option {background:#333; line-height:1.3em; padding: 0 4px 4px 2px;}

#mod_templatechooser_jos_change_template.button:hover {background:#333;}

/* AD BANNERS */
#bottom a img{border:3px solid #fff;}
#bottom a img:hover {border:3px solid #fafafa;}