/* 0. Elements
-------------------------------------------------- */

*		{ margin: 0; padding: 0; }
html	{ padding: 0; }

body	{ color:#667e72; font:normal 76%/1.8em Georgia, serif; background:#f8f8f8; }

a 		{ color:#111; text-decoration:none; border:0; outline:none; }
a:hover { text-decoration:underline; }

hr			{ border:0 dashed #ccc; border-top-width:1px; clear:both; height:0; }
hr.divider	{ margin:10px 0; }

sub, sup	{ font-size:.8em; position:relative; }
sub			{ top:.5em; }
sup			{ top:-.5em; }

blockquote {
	margin: 16px 5px;
	padding: 0 1em;
	color: #656d76;
	border-left: .25em solid #d0d7de;
}

code, pre {
	font-family: Monaco, Menlo, Consolas, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
}

code, kbd {
	margin: 0 2px;
	padding: 2px 4px;
	border-radius: 3px;
	background-color: rgba(149, 119, 80, 0.06)
}

code {
	color: #f17e32;
}
kbd {
	font-size: 1.2em;
}
pre {
	color: #333;
	background: #fafafa url(../img/code-blueprint.png) repeat left top;
	padding: 6px 10px 8px;
	line-height: normal;
	overflow: auto;
	margin: 5px;
	border: 1px solid #eee;
	border-left: .25em solid #d0d7de;
	position: relative;
}

/* 1. Main Navigation
-------------------------------------------------- */

#nav					{ line-height:1.4em; background:#ddd; overflow:auto; }
	#nav li				{ width:159px; border-right:1px solid #f8f8f8; float:left; }
	#nav li a			{ text-shadow:0 1px 0 #fff; padding:10px 20px; display:block; }
	#nav li a:hover		{ color:#fff; text-decoration:none; text-shadow:0 -1px 0 #000; background:#667e72; }
	#nav li a span		{ color:#999; font-size:.9em; text-transform:lowercase; display:block; }
	#nav li a:hover span{ color:#ccc; }

/* 2. Structure
-------------------------------------------------- */

.body		{ margin:0 auto; width:960px; position:relative; }
#header		{ border-top:5px solid; }
#main		{ padding:30px 0 15px; }

.block		{ margin:0 10px 25px; }

.col, .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1		{ float:left; }

.col		{ width:100%; }
.col4-1		{ width:240px; /* width:25%; */ }
.col4-2		{ width:480px; /* width:50%; */ }
.col4-3		{ width:720px; /* width:75%; */ }
.col3-1		{ width:320px; /* width:33%; */ }
.col3-2		{ width:640px; /* width:67%; */ }
.col2-1		{ width:480px; /* width:50%; */ }

.col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first	{ margin-left:0; clear:left; }

#footer						{ font-size:.9em; color:#f8f8f8; margin-bottom:10px; padding:20px 0; background:#667e72; }
	#footer a				{ color:#fff; }
	#footer strong			{ color:#a1b3aa; text-shadow:0 -1px 0 #000; margin-bottom:5px; border-bottom:1px solid; display:block; }
	#footer ul  img			{ vertical-align:-4px; }
	#footer ul#account img	{ margin-top:5px; }
	#footer hr				{ border:0!important; }

/* 3. Headings
-------------------------------------------------- */

h1 { color: #333; font-size: 2.2em; font-weight: normal; margin: 10px 0; padding: 10px; }
.subtitle	{ position:absolute; top:15px; left:650px; width:300px; }

h2	{
	color: #a01517;
	font-size: 1.2em;
	text-shadow: 0 1px 0 #fff;
	margin-bottom: 15px;
	padding: 8px 8px 8px 40px;
	background-color: #ccc;
	background-position: 10px 50%;
	background-repeat: no-repeat;
}
h3	{
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0 5px;
	background-position: 10px 50%;
	background-repeat: no-repeat;
}

.admin		{ background-image:url(../../../images/icons/default/24/prefs.png); }
.comments	{ background-image:url(../../../images/icons/default/24/comments.png); }
.folder		{ background-image:url(../../../images/icons/default/24/folder.png); }
.forums		{ background-image:url(../../../images/icons/default/24/forums.png); }
.info		{ background-image:url(../../../images/icons/default/24/info.png); }
.message	{ background-image:url(../../../images/icons/default/24/message.png); }
.news		{ background-image:url(../../../images/icons/default/24/news.png); }
.online		{ background-image:url(../../../images/icons/default/24/online.png); }
.page		{ background-image:url(../../../images/icons/default/24/page.png); }
.pfs		{ background-image:url(../../../images/icons/default/24/pfs.png); }
.plugin		{ background-image:url(../../../images/icons/default/24/plugin.png); }
.polls		{ background-image:url(../../../images/icons/default/24/polls.png); }
.prefs		{ background-image:url(../../../images/icons/default/24/prefs.png); }
.queue		{ background-image:url(../../../images/icons/default/24/queue.png); }
.search		{ background-image:url(../../../images/icons/default/24/search.png); }
.stats		{ background-image:url(../../../images/icons/default/24/stats.png); }
.tags		{ background-image:url(../../../images/icons/default/24/tags.png); }
.users		{ background-image:url(../../../images/icons/default/24/users.png); }
.warning	{ background-image:url(../../../images/icons/default/24/warning.png); }

div.error, div.warning, div.done, div.help	{ line-height:2em; margin:20px 0; padding:10px 50px; background-position:15px 50%; background-repeat:no-repeat; clear:both; }
div.error		{ color:#d8000c; background-color:#ffbaba; background-image:url(../../../images/icons/default/24/error.png); border:1px solid #d8000c; }
div.warning		{ color:#9f6000; background-color:#feefb3; background-image:url(../../../images/icons/default/24/warning.png); border:1px solid #9f6000; }
div.done		{ color:#4f8a10; background-color:#dff2bf; background-image:url(../../../images/icons/default/24/done.png); border:1px solid #4f8a10; }
div.help		{ color:#00529b; background-color:#bde5f8; background-image:url(../../../images/icons/default/24/help.png); border:1px solid #00529b; }

/* 4. Tables
-------------------------------------------------- */

table td 	{ vertical-align:top; }

table.flat		{ border-collapse:collapse; width:100%; }
table.flat td 	{ padding:2px; margin:0; border:0; }

table.main 		{ border-collapse:collapse; width:100%; }
table.main td 	{ padding:2px 0; margin:0; border:0; }

table.cells 	{ border-collapse:collapse; width:100%; }
table.cells td	{ padding:6px 8px; border:1px solid #e7e7e7; }

table.list 		{ border-collapse:collapse; width:100%; }
table.list td 	{ padding:5px 5px 5px 0; border-bottom:1px dashed #ccc; }

table.fico 			{ border-collapse:collapse; width:100%; }
table.fico td		{ padding:5px 0; margin:0; border:0; }
table.fico td img	{ margin-right:10px; vertical-align:middle; }

.coltop		{ text-align:center; vertical-align:middle; font-size:.9em; background-color:#ddd!important; color:#000; }
.coltop img	{ vertical-align:middle; }
.centerall 	{ text-align:center; vertical-align:middle; }
.valid 		{ height:48px; text-align:center; vertical-align:middle; border:0!important; }

/* 5. Forms
-------------------------------------------------- */

form { }
input, select, textarea, button	{ font:normal 1em Georgia; padding:2px; }
textarea {
	min-height: 100px
}
input[type="text"], input[type="password"], textarea, select {
	width: 100%;
	max-width: 100%;
}
select[name^="rpagedate"],
select[name^="rpagebegin"],
select[name^="rpageexpire"],
select[name="locale"],
select[name="rs[setlimit]"],
select[name^="rfrom"],
select[name^="rto"] {
	width: auto;
}
input[name="rverify"] {
	width: 130px;
}
input[type="radio"], input[type="checkbox"] {
	margin-right: 5px;
}
input[type="button"], button {
	padding: 2px 4px;
}
/*label input { vertical-align: middle; margin-right: 3px }*/
label input, label input[type="radio"], label input[type="checkbox"] { margin-right: 1px }
label.radio-label {
	margin-right: 8px;
}
button::-moz-focus-inner { padding:0; border:none; }

/* 6. Misc
-------------------------------------------------- */

.odd	{ background-color:#fff!important; }
.even	{ background-color:#f1f1f1!important; }
.code {
	color:#000;
	background:#e3e3e3;
	border:1px solid #ccc;
	padding:2px 15px;
	margin:5px 0;
	font-family:monospace;
	font-size:1.1em;
	white-space:pre-wrap;
}
.breadcrumbs {
	margin-bottom: 7px;
}
.clear	{ clear:both; }
.lhn	{ line-height:normal; }
.strong	{ font-weight:bold; }
.italic	{ font-style:italic; }

.small	{ font-size:.9em!important; line-height:1.6em; }
.large	{ font-size:1.1em!important; }

.lower	{ text-transform:lowercase; }
.upper	{ text-transform:uppercase; }
.capital{ text-transform:capitalize; }

.hide	{ display:none; }
.hidden	{ display:none; }
.invis	{ visibility:hidden; }

.textleft		{ text-align:left; }
.textcenter		{ text-align:center; }
.textright		{ text-align:right; }
.textjustify	{ text-align:justify; }

.floatleft		{ float:left; }
.floatright		{ float:right; }

.black		{ color:#000; }
.grey		{ color:#999; }
.red		{ color:#900; }
.white		{ color:#fff; }

.colleft	{ float:left; margin:5px 15px 0 0; }
.colright	{ float:right; margin:5px 0 0 15px; }

.margintop10	{ margin-top:10px; }
.marginright10	{ margin-right:10px; }
.marginbottom10	{ margin-bottom:10px; }
.marginleft10	{ margin-left:10px; }
.margin10		{ margin:10px!important; }
.margin0		{ margin:0!important; }

.paddingtop10	{ padding-top:10px; }
.paddingright10	{ padding-right:10px; }
.paddingbottom10{ padding-bottom:10px; }
.paddingleft10	{ padding-left:10px; }
.padding10		{ padding:10px!important; }
.padding0		{ padding:0!important; }

.border0	{ border:0!important; }

.width5		{ width:5%; }
.width10	{ width:10%; }
.width15	{ width:15%; }
.width20	{ width:20%; }
.width25	{ width:25%; }
.width30	{ width:30%; }
.width35	{ width:35%; }
.width40	{ width:40%; }
.width45	{ width:45%; }
.width50	{ width:50%; }
.width55	{ width:55%; }
.width60	{ width:60%; }
.width65	{ width:65%; }
.width70	{ width:70%; }
.width75	{ width:75%; }
.width80	{ width:80%; }
.width85	{ width:85%; }
.width90	{ width:90%; }
.width95	{ width:95%; }
.width100	{ width:100%; }

.desc			{ font-size:.9em; margin:5px 0; padding:5px 10px; background:#e9e9e9; border:1px solid #ccc; border-left:0; border-right:0; overflow:auto; }
.desc strong	{ color:#fff; margin-right:8px; padding:2px 6px; background:#aaa; }

.combox		{ font-size:2em; text-align:center; margin:0 10px 5px 0; padding-top:6px; height:42px; width:48px; background:url(../img/comments.png) no-repeat 0 0; float:left; }
.textbox	{ margin-bottom:10px; overflow:auto; }

span.readmore		{ display:block; }
	span.readmore a	{  }

.download	{ margin:10px 0; padding:10px 0 10px 84px; background:url(../img/download.png) no-repeat 10px 12px; border:1px dashed #c00; }

.clearfix:after	{ content: ''; display: block; clear: both; }

.hidefromguests	{ text-align: center; margin: 3px 0; padding: 3px 10px; background: #ededed; border: 3px ridge #fff; box-shadow: 0 0 4px #222; }

.list-row {
	margin-bottom: 25px;
}

hr.more {
	display: none;
}

div.ck.ck-editor hr.more {
	background: none;
	border: none;
	border-top: 1px dashed  #FF0000;
	display: block;
}

/* 7. Pagination
-------------------------------------------------- */

.paging			{ margin:10px 0 20px 0; text-align:center; font-size:.9em; }
.paging img		{ vertical-align:-3px; }
.paging span	{ border:1px dashed #7f7772; padding:2px 8px; margin:1px; }

.pagenav_prev, .pagenav_next, .pagenav_first, .pagenav_last, .pagenav_pages, .pagenav_current { padding:2px 6px; margin:1px; border:1px dashed #7f7772; }
.pagenav_prev a, .pagenav_next a, .pagenav_first a, .pagenav_last a, .pagenav_pages a	{ color:#555; }
.pagenav_current	{ font-weight:bold; color:#fff; background:none!important; border:none!important; }
.pagenav_current a	{ color:#555; }
.pagenav_small		{ text-align:right; font-size:.9em; }

.spaced				{ border:none!important; margin:0 8px!important; padding:0!important; }

/* 8. Comments
-------------------------------------------------- */

.comments1, .comments2	{ margin-bottom: 10px; float: left; position: relative; overflow-x: hidden; }
.comments1	{ width:20%; }
.comments2	{ width:80%; }

/* 9. Polls
-------------------------------------------------- */
.bar_front 	{ background-color:#cde8fb; border-right: 0 solid #333; color:#ddd; height:8px; font-size:1px; }
.bar_back 	{ background-color:#fff; border:1px solid #333; }
.polloptiondiv {
	display: flex;
	margin-bottom: 10px;
}
.polloptiondiv input[type="text"] {
	margin-right: 10px;
}

/* 10. Forums
-------------------------------------------------- */
.b1 img			{ margin:0 5px 0 0; vertical-align:-5px!important; }
.userstatus		{ margin-top:2px; float:right; }
.forumssection	{ font-weight:bold; background:#eee; }
.subforums img	{ vertical-align:-3px; margin-right:5px; }

#newf			{ margin:10px 0; }
#newf li		{ margin-right:10px; display:inline; }

/* 11. Search
-------------------------------------------------- */

.search-res { margin:0 0 10px; overflow:auto; }
.search-res .small { color:#000; }
.search-highlight { font-weight:bold; padding:0 2px; background:yellow; }
.search-areas { text-align: center }
.search-areas .active { font-weight: bold }
form#search #search-query {width: 59%}
form#search .userinput {width: 53%}
form#search select[multiple] {min-width: 60%; max-width: 100%}
select[name="rs[pagsort]"], select[name="rs[frmsort]"] {
	width: auto;
}

/* 12. Lists
-------------------------------------------------- */

.endItem		{ margin-right:0!important; }
.endItem+li		{ clear:both; }

ul.bullets li	{ padding-left:25px; background:url(../img/bullets.png) no-repeat 5px 2px; }
ol				{ margin-left:20px; list-style-type:decimal; }

#usergrouplist ul li:first-child a	{ color:#900; }

/* 13. Users
-------------------------------------------------- */
#filter-form select.filter-submit {
	width: auto;
}
#user-register input[type="text"], #user-register input[type="password"],
#password-recover input[type="text"],
#login input[type="text"], #login input[type="password"] {
	width: 50%;
}
#change-password input {
	width: 45%;
}

/* 14. Tags
-------------------------------------------------- */
#tags-search-form input[type="text"] {
	width: 64%;
}