local.css

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

html, body {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	color: #34495e;
}

h1, h2, h3, h4, h5, h6 { font-family: "Lato", Helvetica, Arial, sans-serif; }

a, a:visited {
	color: #16a085;
}

a:hover {
	color: #16a085;
	text-decoration: underline;
}

.notebox { 
	width: auto; margin: 0;  position: relative;
	box-shadow: 0 0 2px #3C790A;
	color: green;
	background: #DDFFDD;
	font-style: italic;
	margin-left: 2em;
	padding-left: 2em;
}

.pageheader {
	margin: 0;
	padding: 10px 20px 10px 20px;
	position: relative;
	overflow: hidden;
	width:  100%;
	height: auto;
	border-width: 0;
	background: url("https://webconverger.com/images/logo.svg") no-repeat;
	border-bottom: 1px solid #E5E5E5;
}

.pageheader .header {
	margin: 80px 0 0 0;
}

.title {
	color: #b3b3b3;
	border-top: 0px;
}

h1, h2, h3, h4, h5, h6 {
	color: #34495e;
}

.header {
	font-size: 200%;
}

.inlinefooter{
	background: none;
	border-top: 1px solid #ccc;
	padding: 5px;
	font-size: 10px;
	margin-bottom: 20px;
}

#content img { box-shadow: 0 0 2px gold; }

img { max-width: 100%; }

.fork{
	z-index: 99;
	position: absolute;
	top: 0;
	right: 0;
	border: 0;

}

h1 {
	font-size: 38px;
	font-weight: 400;
	line-height: 40px;
	margin-bottom: 18px;
}

h2 {
	font-size: 130%;
}

h3, h4, h5, h6 {
font-size: 110%; }

.feedbutton {
	background: #339BB9;
	color: #fff;
	margin: 0.2em;
	padding: 0.2em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0;
}

.feedbutton:hover{
	background: #57b0b8;
}

#searchform {
	position: absolute;
	top: 0.5em;
right: 2em; }

input#searchbox {
	border: 1px solid #ccc;
	padding: .5em;
}

.pageheader .actions {
	position: absolute;
	bottom: 0;
	right: 10;
text-align: right; }

.pageheader .actions ul {
border-style: none; }

.actions ul {
	padding: 10px;
border-style: none; }

.pageheader .actions ul li {
	padding: 0; margin: 0;
	border:none;
	background: none;
}

.pageheader .actions ul li a, input[type="submit"] {
	background: #16a085;
	color: #fff;
	margin: 0.2em;
	padding: 0.1em 0.5em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
border-radius: 4px; }

.pageheader .actions ul li a:hover, input[type="submit"]:hover {
	background: #fff;
color: #16a085; }

div.toggleable#attachments {
margin: 1em; }

hr {
	border-style: none;
	background-color: gray;
height: 1px; }

code, pre {
	background-color: #f2f2f2;
color: #2e1a05; }

pre {
	padding: .5em;
	margin: 1em;
	border-style: solid;
	border-width: 2px;
	border-color: gray;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 2px #1a1a1a;
	-webkit-box-shadow: 0 0 2px #1a1a1a;
box-shadow: 0 0 2px #1a1a1a; }

#content {
	margin-bottom: 20px;
}

#pageinfo {
border-color: gray; }

#editcontent, #editmessage {
	width: 90%;
	background: #f2f2f2;
	font-size: 1.01em;
	line-height: 1.4em;
	padding: .5em;
	border-style: solid;
	border-width: 2px;
	border-color: gray;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
border-radius: 4px; }

#editcontent:hover, #editmessage:hover {
background: white; }

#editcontent {
height: 25em; }

label[for="editmessage"] {
margin-top: 1em; }

#editmessage {
margin-bottom: 1em; }

.inlinepage {
	margin: .4em 0;
	padding: 0.5em;
	border-style: none;
border-top: 0 solid gray; }

.inlineheader {
	font-size: 1.1em;
border-top: 0 solid gray; }

/* Smaller headings for inline pages */
.inlinepage h1 {
font-size: 1.1em; }

.inlinepage h2 {
font-size: 1.01em; }

.inlinepage h3 {
font-size: 1.01em; }

div.recentchanges {
border-style: none; }

/* recent change page */
div.recentchanges {
background-color: transparent; }
div.recentchanges div.metadata {
	margin-top: 1.5em;
	border-style: solid;
	border-width: 2px;
	border-color: gray;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-style: solid solid none solid;
	background-color: #f2f2f2;
padding: .7em; }
div.recentchanges div.changelog {
padding: .7em 2em; }

div.recentchanges div.metadata *, span.pagelinks a {
	float: none;
display: block; }

span.pagelinks {
width: inherit;}

span.pagelinks a, span.tags a {
	margin: 0.2em;
	padding: 0.2em;
	font-size: 1.01em;
	background: #e6e6e6;
	color: black;
	border-style: solid;
	border-width: 2px;
	border-color: gray;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
border-radius: 4px; }

span.pagelinks a:hover, span.tags a:hover {
	background: #cccccc;
color: black; }

div.recentchanges div.changelog {
	border-style: solid;
	border-width: 2px;
	border-color: gray;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-style: none solid solid solid;
background-color: #f2f2f2;}

span.desc br {
display: none;}

div.titleandtags {
	border-style: solid;
	border-width: 2px;
	border-color: gray;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #f2f2f2;
	margin-top: 1.5em;
padding: .8em; }
div.titleandtags h3, div.titleandtags span.tags {
padding: 0; }
div.titleandtags h3 {
margin: 0 0 .5em 0; }
div.titleandtags span.tags {
line-height: 2em; }
div.titleandtags div.lastmodified {
float: right; }

thead th {
	color: white;
	background-color: gray;
padding: .5em; }

td {
padding: .2em .4em; }

tr:nth-child(odd) {
background-color: #f2f2f2; }

tr:nth-child(even) {
background-color: #d9d9d9; }


.actions { opacity: 0 }

.actions:hover { opacity: 1 }


@media (min-width: 1200px) {
	#content {
		width: 970px;
		margin: 0px auto;
	}
}