/*Name: 		TJ Sublime*/

/*URL:			http://sublime.themejoomla.com*/

/*Copyright:	Theme Joomla*/

/*URL:			http://www.themejoomla.com*/



/*Core Template CSS Style Sheet*/



/*STRUCTURAL*/

/*001 - All Global CSS Resets*/

/*002 - Core Elements*/

/*003 - Header Elements*/

/*004 - Top Primary Navigation*/

/*005 - Side Menu Navigation*/

/*006 - Main Content Area*/

/*007 - Pathway and Search Elements*/

/*008 - Left, Right and Side Modules Area*/

/*009 - Bottom Footer Area*/

/*FIXED STYLES*/

/*001a - Content Styles */

/*002a - Input Boxes and Buttons*/

/*003a - Theme Style Content Style Typography*/

/*004a - Joomla Core Style Elements*/



/*001 - All Global CSS Resets*/

* { margin: 0; padding: 0; }

p,blockquote,form,label,ul,ol,dl,fieldset,address { margin: 0; }

p { padding: 3px 0px; }

img { border: 0; }

a img { border: 0; }

b { font-family: Arial, Helvetica, sans-serif; color:#CFCFCF; }

table { font-size: 1em;}

ul { list-style: none; margin: 10px 0px; }



li {

	

}

li a:link, li a:visited {
	background-image: url(../images/side_menu_up.png);

	width: 225px;

	height: 28px;

	display: block;

	line-height: 26px;

	text-indent: 30px; }


a:link, a:visited {  
text-decoration: none; color: #FF3333; }

a:hover, a:active, li a:hover { text-decoration: none; color: #FFFFFF; }



/*002 - Core Elements */

a#corner {

	position: absolute;

	right: 0;

	top: 0;

	display: block;

	height: 90px;

	width: 100px;

	background: none;

	text-indent: -999em;

	text-decoration: none;

	cursor: pointer;

	z-index: 1;

}



body {

	margin: 0;

	padding: 0;

	background-image: url(../images/site_bg.png);

	background-repeat: repeat;

	background-color: #212629;

	color: #ACB7BF;

	font-family: "Tahoma", Arial, Helvetica, sans-serif;

	font-size: 12px;

	height: 100%;

	text-align: center;

}



.site_wrap {

	margin:0 auto;

	width:950px;

	text-align: left;

}



#site_faux {

	background-image: url(../images/faux_bg.png);

	background-repeat: repeat-y;

	float: left;

}

ul.menu li li a span {
	background: none;
}

ul.menu li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.menu li li {
	padding: 0 0 0 15px !important;
	list-style: none;
}

ul.menu li li a {
	color: #ff6600;
	background: none !important;
	font-size: 100%;
	font-weight: normal;
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
	color: #ffffff;
}

ul.menu li li a span {
	background: url(../images/bullet.gif) no-repeat 5px;
	font-weight: normal;
}



/*003 - Header Elements*/



#header {

	width: 650px;

	height: 81px;

	display: block;

	background-image: url(../images/header.jpg);

}



#main_menu {

	width: 650px;

	height: 47px;

	display: block;

	background-image: url(../images/menu_bg.jpg);

}



#right_wisp {

	width: 250px;

	height: 81px;

	display: block;

	background-image: url(../images/right_wisp.jpg);

}



#logo {

	width: 250px;

	height: 47px;

	display: block;

	background-image: url(../images/logo.png);

}



/*004 - Top Primary Navigation*/



#mainlevel-nav {

	margin-right: 5px;

	padding-top: 10px;

	margin: 0px;

}



#mainlevel-nav li {

	float: right;

	background-image: none;

	padding-left: 0px;

}



#mainlevel-nav li a:link, #mainlevel-nav li a:visited {

	background-image: url(../images/menu_up.png);

	padding: 5px 10px;

	margin: 0px 5px;

	list-style: none;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 12px;

	color: #FFFFFF;

	display: block;

}



#mainlevel-nav li a:hover {

	background-image: none;

	background-color: #212629;

	color: #FF3333;

}



/*005 - Side Menu Navigation*/

.moduletable_menu ul { margin: 0px; }



.moduletable_menu li {

	background-image: none;

	padding-left: 0px;

}



.moduletable_menu li a:link, .moduletable_menu li a:visited {

	background-image: url(../images/side_menu_up.png);

	width: 225px;

	height: 28px;

	display: block;

	line-height: 26px;

	text-indent: 30px;

}



.moduletable_menu li a:hover {

	background-image: url(../images/side_menu_down.png);

	width: 225px;

	height: 28px;

	display: block;

	line-height: 26px;

	text-indent: 30px;

}


/*006 - Main Content Area*/



#inset {

	float: left;

	width: 640px;

	padding-left: 5px;

	padding-right: 5px;

	background-color: #212629;

	padding-bottom: 10px;

}



.ie #inset {

	width: 650px;

}



#users { float: left; width: 650px; }



#user_one, #user_two { float: left; }



#user_one ul, #user_two ul { margin: 0px; }



#user_one li, #user_two li {

	background-image: none;

	padding-left: 0px;

}



#user_one li a:link, #user_two li a:link,

#user_one li a:visited, #user_two li a:visited {

	height: 28px;

	width: 325px;

	display: block;

	padding: 0px;

	line-height: 28px;

}



#user_one li a:link, #user_one li a:visited {

	background-image: url(../images/user_up_left.png);

	background-repeat: no-repeat;

	text-indent: 20px;

}



#user_one li a:hover {

	background-image: url(../images/user_down_left.png);

	background-repeat: no-repeat;	

}



#user_two li a:link, #user_two li a:visited {

	background-image: url(../images/user_up_right.png);

	background-repeat: no-repeat;

	text-indent: 30px;

}



#user_two li a:hover {

	background-image: url(../images/user_down_right.png);

	background-repeat: no-repeat;	

}



#content {

	width: 622px;
	
	text-align:justify;	

	padding: 5px 0px 0px 15px;		
		
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

	font-size: 13px;

	clear: both;

}



/*007 - Pathway and Search Elements*/



#pathway {

	width: 640px;

	padding-left: 10px;

	height: 19px;

	color: #787878;

	background-color: #141414;

	float: left;

	font-size: 11px;

	padding-top: 2px;

}



.ie #pathway {

	width: 650px;

	height: 21px;

}



.pathway a:link, .pathway a:visited {

	padding-right: 1px;

	padding-left: 2px;

}



#search {

	width: 225px;

	margin-left: 25px;

	padding-right: 10px;

}



#search input {

	background-image: url(../images/lite_trans.png);

	background-repeat: repeat;

	border: 1px solid #464646;

	color: #FFFFFF;

	width: 210px;

	height: 19px;

	font-size: 13px;

	padding: 2px;

	padding-top: 3px;

	padding-left: 10px;

	font-family: Arial, Helvetica, sans-serif;

}



.ie #search input {

	height: 25px;

}



#search input:hover {

	background-color: #434343;

	border: 1px solid #222222;

	color: #FFFFFF;

}



/*008 - Left, Right and Side Modules Area*/

#left_area { 

	float: left;

	width: 650px;

	padding-left: 50px;

}



#right_area { float: left; width: 250px; }



#side_modules { width: 225px; margin-left: 25px; }



#side_modules div.moduletable, #side_modules div.moduletable_menu,

#side_modules div.moduletable_text  { margin-top: 10px; clear: both;}



/*009 - Bottom Footer Area and Banners Styling*/

#footer_faux {

	background-image: url(../images/footer_bg.png);

	background-repeat: no-repeat;

	background-position: bottom left;

	float: left;

	width: 950px;

	margin-bottom: 15px;

}



div.banneritem {

	background-image: url(../images/faux_footer.png);

	background-repeat: repeat-y;

	padding-top: 10px;

	margin-bottom: 19px;

	padding-left: 60px;

	text-indent: 80px;

	font-size: 11px;

	height: 65px;

}



div.bannerheader {

	font-size: 11px;

	color: #FFFFFF;

	padding-bottom: 5px;

}



.banneritem_text, .bannerfooter_text { font-size: 11px; }

.bannerfooter_text { padding-top: 5px; }

#footer { text-indent: 80px; }

#footer div.moduletable { font-size: 11px; color: #666666;}



#footer_spacer {

	float: left; 

	display: block; 

	width: 100%; 

	height: 10px;

}



/*This is a link back to Theme Joomla, and is hidden, and will not effect your site*/

#link_back h1 { 

	position: absolute;

	top: 0px;

	left: -5000px;

}



/*001a - Content Styles */

h1, h2, h3, h4, h5, h6 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: 600;

	color: #FFFFFF;

	padding-top: 4px;

	padding-left: 0px;

}



h1 { font-size: 2.0em; }

#logo_text h1 { padding-top: 30px; }

h2 { font-size: 1.8em; }

h3 { font-size: 1.3em; }

#user_two h3 {  margin-left: 8px; }



#side_modules h3 { 

	background-image: url(../images/side_head_standard.png);

	background-repeat: no-repeat;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFFFF;

	height: 38px;

	line-height: 20px;

	background-position: 0px 0px;

	padding-left: 30px;

}



div.moduletable h3 {

	background-image: url(../images/header_bullet.png);

	background-repeat: no-repeat;

	background-position: 2px center;

}



.ie div.moduletable h3, .opera div.moduletable h3, .safari div.moduletable h3 {

	background-position: 2px 8px;

}



#inset h3 { padding-left: 18px; }



#user_one h3, #user_two h3 {

	padding-left: 20px;

	background-position: 5px center;

}



.ie #user_one h3, .ie #user_two h3,

.opera #user_one h3, .opera #user_two h3,

.safari #user_one h3, .safari #user_two h3 {

	background-position: 5px 8px;

}



h4 { font-size: 1.4em; }

h5 { font-size: 1.2em; font-weight: bold; }

h6 { font-size: 1em; font-weight: bold; }



/*002a - Input Boxes and Buttons*/

.inputbox { 

	background-image: url(../images/lite_trans.png);

	background-repeat: repeat;

	border: 1px solid #464646;

	color: #FFFFFF;

	font-size: 14px;

	font-weight: normal;

	padding: 2px;

	font-family: Arial, Helvetica, sans-serif;

	margin-top: 4px;

}



.inputbox:hover { 

	background-color: #434343;

	border: 1px solid #222222;

	color: #FFFFFF;

}



#modlgn_username, #modlgn_passwd  {	

	height: 16px;

	width: 210px;

	margin-bottom: 3px; 

}





.ie #modlgn_username, .ie #modlgn_passwd  {	

	height: 23px;

}



.button {

	background-color: #212629;

	border: none;

	padding: 3px 6px;

	margin-top: 3px;

	margin-bottom: 3px;

	cursor: pointer;

	color: #FF3333;

}



.button:hover { background-color: #222222; color: #FFFFFF; }



/*003a - Theme Style Content Style Typography*/

p.style_one, p.style_two, p.style_three, p.style_four, p.style_five { 

	display: block;

	padding: 8px 25px;

	margin: 15px 0;

	background-color: #212629;

}



p.style_one { 

	color: #33FF00;

	background-image: url(../images/green_bullet.png);

	background-repeat: no-repeat;

	background-position: 10px center;

}



p.style_two { 

	color: #FF9900;

	background-image: url(../images/orange_bullet.png);

	background-repeat: no-repeat;

	background-position: 10px center;

}



p.style_three { 

	color: #FF3399;

	background-image: url(../images/pink_bullet.png);

	background-repeat: no-repeat;

	background-position: 10px center;

}



p.style_four { 

	color: #E600E6;

	background-image: url(../images/purple_bullet.png);

	background-repeat: no-repeat;

	background-position: 10px center;

}



p.style_five { 

	color: #3C8AFF;

	background-image: url(../images/blue_bullet.png);

	background-repeat: no-repeat;

	background-position: 10px center;

}



p.error,

p.notice {

	background-color: #1F1F1F;

	display: block;

	padding: 10px 5px;

	margin: 15px 0;

}



p.error { color: #FF0000; }

p.notice { color: #FFFF66; }



pre {

	margin: 0px 0px 5px 0px;

	padding: 10px;

	font-size: 11px;

	background-color: #212629;

	color: #FFFFFF;

	white-space: normal;

}



.sectiontableheader {

	background-image: url(../images/table_header.png);

	background-repeat: repeat-x;

	height: 28px;

	text-indent: 5px;

	font-weight: normal;

	border-bottom: 2px solid #1F1F1F;

	color: #FFFFFF;

}



.sectiontableheader a:link, .sectiontableheader a:visited {

color: #FFFFFF;

text-decoration: underline;

}



.sectiontableentry1, .sectiontableentry2 {

	height: 28px;

	text-indent: 5px;

	font-size: 11px;

	text-align: left;

	vertical-align: middle;

	padding: 5px;

}



.sectiontableentry1 { background-color: #262C2F; }

.sectiontableentry2 { background-color: #2E3538; }



.highlight { background-color: #FF3333; color: #FFFFFF; }



/*004a - Joomla Core Style Elements*/

div.componentheading { 

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 28px;

	color: #484F53;

}



td.contentheading {

	font-family: Arial, Helvetica, sans-serif;

	color: #0099ff;

	font-size: 1.8em;

	width: 100%;

}



.small, td.createdate, td.modifydate { font-size: 10px; color: #737B80; }



table.contenttoc {

	background-color: #212629;

	padding: 5px 10px;

}



table.contenttoc th{ color: #FFFFFF; }

table.contenttoc td { font-size: 11px; }



fieldset {border: none;}

thead tr{ height: 30px; }

table.poll {font-size: 11px; font-weight: normal;}

#form-login ul { font-size: 11px; }



/*new joomla 1.5 tips styling*/

.tool-tip {

	float: left;

	border: 2px solid #000000;

	padding: 5px;

	background-color: #333333 }



.tool-title {

	padding: 2px;

	margin: 0;

	font-size: 12px;

	font-weight: bold;

	margin-top: -15px;

	padding-top: 15px;

	padding-bottom: 5px;

	color: #CCCCCC }



.tool-text {

    font-size: 11px;

    padding: 5px;

    color: #FFFFFF }