body {
	font-family: "Segoe UI", Verdana, sans-serif;
}

/* ----- TopBar -------------- */

#TopBar {
	background-color: #333a47;
	font-size: 0.75rem;
}

#TopBarHomeButton {
	color: rgb(230, 147, 67);
	font-weight: 600;
}

.TopBarButton {
	padding: 0.8rem;
	color: white;
	text-decoration: none;
}

.TopBarButton:hover {
	color: #e69343;
}

.TopBarDropDownButtonElement {
	padding: 0.8rem;
	color: white;
	text-decoration: none;
}

.TopBarDropDownButtonElement:hover {
	color: #e69343;
}

.TopBarDropDownMenu {
	box-shadow: rgba(0,0,0,0.1) 0.05rem 0.2rem 0.4rem;
}

.TopBarSubButton {
	padding: 0.6rem;
	padding-left: 0.8rem;
	padding-right: 2rem;
	color: white;
	text-decoration: none;
	background-color: #333a47;
}

.TopBarSubButton:hover {
	color: #e69343;
}

/* ----- SideBar ------- */

#SideBar {
	background-color: #e8eaec;
	font-size: 0.75rem;
}

.SideBarMenuItem1 {
	padding-left: 0.8rem;
	margin-top: 0.5rem;
	font-size: 1.2rem;
}

.SideBarMenuItem2 {
	padding-left: 0.8rem;

	margin-top: 0.5rem;
	font-size: 0.875rem;
}

.SideBarMenuItem3 {
	padding-left: 1.6rem;
}

.SideBarMenuItem4 {
	padding-left: 2.4rem;
	background-color: #d6d6d6;
}

.SideBarMenuItem5 {
	padding-left: 3.2rem;
	background-color: #d6d6d6;
}

.SideBarMenuItem.Selected {
	background-color: rgb(230, 147, 67);
	color: white;
}

.SideBarMenuItem {
	text-decoration: none;
	color: black;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
}

.SideBarMenuItem:Hover {
	background-color: rgb(230, 147, 67);
	color: white;
}

/* -----  ------- */

#ContentArea {
	background-color: white;
}

/* ----- Article ------- */

#ArticleSide {
	
	margin: 1.2rem;
	margin-left: 1.4rem;
	margin-right: 1.4rem;
	font-size: 0.75rem;
}

#Article {
	margin-bottom: 3rem;
}

#Article > h1 {
	font-weight: normal;
}

#Article > h2 {
	font-weight: normal;
}

#Article > h3 {
	font-weight: normal;
}

#Article > pre {
	font-family: Consolas, Monospace;
	background-color: #333a47;
	color: white;
	padding: 1rem;
	border-radius: 0.3rem;
	font-size: 0.75rem;
}

.ExtVid:hover > div > span {
	background-color: rgba(230, 147, 67, 0.95);
}

/* -----  ------- */

#RightSide {
	border-left: 1px solid rgb(242, 242, 242);
}

/* ----- Footer ------- */

#Footer {
	border-top: 1px solid rgb(242, 242, 242);
	padding: 1.4rem;
	font-size: 0.75rem;
	color: #999;
}


.PrevNextButton {
	padding: 0.3rem;
	padding-left: 0.9rem;
	padding-right: 0.9rem;
	background-color: #e8eaec;
	text-decoration: none;
	color: #777;
	border-radius: 0.30rem;
}

.PrevNextButton:hover {
	background-color: rgb(230, 147, 67);
	color: white;
}

/* ----- Syntax Highlighting WSV ------- */
.wsv_c { color: #52a8ff; }
.wsv_s { color: #8def85; }
.wsv_n { color: #cc66ff; }
.wsv_err { color: #ff5235; }

/* ----- Syntax Highlighting SML ------- */
.sml_c { color: #52a8ff; }
.sml_s { color: #8def85; }
.sml_n { color: #cc66ff; }
.sml_err { color: #ff5235; }
.sml_e { color: #ffaa00; }
.sml_a { color: #ffea75; }

/* ----- Syntax Highlighting LimaScript ------- */
.ls_c { color: #52a8ff; }
.ls_s { color: #8def85; }
.ls_err { color: #ff5235; }
.ls_k { color: #ffaa00; }
.ls_o { color: #ffaa00; }
.ls_t { color: #ffea75; }
.ls_i { color: #ffb2b2; }
.ls_p { color: #ffdebb; /*#bbe2ff;*/ }
.ls_pd { color: #af8c67; }
/*.ls_pd { color: #6794af; }*/