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

	MODULE - QUICK-LINKS

	**************************************************************/
	
	.expand-up {
	position:relative;
	font-family:verdana;
	line-height:normal;
	height:25px;
	width:310px;
	overflow:visible;
	}

	.expand-up * {
	margin: 0;
	padding: 0;
	border:0px solid #666666;
	}

	.expand-up ul {
	margin-left:0px;
	}

	.expand-up ul li {
	/*float:left;*/
	list-style-type:none;
	padding-top:0px;
	margin-top:0px;
	}

	.expand-up ul li a {
	text-decoration:none;
	}

	.expand-up ul li a img {
	width:30px;
	height:30px;
	border:0px solid #0000ff;
	float:left;
	margin-right:15px;
	}

	.expand-up ul li a span {
	display:none;
	font-size:12px;
	text-align:center;
	color:#ffffff;
	padding:5px;
	float:left;
	}

	.expand-up ul li:hover a span {
	display:block;
	margin-top:-55px;
	background:#333333;
	background-image:url('../graphics/blacktransparentbg.png')
	float:left;
	}

	.expand-up ul li:hover a img {
	width:50px;
	height:50px;
	margin-top:-25px;
	}

	.expand-up ul li:hover + li a img {
	width:35px;
	height:35px;
	margin-top:-10px;
	}

	.expand-up ul li:hover + li + li a img {
	width:30px;
	height:30px;
	margin-top:-5px;
	}
	
/*****************************************************************

	MODULE - ARTICLE RANKING

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

	* { margin: 0; padding: 0; }
	body { font: 10px verdana, serif; }
	html { overflow-y: scroll; }
	a { text-decoration: none; }
	p { font-size: 15px; margin: 0 0 15px 0; }
	
	*/

	#page-wrap-leftcol 								{ width: 150px; margin: 0px auto; }
	#page-wrap-rightcol 							{ width: 300px; margin: 0px auto; }

	.img-pagewrap 									{ float:left; }

	ul 												{ list-style: none; }
	ul li a 										{ display: block; border-bottom: 0px dotted #666; padding: 2px; color: #666; text-decoration:none; }
	ul li a:hover 									{ /*background: #fe4902;*/ color: white; text-decoration:none; }
	ul li:last-child a 								{ border: none; }

	#organic-tabs 									{ padding: 0px; margin: 0 0 0px 0; -webkit-box-shadow: 0 0 5px #666; }

	#explore-nav-leftcol 							{ overflow: hidden; margin: 0 0 5px 0; }
	#explore-nav-leftcol li 						{ width: 50px; float: left; margin: 0 0 0 0; }
	#explore-nav-leftcol li.last 					{ margin-right: 0; }
	#explore-nav-leftcol li a 						{ display: block; padding: 2px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; text-decoration:none; }
	#explore-nav-leftcol li a:hover 				{ background-color: #666666; text-decoration:none; }

	#explore-nav-rightcol 							{ overflow: hidden; margin: 0 0 5px 0; }
	#explore-nav-rightcol li 						{ width: 100px; float: left; margin: 0 0px 0 0; }
	#explore-nav-rightcol li.last 					{ margin-right: 0; }
	#explore-nav-rightcol li a 						{ display: block; padding: 2px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; text-decoration:none; }
	#explore-nav-rightcol li a:hover 				{ background-color: #666666; text-decoration:none; }

	#best-rated, #most-commented 					{ display: none; }

	#explore-nav-leftcol li#ex-most-read a.current, ul#most-read li a:hover { background-color: #339999; color: white; }
	#explore-nav-leftcol li#ex-best-rated a.current, ul#best-rated li a:hover 		{ background-color: #339999; color: white; }
	#explore-nav-leftcol li#ex-most-commented a.current, ul#most-commented li a:hover { background-color: #339999; color: white; }

	#explore-nav-rightcol li#ex-most-read a.current, ul#most-read li a:hover { background-color: #339999; color: white; }
	#explore-nav-rightcol li#ex-best-rated a.current, ul#best-rated li a:hover { background-color: #339999; color: white; }
	#explore-nav-rightcol li#ex-most-commented a.current, ul#most-commented li a:hover { background-color: #339999; color: white; }
	
/*****************************************************************

	MODULE - SIDENAVIGATION

	**************************************************************/
	
	.trigger {
	width:155px;
	height:30px;
	cursor:pointer;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	border:0px solid #0000ff;
	color:#efefef;
	font-size:10px;
	font-weight:bold;
	line-height:27px;
	background:url('../graphics/sidenavigation/sidenavi_button_passive.png');
	}
	
	.trigger_active 	{ background:url('../graphics/sidenavigation/sidenavi_button_active.png'); }

	.toggle_container {
	position:relative;
	left:10px;
	width:150px;
	padding:2px 0px;
	/*background-color:yellow;*/
	border:0px solid green;
	margin-bottom:5px;
	}
	 
	ul.sidenavi, ul.sidenavi ul {
	list-style-type:none;
	display:block;
	margin: 0;
	padding: 0;
	width: 150px;
	}

	ul.sidenavi a {
	display: block;
	text-decoration: none;
	}

	ul.sidenavi li {
	margin-top: 1px;
	display:block;
	border-bottom:1px dotted #666666;
	}
	
	ul.sidenavi li.lastelement {
	border-bottom:0px dotted #666666;
	}

	ul.sidenavi li a {
	color: #666666;
	font-weight:bold;
	margin-left:5px;
	}

	ul.sidenavi li a:hover {
	color: #339999;	
	}
	
/*****************************************************************

	MODULE - ARTICLE SLIDER

	**************************************************************/
	
	/*
	    anythingSlider v1.0

	    By Chris Coyier: http://css-tricks.com
	    with major improvements by Doug Neiner: http://pixelgraphics.us/
	    based on work by Remy Sharp: http://jqueryfordesigners.com/
	*/

		.anythingSlider                         { height:115px; position: relative; margin: 0 auto 15px; }
		.anythingSlider .wrapper                { height:115px; overflow: hidden; margin: 0px; position: absolute; top: 0px; left: 0; }
		.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
		.anythingSlider ul li                   { height:117px; display: block; float: left; padding: 0;  margin: 0; }

		.anythingSlider .arrow                  { display:block; height:18px; width:23px; background:no-repeat 0 0; text-indent: -9999px; position:absolute; top:0px; cursor:pointer; }
		.anythingSlider .forward          		{ top:115px; left:0px; background-image: url('../graphics/modules/arrows_forward_grey.png'); }
		.anythingSlider .back             		{ top:115px; left:0px; background-image: url('../graphics/modules/arrows_back_grey.png'); }
		.anythingSlider .forward:hover    		{ top:115px; left:0px; background-image: url('../graphics/modules/arrows_forward_green.png'); }
		.anythingSlider .back:hover       		{ top:115px; left:0px; background-image: url('../graphics/modules/arrows_back_green.png'); }

		#thumbNav                               { position: relative; top:115px; text-align: center; border:0px solid #666666;}
		#thumbNav a                             { color:#666666; font: 11px/18px verdana; display: inline-block; padding: 0px 0px; width:18px; height:18px; margin: 0 5px 0 0; background:url('../graphics/modules/mod_pagination_button_passive.png') repeat-x; text-align: center; }
		#thumbNav a:hover                       { background-image: url('../graphics/modules/mod_pagination_button_active.png'); color:#339999; }
		#thumbNav a.cur                         { background-image: url('../graphics/modules/mod_pagination_button_active.png'); color:#339999; }

	/*
	  Prevents
	*/
		.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
		.anythingSlider .wrapper ul ul li 		{ float: none; height: auto; width: auto; background: none; }


	/*
	     ############### PAGE STYLES ####################

	*/

		*                                       { margin: 0; padding: 0; }

		#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
		#dl:hover                               { background: #666; }

		/* For Specific Slides */
		#textSlide                              { padding: 0px 0px 0px 0px; }
		#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
		#textSlide ul li                        { display: list-item; }
		#textSlide span                         { font: 10px verdana; color:#666666; }

		#quoteSlide                             { padding: 30px; }
		#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
		#quoteSlide p                           { text-align: center; }