/***************************

Colors

Black: 000000

LightBlue: 336699

Green: 99CC33

Light Green:99CC33

Dark Green:003300

Nightfly Orange: FF9933

Link Pink: B232CC

****************************/











/*****************************/

/*** Core html ***/

/*****************************/



body {

	background-color: #000000;

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

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

	background-repeat: repeat-x;

	font-size: 0.8em;

	color: #FFFFFF;

}



p {

	color: #333333;

}



a:link, a:visited {

	color: #333333;	

}



a:hover{

	color: #B232CC;

}



/*****************************/

/*** End Core html ***/

/*****************************/





















/*****************************************/

/*** Template specific layout elements ***/

/*****************************************/



/*** MainWrapper elements ***/

/****************************/



/*** Background Wrappers ***/

#BG_Wrapper_l{

	position: relative;

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

	background-repeat: no-repeat;

	background-position: left center;

	width: 100%;

}



#BG_Wrapper_r{

	position: relative;

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

	background-repeat: no-repeat;

	background-position: right bottom;

	width: 100%;

	

}



/*** Background Wrapper Clearing elements ***/



BG_Wrapper_r_clr{

	position: relative;

	width: 100%;

	height: 10px;

	clear: both;

	background-color: #FFCCFF;

}



/*** Content Wrapper elements ***/

#Content_Wrapper{

	position: relative;

	/*background-color: #66FF00;*/

	width: 982px;

	margin-right: auto;

	margin-left: auto;

}







/****************************/

/*** Center Wrapper elements ***/

/****************************/



/*** Row 1 Elements ***/



#R1_Wrapper /*** Holds syndicate and user1 modules  ***/{

	position: relative;

	height: 121px;

	width: 100%;

	/*background-color: #FFFF00;*/

}



#R1_left /*Syndicate module*/{

	position: relative;

	height: 121px;

	width: 200px;

	float: left;

	

}



#R1_right /*Wrapper for Banner Add*/{

	position: relative;

	height: 121px;

	width: 778px;

	/*background-color: #00CCCC;*/

	float: left;

}



#R1_banner_add/* Banner Add */{

	position: relative;

	height: 99px;

	width: 747px;

	top: 20px;

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

	background-repeat: repeat-x;

	border-top: medium solid #FFFFFF;

	border-right: medium solid #FFFFFF;

	border-bottom: medium #FFFFFF;

	border-left: medium solid #FFFFFF;

}





/*** Row 2 Elements ***/

/*** Header Section ***/

#R2_Wrapper /*Header background main container*/{

	position: relative;

	height: 208px;

	width: 982px;

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

	background-repeat: no-repeat;

}



#R2_Left_Wrapper{

	position: relative;

	height: 208px;

	width: 235px;

	float: left;

}



#R2_Banner{

	position: relative;

	float: left;

	height: 164px;

	width: 746px;

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

	background-repeat: no-repeat;

	background-position: left top;

	top: 44px;

}

#R2_Banner_left{

	position: absolute;

	height: 175px;

	width: 293px;

	top: -15px;

	left: 5px;

}





#R2_Banner_right{

	position: relative;

	height: 175px;

	width: 284px;

	float: right;

	top: -15px;

	left: 83px;

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

	background-repeat: no-repeat;

}





/*** User Elements ***/

#user01_module{

	position: relative;

	height: 125px;

	width: 235px;

}



#user01_Wrapper{

	position: relative;

	top: 50px;

	left: 35px;

	width: 175px;

	overflow: hidden;

}



#user02_module{

	position: relative;

	height: 83px;

	width: 235px;

	/*background-color: #CC66FF;*/

}





#Content_Wrapper_clr /*Clears Full Page, height*/{

	height: 1px;

	width: 100%;

}









/*** Left and Content Column Elements ***/

/*** Menu Column Elements ***/

#ContentColWrapper{

	position: relative;

	width: 982px;

	

}



#MenuColumn /*** Left column Wrapper ***/{

	position: relative;

	width: 237px;

	/*background-color: #FFFF00; Yellow*/

	float: left;

}



#MenuColumn_inset01 /*** Left column background ***/{

	position: relative;

	width: 223px;

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

	float: right;

}



#MenuColumn_insetClr /*** Clears Left column holds left column bottom image ***/{

	position: relative;

	width: 223px;

	height: 41px;

	float: right;

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

	background-repeat: no-repeat;

	border-right-width: thin;

	border-right-style: solid;

	border-right-color: #FFFFFF;

}



#LeftPos /*** holds all left column modules, will grow the column ***/{

	float: right;

	width: 205px;

	border-right-width: thin;

	border-right-style: solid;

	border-right-color: #FFFFFF;

}



#MenuColumn_Greenbox /*** Green background holds google add ***/{

	position: relative;

	width: 223px;

	height: 114px;

	float: right;

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

	background-repeat: no-repeat;

	background-position: right top;

}





/*** Content Column Elements ***/

#ContentColumn /*** Holds all items in the content column ***/{

	position: relative;

	/*height: 700px;*/

	width: 730px;

	float: left;

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

	background-repeat: repeat-y;

}



#ContentColumn_R1, #ContentColumn_R5 /*** Google add banner ***/{

	background-color: #FFFFFF;

	height: 30px;

	width: 726px;

	overflow: hidden;

}



#ContentColumn_R2 /*** Breadcrumbs ***/{

	height: 40px;

	padding-top: 15px;

}







#Content /*** Holds the main content ***/{

	width: 700px;

	margin-right: auto;

	margin-left: auto;

}



#ContentColumn_R4 /*** For additinal menues, !!!!!!!take out hight property!!!!!!!! ***/{

	position: relative;

	width: 700px;

	margin-right: auto;

	margin-left: auto;

}



#CC_R4_Wrapper1{

	width: 233px;

	position: relative;

	float: left;

	padding-left: 20px;

}



#CC_R4_Wrapper2{

	width: 233px;

	position: relative;

	float: left;

}



#CC_R4_Wrapper3{

	width: 200px;

	position: relative;

	float: left;

}

/*#ContentColumn_R5 ** Bottom google text banner add **{

	background-color: #FFFFFF;

	height: 15px;

}*/



#ContentColumn_R6 /*** second set of breadcrumbs ***/{

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

	height: 35px;

	width: 727px;

	position: relative;

	top: 10px;

}



#ContentFooter /*** Green Footer, holds copywrite info. etc. ***/{

	position: relative;

	height: 31px;

	width: 727px;

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

	background-repeat: no-repeat;

	top: 15px;

	padding-top: 8px;

	padding-left: 40px;

}



#ContentCol_clr /*** Will Clear both left column and content column ***/{

	clear: both;

	height: 38px;

}



/**********************************************/

/*** Add Wrappers ***/

/*********************************************/

#Wrapper_banner_add{

	height: 90px;

	width: 728px;

	position: relative;

	margin-right: auto;

	margin-left: auto;

	top: 9px;

}



#CC_R1_AddWrapper, #CC_R5_AddWrapper{

	position: relative;

	top: 8px;

}





/**********************************************/

/*** End Template specific layout elements ***/

/*********************************************/



















/*****************************************/

/*** Joomla! specific content elements ***/

/*****************************************/

.componentheading{

	font-size: 2em;

	color: #003300;

	font-weight: bold;

	text-transform: uppercase;

	/*background-color: #FFFFFF;*/	

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

}



.contentpaneopen, .contentpane /*** Article and catagory background ***/{

	background-color: #FFFFFF;

	width: 100%;

	color: #000000;

}



.contentheading{

	background-color: #99CC33;

	border-bottom-width: medium;

	border-bottom-style: solid;

	border-bottom-color: #003300;

}



a.contentpagetitle{

	font-size: 1.5em;

	color: #333333;

	font-weight: bold;

	text-decoration: none;

}





.small{

	color: #666666;

	font-size: .9em;

}



.createdate, .modifydate{

	color: #666666;

	font-size: .8em;

}



.readon{

	font-weight: bold;

	color: #ECE9D8;

	border: thin solid #999999;

}



span.breadcrumbs{

	position: relative;

	left: 15px;

	font-weight: bolder;

}



.newsfeed{

	padding-left: 0px;

	list-style-type: none;

	margin-top: 0px;

}



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

	color: #FFFFFF;

}



.newsfeed li a:hover{

	color: #B232CC;

}



.moduletable_RSS img{

	position: relative;

	left: 35px;

	top: 22px;

	text-decoration: none;

	border: none;

}









/*** Joomla! Menues ***/

/*****************************************/

li.active{

	background-color: #336699;

	font-size: 1.1em;

}



li.active a{

	color: #FFFFFF;

	font-weight: bold;

}



li.active a:hover{

	color: #66CC00;

	font-weight: bold;

}





.moduletable_menu, .moduletable_login /*** Left Menues ***/{

	background-color: #003300;

	margin-top: 25px;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #666666;

	border-top-width: thin;

	border-top-style: solid;

	border-top-color: #666666;

}



.moduletable_login a, .moduletable_login label {

	color: #FFFFFF;

}



.moduletable_menu h3 /*** Left Menues Headers***/{

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

	background-repeat: repeat-x;

	height: 32px;

	margin-top: 0px;

	font-size: 1.7em;

	color: #FFFFFF;

	font-weight: lighter;

	padding-left: 15px;

}



ul.menu /*** Left Menues body***/{

	list-style-type: none;

	padding-left: 0px;

}



ul.menu li  /*** Left Menues body***/{

	border-bottom-width: thin;

	border-bottom-style: dotted;

	border-bottom-color: #FFFFFF;

	padding-top: 8px;

	padding-bottom: 8px;

}



ul.menu li a /*** Left Menues body link***/{

	text-decoration: none;

	color: #FFFFFF;

}



ul.menu li a:hover /*** Left Menues body link***/{

	text-decoration: none;

	color: #FFFF00;

}





ul.menu li span /*** Left Menues body link***/{

	padding-left: 15px;

}



.moduletable ul.menu_bottom /*** Bottom Menues Menues***/{

	list-style-type: none;

	padding-left: 0px;

}



.moduletable ul.menu_bottom li a, .latestnews a:link /*** Left Menues body link***/{

	color: #FFFFFF;

}



.moduletable ul.menu_bottom li a:hover, .latestnews a:hover /*** Left Menues body link***/{

	color: #B232CC;

}





/*** Who's Online Module ***/

/*****************************************/

.moduletable_Online /*** Who's online Module ***/{

	position: relative;

	left: 35px;

	top: 10px;

	color: #FFFFFF;

}



.moduletable_Online h3 /*** Who's online Module Title ***/{

	margin-top: 0px;

	margin-bottom: 5px;

}



.moduletable_Online ul /*** Who's online Module un ordered list ***/{

	margin-top: 5px;

	margin-bottom: 5px;

}

/*** End Who's Online Module ***/









/*** Search Module ***/

/*****************************************/

.search{

	position: relative;

	left: 35px;

	top: 30px;

}

.search input{

	background-color: #336699;

	color: #FFFFFF;

}

/*** End Search Module ***/