/*overrides to base.css*/
body {
	background-image: url('https://inkplant.com/images/inkplant/ink-plant-background.jpg');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
}
@media all and (max-aspect-ratio: 1072/711) {
	body {
		background-size:auto 100%;
	}
}


#header_container {
	height:72px;
}
#header {
	padding:0;
}

#content {
	margin-top:72px;
	background: rgba(255, 255, 255, 0.85);
	max-width:800px;
	overflow-x: auto;
}
@media only all and (max-width:400px) { 
	#content {
		margin-top:0;
	}
}
#logo {
	margin-right:10px;
}
#logo img {
	height:72px;
	width:auto;
}

#content .navmenu {
	background-color:#333333;
	background-color:rgba(51,51,51,0.8);
}
#content .subnavmenu {
	background-color:#A1013F;
	background-color:rgba(161,1,63,0.7);
}

@media only all and (max-width:700px) { 
	#content .navmenu {
		line-height:30px;
		padding-top:6px;
		padding-bottom:6px;
	}
}
#content .navmenu ul li a:hover {
	color:black;
}

#content_inner {
	margin-top:0;
}

#content_inner a {
	color:#A1013F;
	text-decoration: none;
}
#content_inner a:hover {
	color:black;
}
#content_inner a.nondescript {
	background-color:transparent;
	color:#242424;
}
#content_inner h1 {
    margin-top: 0;
    padding-top: 0;
    color: #A1013F;
    font-weight:normal;
}
#content_inner h1 a, #content_inner h1 a:hover {
	color:#A1013F;
}
#content_inner h2, #content_inner h3, #content_inner h4 { font-weight:normal; }
#content_inner h2.top {
	margin-top:0;
}

#content ::selection {
    color:white;
    background-color:black;
}
#content ::-moz-selection
    color:white;
    background-color:black;
}


/*footer*/

#footer .navmenu {
	font-size:14px;
}
#footer .navmenu a {
	padding:8px;
	background-color:black;
	background-color:rgba(0,0,0,0.6);
}
#footer .navmenu a:hover {
	background-color:#A1013F;
	background-color:rgba(161,1,63,0.7);
}

#copyright {
	padding-top:20px;
}
#copyright a {
	text-decoration:none;
}

/*forms*/
.button:hover { background-color:#A1013F; }

/*signin,signout*/
#user_admin {
	width:500px;
	margin-top:50px;
	margin-left:50px;
}
#user_admin h1 {
	color:#A1013F;
	font-weight:normal;
}
#top_right_ink {
	position:absolute;
	top:0;
	left:550px;
	z-index:-1;
	border:0;
	width:184px;
	height:272px;
}

/*code: used in code blog and tools*/
pre.code {
	display:block;
	width:100%;
	box-sizing:border-box;
	border: 1px #666666 solid;
	padding: 10px;
	margin: 20px 0;
	margin-bottom:16px;
	overflow-x: auto;
	background-color:black;
	color:white;
	-moz-tab-size:2;
	-o-tab-size:2;
	tab-size:2;
}
.code { font-family: Courier; }
#content_inner .code a { color: #D28786; }
#content .code::selection, #content .code span::selection {
	color:black;
	background-color:white;
}
#content .code ::-moz-selection {
    color:black;
    background-color:white;
}
pre.cmd {
	background-color: black;
	color: white;
}
.code .comment { color: green; }
.variable, .code .variable { color: #FF6666; font-weight: bold; }
.cmd .variable { color: #FFFF99; }

.form_q { margin-top:20px; }
.form_a { margin-top:7px; }
.instagram_help {
	display:none;
	margin:15px 0;
}
.instagram_post_edit {
	display:block;
	float:left;
	margin:0 30px 40px 0;
	padding:12px;
}

/*errors*/
.alert {
	font-weight: bold;
	color: #01A106;
}
.alert a {
	color: #01A106 !important;
	background-color:transparent !important;
	text-decoration:underline !important;
}
.warning {
	font-weight:bold;
	color:#01A14C;
}
.warning a {
	color:#01A14C !important;
	background-color:transparent !important;
	text-decoration:underline !important;
}