/*  
 *  sliderkit-site.css
 *	> generic styles for Slider Kit plugin website presentation
 * 
 */

/*---------------------------------
 *  Site structure
 *---------------------------------*/
.spacer{clear:both;}

#header-wrapper{width:800px;margin:0 auto;text-align:left;}
#header-title{float:left;padding:0px 0;font-size:1.3em;}
#header-title,
#header-title a{color:#fff;font-family:Verdana, sans-serif;text-decoration:none;}
#header-title a:hover{text-decoration:underline;}
#header-lang{float:right;margin:12px 10px 0 0;}
#header-lang ul li{display:inline;}
#header-lang ul li a{color:#fff;}

#header{background-color:#0089be;background-image:-moz-linear-gradient(top, #00668d 0%, #0089be 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#00668d), to(#0089be));}

#highlight{padding:20px 0;background:#f2f1f1;}

#page{padding:25px 0 0;}
#content{width:585px;}
.inner{width:800px;margin:0 auto;text-align:left;}
.layout-1col #content{float:none;}

#download{width:170px;margin:0 0 60px;text-align:center;}
#download.wide{width:570px;text-align:left;}
#donate{margin:0 0 10px;padding:15px;text-align:center;background:#f2f1f1;-moz-border-radius:7px;-webkit-border-radius:7px;border:1px solid #fff;}

/*---------------------------------
 *  Default tags
 *---------------------------------*/
a{color:blue;text-decoration:none;}
a:hover,
.sliderkit a:hover{text-decoration:underline;color:#000}
a:active,
.sliderkit a:active{color:orangeRed}
a:focus{}
a:visited{}


h1{font-size:2.2em;margin:30px 0 15px;}
h1.code-first{margin-top:0;}
h2{font-size:1.6em;margin:30px 0 15px;}
h3{font-size:1.3em;margin:20px 0 10px;}
h4{font-size:1em;margin:15px 0 7px;}

ul{margin:0 0 10px 0;padding:0;list-style:disc inside none;}
ul li{margin:0 0 5px;}
p{margin:0 0 5px;}

.noscript{margin:10px 0 15px;padding:10px;color:#fff;background:red;}
/*.noscript .code-sitename{background:none;}*/
#page ul{margin:10px 0 10px 15px;}

/*---------------------------------
 *  Download button
 *---------------------------------*/
#download small{color:#666;font-size:0.9em;}
.download{
	display:block;
	margin:0 0 5px;padding:8px 0;
	color:#fff;font-size:1.2em;text-decoration:none;text-shadow:0 -1px 0 #333;
	-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #00668d;
	background:#00668d;background:-moz-linear-gradient(top, #0089be 0%, #00668d 100%);background:-webkit-gradient(linear, left top, left bottom, from(#0089be), to(#00668d));
}
.sliderkit .download:hover{
	color:#fff;text-decoration:none;
	background:#00668d;background:-moz-linear-gradient(top, #00668d 0%, #0089be 100%);background:-webkit-gradient(linear, left top, left bottom, from(#00668d), to(#0089be));
}

/*---------------------------------
 *  Code formatting
 *---------------------------------*/
.code-details{display:none;}
.code-pre{margin:10px 0 15px;padding:10px;overflow:auto;overflow-y:hidden;color:#333;border-left:3px solid #6ce26c;background:#F2F1F1;}
.code-block{margin:0 0 15px;}
.code-notes{margin:10px 0 15px;padding:10px;color:#000;border:1px solid #ccc;background:#ffffec;}
.code-notes h4{margin-top:0;}
.code-setting{color:#0857b8;font-weight:bold;font-style:normal;}
.code-value{color:green;font-weight:bold;font-style:normal;}
.code-classname{color:#990066;font-style:normal;}
.code-filename{color:#af5f00;font-style:normal;}
.code-comment{color:green;font-style:normal;}
.code-togglebtn{display:block;}
.code-sitename{/*color:#000;background:#F2F1F1;*/}
.code-lowlight{color:#999;}
.code-error{color:red;}

/*---------------------------------
 *  Settings list
 *---------------------------------*/
.setting-type{color:#666;}
.setting-value em{color:#005b7d;font-style:normal;}

/*---------------------------------
 *	Tabs menu
 *---------------------------------*/	
.tabs-menu{width:800px;margin:0;}

/* Nav */
.tabs-menu .sliderkit-nav{position:relative;width:800px;text-align:left;border-bottom:1px solid #00668d;}
.tabs-menu .sliderkit-nav-clip{margin:0;}
.tabs-menu .sliderkit-nav-clip li,
.tabs-menu .sliderkit-nav-clip li a{float:left;margin:0;}
.tabs-menu .sliderkit-nav-clip li a{margin:0;margin:0 5px 0 0;padding:4px 10px;color:#fff;font-size:1.1em;text-decoration:none;color:#fff;border:1px solid #00668d;background:#0089BE;}
.tabs-menu .sliderkit-nav-clip li a:hover{background:#00668d;color:#fff;}
.tabs-menu .sliderkit-nav-clip li.sliderkit-selected a{border-bottom-color:#fff;background:#fff;}
.tabs-menu .sliderkit-nav-clip li.sliderkit-selected a,
.tabs-menu .sliderkit-nav-clip li.sliderkit-selected a:active{color:#000;}
.tabs-menu .sliderkit-nav-clip li.donate{float:right;}
.tabs-menu .sliderkit-nav-clip li.donate a{margin:0;color:#000;background-color:#ffb542;border-color:#f68b01;}
.tabs-menu .sliderkit-nav-clip li.donate a:hover{color:#000;background:#fedfa1;}

/* Panel */
.tabs-menu .sliderkit-panels{/*width:528px;padding:10px;*/}
.tabs-menu .sliderkit-panel{position:relative;}

/*---------------------------------
 *  Rounded corners
 *---------------------------------*/
 
/* 4 corners */
.tabs-menu .sliderkit-nav-clip li a{
    -moz-border-radius:7px 7px 0 0; /* FF1+ (FF4-) */
	-webkit-border-radius:7px 7px 0 0; /* Saf3-4, iOS 1+, Android 1.5+ */
	-opera-border-radius:7px 7px 0 0; /* Opera 11- */
    border-radius:7px 7px 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	
	/* useful if you don't want a bg color from leaking outside the border: */       
	-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;
}

/*---------------------------------
 *  Slider kit
 *---------------------------------*/
.sliderkit,
.customtabs{margin:0px 0;}
#page .sliderkit ul,
#page .customtabs ul{margin:0;}

.sliderkit .sliderkit-nav-clip a:active{color:#fff}
.sliderkit .sliderkit-nav-clip a:hover{text-decoration:none;}
.tabs-standard .sliderkit-nav-clip li.sliderkit-selected a:active,
.tabs-noheight .sliderkit-nav-clip li.sliderkit-selected a:active{color:#000}
.tabs-standard .sliderkit-nav-clip a:hover,
.tabs-noheight .sliderkit-nav-clip a:hover{color:#fff}

#page .tabs-menu .sliderkit-panel{position:relative;}
#page .tabs-menu .sliderkit-panel-body{width:980px;}
#page .tabs-menu .sliderkit-panel .supertoc{position:absolute;width:180px;right:0;top:0px;}

/*---------------------------------
 *  Super TOC!
 *---------------------------------*/
.supertoc{float:right;margin:0 0 30px;padding:0 10px 10px;text-align:left;background:#f2f1f1;-moz-border-radius:7px;-webkit-border-radius:7px;border:1px solid #ccc;}
.supertoc ul{list-style:disc outside none;}
.supertoc ul li{padding:0px;}
.supertoc ul .toc-h1{margin:0px 0 0px;list-style:none;}
.supertoc ul .toc-h2{list-style:disc;margin:0px 0 0 20px;}
.supertoc ul .toc-h3{list-style:circle;margin:0 0 0 35px;}
.supertoc ul a:hover{text-decoration:underline;}


/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}