/*************************************************************
                        SIDEBAR / TOPBAR
*************************************************************/

.topBar {
	position:fixed;
	top:0px; left:0px;
	height:48px; width:100%;
	background-color:#fff;
	border-bottom:1px solid #f2f2f2;
	z-index:10;
}

.light .topBar {
	background-color:#fff;
	border-bottom:1px solid #222;
}

.topBar .left,
.topBar .right {
	display:inline-block;
	box-sizing:border-box;
	height:48px;
}

.topBar .left { float:left; }

.topBar .left .showLeftBar { 
	display:inline-block;
	vertical-align:top;
	line-height:44px;
	box-sizing:border-box;
	padding:0px 8px;
	border-bottom:4px solid #fff;
	color:#333;
	cursor:pointer;
	text-decoration: none;
}

.topBar .left .showLeftBar:hover {
	border-bottom:4px solid #0055ff;
}

.topBar .right { float:right; }

.topBar .right .account { 
	display:inline-block;
	vertical-align:top;
	line-height:44px;
	box-sizing:border-box;
	padding:0px 16px;
	border-bottom:4px solid #fff;
	color:#333;
	cursor:pointer;
	text-decoration: none;
}

.topBar .right .account a {
	text-decoration:none;
	text-shadow:0px 0px 4px #ccc;
	color:#222;
}

.topBar .right .account:hover {
	border-bottom:4px solid #0055ff;
}

.topBar .right .account a:hover {
	color:#005eff;
	text-shadow:0px 0px 4px #aaa;
}

.topBar .href {
	display:inline-block;
	vertical-align:top;
	line-height:44px;
	box-sizing:border-box;
	padding:0px 8px;
	border-bottom:4px solid #fff;
	color:#333;
	cursor:pointer;
	text-decoration: none;
}

.topBar .href:hover {
	border-bottom:4px solid #fd2;
}


.sidebarHold {
	position:fixed;
	left:0px; top:0px;
	height:100%; width:250px;
	z-index:9;
}

.sidebarHold.hidden {
	display:none;
}

.sidebarHold .sidebar {
	display:block;
	height:100%;
	box-sizing: border-box;
	background-color:#fff;
	margin-top:48px;
}

.light .sidebarHold .sidebar {
	border-top:1px solid #222;
	border-right:1px solid #222;
}

.sidebarHold .sidebar .subhead {
	display:block;
	line-height:2;
	padding-left:8px;
	font-weight:bold;
	color:#444;
}

.sidebarHold .sidebar .notes,
.sidebarHold .sidebar .author,
.sidebarHold .sidebar .account {
	display:block;
	padding:8px 8px;
}

.sidebarHold .sidebar .notes a {
	display:block;
	line-height:2;
	padding-left:12px;
	text-decoration:none;
}

.sidebarHold .sidebar .account a,
.sidebarHold .sidebar .pages a {
	display:block;
	line-height:2;
	padding-left:12px;
	border-bottom:1px solid #f2f2f2;
	color:#444;
	text-decoration:none;
}

.sidebarHold .sidebar .account a:hover,
.sidebarHold .sidebar .pages a:hover {
	color:#0040ff;
	text-shadow:0px 0px 4px #84b8e0;
}

.sidebarHold .sidebar .notes .newNote {
	color:#91c20b;
}

.sidebarHold .sidebar .notes .newNote:hover {
	color:#91c20b;
	text-shadow:0px 0px 4px #a3ff7f;
}

.footer {
	display:block;
	width:600px;
	margin:0px auto;
	color:white;
	margin-top:65px;
}

.footer .topper {
	display:block;
	color:white;
	line-height:32px;
	text-align:center;
	font-weight:bold;
}

.footer .links {
	display:block;
	text-align:center;
	line-height:32px;
	color:white;
}

.footer .links .bull {
	display:inline-block;
	width:8px;
	height:8px;
	margin:2px;
	border-radius:100%;
	background-color:#ccc;
}

.footer .links a {
	color:white;
	text-decoration: none;
}