/*
Theme Name: The new Sabe Template
Theme URI: 
Description: A photography & multimedia portfolio theme for Wordpress
Version: 
Tags: 
Author: 
Author URI: 
License: GPL
*/


/* TEXT */
body {
	font: 10px/12px "Andale Mono","Arial",monospace;
	color: #464646;
	background-color: #F6F6F6;
}		
h1,h3 {
	font: bold 10px/10px Arial,sans-serif;
	text-transform: uppercase;
}

h1 a {
	font: bold 10px/10px Arial,sans-serif;
	text-transform: uppercase;
border-bottom: none;
}
strong {
	font: bold 10px Arial,sans-serif;
	text-transform: uppercase;
}

a {
	color: #464646;
	text-decoration: none;
	border-bottom: thin solid #ffe92d;
	line-height: 14px;
}

a:hover {
	border-bottom: thin solid #f6f6f6;
	text-decoration: line-through;
}

#header {
	text-decoration: none;
	line-height: 0px;
}
.footer {
	color: #d4d4d4;
}
.footer a {
	color: #d4d4d4;
	border-bottom: thin solid #ffe92d;
}

/* 1 */

.slideshow { height: 352px; width: 685px; margin: auto }
.slideshow img { padding: 10px; border: 1px solid #ccc; background-color: #eee; }

/* 2 */

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 685px; /*Width of Carousel Viewer itself*/
height: 390px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 685px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* front */

.stepcarouselfront{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 685px; /*Width of Carousel Viewer itself*/
height: 370px; /*Height should enough to fit largest content's height*/
}

.stepcarouselfront .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouselfront .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 685px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.pos
{
position: absolute;
top:362px;
right:15px;
}