/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	CSS -Tutorial Project-  ***Slider***
	***Specific Settings for the Slider needed in the start tmpl file***

  ~Specific CSS for the template
  ~Karmic Slider CSS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Slider Content Basics and Typo */
#slider_content {  
float:left;
height:200px;
margin-right:30px;
padding:10px;
width:470px;
}

#slider_content h1 {  
color:#fff;
}

#container1 p {
  color:#EFFBFF;
  font-size:120%;
  margin-bottom: 30px;
}

#container1 h3 {
  color: #003063;
  font-size:140%;
}

#container1 a:link, a:visited, a:active {
	color: #fff;
	text-decoration: none;
}
#container1 a:hover {color:#003063; text-decoration: none;}

/* Karmic CSS File */
.karmic_flow_container {
	overflow: hidden; 
	position: relative;
	
	/* optional */
	width: 100%; 
	height: 100%;
}

.karmic_flow_slider, .karmic_flow_slider li {
	list-style:none;
	margin: 0;
	padding: 0;
}

.karmic_flow_slider {
	overflow: hidden; 
	position: relative;
	
	/* optional */
	margin-left: 0;
}

.karmic_flow_slider li {
	float: left;
	position: relative;
	overflow:hidden;
}

.karmic_flow_slide_overflow {
	/* optional */
	/*overflow:auto;*/
}

.karmic_flow_sliding, .karmic_flow_slide_overflow {
	overflow:hidden;
}

.karmic_flow_sliding object, .karmic_flow_sliding embed {
	display: none;
}

.karmic_flow_controller_selected {
	/* optional */
	background: #FFF !important;
	color: #663300 !important;
	padding: 7px 10px !important;
}

.karmic_flow_controller {
	/* optional */
	background: #333;
	color: #3399CC;
	padding: 5px 10px;
	line-height: 25px;
	text-decoration: none;
}

.karmic_flow_prev_controller,
.karmic_flow_next_controller,
.karmic_flow_play_controller, 
.karmic_flow_pause_controller {
	display: block;
	float: left;
	line-height: 10em;
	background: url(../i/layout/Knob%20Fast%20Rewind.png);
	width: 32px;
	height: 32px;
	overflow:hidden;
	color:#000;
}

.karmic_flow_next_controller {
	background: url(../i/layout/Knob%20Fast%20Forward.png);
}

.karmic_flow_play_controller {
	background: url(../i/layout/Knob%20Play.png);
}

.karmic_flow_pause_controller {
	background:url(../i/layout/Knob%20Pause.png) !important;
}