@charset "utf-8";
#wrapper {
	position: relative;
	z-index: 0;
}
#wrap_1 {
	height: auto;
	width: calc(100% - 18px);
	border-image-slice: 6 6 6 6; 
	border-image-width: 100% 4px 0px 4px; 
	border-image-outset: 0px 0px 0px 0px; 
	border-image-repeat: stretch stretch;
	border-image-source: url('http://www.liquiddota.com/staff/Nixer/support_guide/ver_bor_1.png');
	margin: auto auto;
	position: absolute;
	z-index: 49;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events:none;
}
#content_wrap {
	width: calc(100% - 12px);
    margin-left: auto;
    margin-right: auto;
	background: #FFF;
}
.hor_bor {
	width: 100%;
	height: 11px;
	background-image: url('http://www.liquiddota.com/staff/Nixer/support_guide/bor_1.png');
	background-size: contain;
	background-repeat: repeat-x;
	position: relative;
	z-index: 50;
}
#hor_bor_1 {
	top: 1px;
	left: 0;
}
#hor_bor_2 {
	bottom: 12px;
	left: 0;
}
#hor_bor_3 {
	bottom: calc(1px + 8em);
	left: 0;
}
#header_1 {
	position: relative;
	width: 100%;
	background-image: url('http://www.liquiddota.com/staff/Nixer/support_guide/header_1_4.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#header_1:before {
	content: "";
	display: block;
	padding-top: 15.7%;
}
#header_2 {
	position: relative;
	width: 45%;
	background-image: url('http://www.liquiddota.com/staff/Nixer/support_guide/cm_header.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}
#header_2:before {
	content: "";
	display: block;
	padding-top: 75.3%;
}
#header_3 {
	position: relative;
	width: 100%;
	background-image: url('http://www.liquiddota.com/staff/Nixer/support_guide/header_3.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
}
#header_3:before {
	content: "";
	display: block;
	padding-top: 10.3%;
}
#content_wrap #text_wrap {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	padding-left: 2.5%;
	padding-right: 2.5%;
	padding-top: 0.5em;
	background: url('http://www.liquiddota.com/staff/Nixer/support_guide/bg_fill_1.png');
	background-repeat: repeat;
}
#content_wrap #text_wrap h1{
	font-family: 'Merriweather', serif;
	font-size: 1.75em;
	color: #cccccc;
	margin: 0;
    margin-top: 0.2em;
	text-shadow: 0 2px 2px rgba(0,0,0,.15);
}
#content_wrap #text_wrap hr{
	border: 0;
	height: 2px;
	background-color: #cccccc;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.0.15);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.15);
	box-shadow: 0 1px 0 rgba(0,0,0,0.15);
	margin-top: -0.35em;
}
.text_container {
	border-radius: 0.3em 0.3em 0.3em 0.3em;
    -moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
    -webkit-border-radius: 0.3em 0.3em 0.3em 0.3em;
	opacity: .9;
    border: 2px solid rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.05);
    box-shadow: inset 0 0 30px rgba(0,0,0,.05);
	padding: 1em;
	margin: 1em 0 0 0;
}
.text_container a, .text_container a:visited {
	color: #cccccc !important;
}
.text_container a:hover {
	text-decoration: none !important;
	color: #999 !important;
}
.text_container p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	color: #fff;
	margin: 0;
	margin-left: 1em;
	text-align: justify;
    text-justify: inter-word;
}
.text_container h5 {
	font-family: 'Merriweather', serif;
	font-size: 14pt !important;
	color: #cccccc !important;
	margin: 0 !important;
}
.text_container h6 {
	font-family: 'Merriweather', serif;
	font-size: 12pt !important;
	color: #cccccc !important;
	margin: 0 0 0 1em !important;
}
.subtext {
	margin-left: 2em !important;
}
#toc p{
	font-size: 10pt;
}
#toc a, #toc a:visited{
	color: #cccccc !important;
}
#toc a:hover {
	text-decoration: none !important;
	color: #999 !important;
}
#credits {
	width: 100%;
    height: 8em;
    margin-top: 11px;
    z-index: 60;
    position: relative;
	opacity: 0.75;
    -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.15);
    -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.15);
    box-shadow: inset 0 0 30px rgba(0,0,0,.15);
}
#credits p{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #fff;
	margin: 0;
	padding-top: 2.25em;
    text-align: center;
}
#shader1 {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.25) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#00000000',GradientType=0 );
    height: 5em;
    position: absolute;
    z-index: 55;
    top: 0;
    left: 0;
    width: calc(100% - 12px);
    margin-left: 6px;
}
#shader2 {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    height: 13em;
    position: absolute;
    z-index: 55;
    bottom: 0;
    left: 0;
    width: calc(100% - 12px);
    margin-left: 6px;
}
@media only screen and (min-width:1230px) {#header_2{margin-top:-3.75em;}}
@media only screen and (min-width:1024px) and (max-width:1229px){#header_2{margin-top:-3em;}}
@media only screen and (max-width:1024px){#header_2{margin-top:-6%;}}