/* phpBB Theme © Copyright (CC-BY) José Pedro Arvela 2012,
   licenced under Creative Commons Attribution 3.0 <creativecommons.org/licenses/by/3.0/deed.en_GB>.
   Based on the Default NoNonsense Forum v21 Theme ( http://camendesign.com/nononsense_forum ) © Copyright (CC-BY)
   Kroc Camen 2012. */
/* ====================================================================================================================== */
/* Original Prosilver theme by phpBB Group ( http://www.phpbb.com/ ), based on Tom Beddard's theme
   ( http://www.subblue.com/ ) */

/*	Generic Styling ------------------------------------------------------------------------------------------------- */
header, nav, section, article,footer {	display: block; }

html {				background: #fff; color: #536482;
				overflow: scroll; overflow-x: auto;
				font: .6875em/1.45em Verdana, Helvetica, Arial, sans-serif;
				padding: 12px 20px; }

body {				margin: 0; }

p {				margin: 0 0 1.45em; }
p:last-child {			margin-bottom: 0; }

a {				text-decoration: none; }
a:link, a:visited {		color: #105289; }
a:hover, a:focus {		color: #D31141; text-decoration: underline; }
a:active {			color: #368AD2; }

img {				vertical-align: middle; }

blockquote {			background: #EBEADD; border: 1px solid #DBDBCE;
				position: relative; margin: 5px 0 5px 25px; padding: 5px 25px; }

blockquote .ql, blockquote .qr {font-size: 32px; line-height: 14px; }
blockquote .ql {		float: left; margin: 5px 0 0 -22px; }
blockquote .qr {		position: absolute; right: 5px; bottom: -2px; }

code, pre {			font: 0.9em/1.3em Monaco, "Andale Mono", "Courier New", Courier, mono; }
pre {				background: #fff; border: 1px solid #d8d8d8;
				padding: 3px; }

pre .ct {			border-bottom: 1px solid #ccc; display: block; margin-bottom: -1em; }
pre .cb {			border-top: 1px solid #ccc; display: block; margin-top: 3px; }

.hr {				border-bottom: 1px solid #CCC;
				overflow: hidden; margin: 1.45em 0; height: 0; }

.nnf_appended {			border-bottom: 1px solid #ccc; font-size: .846em; margin-bottom: .725em; }
.nnf_appended b {		color: #105289; }

/*	Headings */
h1, h2, h3, h4, h5, h6 {	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 {				font-size: 1.81em; }

/*	Input Elements */
input, button, select, textarea {
				background: #FFFFFF; color: #333333; border: 1px solid #B4BAC0;
				/* It's useless to set line heights, Firefox ignores them
				   https://bugzilla.mozilla.org/show_bug.cgi?id=349259 */
				font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em;
				vertical-align: middle; padding: 2px;
					-moz-box-sizing: content-box; -webkit-box-sizing: content-box;
				box-sizing: content-box; }

input:hover, select:hover,
textarea:hover {		border: 1px solid #11A3EA; }
input:focus, select:focus,
textarea:focus {		color: #0F4987; border: 1px solid #11A3EA; }

textarea {			overflow: auto;
				resize: vertical; width: 100%;
				/* Set sizing to border-box so that the element can have exactly 100% of the width */
					-moz-box-sizing: border-box; -webkit-box-sizing: border-box;
				box-sizing: border-box; }

input[type="button"], input[type="submit"], input[type="reset"], button, input[type="image"] {
				background: #FAFAFA url("img/button-bg.png") repeat-x 0 0; color: #000;
				cursor: pointer; }

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:hover, input[type="image"]:hover,
input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:focus, input[type="image"]:focus {
				color: #BC2A4D; border-color: #BC2A4D;
				background-position: 0 -1px; }

input:disabled, button:disabled, select:disabled, textarea:disabled {
				background-color: #eee; color: #666; border-color: #B4BAC0;
				cursor: default;
}
input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled,
button:disabled, input[type="image"]:disabled {
				background-color: #FAFAFA; background-position: 0 0; color: #666;
}

				/* Remove custom search field style from webkit */
input[type="search"] {		-webkit-appearance: textfield; }

				/* Firefox has a pseudo-element to set the focus border on the text, this removes it for a
				   consistent element height.
				   https://bugzilla.mozilla.org/show_bug.cgi?id=595534 */
input[type="button"]::-moz-focus-inner, button::-moz-focus-inner, input[type="image"]::-moz-focus-inner,
 input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
				border: none;
}

/*	Site Header ----------------------------------------------------------------------------------------------------- */
#mast {				background: #fece1a url("img/header-bg.png") repeat-x 0 0; color: #FFF; border-radius: 6px;
				margin: 0 0 4px; padding: 5px 5px; }
				
#mast a:link, #mast a:visited {	color: #fff; }
#mast a:hover {			color: #A8D8FF; }
#mast a:active {		color: #C8E6FF; }

#mast h1 {			margin: 22px 0; }

#nnf_logo {			margin: 0 10px 0 5px; }

/*	Search Field */
#search {			float: right; margin: -27px 5px 5px; }
#query {			border-color: #0075B0;
					background-image: url("img/search.png");
					background-repeat: no-repeat;
					background-position: 1px 3px;
				padding-right: 23px; padding-left: 17px; height: 16px; }
#go {				background: transparent; border: none;
				margin-left: -21px; padding: 0; }

/*	Navigation ------------------------------------------------------------------------------------------------------ */
#nav {				background: #f6dc7b; border-radius: 6px;
				margin: 4px 0; padding: 5px 10px; }

/*	Language Switcher */
#nnf_lang {			float: right; }
#nnf_lang img {			position: relative; left: 21px; }
#nnf_lang select {		padding-left: 17px; }
#nnf_lang input[type="image"] {	padding: 0; }

/*	Breadcrumbs */
#index {			background: url("img/home.png") no-repeat 0 0.45em;
				list-style: none; font-weight: bold; line-height: 2.18;
				margin: 0; padding: 0 0 0 17px; }
#index li {			display: inline; }

/*	Lock, RSS and Sign-in Links */
#info {				line-height: 2.27; text-align: left; margin: 0; padding: 0; }
#info a, #info span {		background-position: 0 .54em; background-repeat: no-repeat;
				display: inline-block; padding: 0 5px 0 17px; }

#nnf_lock {			background-image: url("img/lock.png"); }
#nnf_unlock {			background-image: url("img/unlock.png"); }

#nnf_rss {			background-image: url("img/thread-icon.png"); }
#signin {			background-image: url("img/logout.png"); }

#index + #info {		border-top: 1px solid #fff; margin-top: 1px; padding-top: 1px; }

/*	about.html ------------------------------------------------------------------------------------------------------ */
#nnf_about {			margin: 1.45em 0; }
#nnf_about h1 {			color: #115098; border-bottom: 1px solid #CCC;
				font-size: 1em; font-weight: bold; text-transform: uppercase;
				margin: .5em 0 1em; padding: 0 0 2px; }

/*	Threads --------------------------------------------------------------------------------------------------------- */
#nnf_post h1, #markup h1,
#privacy h1 {			color: #105289;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal;
				font-size: 1.81em; line-height: 1.2em;
				margin: 0.8em 0 0.2em; }

section nav {			text-align: right; }

/*	New Thread / Add Reply Button */
#nnf_add, #nnf_reply {		background: #e9e9e9 url("img/post-bg.png") repeat-x 0 1px; color: #bc2a4d;
				border: 1px solid #c7c3bf; border-radius: 6px; box-shadow: inset 0 0 0 1px #fff;
				font-size: 12px; font-weight: bold; line-height: 16px; text-transform: uppercase;
				float: left; padding: 3px 7px 4px; }
#nnf_add:hover, #nnf_add:focus, #nnf_reply:hover, #nnf_reply:focus {
				background-image: url("img/post-bg-hover.png"); border-color: #0a8ed0;
				text-decoration: none; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }

#nnf_add:after, #nnf_reply:after {	content: " ";	background: no-repeat 0 0; vertical-align: middle;
				display: inline-block; margin: 0 0 0 5px; height: 12px; width: 12px; }

#nnf_add:after {		background-image: url("img/add-icon.png"); margin-top: -2px; }
#nnf_reply:after {		background-image: url("img/reply-icon.png"); margin-top: -1px; }

#nnf_add:hover:after, #nnf_add:focus:after { 
				background-image: url("img/add-icon-hover.png"); }
#nnf_reply:hover:after, #nnf_reply:focus:after {
				background-image: url("img/reply-icon-hover.png"); }

/*	Pagination */
.nnf_pages {			list-style: none; display: inline-block; font-size: .9em;
				margin: 5px 0 7px; padding: 0; }
.nnf_pages li {			display: inline-block; }
.nnf_pages a {			background: #ECEDEE; border: 1px solid #B4BAC0; color: #5C758C;
				display: inline-block; margin: 0 2px; padding: 0 2px; }
.nnf_pages em {			display: inline-block; margin: -1px -3px; padding: 1px 3px; }
.nnf_pages a:hover, .nnf_pages a:focus, .nnf_pages em {
				background: #4692BF; border-color: #4692BF; color: #fff; }

/*	Item List*/
#nnf_folders h1,
#nnf_threads h1 {		background: #0076B1 url("img/list-bg.png") repeat-x 0 0; color: #fff; border-radius: 6px 6px 0 0;
				font: bold 0.909em/1.3em Arial, Helvetica, sans-serif; text-transform: uppercase;
				margin: 0; padding: 7px 5px 5px; }
ol.ui {				background: #d2aa13 url("img/list-bg.png") repeat-x 0 -25px; border-radius: 0 0 6px 6px;
				line-height: 1.36em; list-style: none;
				margin: 0 0 5px; padding: 0 5px 5px; min-height: 27px; }

ol.ui li {			background: #f6dc7b; color: #4C5D77;
				border-top: 1px solid #fff; border-bottom: 1px solid #00608F;
				overflow: hidden; padding: 5px 0 5px 50px; }
ol.ui li:hover {		background: #F6F4D0; }

.nnf_thread-name, .nnf_folder-name {	font: bold 1.18em "Trebuchet MS", Helvetica, Arial, sans-serif; }
ol.ui li img {			float: left; margin: 0 0 0 -40px; }
ol.ui li time {			text-align: right;
				float: right; padding: 5px; width: 14.5em; }
ol.ui li b {			text-align: center;
				float: right; padding: 5px; width: 10.1em; }

ol.ui li i {			text-align: right;
				float: right; padding: 5px; width: 2em; }

				/* Normal topics need to have an image too */
ol.ui li b + i + a:before,
ol.ui li > a:first-child:before {	content: " ";
				background: url("img/thread.png") no-repeat 0 0;
				float: left; margin: 0 0 0 -40px; height: 27px; width: 27px; }

/*	Post and Replies */
article {			background: #f6dc7b; color: #333; border-radius: 6px;
				margin: 0 0 5px; padding: 5px 10px; }
article header {		font-size: 0.9em; line-height: 1.2em;
				margin: .5em 0 0.6em; padding: 0 0 5px; }

article .nnf_reply-number {	background: url("img/post.png") no-repeat 2px 0;
				display: inline-block; vertical-align: middle; overflow: hidden;
				padding: 0 0 0 9px; height: 11px; width: 0; }

article:target .nnf_reply-number {
				background-image: url("img/post-target.png"); }

article header b {		color: #105289; }
				/* Mods have their name red, like in phpBB */
article header b.nnf_mod {	/* color: #AA0000; */ }

article .ui {			background: no-repeat right 0;
				vertical-align: middle; text-indent: 20px;
				float: right; display: inline-block; overflow: hidden;
				margin: 0 0 0 5px; padding: 0 20px 0 0; height: 20px; width: 0; }
article .ui:hover, article .ui:focus {
				background-position: right -20px; }
article .append {		background-image: url("img/append.png"); }
article .delete {		background-image: url("img/delete.png"); }

#nnf_post-text, .nnf_reply-text,
#markup article, #privacy article {
				font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
				font-size: 1.181em; line-height: 1.385em; }

/*	Add Thread / Reply Form ----------------------------------------------------------------------------------------- */
#nnf_new-form, #nnf_reply-form,
#append, #delete {		background: #E1EBF2; color: #333; border-radius: 6px;
				margin: 0 0 5px; padding: 5px 10px; }

#nnf_new-form h1, #nnf_reply-form h1,
#append h1, #delete h1 {	color: #115098; border-bottom: 1px solid #CCC;
				font-size: 1em; font-weight: bold; text-transform: uppercase;
				margin: .5em 0 1em; padding: 0 0 2px; }

#nnf_email {			display: none; }

#leftcol {			width: 76%; }
#rightcol {			float: right; width: 22%; }

#ptitle, #nnf_name, #nnf_name-http, #nnf_pass {
				overflow: hidden; margin: 0 0 4px; }
#ptitle label, #nnf_name label, #nnf_name-http label, #nnf_pass label {
				width: 20%; }
#ptitle input, #nnf_name input, #nnf_name-http input, #nnf_pass input {
				float: right; width: 75%; }
#psubmit {			margin: 1.45em 0; }
#psubmit label {		cursor: pointer; position: relative; padding: 2px 2px 2px 4px; }
#psubmit label:hover, #psubmit label:focus {
				color: #BC2A4D; }
#psubmit span {			position: relative; z-index: 2; }
#submit {			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
				padding: 0; height: 100%; width: 100%; -moz-box-sizing: border-box; }

/* Footer */
#mods h1 {			color: #115098; border-bottom: 1px solid #CCC;
				font-size: 1em; font-weight: bold; text-transform: uppercase;
				margin: .5em 0 1em; padding: 0 0 2px; }

#mods {				margin: 1.45em 0 0; }
#mods b {			color: #105289; }
#mods b.nnf_mod {		color: #AA0000; }

/* Footer */
body > footer {			color: #555;
				font-size: 0.9em; text-align: center; }