/*
Template Name: FrightNight
Template URI: http://www.joomlaxtc.com
Description: JoomlaXTC TI Template
Version: 1.0
Author: Monev Software
Author URI: http://www.joomlaxtc.com
Tags: tags, are, separated, using, commas,

License: #  The CSS, XHTML is released under GPL:
         #  http://www.opensource.org/licenses/gpl-license.php 
		 #  Additional CSS and JS under exclusive license (C)2009 Monev Software LLC
		 #  Graphics under exclusive license (C)2009 Monev Software LLC

*/

/* TABLE OF CONTENTS

00 - Global Elements - Standard Elements
01 - Typography - All Type throughout the site
02 - Main Structure - Wrapperss, clearfix, etc.
03 - Header - Header, Logo, navigation, search.
04 - Modules 
05 - Components
06 - Main Content - Post boxes, post meta, etc.
07 - Footer - Categories, About, Copyright, Sponsors. 
08 - Forms - Login Etc.    
10 - Menus
09 - Demo/Sample Content Styling - Styling For Demo Content Likely Can Be Remove on a LiveSite. 
*/     
   

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

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

body { 
	font-family: Arial,Helvetica,sans-serif; 
	line-height: 1.3em; 
	font-size: 12px; 
	color:#000; 
}

#content p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ccc;
	line-height:150%;
	margin:0 0 1.4em;  
}

	#content p.right {
		text-align:right;
	}

	#content p.last {
		margin-bottom:0;
	}   

#content ul,#content ol {
	list-style-type:none;
	margin:0;       
}

#content a {
	color:#a2a2a2;
	text-decoration:none;
	outline:none;
	font-weight:none;  
}

	#content a:hover {
		text-decoration:none;
	}
        
#content blockquote {
	font-style:italic;
	margin:1.5em 0 1.5em 1.5em;    
}

#content strong {
	font-weight:700;
}

#component ul,#component li {
	margin-left:10px;
}

#content ol {
	list-style-type:decimal;
}

#content dl {
	margin:1.5em 0;
}

#content dl dt {
	font-weight:none;
}

#content a.arrow {
	background:url(../../images/icon_arrow.gif) no-repeat right center;
	padding:0 12px 0 0;   
}

	#content a.arrow:hover {
		background:url(../../images/icon_arrowhover.gif) no-repeat right center;
		padding:0 12px 0 0; 
	}  

#content img {
	border:none;
	margin:0;
	padding:0;  
}

#content em {
	font-style:italic;
}

#content pre {
	margin-bottom:15px;
	background:#f9f9d4;
	overflow:auto;
	padding:0 10px; 
}

#content code {
	font:11px Monaco, monospace;
	background:#ffffe1;
	margin:0;
	padding:1px 3px; 
}

#content abbr {
	border-bottom:1px dotted #999;
	cursor:help; 
}

#content hr {
	background:#B2CCFF;
	color:#ccc;
	clear:both;
	float:none;
	width:100%;
	height:.1em;
	border:none;
	margin:0 0 1.4em;  
}

* html hr {
	margin:0 0 1.2em;
} 

#content table {
	width:100%;
	vertical-align:top;
	margin:0 auto; 
}

#content th,#content td {
	height:1em;
}

#content th {
	font-weight:700;
}
 


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

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/    

/*** HEADINGS ***/


#content .componentheading {
	padding:7px;
}

#content .contentheading {
    background:url(../images/h3bkg.png) left bottom no-repeat;
	height: 50px;
    margin: 12px 14px 0 14px;
	font-size:30px;
	font-weight:700;
	line-height:130%;
	padding-top:12px;

	
}  

.componentheading {
	background:url(../images/grungeline.png) left bottom repeat-x;
	margin: 12px 14px 24px 14px;
	font-size:24px;
	line-height:18px;
	font-weight:700;     
}

a.contentpagetitle,a.contentpagetitle:hover,a.contentpagetitle:active,a.contentpagetitle:focus {
	font-size:100%;
	font-weight:800;
	float:left;
	color:#ccc;
	padding:8px 0 8px 8px;  
}

h2.contentheading, .contentheading {
	line-height:14px;
	font-weight: normal;   
	font-size:200%;   
}
	table.blog .contentheading {
		font-size:150%;
	}
	
.cufonIt {
	margin: 12px 14px 0 14px;
	font-size:36px;  
	color:#ddc3a5;
	line-height:18px;
	font-weight:700;     
}

#content h1 {
	font-size:2.55ems;
	line-height:1.25;
}

#content h2 {
	font-size:2em;
	line-height:1.25;
}

#content h3 {
	font-size:1.55em;
	line-height:1.25;
}

#content h4 {
	font-size:1.15em;
	line-height:1.25;
	font-weight:700!important;     
}

#content h5 {
	font-size:1em;
	font-weight:700!important;  
}

#content h6 {
	font-size:1em; 
	line-height:1.25;     
}  

/** Links **/

.readon {
	color:#ccc;
}

a.readon {
	float:left;
	display:block;
	color:#ccc;
	text-decoration:none;
	padding:1px 5px;   
} 

a, a:link, a:visited {
	color:#16C2FF;	
}   


/** Sample Styles **/

.dropcap { float: left;	padding: 4px 8px 0 0; display: block; font: 50px/40px Times, serif; }

/* Quotes */
quotes { padding: 1em 16px 1em 15px; font: 16px Arial; }
quotes span.open { background: url(../images/openquote.gif) no-repeat left top;	padding: 2px 0 2px 25px; }
quotes span.close {	background: url(../images/closequote.gif) no-repeat top right; 	padding: 2px 25px 2px 0; }

/* Large Quotes */
quoteslg { padding: 1em 9px 1em 15px; font: 28px Arial; line-height: 28px; }
quoteslg span.open { background: url(../images/oquote_lg.png) no-repeat left top; padding:  12px 25px 2px 25px; }
quoteslg span.close { background: url(../images/equote_lg.png) no-repeat top right;	padding: 2px 25px 25px 25px; }

/* Code */
.code { background: #F4F4F4; font: 1em/1.5 "Tahoma", monospace;	margin: 5px 0 15px;	padding: 10px 15px;	color: #333333; }

/* Error */
p.error { padding-left: 25px; color: #f10033; background: url(../images/error.gif) no-repeat top left; }

/* Message */
p.message { padding: 0px 0px 5px 25px; color: #006699; background: url(../images/info.gif) no-repeat top left; }

/* Ideas */
p.ideas { padding-left: 25px; color: #EE9600; background: url(../images/lightbulb.gif) no-repeat top left; }

/* Highlight */
.highlight { padding: 1px 5px; background: #FFFFCC; color: #333333; }

/* Download */
p.download { background: url(../images/download.gif) no-repeat 5px center; padding: 0px 0px 0px 35px; }

/* Astrix */
p.astrix { background: url(../images/icon-asterisk_sm.png) no-repeat 5px center; padding: 0px 0px 5px 25px; }

/* Com */
p.com {	background: url(../images/ext_com.png) no-repeat 5px center; padding: 0px 0px 5px 35px; }

/* Mod */
p.mod {	background: url(../images/ext_mod.png) no-repeat 5px center; padding: 0px 0px 5px 35px; }

/* Plug */
p.plug { background: url(../images/ext_plugin.png) no-repeat 5px center;	padding: 0px 0px 5px 35px; }

/* Lang */
p.lang { background: url(../images/ext_lang.png) no-repeat 5px center; padding: 0px 0px 5px 35px; }

/* Photolink */
p.photolink { background: url(../images/ww_image.png) no-repeat 5px center; padding: 0px 0px 0px 40px; }

/* heart */
p.heart { background: url(../images/heart.png) no-repeat 5px center; padding: 0px 0px 0px 25px; }

/* Star */
p.stargrey { background: url(../images/star-grey.png) no-repeat 5px center; padding: 0px 0px 0px 25px; }
p.starred { background: url(../images/star-red.png) no-repeat 5px center; padding: 0px 0px 0px 25px; }
p.starblue { background: url(../images/star-blue.png) no-repeat 5px center;	padding: 0px 0px 0px 25px; }
p.stargreen { background: url(../images/star-green.png) no-repeat 5px center; padding: 0px 0px 0px 25px; }
p.starorange { background: url(../images/star-orange.png) no-repeat 5px center; padding: 0px 0px 0px 25px; }
p.starpurple { background: url(../images/star-purple.png) no-repeat 5px center; padding: 0px 0px 0px 25px; }
p.starorange { background: url(../images/star-orange.png) no-repeat 5px center;	padding: 0px 0px 0px 25px; }


/* Photo */
p.photogrey { background: url(../images/camera-grey.png) no-repeat 5px center; padding: 0px 0px 0px 40px; }
p.photoblack { background: url(../images/camera-black.png) no-repeat 5px center; padding:  0px 0px 0px 40px; }
p.photored { background: url(../images/camera-red.png) no-repeat 5px center; padding:  0px 0px 0px 40px; }
p.photoblue { background: url(../images/camera-blue.png) no-repeat 5px center; padding:  0px 0px 0px 40px; }
p.photopink { background: url(../images/camera-pink.png) no-repeat 5px center; padding: 0px 0px 0px 40px; }
p.photogreen { background: url(../images/camera-green.png) no-repeat 5px center; padding: 0px 0px 0px 40px; }
p.photopurple {	background: url(../images/camera-purple.png) no-repeat 5px center; padding:  0px 0px 0px 40px; }
p.photoorange {	background: url(../images/camera-orange.png) no-repeat 5px center; padding:  0px 0px 0px 40px; }

/* X */
p.x { background: url(../images/x-red.png) no-repeat 5px center; padding: 5px 0px 5px 25px; }
p.xblack { background: url(../images/x-black.png) no-repeat 5px center;	padding: 5px 0px 5px 25px; }

/* RSS */
p.rss {	background: url(../images/rss.png) no-repeat 5px center; padding: 0px 0px 0px 25px; }

/* Check list */
ul.checklist { list-style: none; }
ul.checklist li { margin-left: 15px; padding: 0 0 5px 30px; }

/* Article list */
ul.articlelist { list-style: none; }
ul.articlelist li {	margin-left: 15px; padding: 0 0 5px 30px; }

/* Star list */
ul.starlist { list-style: none; }
ul.starlist li { margin-left: 15px;	padding: 0 0 5px 30px; }

/* Arrow list */
ul.arrowlist { list-style: none; }
ul.arrowlist li { margin-left: 20px; padding: 0 0 5px 20px; }

/* X list */
ul.xlist { list-style: none; }
ul.xlist li { margin-left: 15px; padding: 0 0 5px 25px;	background: url(../images/x-red.png) no-repeat 0 3px; }

/* ast list */
ul.astlist { list-style: none; }
ul.astlist li {	margin-left: 15px; padding: 0 0 5px 20px; background: url(../images/icon-asterisk_sm.png) no-repeat 0 3px; }

/* Movie List */
ul.movielist { list-style: none; }
ul.movielist li { margin-left: 20px; padding: 0 0 5px 25px; }

/* Blog List */
ul.bloglist { list-style: none; }
ul.bloglist li { margin-right: 15px; padding: 0px 0px 5px 30px; }

/* Photo List */
ul.photolist { list-style: none; }
ul.photolist li { margin-left: 25px; padding: 0 0 0px 30px; }

/* Date List */
ul.datelist { list-style: none; }
ul.datelist li { margin-left: 15px; padding: 0 0 5px 20px; }

/* Pink Blog Bubble */
.pinkbubble { background: url(../images/pinkblog_bottom.gif) no-repeat left bottom;	font-size: 2em;	color: #FFFFFF !important;	padding: 20px 20px 50px 20px; }

/* Blue Blog Bubble */
.bluebubble { background: url(../images/blueblog_bottom.gif) no-repeat left bottom;	font-size: 2em;	color: #FFFFFF !important;	padding: 20px 20px 50px 20px; }

/* Red Blog Bubble */
.redbubble { background: url(../images/redblog_bottom.gif) no-repeat left bottom; font-size: 2em; color: #FFFFFF !important; padding: 20px 20px 50px 20px; }

/* Green Blog Bubble */
.greenbubble { background: url(../images/greenblog_bottom.gif) no-repeat left bottom; font-size: 2em; color: #FFFFFF !important; padding: 20px 20px 50px 20px; }

/* Yellow Blog Bubble */
.yellowbubble {	background: url(../images/yellowblog_bottom.gif) no-repeat left bottom;	font-size: 2em;	color: #FFFFFF !important; padding: 20px 20px 50px 20px; }

/* Purple Blog Bubble */
.purplebubble {	background: url(../images/pinkblog_bottom.gif) no-repeat left bottom; font-size: 2em; color: #FFFFFF !important; padding: 20px 20px 50px 20px; }

/* Orange Blog Bubble */
.orangebubble {	background: url(../images/orangeblog_bottom.gif) no-repeat left bottom;	font-size: 2em;	color: #FFFFFF !important; padding: 20px 20px 50px 20px; }

/* Grey Blog Bubble */
.greybubble { background: url(../images/greyblog_bottom.gif) no-repeat left bottom; font-size: 2em; color: #FFFFFF !important; padding: 20px 20px 50px 20px; }

/* Black Blog Bubble */
.blackbubble { background: url(../images/blackblog_bottom.gif) no-repeat left bottom; font-size: 2em; color: #FFFFFF !important; padding: 20px 20px 50px 20px; }

/* Note */
.note {	background: url(../images/note.gif) no-repeat right bottom;	font-size: 1em;	color: #000000 !important; padding: 40px 20px 40px 20px; }

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

/* 02 - MAIN STRUCTURE
/* ----------------------------------------------*/

.pagewrap {
	margin:auto 0;
}

.innerwrap {
	width:960px;  
	margin:0px auto;
	
} 

#right-top {
	 background: url(../images/roundmod.png); 
}

#content {
	margin:0 auto auto;
	width:960px;  
}

#columns {
	float:left;
	margin-right:0;    
}
    #leftcolumn {
		width:642px; 
		float:left;  
		margin:0 18px 0 0;
	}  
	
	.onecolumn #leftcolumn {
		width:auto;
	}
	
	.leftcolumn #leftcolumn {
		width:300px;
	}
	
	#leftcolumn #rightmods {
		width:300px;
		float:left;
	}
	
	#leftcolumn.onecolumn {
		width:960px;
	}
	
	.leftcolumn #leftcolumn.onecolumn {
		width:300px;
	}   
	
		#maincontent {
			float:left;
			min-width:642px;
			padding:0;    
		}  

		#component {
		padding:12px; 
		margin-bottom:12px;
		}  
		
		.onecolumn #component {
			width:936px;	
		}
		
	#rightcolumn {
		float:left;
		width:300px;
	}
	
	.leftcolumn.onecolumn #rightcolumn {
		width:960px;
	}  


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

/* 03 - Header
/* ----------------------------------------------*/  

#header {
	width:100%;
	float:center;
	margin:0 auto;  
}

#topmod {
	float:right;
	height:70px;
	width:790px;
	padding-top:33px;   
} 



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

/* 04 - Modules
/* ----------------------------------------------*/ 

/** Generic **/

.moduletable { 
	margin-bottom:8px; 
}  


#bottomusermods .usermodwrap {
	float:left;
	padding-right:12px;
} 

#duomods .usermodwrap {
	float:left;
	padding-right:27px;
}

/** Inset **/

#inset {
	margin-bottom:15px;
	margin-left:-24px;
	float:left; 
}

#inset .moduletable h3 {
	background:url(../images/grungeline.png) no-repeat;
	font-family:Arial,Helvetica,sans-serif!important;
	font-size:16px;
	letter-spacing:-1px;
	line-height:18px;
	margin-bottom:7px;
	padding:7px 7px 7px 32px !important; 
} 

/** NewsFlash **/

#newsflash {
	float:left; 
	
}

	#newsflash .moduletablewrap {
		float:left;
		margin-bottom:12px;
		padding:12px; 
	}

	#newsflash .moduletable {
		float:left;
		margin:0;  
	}

	#newsflash .moduletable h3 {
		width:577px;
	background:url(../images/grungeline.png) no-repeat;
		height:27px;
		font-family:Arial,Helvetica,sans-serif!important;
		font-size:16px;
		font-weight:700;
		margin-bottom:0;
		letter-spacing:-1px;
		line-height:18px;
		padding:7px 7px 7px 34px !important;     
	} 
    
                


/** Banners **/



#banner .moduletable h3 {
	background:url(../images/grungeline.png) no-repeat;
	height:20px;
	font-family:Arial,Helvetica,sans-serif!important;
	font-size:16px;
	font-weight:700;
	margin-bottom:0;
	letter-spacing:-1px;
	line-height:18px;
	padding:7px 7px 0 0 !important;   
}

#banner2 {
	margin-bottom:15px;
	margin-left:-24px;
	float:left; 
}

#banner2 .moduletable h3 {
	background:url(../images/grungeline.png) no-repeat;
	font-family:Arial,Helvetica,sans-serif!important;
	font-size:16px;
	letter-spacing:-1px;
	line-height:18px;
	margin-bottom:7px;
	padding:7px 7px 7px 32px !important; 
} 


/** Login **/

ul.loginposition {
	padding:0;
}

	ul.loginposition li {
		background:transparent none repeat scroll 0 0;
		display:inline;
		line-height:22px;
		padding:0; 
	}

		ul.loginposition li input {
			background:#999;
			border:0 solid #202123;
			color:#222;
			text-transform:uppercase;
			font-size:9px;
			padding:1px 3px;   
		}

		ul.loginposition li a {
			color:#222;
			text-decoration:none;  
		}

		ul.loginposition li label {
			margin-bottom:-15px;
			color:#222;
			border:0 none;
			font-size:100%;
			outline-color:0;
			outline-style:none;
			outline-width:0;
			vertical-align:baseline;
			padding:0; 
		} 
		
#rightmods .ad .modulecontent, #rightmods .ad .modtitleLine {
	float:left;
	margin:0 !important;
	padding:0;
	width:100%;
}


/** DuoMods **/

#bannermods {
	float:left;
	width:100%; 
}

#bannerleft {
	float:left;
	margin-right:12px;  
}

#duomods .moduletable {
	float:left;
	text-align:left;
	margin-bottom:0;
	margin-top:0;
	padding:12px;   
}

#bannerright,#duomods {
	float:left;
}

#bannerleft .moduletable,#bannerright .moduletable {
	float:left;
	width:95%;     
}

#duomods #user1,#duomods #user2 {
	float:left;
	margin-bottom:0; 
}

#duomods #user1 .moduletable,#duomods #user2 .moduletable {
	float:left;
	margin-bottom:12px;    
}   

#duomods .moduletable h3 {
	font-family:Arial,Helvetica,sans-serif!important;
	font-weight:700;
	letter-spacing:-1px;
	line-height:18px; 
    margin:12px 12px -12px !important;
	padding-left:8px; 
	background:transparent url(../../images/grungeline.png) repeat-x scroll left bottom;
	font-size:19px;
	height:23px;
	margin-bottom:-18px !important;
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
	padding-bottom:0px  !important;
	padding-left:16px !important;
	width:90%;
} 

#duomods .modulecontent {
	margin-top:20px;
	padding-left:18px;
}

           

/** Right Mods **/

#rightmods .moduletablewrap {
	width:300px;
	margin-bottom:12px;
	float:left;       
}

	#rightmods .moduletable {
		float:left;
		margin:0;
		font-size:11px;  
	}   

		#rightmods .moduletable h3 {
			background:url(../images/grungeline.png) no-repeat;
			height:27px;
			font-family:Arial,Helvetica,sans-serif!important;
			font-size:16px;
			font-weight:700;
			margin-bottom:0;
			letter-spacing:-1px;
			line-height:18px;
			padding:7px !important;    
		} 
		
		#rightmods .moduletable .modtitleLines {
 	background:transparent url(../images/grungeline.png) no-repeat scroll center bottom;
	float:left;
	margin:0 19px !important;
	width:84%;
} 
           
/** Bottom Mods **/

#bottomusermods {
 	margin:0 auto;
	width:960px;
	font-size: 11px;


}

	#bottomusermods .moduletable h3 {
	background:url(../images/grungeline.png) no-repeat;
		height:27px;
		font-family:Arial,Helvetica,sans-serif!important;
		font-size:16px;
		font-weight:700;
		margin-bottom:0;
		letter-spacing:-1px;
		line-height:18px;
		padding:7px 7px 7px 7px !important;   
	}

	#bottomusermods .moduletable {
		float:left;
		margin-top:0;
		padding:12px; 
	}

	#user3 .moduletable,#user4 .moduletable,#user5 .moduletable,#user6 .moduletable {
		margin-top:0;
		margin-right:30px!important;
		border:none;
		text-align:left;
	}  

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

/* 05 - Module Suffixes
/* ----------------------------------------------*/ 




#topusermods .moduletable-blood h3,#newsflash .moduletable-blood h3,#user1 .moduletable-blood h3,#user2 .moduletable-blood h3,#user3 .moduletable-blood h3,#duomods .moduletable-blood h3,#user4 .moduletable-blood h3,#user5 .moduletable-blood h3,#bottomusermods .moduletable-blood h3,#user6 .moduletable-blood h3,#user7 .moduletable-blood h3,#user8 .moduletable-blood h3 {
	font-size:14px;
	font-weight:400;
	background:url(../images/h3bkg.png) left top no-repeat;
	height:29px;      
}

#rightmods .moduletable-blood h3 {
	font-size:14px;
	font-weight:400;
	background:url(../images/right_bloodh3.png) left -6px no-repeat;
	padding-left:10px !important;
	margin-left: 12px !important;
	height:29px;      
}

#rightmods .moduletablewrap h3 {
	font-size:19px;
	margin:12px 12px -12px -5px;
	padding-left:0;
}

#rightmods .moduletablewrap .modulecontent {
	width:276px;
	text-align:left;
	margin:0!important;
	padding:12px;
	margin-top: 8px;  
}

#user1 .moduletablewrap .modulecontent {
	text-align:left;
	background-color:#ff0;
	margin:0 0 3px!important;
	padding:4px 1px;   
}


#rightmods .moduletable-trans,#topusermods .moduletable-trans,#newsflash .moduletable-trans,#user1 .moduletable-trans,#user2 .moduletable-trans,#user3 .moduletable-trans,#duomods .moduletable-trans,#user4 .moduletable-trans,#user5 .moduletable-trans,#bottomusermods .moduletable-trans,#user6 .moduletable-trans {
	background:url(../images/transparent.png) bottom left repeat-x;
	color:#666;
	line-height:16px;
	margin:4px 0 16px!important;
	padding:4px 0 24px;   
}

#rightmods .moduletable-advert .modulecontent {
	color:#ccc;
	margin:0px!important;
	padding:0px!important;   
}

#banner .moduletable-advert .modulecontent {
	width:100%;
	float:left;
	margin:0;  
}

#banner .moduletablewrap h3,#banner2 .moduletablewrap h3,#banner3 .moduletablewrap h3 {
	text-align:left;
	margin:12px 12px 0;
	padding:0;   
}

#banner .moduletablewrap .modulecontent,#banner2 .moduletablewrap .modulecontent,#banner3 .moduletablewrap .modulecontent {
	text-align:left;
	margin:0!important;
	padding:12px;
}

#user1 .moduletablewrap .modulecontent,#user2 .moduletablewrap .modulecontent,#user3 .moduletablewrap .modulecontent,#user4 .moduletablewrap .modulecontent,#user5 .moduletablewrap .modulecontent {
	text-align:left;
	margin:0 0 3px!important;
	padding:4px 1px;    
}

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

/* 07 - Footer
/* ----------------------------------------------*/  

#bottom { 
	margin-top: 0px; 
}
		

#footer {
	padding-top:3px;
	margin-right:10px;
	float:left;
	font-weight:400;
	line-height:18px;  
}

#legals {
	float:right;
	padding-top:3px;
}

#footerWrap {
	float:left;
	width:100%;  
	height:30px;
	margin:10px 0;
}   

#breadcrumb {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#757575;
	float:left;
	padding-top:7px;   
}   

#footerBottom {
	color:#fff;
}
               
/* ----------------------------------------------*/

/* 08 - Forms
/* ----------------------------------------------*/

/** Search **/

table.searchintro {
	width:100%;
	padding:10px 0;    
}   

	table.searchintro td {
		padding:5px!important;  
	}  

.search input.inputbox {
	background:#000 url(../images/icon_search.png) no-repeat scroll 2% 40%;
	border:0 solid #898989;
	color:#fff;
	margin-top:4px;
	padding:0 0 0 19px; 
}  

#content textarea {
	height:180px;
	width:300px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px; 
}

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

/* 09 - Components
/* ----------------------------------------------*/  


	/** Joomla Content **/
	
.article_separator {
    background:url(../images/grungeline.png) left bottom repeat-x;
	margin: 14px;
	clear:both;
	display:block;

}

.article_space {
	clear:both;
	display:block;
	height:20px;
	margin-top:16px; 
}

.column_separator {
	padding:0 25px 0 14px;
}

td.sectiontableheader {
	border-right:1px solid #ccc;
	padding:4px;  
}

	tr.sectiontableentry0 td,tr.sectiontableentry1 td,tr.sectiontableentry2 td {
		padding:4px;
	}

	td.sectiontableentry0,td.sectiontableentry1,td.sectiontableentry2 {
		padding:3px;
	}         
	
/** Content Panes **/ 

table.contentpane {
	border:none;
	width:100%;    
}

	table.contentpaneopen {
		border:none;
		border-collapse:collapse;  
	}

	table.contentpaneopen h1,table.contentpaneopen h2,table.contentpaneopen h3 {
		padding-top:10px;
		padding-bottom:5px; 
	}   
	
	table.contentpaneopen td,table.contentpane td,table.contentpaneopen,table.contentpane,table.blog {
		padding:0 12px;
	}       

/** Joomla TOC **/

table.contenttoc {
	width:35%;
	float:right;
	margin:0 0 10px 10px;
	padding:0;  
}

	table.contenttoc a {
		text-decoration:none;
	}

	table.contenttoc td {
		background:url(../images/bullet-list.gif) no-repeat 5% 50%;
		padding:1px 5px 1px 25px;     
	}

	table.contenttoc th {
		border-bottom:1px solid #CCC;
		text-indent:5px;
		padding:0 0 3px;      
	} 
	
/** Other **/	
	.sectiontableheader {
		background:#444;
		color:#ccc;
		padding:8px 5px;  
	}

		.sectiontableheader a {
			color:#ccc;
		}     

	tr.sectiontableentry1 td {
		
		padding:8px 5px;        
	}

	tr.sectiontableentry2 td {

		padding:8px 5px;     
	}

	tr.sectiontableentry1:hover td,tr.sectiontableentry2:hover td {

	}

	div.syndicate div {
		text-align:center;
	}
	.contentdescription {
		padding-bottom:12px;
	}



/** Polls **/   

.pollstableborder tr.sectiontableentry1 td,.pollstableborder tr.sectiontableentry2 td {
	background:none;
}

table.poll {
	width:100%;
	border-collapse:collapse;
	padding:0;  
}

	table.pollstableborder {
		width:100%;
		border:none;
		text-align:left;
		padding:0;  
	}         
	
		table.pollstableborder img {
			vertical-align:baseline;
		}

		table.pollstableborder td {
			border-collapse:collapse;
			padding:4px!important; 
		}

		table.pollstableborder tr.sectiontableentry1 td {
			background:#ECECEC;
		}   
		   
/** Blog Styles **/

table.blog {

	vertical-align:top; 
}

#content .buttonheading {
	width:160px;
	vertical-align:middle;
	padding:12px 12px 0 7px;     
}

.blog_more strong {
	display:block;
	font-size:125%;
	margin:0 0 5px;  
}

.blog_more ul {
	margin:0;
	padding:0; 
}

	.blog_more ul li {
		background:url(../images/bullet.gif) no-repeat 6px 8px;
		margin:0;
		padding:0 0 0 17px;    
	}
       
.category {
	font-weight:700;
}

.blog_wrap {
	background:url(../images/blog_top.gif) no-repeat left top #f5f5f5;
	padding:0 30px 25px; 
}

.mostread li {
	line-height:24px;
	font-size:11px;
	color:#17c3ff!important;
	padding-left:12px!important;         
}

	ul.mostread li {
		font-size:11px;
		display:block;
		color:#333;
		border-bottom:1px solid #222;
		text-decoration:none;
		background: url(../images/article-grey.png) 12px 10px no-repeat;
		padding:4px 2px 4px 30px !important;    
	}    

/** Pagination **/

.pagenav {
	width:100%;
	display:table;
	padding-bottom:10px;
	float:left;  
}   

	.pagenav th.pagenav_prev {
		width:50%;
		text-align:left; 
	}

	.pagenav th.pagenav_next {
		width:50%;
		text-align:right; 
	}

	.pagenav_next a,.pagenav_prev a {
		display:inline;
		border:0 solid #cecece;
		padding:6px;  
	}

	.pagination a {
		display:inline;
		border:0 solid #cecece;
		float:left;
		margin-right:4px;
		padding:6px;
	}

	.pagination span {
		display:inline;
		border:0 solid #cecece;
		float:left;
		cursor:pointer;
		padding:4px;    
	}

	.pagination a:hover,.pagination span:hover {
		border:0 solid #fff;
	}

	ul.pagination {
		background:url(../images/hdot.gif) repeat-x top;
		margin:15px auto;
		padding:10px 0;     
	}

		ul.pagination li {
			display:inline;
			background:none;
			margin:0;
			padding:0;   
		}

		ul.pagination a:hover,ul.pagination a:active,ul.pagination a:focus {
	 	   border:1px solid #ECECEC;
			background:#FFF; 
		}

		.pagenavbar {
			background:url(../images/pages.gif) no-repeat center left;
			padding-left:14px;    
		}

		.pagenavcounter {
			background:url(../images/pages.gif) no-repeat 0 11px;
			padding:8px 14px 0;
		}

		ul.pagination li span,ul.pagination a {
			border:1px solid #F6F6F6;
			padding:2px 5px; 
		}  

/** Jn News  PRo Styles **/   

.relateditems li {
	line-height:16px;
	font-size:11px;
	color:#17c3ff!important;
	border-bottom:3px solid #fff;   
}

.art_text {
	font-size:11px;
	color:#666;
}



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

/* 10 - Menus
/* ----------------------------------------------*/   


/** Main Menu **/

#mainmenu {
	height:26px;
	margin:90px auto 0;
	width:961px;
	z-index:20;
}

	#mainmenu ul {
		list-style:none;
		margin:0;
		padding:0; 
	}
  
		#mainmenu li {
			float:left;
			position:relative;
			width:auto;
			z-index:20;   
		}

		#mainmenu div.submenu {
			float:left;
			left:0;
			width:0;
			z-index:1000;
			margin:6px 0 0 -10px;
		}                       

		#mainmenu li ul {
			display:block;
			float:left;
			left:0;
			position:absolute;
			top:27px;
			z-index:15;
			border-top:none;
			margin:6px 0 0 -10px;  
		}


#mainmenu li a {
	text-decoration:none;
	font-size:22px;
	line-height:32px;
	font-family:Arial;
	height:32px;
	font-weight:700;
	padding:0 36px 0 0; 
	color:#420807;       
	display:block;
}        

#mainmenu li a span {
	display:block;
}



		#mainmenu li ul li.active {
			display:block;
			font-variant:normal;
			height:auto;
			line-height:18px; 
			color: #9b0300;
			
		}

		#mainmenu li.parent,#mainmenu li.sfhover {
			background:transparent none repeat scroll 0 0!important;
			color: #9b0300;  
		}

		#mainmenu li.active {
			height:48px;
			z-index:50;
			color: #9b0300;   
		}     
		
		#mainmenu ul > li > ul {
		    margin-top:23px;
			width:241px;
			z-index:400;    
			margin-left:-84px;
		}  
		
		#mainmenu ul > li ul .dropDownBG {
			background:transparent url(../images/dropDownInnerBG.png) repeat scroll 0 0;
			display:block;
			float:left;
			padding-top:10px;
			width:241px !important;       
		} 
		
		#mainmenu ul li li {
			background:transparent url(../images/dropMenuItemBG.png) repeat scroll 0 0;
			float:left;
			height:42px;
			margin:0 0 0 12px;
			padding:0 !important;
			width:214px !important;   	
		} 
		
	    #mainmenu ul li li a {
			background:transparent url(../images/menuDot.png) no-repeat scroll left center;
			color: #b1a86c;
			display:block;
			font-size:13px;
			margin-left:16px;
			margin-top:10px;
			padding-left:25px;
			
		}   
		
		#mainmenu ul > li ul .dropDownBottomBG {
			background:transparent url(../images/dropDownBottomBG.png) no-repeat scroll left bottom;
			display:block;
			float:left;
			height:50px;
			margin-left:-1px;
			margin-top:-49px;
			padding-bottom:20px;
			width:241px !important;
		}
		

/** Links in Menu Styles **/
a.mainlevel {
	font-size:12px;
	display:block;
	border-bottom:1px dotted #222;
	text-decoration:none;
	margin:0;
	padding:9px 2px 9px 11px;     
}

a.mainlevel-foot {
	font-size:11px;
	border-bottom:1px solid #666;
	display:block;
	color:#ccc;
	text-decoration:none;
	margin:0;
	padding:5px 2px;   
}

a.mainlevel-event {
	background:url(../images/calendar-grey.png) no-repeat left;
	font-size:11px;
	border-bottom:1px solid #ddd;
	display:block;
	color:#ccc;
	line-height:28px;
	text-decoration:none;
	padding:5px 0 5px 24px;   
}

a.mainlevel-blog {
	background:url(../images/blog-grey.png) no-repeat left;
	font-size:11px;
	border-bottom:1px solid #ddd;
	display:block;
	color:#ccc;
	line-height:28px;
	text-decoration:none;
	padding:5px 0 5px 24px; 
}

a.mainlevel-photo {
	background:url(../images/camera-grey.png) no-repeat left;
	font-size:11px;
	border-bottom:1px solid #ddd;
	display:block;
	color:#ccc;
	line-height:28px;
	text-decoration:none;
	padding:5px 0 5px 24px;  
}

a.mainlevel-article {
	background:url(../images/article-grey.png) no-repeat left;
	font-size:11px;
	border-bottom:1px solid #ddd;
	display:block;
	color:#ccc;
	line-height:28px;
	text-decoration:none;
	padding:5px 0 5px 24px; 
}

a.mainlevel-devent {
	font-size:11px;
	display:block;
	line-height:15px;
	text-decoration:none;
	padding:5px 0 5px 24px;  
}

a.sublevel,a.sublevel-foot,a.sublevel-event,a.sublevel-blog,a.sublevel-photo,a.sublevel-article,a.sublevel-devent {
	display:block;
	padding:3px 3px 3px 14px;    
}

#active_menu,#active_menu-foot,#active_menu-event,#active_menu-blog,#active_menu-photo,#active_menu-article,#active_menu-devent {
	font-weight:700;
}

a.mainlevel-foot:hover,a.mainlevel-foot:active,a.mainlevel-foot:focus,a.sublevel-foot:hover,a.sublevel-foot:active,a.sublevel.foot:focus {
	color:#fff;
}