#mainrightbar, #mainleftbar {
	min-width: 100px;
	background-color: #f0f0f0;
	border: solid 0px #34393b;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	flex-basis: 280px;
}

#mainrightbar {
	border-left-width: 6px;
	background-image: url(img/grad_r.png);
	background-repeat: repeat-y;
	background-position: 0px;
	order: 1;
}

#mainleftbar {
	border-right-width: 6px;
}

/* A element inside H1 and H2 */
#mainrightbar h1 a, #mainleftbar h1 a {
	color: #e3e3e0;
	display: block;
	font-weight: normal;
}

#mainrightbar h2 a, #mainleftbar h2 a {
	color: #34393b;
	display: block;
	font-weight: normal;
}

/* H1 inside a bar */
#mainrightbar h1, #mainleftbar h1 {
	color: #e3e3e0;
	background-color: #888a85;
	border: solid 0px orange;
	border-bottom: solid 1px #505050;
	
	font-size: large;
	font-weight: normal;
	text-shadow: #34393b 0px 0px 5px;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	
	position: relative;
}

/* Shadow below H1 */
#mainrightbar h1:before, #mainleftbar h1:before {
	content: "";
	position: absolute;
	margin-left: -10px;
	width: 100%;
	height: 11px;
	bottom: -11px;
	background: url(img/grad_b.png) top;
}

/* H1 right */
#mainrightbar h1 {
	border-left-width: 6px;
	left: -26px;
	margin-right: -46px;
}

/* H1 left */
#mainleftbar h1 {
	border-right-width: 6px;
	right: -26px;
	margin-left: -46px;
}

/* H2 inside a bar */
#mainrightbar h2, #mainleftbar h2 {
	color: #34393b;
	font-size: medium;
	/*text-shadow: gray 0px 1px 1px;*/
	background-color: #cacdc6;
	border-bottom: solid 1px #a0a0a0;
	
	font-weight: normal;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	
	margin-right: -20px;
	margin-left: -20px;
	margin-bottom: 12px;
}

#mainrightbar h2:hover, #mainleftbar h2:hover {
	color: black;
}

#mainrightbar > div, #mainleftbar > div {
	color: black;
	font-size: small;
	background-color: white;
	border-bottom: solid 1px silver;
	
	font-weight: normal;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	
	margin-top: -12px;
	margin-right: -20px;
	margin-left: -20px;
	
	position: relative;
}

#mainrightbar > div:before, #mainleftbar > div:before {
	content: "";
	position: absolute;
	margin-left: -10px;
	width: 100%;
	height:11px;
	bottom: -11px;
	background: url(img/grad_b.png) top;
}

#mainrightbar h3, #mainleftbar h3 {
	font-size: small;
	font-weight: bold;
	margin:0px;
	margin-top: 4px;
}

#mainrightbar ul {
	padding-left: 18px;
}

#mainleftbar ul {
	padding-right: 18px;
}

.barimg {
	margin-left: -20px;
	margin-right: -20px;
	border-bottom: solid 6px black;
}

.bartopimg {
	margin-left: -20px;
	margin-right: -20px;
	border-top: solid 6px black;
	border-bottom: solid 6px black;
}