/*
 * Vanilla e107 Theme
 *
 * Copyright (C) 2007-2013 Xen Themes (xenthemes.com)
 * Released under the terms and conditions of the
 * GNU General Public License (http://www.gnu.org/licenses/gpl-2.0.txt)
 *
 * $Revision: 1.2 $
 * $Date: 08/04/2013 $
 * $Author: leonlloyd $
*/


/* =Resets
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
	
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,img { 
	border:0;
	}
address,caption,cite,dfn,th,var {
	font-style:normal;
	font-weight:normal;
	}
caption,th {
	text-align:left;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym {
	border:0;
	}
	
/* =Typography
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	}
	
h1,.h1 {
	font-size:2em;
	line-height:1.5;
	margin-bottom:0.75em;
	}
	
h2,.h2 {
	font-size:1.5em;
	line-height:1;
	margin-bottom:1em;
	}
	
h3,.h3 {
	font-size:1.25em;
	line-height:1.2;
	margin-bottom:1.2em;
	}
	
h4,.h4 {
	font-size:1.125em;
	line-height:1.333;
	margin-bottom:1.333em;
	}
	
h5,h6 {
	font-size:1em;
	line-height:1.5;
	margin-bottom:1.5em;
	}

a {
	text-decoration:none;
	}
	
a:visited {
	opacity:0.8;
	}
	
a:hover {
	text-decoration:underline;
	}
	
a:focus {
	outline: thin dotted;
	}
	
a:hover,a:active {
    outline: 0;
	}
	
p,address {
	margin-bottom:1.5em;
	}
	
p,.entry-content {
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-o-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	word-wrap:break-word;
	}
	
address,caption,cite,dfn,th,var {
	font-style:normal;
	font-weight:normal;
	}
	
abbr,acronym {
	border:0;
	}
	
q,i,em,cite {
	font-style:italic;
	font-weight:inherit;
	}
	
q:before,q:after {
	content:'';
	}
	
b,strong {
	font-style:inherit;
	font-weight:bold;
	}
	
caption,th {
	text-align:left;
	}
	
mark {
    background: #ff0;
    color: #000;
	}
	
s,del {
	text-decoration:line-through;
	}
	
small {
	font-size:0.75em;
	line-height:1;
	}
	
sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
	}
	
sup {
    top: -0.5em;
	}
	
sub {
    bottom: -0.25em;
	}
	
blockquote,blockquote p {
	color: #777;
	font-size: 100%;
	font-style: italic;
	line-height: 1.5em;
	}
	
blockquote {
	border-left: 1px solid #ddd;
	margin: 0 0 20px;
	padding: 9px 20px 0 19px;
	text-indent:-0.4em;
	}
	
blockquote cite {
	color: #555;
	display: block;
	}
	
blockquote cite:before {
	content: "\2014 \0020";
	}
	
blockquote cite a,blockquote cite a:visited {
	color: #555;
	}
	
pre,code {
    font-family: monospace, monospace;
    font-size: 1em;
	}
	
pre {
	line-height:24px;
	margin-bottom:1.5em;
	overflow:auto;
	white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
	}
	
code {
	line-height:1;
	}

ul,ol,dl {
	margin:0 0 0 1em;
	padding:0 0 1.6em 0;
	}
	
ul ul,
ol ol,
ul ol,
ol ul,
dl dl {
	margin:0 0 0 1em;
	padding:0;
	}
.entry-content ul.bbcode {
	clear:both;
	display:block;
	}
dt {
	font-weight:600;
	padding:.5em 0 0;
	}


/* =Typography
-------------------------------------------------------------- */
body,button,input,select,textarea {
    font-family: sans-serif;
	}	

/* =Layout
-------------------------------------------------------------- */

html {
	overflow-y:scroll;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	}	
body {
	font-size:100%;
	line-height:1.5;
	min-height:100%;
	margin:0;
	position:relative;
	}
body:before {
   	content: "";
   	position: fixed;
   	top: -12px;
   	left: 0;
   	width: 100%;
   	height: 12px;
   	z-index: 100;
   	-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.65);
   	-moz-box-shadow: 	0px 0px 12px rgba(0,0,0,.65);
   	-o-box-shadow: 		0px 0px 12px rgba(0,0,0,.65);
   	-ms-box-shadow: 	0px 0px 12px rgba(0,0,0,.65);
   	box-shadow: 		0px 0px 12px rgba(0,0,0,.65);
   	}

.container {
	margin:0 auto;
	position:relative;
	width:88%;
	max-width:1120px;
	}
.content,
header[role="banner"],
.main,
.fullwidth,
.h-menu,
.h-menu2,
.sidebar,
.footer {
	float:left;
	position:relative;
	width:100%;
	}
.gradient {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background-image: -moz-linear-gradient		(top,  rgba(255,255,255,.20) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient			(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.20)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient	(top,  rgba(255,255,255,.20) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient		(top,  rgba(255,255,255,.20) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient		(top,  rgba(255,255,255,.20) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient			(top,  rgba(255,255,255,.20) 0%,rgba(255,255,255,0) 100%);
	}
.topbar {
    padding:20px 0 15px 0;
    z-index:99;
    }
.content {
    padding:30px 1.4% 20px;
    }
.h-menu,.h-menu2 {
    width:32%;
    }
.h-menu2 {
    margin:0 2%;
    }
.main {
    float:left;
    width:65%;
    }
.sidebar {
    float:right;
    width:32%;
    }
.fullwidth {
	width:100%;
	}
.footer {
	display:block;
	padding:1em 0 2.5em 0;
	width:100%;
	}
footer[role="contentinfo"] {
	clear:both;
	text-align:left;
	}		
h1.site-title{
	display:inline-block;
	float:left;
	line-height:1em;
	margin:0 0 1em 0;
	max-width:85%;
	}
h1.site-title a:hover{
	text-decoration:none;
	}
img.site-title {
	float:left;
	margin:0 0 1em 0;
	max-width:85%;
	}

/* =Menu
-------------------------------------------------------------- */

nav ul {
	padding:0;
	margin:0;
	}

nav ul li {
	line-height:1;
	}

nav i {
	font-style:normal;
	}

nav ul a,nav ul a:hover {
	text-decoration:none;
	}

.flexinav {
	overflow: hidden;
  	margin: 1em auto 0;
  	max-height: 0;
  	clear:right;
  	float:left;
  	width:100%;
	}

.flexinav:after {
	content: "";
	display: table;
	clear: both;
	}

.flexinav.show {
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	margin: 1em auto 2em;
	max-height: 1000px;
	}

.flexinav li {
  	font-size: 100%;
  	position: relative;
  	margin-bottom:1px;
	}

.flexinav li a {
  	position: relative;
  	display: block;
  	padding: .8em 1em;
  	z-index: 2;
  	overflow: hidden;
	}

.flexinav li ul {
  	width: 100%;
  	display: none;
  	margin-top:1px;
	}

.flexinav li ul li {
  	float: none;
  	width: 100%;
	}

.flexinav li ul li a {
  	display: block;
	}

.flexinav .touch-button {
  	position: absolute;
  	z-index: 999;
  	top: 0;
  	right: 0;
  	width: 2.6em;
  	height: 2.6em;
  	display: inline-block;
  	text-align: center;
  	background:rgba(0,0,0,.1);
	}

.flexinav .touch-button:hover {
  	cursor: pointer;
	}

.flexinav .touch-button .navicon {
  	position: relative;
  	top: .5em;
  	font-size: 1.25em;
  	color: #fff;
	}

.navicon:after {
  	content:'+';
	}

.active .navicon:after {
  	content:'-';
	}

.menu-button {
  	position: absolute;
  	display: block;
  	height:auto;
  	top:.5em;
  	right:0;
  	cursor: pointer;
  	width:22px;
	}

.menu-button span {
  	display:block;
  	width:100%;
  	height:4px;
  	margin:2px 0;
	}

.flexinav.roundnav li a {
    border-radius:.3em;
  	}

.flexinav.roundnav .touch-button {
  	-moz-border-radius-topright: .3em;
	-webkit-border-top-right-radius: .3em;
	border-top-right-radius: .3em;
	-moz-border-radius-bottomright: .3em;
	-webkit-border-bottom-right-radius: .3em;
	border-bottom-right-radius: .3em;
  	}


/* =Content
-------------------------------------------------------------- */
h1.page-title {
	float:left;
	font-size:2.125em;
	font-weight:900;
	margin:.4em 0 .2em;
	text-align:left;
	width:100%;
	}
h1.entry-title {
	margin-bottom:.4em;
	}
/* Posts */
.post,.page {
	margin-bottom:30px;
	}
.entry-meta {
	clear: both;
	display: block;
	font-size:.875em;
	margin-bottom:1.2em;
	opacity:.8;
	}
.entry-content {
	margin-bottom:1em;
	}

/* =Images
-------------------------------------------------------------- */
img {
	max-width:100%;
	height:auto;
	font-style:italic;
	color:#c00;
	-ms-interpolation-mode: bicubic;
	}
img.left {
	margin:0 20px 0 0;
	}
img.right {
	margin:0 0 0 20px;
	}
object,embed,video{
	max-width:100%;
	height:auto;
	}
a img {
	border: none;
	}
p img,img.bbcode {
	margin-bottom: 0.5em;
	}
.alignleft {
	margin-right: 1em;
	}
.alignright {
	margin-left: 1em;
	}
.news_image {
  	background:#fff;
	float:left;
	margin:0 1em 1em 0;
	padding:10px;
  	max-width:40%;
  	width:auto;
  	-webkit-box-shadow: 0 15px 10px -10px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
	-moz-box-shadow: 	0 15px 10px -10px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
	-o-box-shadow: 		0 15px 10px -10px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
	-ms-box-shadow: 	0 15px 10px -10px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    box-shadow: 		0 15px 10px -10px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
  	}
.newscat .news_image {
	max-width:26%;
	}

/* =Widgets
-------------------------------------------------------------- */
.widget {
	display: block;
	float:left;
	margin:0 0 1em 0;
	overflow:hidden;
	padding:1em;
	width:100%;
	}
h1.widget-title{
color: #996633;
	font-size:1.125em;
	line-height:1.3;
	margin-bottom:1em;
	padding:0;
	width:auto;
	}
h2.widget-title{
	clear:both;
	margin-top:2em;
	}
.footer .widget {
	margin:0 1% 10px 1%;
	width:23%;
	}
footer[role="contentinfo"] .widget {
	margin:0 1%;
	width:98%
	}
aside .widget ul {
	list-style:none;
	margin-left:0;
	}

/* =Forms
-------------------------------------------------------------- */
form,fieldset {
	margin-bottom: 20px;
	}
input.tbox,input[type="text"],input[type="password"],input[type="email"],input[type="search"],textarea,select {
	border: 1px solid #ccc;
	padding: 4px 4px 5px 4px;
	outline: none;
	font-size: .913em;
	line-height:1.5;
	color: #777;
	margin: 0;
	width:auto;
	max-width: 100%;
	display: inline-block;
	margin-bottom: 20px;
	background: #fff;
	vertical-align: baseline;
    *vertical-align: middle;
    -moz-box-shadow: 	inset 0 2px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
	-o-box-shadow: 		inset 0 2px 3px rgba(0,0,0,.1);
	-ms-box-shadow: 	inset 0 2px 3px rgba(0,0,0,.1);
	box-shadow:  		inset 0 2px 3px rgba(0,0,0,.1);
    -moz-border-radius:    2px;
	-webkit-border-radius: 2px;
	-o-border-radius:      2px;
	-ms-border-radius:     2px;
	border-radius:         2px;
	}
input.tbox:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="search"]:focus,textarea:focus {
	border: 1px solid #aaa;
 	color: #444;
 	-moz-box-shadow: 	0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-o-box-shadow: 		0 0 3px rgba(0,0,0,.2);
	-ms-box-shadow: 	0 0 3px rgba(0,0,0,.2);
	box-shadow:  		0 0 3px rgba(0,0,0,.2);
	}
input[type="checkbox"] {
	display: inline;
	}
input[type="search"] {
	-webkit-appearance:textfield;
	}
select {
	padding: 4px;
	}
textarea.chatbox,div.renhelp textarea,.login input.pass,.login input.user {
	margin-left:auto;
	margin-right:auto;
	width:96%;
	}
label,legend {
	display: block;
	font-weight: bold;
	font-size: .813em; 
	}
label span,legend span {
	font-weight: normal;
	font-size: .813em;
	}
.required {
	color: #cc0033;
	}
[placeholder]{
	cursor:pointer;
	}
[placeholder]:active,[placeholder]:focus{
	cursor:text;
	}
fieldset > :last-child{
	/* Remove the margin from the last element in the fieldset--this makes our padding more consistent. */
	margin:0;
	}
form p {
	margin-bottom:0;
	}

/* =Blockquotes
-------------------------------------------------------------- */
blockquote,
div.indent {
	color:#898989;
	font-size: 100%;
	line-height: 1.5em;
	font-family:georgia,serif;
	font-style: italic;
	}
blockquote,
div.indent {
	margin: 0 0 20px;
	padding: .6em 1em 0 1em;
	}
blockquote cite,
div.indent cite {
	display: block;
	}
blockquote cite:before {
	content: "\2014";
	}

/* =Tables
-------------------------------------------------------------- */
table{
	margin-bottom:1.5em;
	width:100%;
	max-width:100%;
	}
thead tr:last-of-type th{
	border-bottom-width:2px;/* Thicker border on the table-headers of the last row in the table head */
	}
tbody th{
	border-right-width:2px;/* Thicker right border on table-headers in the table body */
	}
th:empty{
	border:none;/* Hide the borders on any empty table-headers */
	}
th,td{
	vertical-align:top;
	padding:0.75em;
	border:1px solid #ccc;
	}
th{
	font-weight:bold;
	text-align:center
	}
table [colspan]{
	text-align:center;
	}
table [rowspan]{
	vertical-align:middle;
	}
[colspan="1"]{
    text-align:left;
	}
[rowspan="1"]{
    vertical-align:top;
	}
tbody tr:nth-of-type(odd){
	background:transparent;
	background:rgba(0,0,0,0.05);
	}
tfoot{
	text-align:center;
	}
tfoot td{
	border-top-width:2px;
	}

/* =Buttons
-------------------------------------------------------------- */
a.button,button,.button,input[type="submit"],input[type="reset"],input[type="button"],.forum-newthread a,a.signup {
	outline:none;
	padding:4px 10px 5px;
	font-size:.913em;
	font-weight:700;
	line-height:1.5em;
	margin:0 0 10px 0;
	-moz-border-radius:   .3em;
	-webkit-border-radius:.3em;
	-o-border-radius:.3em;
	-ms-border-radius:.3em;
	border-radius:        .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -o-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -ms-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}
a.button:hover,button:hover,.button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.forum-newthread a:hover,a.signup:hover {
	cursor:pointer;
	text-decoration:none;
	}
.button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
	}

/* =Miscellaneous Classes
-------------------------------------------------------------- */
hr{
	margin:1em 0 1em 0;
	}
.news_extendstring{
	display:block;
	margin-top:1em;
	}
.news_extendstring:after{
	content:" \2192";
	}
.news_extendstring::after{
	content:" \2192";
	}
.screen-reader-text,.assistive-text {/* Text meant only for screen readers */
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);/* IE6, IE7 :-p */
	clip: rect(1px, 1px, 1px, 1px);
	}
.pull-left{
	float:left;
	}
.pull-right{
	float:right;
	}
.clear{
	clear:both;
	float:none;
	}
.text-left{
	text-align:left;
	}
.text-right	{
	text-align:right;
	}
.text-center,.text-centre{
	text-align:center;
	}
.alignleft {
	display: inline;
	float: left;
	}
.alignright {
	display: inline;
	float: right;
	}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	}
.smalltext {
	font-size:.813em;
	}
.renhelp {
	width:100%;
	}
.searchhighlight {
	text-decoration: underline;
	color:#FF0000;
	font-weight:bold;
	}

/* News
----------------------------------------------------------------------*/
.newscat {
	display:block;
	float:left;
	margin-bottom:1.4em;
	text-align:left;
	width:100%;
	}
.newscat h3 {
	margin-bottom:.333em;
	}
.newscat ul {
	list-style:circle;
	}
.newscat ul li {
	padding:3px 0;
	}
.newscat span {
	display:block;
	font-size:.875em;
	opacity:.7;
	}
a.news-extended-category-link,a.news-extended-overview-link,a.news-extended-older,a.news-extended-newer {
	position:relative;
	font-size:1em;
	}
a.news-extended-category-link,a.news-extended-overview-link {
	padding:0 1em;
	top:1em;
	}
a.news-extended-older,a.news-extended-newer {
	top:2em;
	}
a.news-extended-older:before {
	content:"\2190\ ";
	}
a.news-extended-newer:after {
	content:" \2192";
	}
	
/* Nextprev
----------------------------------------------------------------------*/
.nextprev,
.nextprev2{
	clear: both;
	display:block;
	float:left;
	width:100%;
	font-size:.75em;
	}
.post .nextprev {
	margin:0 0 .8em 0;
	padding:1em;
	}
.forums .nextprev2 {
	margin:1em 0;
	}
.nextprev_link,
.nextprev a,
.nextprev span,
.nextprev2 a,
.nextprev2 span{
	display:block;
	float:left;
	text-decoration:none;
	text-align:center;
	line-height:1em;
	margin-right:.6em;
	padding:.5em .725em;
	font-weight:bold;
	color:#fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow:    0 1px 3px rgba(0,0,0,.4);
	-o-box-shadow: 		0 1px 3px rgba(0,0,0,.4);
	-ms-box-shadow:    	0 1px 3px rgba(0,0,0,.4);
	box-shadow:         0 1px 3px rgba(0,0,0,.4);	
	}
.nextprev a:hover,
.nextprev2 a:hover{
	opacity:.8;
	}
.nextprev span.nextprev_current,
.nextprev2 span.nextprev_current{
	background:#fff;
	background:rgba(255,255,255,1);
	color:#333;
	}
	
/* =Items
-------------------------------------------------------------- */
.item {
	border:0;
	clear:both;
	display:block;
	float:left;
	margin: 0 0 .6em 0;
        padding: .6em;
	position: relative;
	width:100%;
	}

/* =Searchform
-------------------------------------------------------------- */
#searchform{
	float:left;
	margin:0 0 1.2em 0;
	width:100%;
	text-align:left;
	}
#searchform label {
	display: none;
	}
.searchbox input#q {
	background: #fff url(images/admin-bar-sprite.png) no-repeat 4px 5px;
	width:100%;
	margin: 0 6px 0 0;
	padding: 5px 6px 6px 30px;
	}

/* =Comments
-------------------------------------------------------------- */
.comment-author {
	height: 48px;
    width: 48px;
    border: 0;
    margin: 0 10px 4px 0;
    float: left;
    overflow: hidden;
	}
.comment-meta {
	display:block;
	font-size:.875em;
	opacity:.8;
	}
.comment-content {
	clear:both;
	float:left;
	padding:1em 0;
	width:100%;
	}
.comment-reply {
	float:right;
	}
cite.fn {
	font-style:normal;
	}
#dataform {
	margin-top:2em;
	}
#dataform input[type=text] {
	display: block;
	width: 60%;
	}
#dataform textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
	}

/* =Banner Class
-------------------------------------------------------------- */
.banner {
	float:right;
	margin:0 0 1em;
	}
	
/* =Forum Classes
-------------------------------------------------------------- */
.forum {
	margin-bottom:1em;
	}
.forums h2.entry-title {
	float:left;
	margin-top:.5em;
	width:100%;
	}
.forum-viewtopic h2.entry-title,.forum-viewforum h2.entry-title {
	margin:1em 0 0;
	}
.forum-options {
	position: absolute;
	right: .6em;
    top: .6em;
	}
.forum-title a {
	display: block;
    margin: 0;
    font-weight: bold;
	}
.forum-meta {
    font-size: .813em;
    }
.forum-viewtopic .forum-meta {
	float:left;
	margin-bottom:1.4em;
	}
.viewforum .forum-meta {
    clear: left;
	}
.forum-meta-item {
	display:inline;
    margin-left: 0;
    margin-right: 1em;
    margin-top:2px;
    white-space: normal;
	}
.forum-meta-item:first-child {
    margin-left: 0;
	}
.forum-meta-item:last-child {
    margin-right: 0;
	}
.forum-admin-icons {
	margin-top:.5em;
	}
.forum-statboxes {
    float: right;
	}
.forum-statbox {
    display: inline-block;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 1.2;
    margin-left: .4em;
    padding:0 .3em .6em;
    text-align: center;
	}
.forum-statbox-label {
    display: block;
    font-size: .625em;
    font-weight: normal;
    line-height: 1;
    min-width: 38px;
    padding-bottom: 2px;
	}
.viewtopic-author img {
   	height: 60px;
   	width: 60px;
   	border: 0;
   	margin: 0 1em .5em 0;
   	float: left;
   	overflow: hidden;
	}
.forum-message {
	width:100%;
	clear:both;
	margin-bottom:1em;
	}
.forum-newthread {
	float:right;
	}
.forum-viewforum .forum-newthread {
	width:100%;
	}
.forum-newthread a {
	float:right;
	margin:.4em 0 .4em .4em;
	}
.forum .item img.bbcode {
	clear: both;
	}
.forum .item img.bbcode {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
	}
.forum .item img.bbcode {
	display: block;
	margin: 0 auto;
	text-align: center;
	}
.forums footer p {
	margin-bottom:.5em;
	}
.forum-viewtopic > footer,.forum-viewtopic > div.renhelp,.forum-viewforum > footer {
	clear:both;
	float:left;
	width:100%;
	}
.tag {
    background: none repeat scroll 0 0 #777777;
    color: #FFFFFF;
    font-weight:600;
    padding: 1px 4px;
    margin-right:.8em;
    -moz-border-radius: 	2px;
    -webkit-border-radius: 	2px;
    -o-border-radius: 		2px;
    -ms-border-radius: 		2px;
    border-radius: 			2px;
	}
.announcement{
	background-color:#38A9F4;
	}
.sticky{
	background-color:#FFA54E;
	}
.newpost{
	background-color:#038200;
	}
.popluar{
	background-color:#DF1D01;
	}
.closed{
	background-color:#111111;
	}	
.fborder {
	margin:0;
	padding:0;
	}
.fborder2 {
	border:1px solid #ccc;
	margin:6px;
	padding:4px;
	-webkit-border-radius:.3em; 
	-moz-border-radius:.3em;
	border-radius:.3em;
	}
.fcaption {
	font-weight:700;
	padding:6px;
	}
.forumheader {
	font-size:1.143em;
	font-weight:700;
	margin:0;
	padding:10px;
	}
.forumheader2,.forumheader4 {
	border-bottom:1px solid #ccc;
	padding:8px 10px;
	text-align:left;
	}
.forumheader3 {
	border:1px solid #ccc;
	padding:5px 10px;
	text-align:left;
	-webkit-border-radius:.3em; 
	-moz-border-radius:.3em;
	border-radius:.3em;
	}
.finfobar {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px;
	}

/* =login_template.php
----------------------------------------------------------------------*/
#signin_menu {
	width:50%;
	padding:3.333%;
	margin:0 auto;
	}
#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	margin:0 0 5px;
	width:100%;
	}
#signin_menu p {
	margin:0;
	padding-bottom:0;
	}
#signin_menu label {
	font-weight:normal;
	}
#signin_menu p.remember {
	padding:10px 0;
	}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
	}
#signin_menu img {
	margin-right:4px;
	}
p.captcha input {
	max-width:100px;
	}
.login span.smalltext input,p.remember span.smalltext input {
	margin-right:6px;
	}

/* =User_template classes
-------------------------------------------------------------- */
#user-template h2 span {
	font-size:.75em;
	margin-right:1em;
	}
#user-template .user-photo {
	float:left;
	width:150px;
	height:150px;
	margin:0 12px 6px 0;
	}
#user-template span.user-template-meta {
	display:block;
	}

/* =Poll_template classes
-------------------------------------------------------------- */
.poll-list {
	list-style:none;
	margin:1em 0;
	}

/* =Vanilla Social news buttons
-------------------------------------------------------------- */
.social-containter {
	width:100%;
	vertical-align:top;
	float:left;
	margin:1.3em 0 1em 0;
	padding:1em 0;
	}
.social-buttons {
	clear:both;
	float:left;
	margin:0;
	vertical-align:top;
	}
.social-button {
	padding:0 3px;
	float:left;
	text-align:center;
	}
.social-text {
	font-size:.875em;
	margin-bottom:1em;
	}
ul.socialIcons {
	display:inline;
	float:right;
	list-style:none;
	margin:0;
	padding:.6em;
	text-align:center;
	width:auto;
	}
ul.socialIcons li {
	display:inline;
	margin:0 .5em;
	}
.news-social-buttons {
	margin-bottom:1em;
	}
img.credit {
	display:block;
	position:absolute;
	right:46%;
	bottom:10px;
	}
.s-button-top {
	float:left;
	padding-top:0;
	margin-right:8px;
	}

/* =Calendar Classes
-------------------------------------------------------------- */
.today{
	background:transparent;
	background:rgba(0,0,0,.1);
	}


/* =Tablet layout
-------------------------------------------------------------- */

@media screen and (max-width:50em) { /* 800 @ 16px */
	
	.container {
		width:96%;
		}
	.topbar {
		padding:10px 3% 5px 3%;
		}
	
    .banner {
    	clear:both;
    	display:block;
    	float:none;
    	margin:0;
    	text-align:center;
    	width:100%;
    	}
    .content {
		padding:10px 1.4%;
		}

}
	
@media screen and (max-width:47.5em) { /* 760 @ 16px */
	
	.content,
	header[role="banner"],
	.main,
	.fullwidth,
	.h-menu,
	.h-menu2,
	.sidebar,
	.footer {
		display:block;
		width:100%;
		}
	.content {
		padding:10px 3%;
		}
	.h-menu2 {
		margin:0;
		}
	footer[role="contentinfo"] {
		text-align:center;
		}
	.news_image {
		margin:0 1.6em 1em 0;
  		max-width:45%;
  		}
  	#searchform{
		margin:1em 0;
		}
	#signin_menu {
		width:90%;
		}
	ul.socialIcons {
		display:block;
		width:100%;
		}
		
}


/* =Mobile layout
-------------------------------------------------------------- */
@media screen and (max-width:30em) { /* 480 @ 16px */

	h1.page-title {
		text-align:center;
		}
	.news_image {
		margin-right:0;
		width:100%;
		max-width:100%;
		}
	.footer .widget {
		margin:0 2% 10px 2%;
		width:96%;
		}
	input.tbox,input[type="text"],input[type="password"],input[type="email"],input[type="search"],textarea,select {
		width:100%;
		}
	.forum-meta {
		padding-top:32px;
		}
	.forum-options {
		left:.6em;
		}
	.forum-meta-item {
		display:block;
		}
	.forum-statbox {
		display: block;
		}
	img.credit {
		right:40%;
		}
	
}

@media all and (min-width: 50em) {

	.flexinav {
	    float:right;
	    overflow: visible;
	    margin:0;
	    max-height: 1000px;
	    width:auto;
  		}
  
	.flexinav li {
	    position: relative;
	    list-style: none;
	    float: left;
	    display: block;
	    margin-bottom:0;
  		}

	.flexinav > li {
    	margin-right:3px;
  		}
  
	.flexinav li:hover > ul {
	    visibility: visible;
	    opacity: 1;
	    height: auto;
	    display: block;
	    top: 100%;
	    position: absolute;
  		}
  
	.flexinav.lg-screen li:hover > ul,
	.flexinav.sm-screen li:hover > ul {
    	display: none;
  		}

	.flexinav li.item-with-ul a {
    	padding:.8em 3.5em .8em 1em;
  		}
  
	.flexinav li > ul {
	    position: absolute;
	    top: auto;
	    left: 0;
	    opacity: 0;
	    visibility: hidden;
	    height: 1px;
	    z-index: 1;
	    width:12.5em;
  		}

	.flexinav li ul {
    	margin-top:0;
  		}
  
	.flexinav li ul li ul {
    	top: 0;
		}

	.flexinav li ul.open {
	    display: block;
	    opacity: 1;
	    visibility: visible;
	    height: auto;
	    overflow:visible;
	    z-index:9999;
		}

	.flexinav li ul.open ul.open {
    	margin-left: -100%;
    	top: 0;
		}

	.flexinav ul li:hover ul {
    	margin-left: -100%;
    	top: 0;
		}

	.flexinav .touch-button .navicon {
    	top: 1em;
    	font-size: .75em;
		}

	.navicon:after,
	.active .navicon:after {
    	content:'▼';
		}

	.menu-button {
    	display: none;
		}

	.flexinav.roundnav li a {
    	border-radius:.3em;
		}

	.flexinav.roundnav .touch-button {
	  	-moz-border-radius-topright: .3em;
		-webkit-border-top-right-radius: .3em;
		border-top-right-radius: .3em;
		-moz-border-radius-bottomright: .3em;
		-webkit-border-bottom-right-radius: .3em;
		border-bottom-right-radius: .3em;
		}
	.flexinav.roundnav > li.dropd a {
	    -moz-border-radius-bottomright: 0;
		-webkit-border-bottom-right-radius: 0;
		border-bottom-right-radius: 0;
		-moz-border-radius-bottomleft: 0;
		-webkit-border-bottom-left-radius: 0;
		border-bottom-left-radius: 0;
		}
	.flexinav.roundnav > li.dropd .touch-button {
	    -moz-border-radius-bottomright: 0;
		-webkit-border-bottom-right-radius: 0;
		border-bottom-right-radius: 0;
		}
	.flexinav.roundnav li ul li .touch-button {
		-moz-border-radius-topright: 0;
		-webkit-border-top-right-radius: 0;
		border-top-right-radius: 0;
	    -moz-border-radius-bottomright: 0;
		-webkit-border-bottom-right-radius: 0;
		border-bottom-right-radius: 0;
		}
  	.flexinav.roundnav li ul li a,.flexinav.roundnav li ul li ul li a {
	  	-webkit-border-radius:0;
	  	-moz-border-radius:0;
	    border-radius:0;
		}
  	.flexinav.roundnav li ul li:last-child a,.flexinav.roundnav li ul li:last-child a:hover {
	  	-moz-border-radius-bottomright: .3em;
		-webkit-border-bottom-right-radius: .3em;
		border-bottom-right-radius: .3em;
		-moz-border-radius-bottomleft: .3em;
		-webkit-border-bottom-left-radius: .3em;
		border-bottom-left-radius: .3em;
		}
  	.flexinav.roundnav li ul li ul li:first-child a {
	  	-moz-border-radius-topleft: .3em;
		-webkit-border-top-left-radius: .3em;
		border-top-left-radius: .3em;
		}
}