/* CSS Document */

/*CSS POLAROID*/

ul.polaroids
{
	width: 360px;
	margin: 0 0 18px -30px;
}

ul.polaroids li
{
	display: inline;
}

ul.polaroids a
{
	background: #4d453f;
	display: inline;
	float: left;
	margin: 0 0 27px 30px;
	width: auto;
	padding: 10px 10px 15px;
	text-align: center;
	font-family: "Marker Felt", sans-serif;
	text-decoration: none;
	color: #333;
	font-size: 18px;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-webkit-transform: rotate(-2deg);
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transform: rotate(-2deg);
}

ul.polaroids img
{
	display: block;
	width: 100px;
	margin-bottom: 5px;
}

ul.polaroids a:after
{
	content: attr(title);
}
		
ul.polaroids li:nth-child(even) a
{
	-webkit-transform: rotate(2deg); 
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
}

ul.polaroids li:nth-child(1n) a
{
	position: relative;
	top: 20px;
}

ul.polaroids li:nth-child(3n) a
{
	-webkit-transform: rotate(-5deg);
	position: relative; top: 25px;
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-0-transform: rotate(-5deg);
}

ul.polaroids li:nth-child(6n) a
{
	position: relative;
	top: -40px
}
		
ul.polaroids li.messy a
{ 
	margin-top: -375px;
	margin-left: 160px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
}
		
ul.polaroids li a:hover
{
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
	position: relative; z-index: 5;
}
		
code
{
	background: rgba(0,0,0,.5);
	padding: 2px 3px; color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.75);
	-webkit-border-radius: 3px; -moz-border-radius: 3px;
}
		
ol.code
{
	background: rgba(0,0,0,.75);
	margin-bottom: 18px;
	border: solid rgba(0,0,0,.75);
	border-width: 1px 1px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.5);
}

ol.code li, ol.code li code
{
	font-size: 14px !important;
}

ol.code code
{
background: none;
}
		
/*FIN CSS POLAROID*/

	
/*CSS BOOKLET 1.4.0*/

.booklet
{
	position:relative;
	margin:20px auto;
	overflow:visible !important;
	top: 31px
}

.booklet .b-page
{
	left:0;
	top:0;
	position:absolute;
	overflow:hidden;
	padding:0;
	padding:0;
	margin-left:0;
	display:block;
}
	
.booklet .b-pN  {}
.booklet .b-p0  {}
.booklet .b-p1  {}
.booklet .b-p2  {}    
.booklet .b-p3  {}
.booklet .b-p4  {}
	   
/* Page Wrappers */

.booklet .b-wrap
{
	top:0;
	position:absolute;
}

.booklet .b-wrap-left 
{
	background-image:url(images/page_g.png);
	background-repeat:no-repeat;
}

.booklet .b-wrap-right
{
	background-image:url(images/page_d.png);
	background-repeat:no-repeat;
}
	
.booklet .b-pN .b-wrap,
.booklet .b-p1 .b-wrap,
.booklet .b-p2 .b-wrap,
.booklet .b-p3 .b-wrap,
.booklet .b-p4 .b-wrap  {left:0;}
.booklet .b-p0 .b-wrap  {right:0;}
	
/* Custom Page Types */

.booklet .b-page-blank 
{
	padding:0;
	width:100%;
	height:100%;
}

.booklet .b-page-cover 
{
	padding:0;
	width:100%;
	height:100%;
	background-image:url(images/cover_a.png);
}

.booklet .b-page-cover h3
{
	color:#fff;
	text-shadow:0px 1px 3px #222;
}
   
/* Page Numbers */

.booklet .b-counter
{
bottom:1px;
position:absolute;
display:block;
color:#4B443E;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
padding:0 0 0;
}

.booklet .b-wrap-left  .b-counter
{
	left:50%;
}

.booklet .b-wrap-right .b-counter
{
	right:50%;
}
   
/* Page Shadows */

.booklet .b-shadow-f
{
	right:0;
	top:0;
	position:absolute;
	opacity:0;
	background-image:url("images/shadow-top-forward.png");
	background-repeat:repeat-y;
	background-position:100% 0;
}

.booklet .b-shadow-b
{
	left:0; 
	top:0;
	position:absolute;
	opacity:0;
	background-image:url("images/shadow-top-back.png");
	background-repeat:repeat-y;
	background-position:0 0;
}
	
.booklet .b-p0
{
	background-image:url("images/shadow.png");
	background-repeat:repeat-y;
	background-position:100% 10px;
}

.booklet .b-p3
{
	background-image:url("images/shadow.png");
	background-repeat:repeat-y;
	background-position:0 10px;
}
	
/* Overlay Controls */

.booklet .b-grab
{
	cursor: url("images/openhand.cur"), default;
}

.booklet .b-grabbing
{
	cursor: url("images/closedhand.cur"), default;
}
	
/* Overlay Controls */

.booklet .b-overlay
{
	top:0;
	position:absolute;
	height:100%;
	width:50%;
}

.booklet .b-overlay-prev
{
	left:0;
}

.booklet .b-overlay-next
{
	right:0;
}
	
/* Tab Controls */

.booklet .b-tab
{
	background:#000;
	height:40px;
	width:100%;
	padding:10px 0 0;
	text-align:center;
	color:#ccc;
	position:absolute;
	font-size:11px;
}

.booklet .b-tab-prev
{
	left:0;
}

.booklet .b-tab-next
{
	right:0;
}

.booklet .b-tab:hover
{
	background:#aaa;
	color:#000;
}	
	
/* Arrow Controls */

.booklet .b-arrow
{
	display:block;
	position:absolute;
	text-indent:-9999px;
	top:0; height:28px;
	width:32px;
}

.booklet .b-arrow div
{
	display:none;
	text-indent:-9999px;
	height:30px;
	width:34px;
	position:absolute;
	left:0;
	top:25%;
}

.booklet .b-arrow-next
{
	right:-28px;
	top: 610px;
}

.booklet .b-arrow-prev
{
	left:-28px;
	top: 610px;
	
}

.booklet .b-arrow-next div
{
	background:url("images/arrow-next.png") no-repeat left top;
}

.booklet .b-arrow-prev div
{
	background:url("images/arrow-prev.png") no-repeat left top;
}
		
/* @z-index fix (needed for older IE browsers)
----------------------------------------*/

body              {z-index:0;}
.b-menu           {z-index:100;}
.b-selector       {z-index:100;}
.booklet          {z-index:10;}
.b-pN             {z-index:10;}
.b-p0             {z-index:30;}
.b-p1             {z-index:20;}
.b-p2             {z-index:20;}
.b-p3             {z-index:30;}
.b-p4             {z-index:10;}
.b-prev           {z-index:40;}
.b-next           {z-index:40;}
.b-counter        {z-index:40;}
	
/* @Menu Items
----------------------------------------*/

.b-menu {height:40px; padding:0 0 10px;}
	
.b-selector
{
	height:40px;
	position:relative;
	float:right;
	border:none;
	color:#cecece;
	cursor:pointer;
	font:normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.b-selector .b-current
{
	padding:8px 15px 12px;
	line-height:20px;
	min-width:18px;
	height:20px;
	display:block;
	background:#000;
	text-align:center;
}

.b-selector-page
{
	width:auto;
	margin-left:15px;
}

.b-selector-chapter
{
	width:auto;
}
	
.b-selector:hover
{
	color:#fff;
	background-position:left 0px;
}

.b-selector:hover .b-current
{
	background-position:right 0px;
}

.b-selector ul
{
	overflow:hidden;
	margin:0;
	list-style:none !important;
	position:absolute;
	top:40px; 
	right:0;
	padding:0 0 10px;
	background:#000;
	width:240px;
}

.b-selector li
{
	border:none;
}

.b-selector a
{
	color:#cecece;
	height:14px;
	text-decoration:none;
	display:block;
	padding:5px 10px;
}

.b-selector a .b-text
{
	float:left;
	clear:none;
}

.b-selector a .b-num
{
	float:right;
	clear:none;
}

.b-selector a:hover
{
	color:#fff;
}

/*FIN CSS BOOKLET 1.4.0*/


/*CSS EASY SLIDER*/

/*body
{
	font:12px Verdana, Helvetica, Sans-Serif;
	color:#333;
	margin:0;
	padding:0;
}*/
	
h1
{
	font-size:18px;
	font-weight:normal;
	margin:20px;
	padding:0;
}

img
{
	border:none;
}

/* image replacement */

.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next
{
	margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    text-indent:-8000px;
}

div#slider
{	
	margin-left:325px;
	padding-top: 60px;
}

/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li
{
	margin:0;
	padding:0;
	list-style:none;
}
		
#slider2
{
	margin-top:1em;
}

#slider li, #slider2 li
{ 
	width:313px;
	height:133px;
	overflow:hidden;
}

#prevBtn, #nextBtn,
#slider1next, #slider1prev
{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
}

#nextBtn, #slider1next
{ 
	left:696px;
}

#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a
{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
}

#nextBtn a, #slider1next a {}


/* numeric controls */

ol#controls
{
	margin-left:395px;
	padding:0;
	height:28px;
}

ol#controls li
{
	margin:10px 5px 0 0;
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
}

ol#controls li a
{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#FFFFFF;
	color:#555;
	padding:0 10px;
	text-decoration:none;
}

ol#controls li.current a
{
	background:#6D5C4F;
	color:#fff;
}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus
{
	outline:none;
}

.border-radius-bann
{
	-webkit-border-radius: 25px;
  	-moz-border-radius: 25px;
  	-ms-border-radius: 25px;
  	-o-border-radius: 25px;
  	border-radius: 25px;
	behavior: url(PIE.htc);
}

/*FIN CSS EASY SLIDER*/