/*
Template Name: DUB
Template URI: http://www.joomlaxtc.com
Description: JoomlaXTC TI Template
Version: 1.3
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 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:700;
	letter-spacing:-2px;
	line-height:130%;
	padding-top:12px;
}  

.componentheading {
	background:#000 url(../images/icon2.png) 7px 10px no-repeat;
	padding-left:28px!important;
	font-size:18px;
	letter-spacing:-1px;
	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%;
	}

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

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

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

#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;      
}  

/** 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;	
}   

/******** CCNewsletter Styles ***************/
.newsletterbutton {background: url(../images/icon2.png)  no-repeat;height: 32px;
font-family: Arial,Helvetica,sans-serif !important;font-size: 16px;color: #ccccccc;letter-spacing: -1px;}

/******** JS Hover Styles ******************/
.pinkylarge{color:#666666;}
.pinky {color: #a2a2a2;}
.blues {color: #a2a2a2;}
.yello {color: #a2a2a2;}
.greeny{color: #a2a2a2;}
.blueshover{padding: 4px;}


/** Sample Styles **/

.dropcap { float: left;	padding: 4px 8px 0 0; display: block; color: #999999; 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;
	}  
	
	.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:1000px;
	float:center;
	margin:0 auto;  
}

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

/** Logo **/

	#logo a {
		background:url(../images/logos/logo.png) no-repeat scroll 0 0;
		background-color:transparent;
		float:left;
		height:211px;
		position:absolute;
		width:171px;
		margin-top:15px;
		margin-left:20px;
		z-index:99!important;
	}  

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

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

/** Generic **/

.moduletable { 
	margin-bottom:8px; 
}  

#topusermods .usermodwrap {
	float:left; 
	padding-right:30px;
}  

#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:#000 url(../images/icon2.png) 7px 10px 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/h3black.png) left top 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 {
	margin:0 0 12px;
	padding:12px 12px 4px;   
}

#banner .moduletable h3 {
	background:url(../images/h3black.png) left top 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;   
}

#banner2 {
	background:#fff;
	width:100%;
	margin:12px 0;
	padding:12px;  
}

#banner3 {
	padding-top:32px;
}

#banner2 .moduletable h3,#banner3 .moduletable h3 {
	background:#000 url(../images/icon2.png) 7px 10px 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; 
		} 
		
/** Top Mods **/

#topusermods {
	margin:0 auto;
	width:960px;
	float:left;
}

   #innerwrap #topusermods .moduletable h3, #topusermods .moduletable-bubblevideo h3{
		font-family:Arial Black !important;
		font-weight:lighter;
		font-size:16px;
		margin-bottom:9px;
		letter-spacing:-1px;
		line-height:18px;
		text-align:left;
		padding:4px 7px 7px 9px;      
	}

	#topusermods .moduletablewrap {
		margin-bottom:12px;
	}

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


/** 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 #user4,#duomods #user5 {
	float:left;
	margin-bottom:0; 
}

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

#duomods .moduletable h3 {
	background:url(../images/h3black.png) left top 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;  
}

/** Login Slide Out **/

#sideBar {
	position:absolute;
	width:auto;
	height:auto;
	top:200px;
	right:0;
	z-index:100;  
}

	#sideBarTab {
		float:left;
		height:137px;
		width:28px;    
	}

	#sideBarTab img {
		border:0 solid #FFF;
	}

	#sideBarContents {
		overflow:hidden!important;
		background:url(../images/logpanel.png) bottom left no-repeat;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity:0.5;
		opacity:0.5;    
	}

	#sideBarContentsInner {
		width:195px;
	}

		#sideBar h2 {
	  	    color:#222;
			font-size:90%;
			font-family:arial;
			font-weight:700;
			margin:0 10px 10px 0;
		}

			#sideBar h2 span {
	 	   	font-size:105%;
				font-weight:400;     
			} 

		#sideBar ul {
			margin:0;
			padding:0;
		}

		#sideBar li {
			padding-left:10px;
			list-style-type:none;
			display:block;
			width:185px;
			margin:0;  
		}

			#sideBar li a {
				width:100%;
			}

			#sideBar li a:link,#sideBar li a:visited {
				color:#222;
				font-family:verdana;
				font-size:80%;
				text-decoration:none;
				display:block;
				width:100%;
				margin:10px 0 0;
				padding:0;    
			}

			#sideBar li a:hover {
				color:#222;
				text-decoration:underline; 
			}                 

.black_overlay {
	display:none;
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	z-index:1001;  
}

.white_content {
	display:none;
	position:absolute;
	top:25%;
	left:25%;
	width:50%;
	height:50%;
	border:16px solid #999;
	background-color:#FFF;
	z-index:1002;
	overflow:auto;
	padding:16px; 
} 

/** Right Mods **/

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

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

		#rightmods .moduletable h3 {
			background:url(../images/h3black.png) left top 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;    
		} 
           
/** Bottom Mods **/

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

	#bottomusermods .moduletable h3 {
		background:url(../images/h3black.png) left top 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;   
	}

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

	#user6 .moduletable,#user7 .moduletable,#user8 .moduletable,#user9 .moduletable {
		margin-top:0;
		margin-right:30px!important;
		border:none;
		text-align:left;
	}  

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

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

#rightmods .moduletable-bubblewhite h3,#topusermods .moduletable-bubblewhite h3,#newsflash .moduletable-bubblewhite h3,#user1 .moduletable-bubblewhite h3,#user2 .moduletable-bubblewhite h3,#user3 .moduletable-bubblewhite h3,#duomods .moduletable-bubblewhite h3,#user4 .moduletable-bubblewhite h3,#user5 .moduletable-bubblewhite h3,#bottomusermods .moduletable-bubblewhite h3,#user6 .moduletable-bubblewhite h3,#user7 .moduletable-bubblewhite h3,#user8 .moduletable-bubblewhite h3 {
	font-size:14px;
	font-weight:400;
	background:url(../images/bubble_white_top.gif) top right no-repeat;
	height:29px;
	color:#000;   
}

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

#newsflash .moduletable-bubblewhite h3,#user1 .moduletable-bubblewhite h3,#user2 .moduletable-bubblewhite h3,#user3 .moduletable-bubblewhite h3,#duomods .moduletable-bubblewhite h3,#user4 .moduletable-bubblewhite h3,#user5 .moduletable-bubblewhite h3,#bottomusermods .moduletable-bubblewhite h3,#user6 .moduletable-bubblewhite h3,#user7 .moduletable-bubblewhite h3,#user8 .moduletable-bubblewhite h3 {
	font-size:14px;
	font-weight:400;
	background:url(../images/grey-panel-top-right.png) top right no-repeat;
	height:29px;
	padding:8px 8px 6px 9px !important;     
}

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

#rightmods .moduletablewrap h3 {
	width:234px;
	margin:12px 12px -12px;
	padding:0;  
}

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

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

#topusermods .moduletable-bubblevideo {
	float:left;
	margin-bottom:12px;   
}

#rightmods .moduletable-bubblewhite h3,#topusermods .moduletable-bubblewhite h3 {
	height:29px;
	line-height:29px;
	float:left;
	width:96.8%;
	padding-left:10px;
	margin:0;      
}

#topusermods .moduletable-bubblevideo h3 {
	font-family:Arial #000;
	font-weight:lighter;
	font-size:16px;
	margin-bottom:9px;
	letter-spacing:-1px;
	line-height:18px;
	text-align:left;
	padding:4px 7px 7px 9px;
}

#rightmods .moduletable-bubblewhite .modulecontent,#topusermods .moduletable-bubblewhite .modulecontent,#newsflash .moduletable-bubblewhite,#user1 .moduletable-bubblewhite,#user2 .moduletable-bubblewhite,#user3 .moduletable-bubblewhite,#duomods .moduletable-bubblewhite,#user4 .moduletable-bubblewhite,#user5 .moduletable-bubblewhite,#bottomusermods .moduletable-bubblewhite,#user6 .moduletable-bubblewhite,#user7 .moduletable-bubblewhite,#user8 .moduletable-bubblewhite {
	background:url(../images/bubble_white_btm.gif) bottom left no-repeat;
	line-height:16px;
	width:94.8%;
	margin:3px 0!important;
	padding:4px 8px 40px;     
}

#topusermods .moduletable-bubblevideo .modulecontent {
	width:94.8%;
	margin:0 0 3px!important;
	padding:8px 8px 22px;       
}

#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,#user7 .moduletable-trans,#user8 .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:0!important;
	padding:0 0 8px!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;
}

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

#rightmods .moduletable-bubblewhite .modulecontent,#topusermods .moduletable-bubblewhite .modulecontent,#rightmods .moduletable-bubblevideo .modulecontent,#topusermods .moduletable-bubblevideo .modulecontent {
	float:left;
	margin:0!important;    
}                     
		
/* ----------------------------------------------*/

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

#bottom { 
	margin-top: 0px; 
}
		

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

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

#footerWrap {
	float:left;
	width:100%;  
	background-color:#222222;
	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 {
	clear:both;
	display:block;
	height:10px;
	border-top:1px solid #333;
	margin-top:16px;
	width:98%;
}

.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 {
		background:url(../images/hdot2.gif) repeat-x bottom;
		padding:8px 5px;        
	}

	tr.sectiontableentry2 td {
		background:url(../images/hdot2.gif) repeat-x bottom #ECECEC;
		padding:8px 5px;     
	}

	tr.sectiontableentry1:hover td,tr.sectiontableentry2:hover td {
		background:url(../images/hdot2.gif) repeat-x bottom #FFC;
	}

	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 {
	background:#000;
	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:#000 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;
}

.jnewstitle {
	font-size:1.6em;
	font-weight:100;
	letter-spacing:-.25px;
	line-height:135%;
	margin-top:6px;
	margin-left:-1px;
	padding-bottom:6px;
	border-bottom:1px solid #aaa;    
}

	.jnewstitledown {
		font-size:1.6em;
		font-weight:100;
		letter-spacing:-.25px;
		margin-top:9px;
		margin-left:-1px;
		padding-bottom:9px;
		border-bottom:1px solid #aaa;      
	}

	.jnewstitleright {
		font-family:Arial, sans-serif;
		font-size:1.6em;
		font-weight:500!important;
		letter-spacing:-.1px;
		margin-left:-1px;
		padding-bottom:7px;    
	}   

.jnewsmore {
	margin-top:3px;
	padding-top:3px;
	border-top:1px solid #dddcdc;
	font-size:9px;   
}

.jnewsread {
	font-size:11px;
	color:#69C;
	letter-spacing:0;
	margin-top:10px;    
}   

.jpnPrev{ background:#000000; height:26px; width:49.7%}
.jpnNext{ background:#000000; height:26px; width:50.3%}
 

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

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


/** Main Menu **/

#mainmenu {
	float:left;
	height:79px;
	width:754px;
	padding-top:11px;
	padding-left:36px;
	margin-left:-10px;
	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 ul li {
				float:left;
				width:165px;
				display:block;
				padding:5px 5px 5px 10px;      
			}
                  
			#mainmenu li ul li.subarrow {
				float:left;
				width:180px;
				height:10px;
				padding:0;  
			}

				#mainmenu li ul li.subarrowsfhover {
					float:left;
					border:0;
					width:180px;
					height:10px;
					padding:0;   
				}

				#mainmenu li ul li a,#mainmenu li ul li:hover a {
					background:transparent none repeat scroll 0 0!important;
					display:block;
					font-variant:normal;
					height:auto;
					line-height:18px;
				}          

			#mainmenu li a {
				text-decoration:none;
				font-size:12px;
				line-height:32px;
				font-family:Arial;
				height:32px;
				font-weight:700;
				clear:left;
				padding:0 22px 0 0;   
			} 

		#topmenu li ul li:hover {
			display:inline;
			height:27px;
			margin:0;   
		}

		#mainmenu li ul li:hover,#mainmenu li ul li.sfhover {
			display:block;
			font-variant:normal;
			height:auto;
			line-height:normal;  
		}

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

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

		#mainmenu li.active {
			height:48px;
			z-index:50; 
		}             
/** Links in Mneu Styles **/
a.mainlevel {
	background:#000;
	font-size:11px;
	display:block;
	color:#333;
	border-bottom:1px solid #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-dub {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#ffea76!important;
	font-weight:700!important;
	letter-spacing:-2px;
	line-height:30px;
	text-decoration:none;
	text-transform:uppercase;   
}

a.mainlevel-spinkl {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#f20089!important;
	font-weight:700!important;
	margin-top:-5px;
	letter-spacing:-2px;
	line-height:22px;
	text-decoration:none;
	text-transform:uppercase;    
}

a.mainlevel-splitpink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:700!important;
	letter-spacing:-2px;
	line-height:22px;
	text-decoration:none;
	text-transform:uppercase;
}

a.mainlevel-biggreen {
	font-family:Arial Black, Helvetica, sans-serif;
	color:#79b1aa;
	font-size:40px;
	font-weight:500;
	margin-top:5px;
	letter-spacing:-4.5px;
	line-height:32px;
	text-decoration:none;
	text-transform:uppercase; 
}

a.mainlevel-bigyellow {
	font-family:Arial Black, Helvetica, sans-serif;
	color:#ffea76;
	font-size:40px;
	font-weight:500;
	margin-top:-5px;
	letter-spacing:-4.5px;
	line-height:32px;
	text-decoration:none;
	text-transform:uppercase; 
}

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-dub,a.sublevel-spinkl,a.sublevel-splitpink,a.sublevel-bigyellow,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-dub,#active_menu-spinkl,#active_menu-splitpink,#active_menu-bigyellow,#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;
}