/*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 {
	background-image: url(../images/list_bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	display: block;
}

a:link, a:visited, li a:link, li 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: url(http://www.themejoomla.com/images/visit_themejoomla.png) top right no-repeat !important;
	background: none;
	text-indent: -999em;
	text-decoration: none;
	cursor: pointer;
	z-index: 1;
}

body {
	margin: 0;
	padding: 0;
	background-image: url(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;
}

/*003 - Header Elements*/

#header {
	width: 650px;
	height: 180px;
	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: left;
	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: 640px;
	padding: 5px;
	padding-bottom: 0px;
	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: right; 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;
	background-color: #333333;
	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: 36px;
	color: #484F53;
}

td.contentheading {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #DFDFDF;
	font-size: 1.3em;
	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; }
