/**
 * Zazar Presentation Framework
 *
 * Stylesheet: zframework.css
 *
 * Version: 2.0.0 Beta 1
 * (C) 2011-2012 Zazar Ltd
 * 
 * Description: Stylesheet for framework presentation, layouts and effects
 *
 * History:
 * 2.0.0 Beta 1 - Initial release
 *
 **/


/* Styling used for all media types */

@media all {

}


/* Styling for screens */

@media screen, projection {



	/* Form */


	/* Navigation */

	.rssFeed .navigation { height: 1%; }
	.rssFeed .navigation, .navigation * {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.rssFeed .navigation li ul {
		position: absolute;
		width: 10em;
		display: none;
		z-index: 999;
		background-color: #fff;
	}
	.rssFeed .navigation ul li { width: 100%; }
	.rssFeed .navigation li:hover { visibility: inherit; }
	.rssFeed .navigation a {
		display: block;
		position: relative;
		padding: 0.8em 1em;
		text-decoration: none;
		line-height: 1;
	}
	.rssFeed .navigation a:hover { outline: 0; }
	.rssFeed .navigation a span {
		position: absolute;
		display: block;
		top: 0.9em;
		right: 0.2em;
		width: 10px;
		height: 10px;
		text-indent: -999em;
		overflow: hidden;
		background: url('ui_nav.gif') no-repeat -10px -100px;
	}
	.rssFeed .navigation a > span { background-image: url('ui_nav.png'); }
	.rssFeed .navigation ul a span, .navigation.vertical a span { background-position: -10px 0; }
	.rssFeed .navigation li { position: relative; }
	.rssFeed .navigation.horizontal li { float: left; }
	.rssFeed .navigation.vertical li {
		float: left;
		clear: left;
		width: 10em;
	}
	.rssFeed .navigation.vertical li ul {
		margin-left: 10em;
		top: 0;
	}
	.rssFeed .navigation li ul li ul { top: 0; }
	.rssFeed .navigation li ul ul { margin: 0 0 0 10em; }


	/* Pagination navigation */

	.rssFeed .pagination {
		margin: 0;
		padding: 0;
	}	
	.rssFeed .pagination li {
		float: left;
		margin: 0.5em 0.5em 0.5em 0;
		padding: 0;
		list-style: none;
		font-size: 0.8em;
	}
	.rssFeed .pagination li a, .rssFeed .pagination li.current a {
		float: left;
		padding: 0.3em 0.5em;
		line-height: 1;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #888;
		outline: none;
	}
	.rssFeed .pagination li a:hover { border-color: #444; }
	.rssFeed .pagination li.current a {
		color: #fff;
		background-color: #000;
		border-color: #000;
	}


	/* Random */


	/* Reveal */


	/* Rotate */

	.rssFeed .rotate, .rotate li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.rssFeed .rotate { position: absolute; }
	.rssFeed .rotate li { display: block; }
	.rssFeed .rotate h4, .rotate p { margin: 0; }
	.rssFeed .rotateItem { padding: 0.5em 0; }


	/* Scrollto */


	/* Slider */

	.rssFeed .slider, .slider li {
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}
	.rssFeed .slider li { float: left;}

	.rssFeed .sliderItem {}

	.rssFeed .sliderPrevious, .sliderNext {}


	/* Tabs */

	.rssFeed .tabs {
		margin: 0;
		padding: 0;
		height: 1px;
		list-style: none;
	}
	.rssFeed .tabs li {
		float: left;
		margin: 0 2px 0 0;
		position: relative;
		top: 1px;
		border: 1px solid #888;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	.rssFeed .tabs li a {
		display: block;
		margin: 0 1px;
		padding: 0.2em 1em;
	}
	.rssFeed .tabs li.current {
		background: #fff;
		border-bottom: none;
	}
	.rssFeed .tabs li.current a { border-bottom: 1px solid #fff; }
	.rssFeed .tabs li a:focus { outline: none; }

	.rssFeed .tab {
		clear: left;
		padding: 0.5em 1em;
		background: #fff;
		border: 1px solid #888;
		border-top-right-radius: 6px;
	}


	/* Ticker */

	.rssFeed .ticker, .ticker li { position: relative; }
	.rssFeed .ticker { overflow: hidden; }

	.rssFeed .tickerPrevious, .tickerNext {}


	/* Tooltip */

	.rssFeed .tooltipPopup {
		padding: 0.3em 0.5em;
		letter-spacing: 0;
		font-size: 0.9em;
		line-height: 120%;
		background-color: #fff;
		border: 1px solid #000;
	}


	/* Tree */
	.rssFeed .tree * {
		margin: 0;
		padding: 0;
	}
	.rssFeed .tree li {
		padding-left: 21px;
		list-style: none;
	}
	.rssFeed .tree li.root { padding-left: 0; }
	.rssFeed .tree li li {
		margin-left: 10px;
		padding-left: 31px;
	}
	.rssFeed .tree li li.root { padding-left: 10px; }

	.rssFeed .tree.lines li li { background: url('ui_tree_node.gif') no-repeat 17px center; }
	.rssFeed .tree.lines li li.root { background: url('ui_tree.gif') repeat-y 17px 0; }
	.rssFeed .tree.lines li li.last { background: url('ui_tree_last.gif') no-repeat 17px 0; }
	
	.rssFeed .treePlus, .treeMinus {
		float: left;
		display: block;
		margin-top: 2px;
		padding: 0 5px 0 0;
		height: 16px;
		width: 13px;
		text-indent: -999em;
		line-height: 0;
		font-size: 0;
		background: url('ui_tree_buttons.gif') no-repeat;
	}
	.rssFeed li > span.treePlus, li > span.treeMinus { width: 16px; }

	.rssFeed .treePlus:hover { cursor: pointer; }
	.rssFeed .treeMinus { background-position: 0 -16px; }

	
	/*
	 * Misc classes
	*/

	.rssFeed .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.rssFeed .clearfix {
		display: block;
		min-height: 1%;
	}
	* html .clearfix { height: 1%; }

}


/* Styling for printing */

@media print {

	/* Not currently implemented */
}


/* Styling for iPhone only */

@media screen and (max-device-width: 480px) {

	/* Not currently implemented */
}