/*  

Theme Name: Naviscent

Theme URI: http://www.naviscent.com/

Description: Customized theme built from http://www.bballcity.com/themes/

Version: 1.0

Author: Ash Haque

Author URI: http://www.bballcity.com



The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php



*/





/* Shoutouts

----------------------------------------------------------------------------- 



to Matt Mullenweg, and the rest of the peeps over at Automatic

who created a kickass blooging platform.



to Michael Heilemann (Kubrick), and Dave Shea (WP Classic)

whose code is the backbone of this theme.

 

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







/* Navigation

----------------------------------------------------------------------------- 



1. Universal Selectors

2. Structure

3. Components

4. Comments

5. Forms

6. Headings

7. Typography

8. Lists

9. Images

10. Extras

 

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







/* Universal Selectors

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



	*  {

		list-style-type: none;

		margin: 0;

		padding: 0;

		/* Resets all margins and paddings on the page */

		}

	

	* a:link, * a:visited, * a:active {

		text-decoration: none;

		color: #C00;

		}

		

	* a:hover {
		text-decoration: underline;

		color: #C00;
		cursor: pointer;

		/* works well for onclick anchors */

		}

	

	:link img {

		border: none;

		}

	

	* img {

		border: none;

		}

	

	a img {

		border: none;

		}

	

	:link img, :active img {

		border: none;

		}



/* Structure

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

	/* #4C5055 #f2f2f2 background: url(images/icons/bkgGrad.jpg) repeat-x top #E2E2E2 */

	html {

		text-align: center;
		}



	body {

		font-size: 62.5%; /* Sets the page font to 10px */
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		color: #444;
		margin: 0 auto;
		width: 846px;
		text-align: center;
	}

	/*  modified for new background, borders
	#wrapper {

		font-size: 1.1em;
		
		}*/

	#wrapper {

		font-size: 1.1em;
		border-left: thin solid #B9BEC3;
		border-right: thin solid #B9BEC3;
		border-bottom: thin solid #B9BEC3;
		background: #f2f2f2;
		padding: 30px 16px 0px 16px;
		text-align: left;
		
	}

		

	#topbar {

		background: url('images/logo.gif') top left no-repeat;

		background-position: 5px 0;

		text-align: right;

		/*overflow-x: hidden;
		overflow-y: hidden;*/

		height: 1%;

		padding-bottom:2px

		}

		

	/*.logo span {

		display: block;

		width: 70px;

		height: 70px;

		float: left;
		

		text-indent: -10099px;

		letter-spacing: -10099px;

		}*/
	a.logo {
		width: 70px;
		height: 70px;
		float: left;
	}
	.logo span {
		display: none;
	}
	/* hide display of logo image (used in print view */
	.logo img {
		display: none;
	}
		
	/*#header {

		height: 160px;

		background: url(images/header.jpg) top center no-repeat;

		padding: 0 0 0 40px;

		}
	#alternate #header {
		display: block;
	}*/
	/*#header_flash object {
		z-index:0;

		}*/

		/* Contains both the floating content and sidebar */

		/**/
	#header_flash { 
		display: block;
		background: none;
	}
	#header_tag {
		padding-left: 80px;
		float: left;
	}
	#header_hp {
		display: block;
	}
	#header_noflash_a {
		display: block;
		height: 184px;
		background: url(images/banners/banner_bkg_a.jpg) top center no-repeat;
		padding: 0 0 0 40px;
	}
	#header_noflash_b {
		display: block;
		height: 184px;
		background: url(images/banners/banner_bkg_b.jpg) top center no-repeat;
		padding: 0 0 0 40px;
	}
	
	#header_noflash_c {
		display: block;
		height: 184px;
		background: url(images/banners/banner_bkg_c.jpg) top center no-repeat;
		padding: 0 0 0 40px;
	}
	#header_noflash_d {
		display: block;
		height: 184px;
		background: url(images/banners/banner_bkg_d.jpg) top center no-repeat;
		padding: 0 0 0 40px;
	}
	#header_noflash_e {
		display: block;
		height: 184px;
		background: url(images/banners/banner_bkg_e.jpg) top center no-repeat;
		padding: 0 0 0 40px;
	}
	#header_noflash_f {
		display: block;
		height: 184px;
		background: url(images/banners/banner_bkg_f.jpg) top center no-repeat;
		padding: 0 0 0 40px;
	}
	
	#header_noflash_a h1, #header_noflash_b h1, #header_noflash_c h1, #header_noflash_d h1, #header_noflash_e h1, #header_noflash_f h1 {
		padding: 20px 0px 0px 10px;
		font-family: 'MaiolaPro',Verdana, Arial, Helvetica, sans-serif;
		font-size: 120%;
		font-weight:bold;
		text-align:left;
		color: #FFFFFF;
	}
	 #header_noflash_a p, #header_noflash_b p, #header_noflash_c p, #header_noflash_d p, #header_noflash_e p, #header_noflash_f p {
		padding: 10px 0px 0px 10px;
		/*widows:300px;*/
		font-family: 'MaiolaPro',Verdana, Arial, Helvetica, sans-serif;
		font-size: 110%;
		text-align:left;
		color: #FFFFFF;
	}
	#main {
		overflow:auto;
		height: 1%;
		background: url(images/cmid.gif) top left repeat-y;

		}

	
	#content {

		float:left;

		width: 597px;
		/*width:578px;*/

		padding: 25px 0 0;
		background: url(images/ctop.gif) top left no-repeat; /**/

		}

		

	#contentb {

		background: url(images/cbot.gif) bottom left no-repeat;

		padding-bottom: 15px;

		margin-bottom: 20px;

		}

		

	#contentwrap {

		padding: 0 35px 0 25px;

		}

	
	#sidebar {

		float: right;

		width: 208px;

		font-family: Sans-serif;
		/*border: thin solid yellow;*/

		}

		

	#footer {

		padding: 20px 0;

		clear: both;

		text-align: center;

		border-top: 1px solid #868686;

		}

	

	#footer p {

		line-height: 2em;

		}		



/* Components

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



	/* Floating image with caption in the content */



	.floater {

		float: right;

		margin-left: 15px;

		border: 2px solid #000;

		/*padding: 2px;*/

		text-align: center;

		background: none;

		}

	

	.floater .image {

		padding: 10px;

		background: none;

		}

	

	.floater .captionA {

		background: #CC0000;

		font-weight: bold;

		padding: 10px;color: #000;

		}

	
	.floater .captionB {

		background: #006666;

		font-weight: bold;

		padding: 10px;color: #000;

		}

	
	.floater .captionC {

		background: #006699;

		font-weight: bold;

		padding: 10px;color: #000;

		}

	
	.floater .captionD {

		background: #FF9933;

		font-weight: bold;

		padding: 10px;color: #000;

		}

	
	.floater .captionE {

		background: #996699;

		font-weight: bold;

		padding: 10px;color: #000;

		}

	
	.floater .captionF {

		background: #99CCFF;

		font-weight: bold;

		padding: 10px;color: #000;

		}

	

	/* Markup used to style the index page */
	
	#alternate {

		}
	
	#alternate #header {

		background: url(images/header2.jpg) top center no-repeat;/* Alternate header */

		}

		

	#alternate #main {
		background: none;
		padding: 0 0 15px 0;
		}

	 #alternate #content {

		float: right;

		background: none;

		padding: 0;

		}

	#alternate #content .left {

		float: left;

		width: 295px;

		background: #ddd;

		}

	

	#alternate #content .right {

		float: right;

		width: 295px;

		background: #ddd;

		}

	

	#alternate #content .top {

		background: url(images/indexcontent_top.png) top left no-repeat;

		padding-top: 11px;

		}

		

	#alternate #content .top h3{

		display: block;

		padding-left: 13px;

		font-size: 1.5em;

		color: #D91B3D;

		font-family: Georgia, 'Trebuchet MS', Verdana, Sans-Serif;

		}
	
	#alternate #content .top h3 a:link, #alternate #content .top h3 a:active, #alternate #content .top h3 a:visited {
		color: #C00;
		text-decoration: none;
	}
	#alternate #content .top h3 a:hover {
		color: #C00;
		text-decoration: underline;
	}
	/* */
	

	#alternate #content .bottom {

		background: url(images/indexcontent_bottom.png) bottom left no-repeat;

		padding: 15px 18px 25px 13px;

		}

	

	#alternate #sidebar {

		float: left;

		}


#alternate h1, #alternate h1 a, #alternate h1 a:hover, #alternate h1 a:visited, #alternate h2, #alternate h2 a, #alternate h2 a:hover, #alternate h2 a:visited, #alternate h3, #alternate h3 a, #alternate h3 a:hover, #alternate h3 a:visited, #alternate h4, #alternate h4 a, #alternate h4 a:hover, #alternate h4 a:visited {

		color: #444;

		margin: 0px 0px 0px 0px;

		padding:  0px 0px 0px 0px;

		font-weight: normal;

		font-family: 'Trebuchet MS', Verdana, Sans-Serif;

		}

/* Comments

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



	.comments {

		padding-bottom: 20px;

		}

	

	.comments a {

		color: #06c;

		}

	

	.comments p {

		line-height: 1.6em;

		}

	

	ol.commentlist li {

		padding-bottom: 25px;

		}

	



	.authorlink {

		font-size: 1.4em;

		}

		

	.reply {

		text-align: left;

		height: 1%;

		}

		

	html body #content .reply p {

		padding: 0;

		margin: 0;

		}

			

	.comments h3, .reply h3 {

		font-family: Georgia, 'Trebuchet MS', Verdana, Sans-Serif;

		color: #666;

		padding: 0 0 5px 0;

		font-size: 1.5em;

		}

		

	.reply label {

		color: #666;

		}

			

	.reply input {

		width: 200px;

		background: url(images/form_bg.png) top left no-repeat;

		padding: 5px 4px 2px 4px;

		font-size: 1em;

		border: 1px solid #999;

		margin: 0 0 10px;

		}

		

	.reply textarea {

		width: 520px;

		}

		

	.submitcomment {

		padding: 10px 0 10px 120px;

		}

	

	input#submit, input#preview, input#btnSubmit {

		width: 130px;

		background: url(images/preview.png) top left no-repeat;

		height: 25px;

		border: 0;

		padding: 0 0 0 0;

		}

	img#submitButton {

		width: 101px;

		height: 36px;

		border: none;
		
		padding: 0 0 0 0;
		
		cursor:pointer;

		}
		

	input#preview {

		margin-right: 10px;

		}

		

/* Forms

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



	#s {

		width: 130px;

		float: left;

		background: url(images/form_bg.png) top left no-repeat;

		padding: 5px 4px;

		font-size: 1em;

		border: 1px solid #999;

		color: #666;

		}

		

	#searchsubmit {

		/*margin-top: -15px;*/

		padding: 0 10px 0 10px;

		float: right;

		}

		

/* Headings

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



	h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited {

		color: #444;

		margin: 0px 0px 0px 0px;

		padding:  13px 0px 0px 0px;

		font-weight: normal;

		font-family: 'Trebuchet MS', Verdana, Sans-Serif;

		}



	h1 {

		font-size: 2.2em;

		}



	h2 {

		font-size: 2.0em;

		}



	h3 {

		font-size: 1.8em;

		}



	h4 {

		font-size: 1.6em;

		}

		

	#header h1 a {

		color: #fff;

		font-family: Georgia, Verdana, Sans-Serif;

		display: block;

		padding: 60px 0 0;

		/* The website title shown in the header */

		}

		

	#header p.description {

		color: #fff;

		font-size: 1.2em;

		font-family: Verdana, Arial, Sans-Serif;

		/* The description shown right underneath */

		}



	#content h2 a {

		width: 100%;

		display: block;

		color: #c00;

		font-family: Sans-Serif;

		}

		

	#sidebar h3 {

		display: block;

		padding: 0 0 20px;

		}



	h2.pagetitle {

		text-align: center;

		margin: 0 auto;

		}



/* Typography

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



	#content p a {

		color: #C00;

		}



	#footer p a:link, #footer p a:active,#footer p a:visited {

		color: #C00;

		text-decoration: none;

		}
		
	#footer p a:hover {

		color: #C00;

		text-decoration: underline;

		}

	/*#content p a:hover, .metadata a:hover {

		border-bottom: 1px solid #999;

		}*/
	#content p a:hover, .metadata a:hover {

		text-decoration: underline;

		}


	#content p {

		font: 1em/2em 'Lucida Grande', Verdana, Arial, Sans-Serif;

		padding: 13px 0px 0px 0px;

		color: #444;

		text-align: justify;

		}

		

	.post {

		padding: 0 0 35px;

		}

		/* additional rules for post formatting */
	.post h2 { color: #000000;}
	.post h3 {color: #000000;}
	.post h4 {color: #000000;}
	.post div img {padding: 5px 2px 5px 2px; border: none;}

	#sidebar p {

		line-height: 1.7em;

		}

	/* AlexK on 1-Feb-2008 */
	.indexpage {

		line-height: 1.5em;

		}


/* Lists

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

        #toplinks{padding: 15px 5px 0 0;margin-top:-2px}

	/*#toplinks a {color: #333;text-decoration:underline;font-size:0.9em}*/
	#toplinks a:link,#toplinks a:active,#toplinks a:visited  {color: #C00;text-decoration:none;font-size:0.9em}
	#toplinks a:hover {color: #C00;text-decoration:underline;font-size:0.9em}



	ul.mainmenu {

		padding: 15px 0 0 220px;

		height: 50px;

		text-align: left;

		}

		

	ul.mainmenu li {

		float: left;

		position: relative;

		}

		

	ul.mainmenu li a {

		background: url(images/menu.png) top left no-repeat;

		display: block;

		height: 35px;

		letter-spacing: -9000px;

		text-indent: -9000px;

		}

	

	ul.mainmenu li.services a {

		width: 165px;

		}



	ul.mainmenu li.training a {

		width: 120px;

		background-position: -165px 0;

		}

		

	ul.mainmenu li.publication a {

		width: 150px;

		background-position: -285px 0;

		}

		

	ul.mainmenu li.aboutus a {

		width: 149px;

		background-position: -435px 0;margin-right: 0;

		}

		

	#sidebar h3 {

		display: block;

		padding: 15px 0 3px 15px;

		color: #fff;

		font-size: 1.25em;

		}

		

	#sidebar .subscribe h3 {

		background: url(images/sidebar_subscribe_icon.png) no-repeat;

		background-position: 170px 14px;

		}

		

	#sidebar .archives h3 {

		background: url(images/sidebar_archives_icon.png) no-repeat;

		background-position: 170px 14px;

		}

		

	#sidebar .tags h3 {

		background: url(images/sidebar_tags_icon.png) no-repeat;

		background-position: 170px 14px;

		}
		
	.utwreltags a {font-size: 70%; color:gray; text-decoration:none}

	#sidebar .related h3 {

		background: url(images/sidebar_related_icon.png) no-repeat;

		background-position: 170px 14px;

		}

		

	#sidebar .information h3 {

		background: url(images/sidebar_information_icon.png) no-repeat;

		background-position: 170px 14px;

		}

		

	#sidebar .link h3 {

		background: url(images/sidebar_link_icon.png) no-repeat;

		background-position: 170px 14px;

		}



	#sidebar .top {

		background: url(images/sidebar_top.png) top left no-repeat;

		}

	#sidebar .search .top {

		background: url(images/sidebar_top_nobar.png) top left no-repeat;

		padding-top: 13px;

		}

		

	#sidebar .bottom {

		background: url(images/sidebar_bottom.png) bottom left no-repeat #F2F2F2;

		padding: 15px 20px 25px 15px;

		margin-bottom: 5px;height: 1%;

		}

		

	#sidebar .search .bottom {

		padding: 5px 10px 20px 15px;

		overflow: auto;

		height: 1%;

		}

		

	#sidebar .subscribe .bottom {

		padding: 5px 0 15px 10px;

		overflow: hidden;

		}

			

	#sidebar .tools ul li a {

		display: block;

		padding: 9px 10px 9px 35px;

		}

		

	#sidebar .tools ul li.email a {

		background: url(images/tools_email.png) center left no-repeat;

		}

		

	#sidebar .tools ul li.discuss a {

		background: url(images/tools_discuss.png) center left no-repeat;

		}

		

	#sidebar .tools ul li.trackbacks a {

		background: url(images/tools_trackbacks.png) center left no-repeat;

		}



	#sidebar li ul li a {

		line-height: 1.3em;

		color: #C00;

		}

	

	#sidebar li.subscribe ul.contain {

		width: 205px;

		/*_width: 195px;*/

		overflow: auto;

		height: 1%;

		padding-top: 10px;

		}

		

	#sidebar li.subscribe ul .left {

		width: 80px;

		float: left;

		}



		

	#sidebar li.subscribe ul .right {

		width: 80px;

		float: right;

		padding-right: 30px;

		}

		

	#sidebar li.subscribe ul li a {

		line-height: 2.5em;

		display: block;	

		}

						

	#sidebar li.subscribe ul li.addtogoogle a {

		display: block;

		clear: both;

		padding-left: 40px;

		/*margin-top: -25px;*/

		}

	#content ol.numlist li {
		list-style-type:decimal;
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 15px;
	}
	
	#content ul.bullist li {
		 list-style-type: disc;
		 /*list-style-position: inside;*/
		 line-height: 1.6em;
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 15px;
		/*padding-left: 25px;*/
	}		

	/* BEGIN: AlexK on 01-22-2008; override default lists inside entries */
	#contentwrap ol li {
		list-style-type:decimal;
		/*list-style-position: inside;*/
		margin: 0px 0px 0px 20px;	/* distance from the left edge */
		padding: 0px 0px 0px 5px;	/* distance between numbers and text */
	}
	#contentwrap ul li {
		list-style-type: disc;
		line-height: 1.6em;
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 10px;
	}
	/* END AlexK on 01-22-2008 */

	#content ul li a {

		text-decoration: none;

		line-height: 2.4em;

		padding-left: 25px;

		background: url(images/arrow.gif) top left no-repeat;

		color: #C00;

		}
	
	#content ul li a:hover {

		text-decoration: underline;

		line-height: 2.4em;

		padding-left: 25px;

		background: url(images/arrow.gif) top left no-repeat;

		color: #C00;

		}
	
	#content .bottom ul {
		list-style-type: disc;
		margin-left: 10px;
		padding-left: 0px;
	}
	#content .bottom ul li {
		list-style-type: disc;
		margin-left: 6px;
	}



/* Images

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



	#content img {

		padding: 10px;

		/*border: 1px solid #ccc;*/
		border: none;

		max-width: 100%;

		display: block;

		margin: 0 auto;

		}



	#content img.none {

		border: 0;

		max-width: 90%;

		margin: 0 auto;

		}



	#content img.wp-smiley {

		border: 0;

		padding: 0;

		margin: 0;

		display: inline;

		}

		

	#content img.leftalign {

		border: 0;

		padding: 10px;

		margin: 0;

		display: inline;

		}



/* Extras

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



	blockquote {

		margin: 0;

		padding: 0 0 0 25px;

		background: url(images/quote.gif) top left no-repeat;

		}



	.alignright {

		float: right;

		}

		

	#content .post .alignright {

		margin-left: 10px ;

		/* Used to give spacing to floating elements within a post */

		}

		

	.alignleft {

		float: left

		}

		

	#content .post .alignleft {

		margin-right: 10px ;

		/* Used to give spacing to floating elements within a post */

		}



	.metadata {

		display: block;

		padding: 10px 0 0;

		}

		

	.commentdata {

		padding: 5px 0 0;

		}



	.date {

		display: block;

		color: #666;

		padding: 5px 0 0 0;

		}

		

	.date .year {

		font-size: 1.4em;

		}

	

	.metadata a {

		color: #C00;

		}



	.clear {

		clear: both;

		}

		

	.navigation {

		padding-bottom: 20px;

		}



	hr {

		display: none;

		/* The <hr>s are used to separate header, content, sidebar, and footer in the xhtml when styles are disabled */

		}

	

	.alignrightimage {

		float: right;

		margin-left: 10px;

		}

#menu {

padding-top:15px;padding-left:220px;
/*z-index:3;*/

}

html > body #menu {

padding-top:10px;
/*z-index:3;*/

}

#menu img {

margin-right:-4px;

}

#menu ul {

padding:0;

margin:0;

list-style-type:none;

}

#menu li {

float:left;

margin:0;

padding:0;

}



/** menu **/

#nav li ul { /* all lists */

padding: 0;

list-style: none;

line-height: 14px;

margin:29px 0 0 -150px;

background-color:#CCCCCC;

text-align:left;

border: 1px solid black;

}

html>body #nav li ul{

margin:-13px 0 0 10px;

}

#nav li ul a {

display: block;

width:auto;

background-color:#CCCCCC;

}

#nav li.sub_dropdown a.sub{

display: block;

background-image:url(../images/bk_2nd_drop.gif);

}

#nav li.sub_dropdown a:hover{

display: block;

background-image:url(../images/bk_2nd_drop_over.gif);

}

#nav li ul li { /* all list items */

float: left;

width: 111px; /* width needed or else Opera goes nuts */

margin-right: 0px;	

}

html>body #nav li ul li.nomargin{

margin-right: -1px;

}

html>body #nav li ul li{

margin-right: 1px;

}

#nav li ul li a{

padding-top: 4px;

padding-bottom: 4px;

text-decoration:none;

text-indent:5px;

display:block;

width: 111px;

color:#000000;

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

font-size:11px;  

}

#nav li ul li a:hover{

color:#C00;

padding-top: 4px;

padding-bottom: 4px;

text-decoration:none;

text-indent:5px;

background-color:#fff;

}

#nav li ul li{

width:auto;

}

#nav li ul { /* second-level lists */

position: absolute;

background-color:#333333;

left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}

#nav li ul ul { /* third-and-above-level lists */

margin: -23px 0 0 108px;

background-color:#CCCCCC;

display:block;

}

html>body #nav li ul ul{

margin: -23px 0 0 108px;

width:120px;

}



#nav li:hover ul ul, #nav li.sfhover ul ul {

left: -999em;

width:120px;

}



#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */

left: auto;

}

#entry ul {}