html {
	height: 100%; /*STOCK*/
	overflow-y: scroll; /*STOCK*/
	}

body {
	background: #111; /*STOCK*/
	color: ; /*STOCK*/
	font: ; /*STOCK*/
	height: 100%; /*STOCK*/
	}

#wrapper {
	background: ; /*STOCK*/
	/*font: 11px verdana; /*STOCK*/
	margin: 0px auto; /*STOCK*/
	min-height: 100%; /*STOCK*/
	/*width: 720px; /*STOCK*/
	}

#content {
	padding: 14px 0px 125px; /*STOCK*/
	position: relative; /*STOCK*/
	}

	a:link {text-decoration: none; color: #111; }
	a:visited {text-decoration: none; color: #111; }
	a:hover {text-decoration: none; color: #a00; }
	a:active {text-decoration: none; color: #0e0; }




p {
	margin-top: 12px;
	}

.grey {
	opacity: .57;
	}


hr {
	border: 0 none;
	background: rgba(0,0,0, .15) none repeat scroll 0 0;
	height: 2px;
	margin: -7px 0px 42px;
	width: 377px;
	}


#books,
#favorites,
#get-some,
#movie,
#projects {
	width 100%;
	}

.menu {
	background-color: #111;
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
		width: 34%;
	}

	#projects .menu {
		width: 34%;
		}


	.menu-box {
		background: #000;
		border: solid 1px #777;
		border-radius: 10px;
		font: 14px verdana;
		padding: 21px;
		position: relative;
		text-align: center;
		text-transform: uppercase;
		top: 97px;
		width: 247px;
		margin: 0px auto;
		}

		#projects .menu-box {
			text-align: left;
			width: 166px;
			}

			#books .menu-box,
			#favorites .menu-box,
			#get-some .menu-box,
			#movie .menu-box {
				width: 166px;
				}

				#favorites .menu-box {
				padding: 21px 37px 29px;
				width: 217px;
				}


		.title {
			font: 21px verdana-bold;
			letter-spacing: 2px;
			text-align: center;
			}

			#favorites .title {
				font-size: 17px;
				opacity: .7;
				}

			.sub-title {
			color: #444;
			font: 10px verdana;
			letter-spacing: 2px;
			text-align: center;
			text-transform: uppercase;
			}

		#books .menu-category,
		#favorites .category,
		#get-some .category,
		#movie .category {
			color: #333;
			font: 21px georgia;
			text-transform: capitalize;
			}


		#favorites .category {
			font-size: 25px;
			letter-spacing: 2px;
			text-transform: lowercase;
			}

		#projects .category {
			color: #333;
			padding: 0px 34px;
			}

			#books .bq-header,
			#favorites .bq-header,
			#get-some .bq-header,
			#movie .bq-header {
				color: #040;
				font: 12px arial-bold;
				letter-spacing: 4px;
				}



		.menu-box a:link {text-decoration: none; color: #555; }
		.menu-box a:visited {text-decoration: none; color: #555; }
		.menu-box a:hover {text-decoration: none; color: #777; }
		.menu-box a:active {text-decoration: none; color: #040; }

			#books .menu-box .links,
			#movie .menu-box .links {
				font: 10px verdana;
				letter-spacing: 2px;
				opacity: .8;
				text-transform: uppercase;
				}

	.key {
		bottom: -27px;
		color: #777;
		font: 11px verdana-bold;
		letter-spacing: 2px;
		position: absolute;
		width: 247px;
		}

		#get-some .menu-box .key {
			bottom: -87px;
			left: 50%;
			line-height: 25px;
			text-align: left;
			transform: translateX(-50%);
			width: 142px;
			}


		#books .menu-box .key,
		#movie .menu-box .key {
			bottom: -84px;
			left: 50%;
			line-height: 25px;
			text-align: left;
			transform: translateX(-50%);
			width: 142px;
			}

		.key .dot {
			position: relative;
			top: 1px;
			}


/* NOT in pre projects */
.entries {
	width: 66%;
	background: #777;
	color: #222;
	font: 25px free-mono-bold;
	float: right;
	padding-bottom: 607px;
	padding-top: 14px;
	position: relative;
	top: -14px;
	}

	#favorites .entries {
		color: #444;
		font-size: 18px;
		}


	.entries ol {
		counter-reset: item;
		padding-left: 97px;
		position: relative;
		top: 17px;
		}


		.entries ol li {
			display: block;
			line-height: 37px;
			padding-bottom: 42px;
			top: 21px;
			position: relative;
			padding-top: 20px;
			}

			#favorites .entries ol li {
				line-height: 25px;
				}
/* NOT in pre projects */


/* only in pre projects */
#projects pre {
	background: rgba(187,183,170, 1); /*STOCK*/
	color: #222;
	font: 17px verdana;
	float: right;
	padding-bottom: 607px;
	white-space: pre-wrap;
	width: 66%;
	}

	#projects pre ol {
		counter-reset: item;
		padding: 0px 97px 0px;
		position: relative;
		top: -34px;
		}

		#projects pre ol li {
			display: block;
			margin-top: -38px;
			}

		#projects pre img {
			width: 337px;
			}
/* only in pre projects */



.jump {
	margin: 0px; /* for sake of same jump point for all browsers */
	display: block; position: relative; top: -31px; visibility: hidden;
	}

	#projects .jump {
		margin: 0px; /* for sake of same jump point for all browsers */
		display: block; position: relative; top: -64px; visibility: hidden;
		}

			/* for firefox  */
				@-moz-document url-prefix(){
					#projects .jump {
						margin: 0px; /* for sake of same jump point for all browsers */
						display: block; position: relative; top: -68px; visibility: hidden;
						}
					}


.heading {
	color: #444;
	font: 16px verdana-bold;
	letter-spacing: 3px;
	text-transform: uppercase;
	position: relative;
	left: -57px;
	}

	#get-some .heading {
		color: #222;
		font: 21px georgia-bold;
		text-transform: capitalize;
		}

	#books .heading,
	#movie .heading {
		color: #444;
		font: 18px arial;
		text-transform: uppercase;
		}

	#books .year
	#movie .year {
		font: 13px verdana-bold;
		position: relative;
		top: -1px;
		opacity: .8;
		}

	#books .author,
	#movie .author {
		font: 15px verdana-bold;
		position: relative;
		top: -7px;
		left: 27px;
		}

	#books .category,
	#movie .category {
		color: #700;
		font: 13px verdana;
		position: relative;
		text-transform: lowercase;
		top: -7px;
		left: 33px;
		}


.dot {
	filter: brightness(52%);
	height: 10px;
	position: relative;
	top: -1px;
	width: 12px;
	}

	.dot.yellow {
		filter: brightness(87%);
		}

	.dot.grey {
		opacity: .37;
		}

.next-last {
	font: 21px free-mono-bold;
	user-select: all;
	}

	.next-last.green {
		color: #040;
		}

	.next-last.red {
		color: #700;
		}


		#get-some .added {
			font-size: 17px;
			}

		#get-some .heading.sub {
			margin-top: 27px;
			}

		#get-some .infinity {
			font-size: 17px;
			line-height: 2px;
			position: relative;
			top: 1.25px;
			}