/******************************************************************************
  These CSS definitions both override and extend the ones provided by
   Scribble. 
   ****************************************************************************/

p, .SIntrapara {padding: 0; margin: 0;}
body{
	padding:      0px;
	margin:       0px;
  background:   no-repeat url("http://www.bootstrapworld.org/images/bootBG.png") fixed bottom right;
  background-color: #f5deb3;
	max-width:    800px;
  font-family:  Times;
	
}


/* First, let us hide the table of contents from the default Scribble output: */
.tocset {
    display: none;
}

/* And have the main column take up a wider section of the page: */
.maincolumn {
    width: 100%;
    margin-left: 5px;
}


/* We extend the format for worksheets, lessons, drills. */
.BootstrapDrill {
    border: 1px solid blue;
    padding: 5px;
    margin: 3px;
}

.BootstrapWorksheet {
    border: 1px solid black;
    padding: 5px;
    margin: 10px;
}
.BootstrapWorksheetSegment{
	text-decoration: underline;
	font-weight: bold;
	font-size: 16px;

}

/******************************************************************************
  Lesson Slices have titles, durations, and exercises, sections of content
   ****************************************************************************/
.BootstrapLessonTitle{
    background: black;
    color: white;
    font-size: 18px;
}

.BootstrapLessonTitle .BSLessonDuration{float: right;}
.BootstrapLesson {
    border: 1px solid black;
    padding: 5px;
    margin: 3px;
    color: black;
    background: rgba(255,255,255,.5);

}
div.BootstrapLesson{border: none;}
blockquote.BootstrapLesson{margin: 0px; padding: 0px;}

.BootstrapLesson img{
    float:right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.NoFloat img { 
    float: none;
}

.BootstrapLesson .BootstrapVideo a:before{
  margin-right: 20px;
  content: url(http://icons.iconarchive.com/icons/kyo-tux/aeon/32/Misc-Video-icon.png);
}

.BootstrapLesson .BootstrapVideo{
  display: inline-block;
  padding: 10px 0px;
  margin: 10px 0px;
  width: 95%;
	background: rgba(179, 222, 245, 0.4);
	border-top: 1px dashed gray;
	border-bottom: 1px dashed gray;
}

/*.BootstrapLesson tr{
    color: #4682B4;
    font-family: monospace;
}*/

/*Exercise Design*/
.BootstrapExercise, .BootstrapSkit{
	border-top: 1px dashed gray;
	border-bottom: 1px dashed gray;
	background: rgba(245, 222, 179, 0.4);
	margin: 10px 0px;
  padding: 5px 0px;
  width: 95%;
  display: inline-block;
  vertical-align: middle;
}

.BootstrapExercise .BootstrapHeader{margin: 0px;}


blockquote.pedagogy {
    display: inline;
    padding: 0px;
    margin: 0px;
    border: 0px;
    font-style: italic;
}
blockquote.pedagogy p{ display: inline;}


/* Main page */
.BSCourseName {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    font-family: sans-serif;
}


/******************************************************************************
  Bootstrap Units have titles, overviews, agendas and to-do items, and 
  are made up of Lesson slices
   ****************************************************************************/

/*Title Design*/
.BootstrapTitle{
    text-align: center;
    font-size: 32px;
    font-weight: bold;
}
.BootstrapTitle img{
  float: left;
}
/*Subsection Header Design*/
.BootstrapHeader{
	  font-weight: bold;
	  font-size: 16px;
    margin-top: 15px;
    margin-right: 5px;
}

/*Overview design*/
.BootstrapOverviewTitle{
    background: black;
    color: white;
    font-size: 18px;
    margin: 0px;
    display: block;
    width: 100%;
}
.BootstrapOverview {
    padding: 5px;
    background: lightgray;
    page-break-after: always;
    border: solid 1px black;
}

/*Table Design*/
.BootstrapTableHeader{
	border: 1px solid black;
	background: grey;
	font-weight: bold;
  padding: 5px;
  font-family: monospace;
}
.BootstrapTable{
	width: 300px;
	border: 1px solid black;
	background: white;
	}
.BootstrapOverview td{
	padding: 0px;
}

table {
  margin: 20px auto;
}
/* make sure racket blocks generate from Scribble are all left-aligned, with no border or padding */
table.RktBlk{
  margin-left: 0px;
}
.RktBlk td{
   border: none;
   padding: 0px;
}
table td{
  border: 1px solid black;
  padding: 10px;
}
	
/*Agenda Design!*/
.BootstrapAgenda{
	border:         1px solid black;
	display:        inline-block;
	text-align:     center;
	background:     white;
	float:          right;
	font-weight:    bold;
	position:       relative;
  padding:        5px;
  margin:         2px;
  width:          225px;
}
  
.BootstrapAgendaList{
  text-align:     left;
  font-weight:    normal;
  font-size:      12px;
  list-style-type: none;
  padding:        0px;
}

.BootstrapAgendaList .BSLessonName{float: right;}

.BootstrapPreparationList, .BootstrapMaterialsList{
  margin: 0px;
  list-style-image: url('box.gif');
}

/******************************************************************************
  Copyright at the end of the file
   ****************************************************************************/
.BootstrapCopyright{

}
.BootstrapCopyright img{
	 float:right;
}

/* We absorb the definitions of CSS from bootstrap; the following comes from http://www.bootstrapworld.org/styles.css */



div.inset{
    margin-top: 20px;
    margin-left: 30px;
}
span.date{font-size: 10px; font-family: courier; float: right; clear: both;}


/* *********** PAGE-SPECIFIC STYLES *********** */
b.done{text-decoration: line-through;}

	
/* *********** FORM STYLES *********** */
form div{
	position:			relative; 
	float:				left; 
	margin-right:		10px;
}
form br{clear: both;}

fieldset{
	width:				550px;
	margin:				10px 0px; 
}
legend{font-weight: bold;}
input{margin: 1px 0px 2px 0px; padding: 0px; font-family: arial, helvetica, serif; font-size:12px;}
label {
	font-size:			10px;
	display:			block;
	color:				black;
	margin:				0px 0px 5px 2px;
	clear:				left;
	z-index:			0;
	-moz-user-select:	none;
    -khtml-user-select: none;
    user-select:		none;
}

select{
	font-size:			11px; 
	padding:			0px; 
	margin-top:			2px;
	z-index:			0;}


/******************************************************************************
  Style rules for printed media
   ****************************************************************************/
@media print {
	body			{background: white; width: 99%; font-size: 13px;}
	.BootstrapTitle				{text-align: left;}
	.BootstrapTitle img			{width: 80px; height: 80px; margin-top: 0px; }
	table, img {page-break-inside: avoid;}
    table.language td {border: none; padding: 0px;}
  .BootstrapExercise{background: none;}
  .BootstrapLesson{border: none;}
}