/*  Style Sheet
    --------------------------------------------------------------
	Style name:			cubes
	Based on style:     prosilver (the default phpBB 3.1.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Lehrling ( forumstyling.bplaced.net )
    --------------------------------------------------------------
*/

@font-face {
    font-family: oswald;
    src: url("./font/oswald.ttf");
}


html, body {
	color: #210b00;
	background-image: url("./images/body_bg.jpg");
	background-repeat: no-repeat;
	background-attachment:fixed;
    background-color: #555555;	
	background-size: cover;
	}

h1 {
	/* Forum name */
	font-family: oswald, Arial, Helvetica, sans-serif;
	margin-right: 200px;
	margin-top: 5px;
	font-weight: bold;
	font-size: 4em;
	color: #003366;
	text-shadow: 2px 2px #EEEEEE;
}



h2 {
	/* Forum header titles */
	font-family: oswald, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2.5em;
	margin: 0.6em 0 0.2em 0;
	color: #FFCC00;
}

h3 {
	border-bottom-color: #CCCCCC;
	color: #92b5b8;
	font-size: 16px;
	font-family: oswald, Arial, sans-serif;
	font-weight: normal;
}


h4{
	line-height: 0.7em;
	font-size: 1.6em;
	font-family: oswald, arial, sans-serif;
	margin-bottom: 0.5em;
	text-shadow: 1px 2px #000000;
}

p {
	line-height: 1.3em;
	font-size: 1.5em;
	font-family: oswald, arial, sans-serif;	
	margin-bottom: 0em;
}

.content h2, .panel h2 {
	color: #92b5b8;
	border-bottom-color:  #CCCCCC;
	font-size: 24px;
}
		

.logo {
	float: right;
	width: auto;
	padding: 0px 10px 5px 10px;
}


.site_logo {
	display: inline-block;
	width: 220px;
	height: 110px;
}
.site_logo {
	background-image: url("./images/site_logo.png");
}


/* Site description */
.site-description {
	float: left;
	width: 70%;
	margin-left: 20px;
}


.site-description h1, .site-description p {
		text-align: left;
		float: none;
		margin-left: -1px;
		line-height: 1.8em;
		overflow: hidden;
		text-overflow: ellipsis;
	}

#wrap {
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	border-left: 0px;
	border-right: 0px;
	width: 1020px;
	margin: auto;
    background-color: #393939;
    background-repeat: repeat;
	color: #ffffff;
	border-radius: 0px;
	}
	

.top-header  {
		margin-top: -12px;
	}


.top-inner   {
	 width: 1038px;	
	 margin: auto;
	 margin-top: 20px;
	font-family: oswald, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;	
	background-color: #888888;
	padding: 6px;
}


.top-inner a:link {
		color: #ffffff;	
}

.top-inner  a:hover {
		color: #92b5b8;
}


.bottom-header  {
		margin-top: -7px;
	}


.bottom-inner   {
	 width: 1038px;
	  margin: auto;
	font-family: oswald, Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;	
	background-color: #444444;
	padding: 6px;
		}
		
	
.bottom-inner a:link {
		color: #FFCC00;	
}

.bottom-inner  a:hover {
		color: #92b5b8;	
}



.side-left  { float: left;
              width: 45%;
		   }
			 
.side-right  { float: right;
             width: 45%
 }
 
.page-footer {
	/*width: 1020px;*/
    margin: auto;
	clear: both;
	border-top: 1px solid #cccccc;
	padding-top: 3px;
	padding-bottom: 0px;
}

.logo-statistics {
	background-image: url("./images/logo_statistics.png");
	width: 40px;
	height: 22px;
	margin-top:-3px;
	margin-right: 4px;
	float: left;
}


/* Search box (header)
--------------------------------------------- */
.search-header {
	border-radius: 2px;
	display: block;
	float: right;
	margin-right: 5px;
	margin-top: 10px;
}

.search-box .inputbox {
	background-image: none;
	background-color: #555555;
	border-right-width: 0;
	border-radius: 2px 0 0 2px;
	float: left;
	height: 28px;
	width: 155px;
	padding: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: oswald, Arial, sans-serif;
}

.search-header {
	box-shadow: 0 0 1px #cccccc;
	padding-bottom: 0.5em;
}
.search-header .button-search,
.search-header .button-search-end {
	font-size: 15px;
}
.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus {
	border-color: #777777;
}



.headerbar, .forumbg {
	background-color: #777777;
	color: #DdDdDd;
	background-image: none;
	background-image:none;
	background-repeat: repeat-x;
	border-radius: 3px;
	
}

.forabg {
	background-color: #777777;
	background-image: none;
	background-image:none;
	border-radius: 3px;
}

.forumbg {
	background-color: #777777;
	background-image: none;
	background-image:none;
	border-radius: 3px;
}

ul.navlinks {
	border-top: 0px solid transparent;
	background-color: #777777;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
	}
	
ul.nav-main{
	border-top: 0px solid transparent;
	background-color: #003366;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
	}	
	
	
	
ul.nav-main a:link {
	color: #ffffff;
	}	
	
ul.nav-main a:visited {
	color: #ffffff;
    }
				
ul.nav-main a:focus {
	color: #92b5b8;
	}
ul.nav-main a:hover {
	color: #92b5b8;
	}	
	

ul.linklist > li {
	float: left;
	font-size: 1.7em;
	line-height: 2.2em;
	list-style-type: none;
	margin-right: 7px;
	padding-bottom: 0px;
	width: auto;
}



.dropdown .dropdown-contents {
	background: #555555;
	border-color: #888888;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
	color: #ffffff;
	font-family: oswald, Arial, sans-serif;
}

.dropdown .dropdown-contents a:link{
	background: #555555;
	border-color: #888888;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
	color: #ffffff;
}


.dropdown .dropdown-contents a:hover{
	background: #444444;
	border-color: #888888;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
	color: #92b5b8;
}

ul.linklist .dropdown {
	top: 32px;
}

.dropdown .pointer-inner {
	border-color: #555555 transparent;
}

.dropdown-extended .header {
	padding: 0 10px;
	font-family: oswald, Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 16px;
	color: #ffffff;
	text-shadow: 1px 1px 1px transparent;
	text-transform: uppercase;
	line-height: 2em;
	border-bottom: 1px solid;
	border-radius: 5px 5px 0 0;
	background-color: #555555; /* Old browsers */ /* FF3.6+ */
	background-image: none;
	background-image: none; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
	}

.dropdown li {
	background-color: #555555;
	color: #ffffff;
	display: list-item;
	border-top: 1px dotted transparent;
	float: none !important;
	line-height: normal !important;
	font-size: 15px !important;
	list-style: none;
	margin: 0;
	white-space: nowrap;
	text-align: left;
}

.dropdown-extended ul li:hover {
	background-color: #777777;
	color: #ffffff;
}

.dropdown-extended .footer {
	text-align: center;
	font-size: 0.8em;
}

.forumbg .header a, .forabg .header a, th a {
	font-size: 16px;
	font-family: oswald, Arial, sans-serif;
	font-weight: normal;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #92b5b8;
}

/* Icon styles
---------------------------------------- */
.icon.icon-blue, a:hover .icon.icon-blue {
	color: #92b5b8;
}

.icon.icon-green, a:hover .icon.icon-green{
	color: #4CB7A5;
}

.icon.icon-red, a:hover .icon.icon-red{
	color: #FF4000;
	display: inline;
}

.icon.icon-orange, a:hover .icon.icon-orange{
	color: #FF6600;
}

.icon.icon-bluegray, a:hover .icon.icon-bluegray{
	color: #92b5b8;
}

.icon.icon-gray, a:hover .icon.icon-gray{
	color: #cccccc;
}

.icon.icon-lightgray, a:hover .icon.icon-lightgray{
	color: #bbbbbb;
}

.icon.icon-black, a:hover .icon.icon-black{
	color: #ffffff;
}

.cubes_topic_icons   {  
      background-color: #cccccc;
	  padding-left: 5px;
	  border-radius: 3px;
	  color: #555555 !important;
}

.cubes_icon  {color: #555555 !important; }


/* Icon images
---------------------------------------- */

.contact-icon						{ background-image: url("./images/icons_contact.png"); }

/* Profile & navigation icons */
.pm-icon							{ background-position: 0 0; }
.email-icon							{ background-position: -21px 0; }
.jabber-icon						{ background-position: -80px 0; }
.phpbb_icq-icon						{ background-position: -61px 0 ; }
.phpbb_wlm-icon						{ background-position: -182px 0; }
.phpbb_aol-icon						{ background-position: -244px 0; }
.phpbb_website-icon					{ background-position: -40px 0; }
.phpbb_youtube-icon					{ background-position: -98px 0; }
.phpbb_facebook-icon				{ background-position: -119px 0; }
.phpbb_googleplus-icon				{ background-position: -140px 0; }
.phpbb_skype-icon					{ background-position: -161px 0; }
.phpbb_twitter-icon					{ background-position: -203px 0; }
.phpbb_yahoo-icon					{ background-position: -224px 0; }

/* Forum icons & Topic icons */
.global_read						{ background-image: url("./images/announce_read.gif"); }
.global_read_mine					{ background-image: url("./images/announce_read_mine.gif"); }
.global_read_locked					{ background-image: url("./images/announce_read_locked.gif"); }
.global_read_locked_mine			{ background-image: url("./images/announce_read_locked_mine.gif"); }
.global_unread						{ background-image: url("./images/announce_unread.gif"); }
.global_unread_mine					{ background-image: url("./images/announce_unread_mine.gif"); }
.global_unread_locked				{ background-image: url("./images/announce_unread_locked.gif"); }
.global_unread_locked_mine			{ background-image: url("./images/announce_unread_locked_mine.gif"); }

.announce_read						{ background-image: url("./images/announce_read.gif"); }
.announce_read_mine					{ background-image: url("./images/announce_read_mine.gif"); }
.announce_read_locked				{ background-image: url("./images/announce_read_locked.gif"); }
.announce_read_locked_mine			{ background-image: url("./images/announce_read_locked_mine.gif"); }
.announce_unread					{ background-image: url("./images/announce_unread.gif"); }
.announce_unread_mine				{ background-image: url("./images/announce_unread_mine.gif"); }
.announce_unread_locked				{ background-image: url("./images/announce_unread_locked.gif"); }
.announce_unread_locked_mine		{ background-image: url("./images/announce_unread_locked_mine.gif"); }

.forum_link							{ background-image: url("./images/forum_link.gif"); }
.forum_read							{ background-image: url("./images/forum_read.gif"); }
.forum_read_locked					{ background-image: url("./images/forum_read_locked.gif"); }
.forum_read_subforum				{ background-image: url("./images/forum_read_subforum.gif"); }
.forum_unread						{ background-image: url("./images/forum_unread.gif"); }
.forum_unread_locked				{ background-image: url("./images/forum_unread_locked.gif"); }
.forum_unread_subforum				{ background-image: url("./images/forum_unread_subforum.gif"); }

.sticky_read						{ background-image: url("./images/sticky_read.gif"); }
.sticky_read_mine					{ background-image: url("./images/sticky_read_mine.gif"); }
.sticky_read_locked					{ background-image: url("./images/sticky_read_locked.gif"); }
.sticky_read_locked_mine			{ background-image: url("./images/sticky_read_locked_mine.gif"); }
.sticky_unread						{ background-image: url("./images/sticky_unread.gif"); }
.sticky_unread_mine					{ background-image: url("./images/sticky_unread_mine.gif"); }
.sticky_unread_locked				{ background-image: url("./images/sticky_unread_locked.gif"); }
.sticky_unread_locked_mine			{ background-image: url("./images/sticky_unread_locked_mine.gif"); }

.topic_moved						{ background-image: url("./images/topic_moved.gif"); }
.pm_read,
.topic_read							{ background-image: url("./images/topic_read.gif"); }
.topic_read_mine					{ background-image: url("./images/topic_read_mine.gif"); }
.topic_read_hot						{ background-image: url("./images/topic_read_hot.gif"); }
.topic_read_hot_mine				{ background-image: url("./images/topic_read_hot_mine.gif"); }
.topic_read_locked					{ background-image: url("./images/topic_read_locked.gif"); }
.topic_read_locked_mine				{ background-image: url("./images/topic_read_locked_mine.gif"); }
.pm_unread,
.topic_unread						{ background-image: url("./images/topic_unread.gif"); }
.topic_unread_mine					{ background-image: url("./images/topic_unread_mine.gif"); }
.topic_unread_hot					{ background-image: url("./images/topic_unread_hot.gif"); }
.topic_unread_hot_mine				{ background-image: url("./images/topic_unread_hot_mine.gif"); }
.topic_unread_locked				{ background-image: url("./images/topic_unread_locked.gif"); }
.topic_unread_locked_mine			{ background-image: url("./images/topic_unread_locked_mine.gif"); }



/* Forum list column styles */
dl.row-item {
	background-position: 8px 8px;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.row-item dt {
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
}

dl.row-item dt .list-inner {
	padding-left: 60px;	
	padding-top: 0px;				/* Space for folder icon */
}

dl.row-item dt, dl.row-item dd {
	min-height: 35px;
	font-size: 1.15em;
}

dl.row-item dt a {
  display: inline;
}

dl.row-item dt .subforum {
	display: list-item;
	margin-left: 7px;
}

/* Emoticons panel */
.smiley-box {
	width: 18%;
	float: right;
	background-color: #cccccc;
	  padding: 5px;
	  border-radius: 3px;
	  color: #555555 !important;
}

.smiley-box a:link  { color: #555555 !important;}
.smiley-box a:hover  { color: #333333 !important;}


/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background-color: #444444;
	border-color:#888888;
	font-style: italic;
}

.rtl blockquote {
	background-image: url("./images/quote_rtl.gif");
}

blockquote blockquote {
	/* Nested quotes */
	background-color:#555555;
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #666666;
}

/* Code block */
.codebox {
	background-color: #555555;
	border-color: #888888;
}

.codebox p {
	border-bottom-color:  #888888;
}

.codebox code {
	color: #ffffff;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #0000BB; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #DD0000; }


.message-box textarea {  border-radius: 5px;  }


/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
	border-top-color: #DCDEE2;
	color: #ffffff;
	padding: 10px 0 0 0;
}

fieldset.polls dl.voted {
	color: #ffffff;
}

fieldset.polls dd div {
	color: #000000;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
	border-right-color: transparent;
}

.pollbar1 {
	background-color: #92b5b8;
	border-bottom-color: #333333;
	border-right-color: #777777;
	}

.rtl .pollbar1 {
	border-left-color: #777777;
}

.pollbar2 {
	background-color: #92b5b8;
	border-bottom-color: #333333;
	border-right-color: #777777;
}

.rtl .pollbar2 {
	border-left-color: #777777;
}

.pollbar3 {
	background-color: #92b5b8;
	border-bottom-color: #333333;
	border-right-color: #777777;
}

.rtl .pollbar3 {
	border-left-color: #777777;
}

.pollbar4 {
	background-color: #92b5b8;
	border-bottom-color: #333333;
	border-right-color: #777777;
}

.rtl .pollbar4 {
	border-left-color: #777777;
}

.pollbar5 {
	background-color: #92b5b8;
	border-bottom-color: #333333;
	border-right-color: #777777;
}

.rtl .pollbar5 {
	border-left-color: #777777;
}


/* Table styles
----------------------------------------*/
table.table1 thead th {
	color: #FFFFFF;
}

table.table1 tbody tr {
	border-color: #BFC1CF;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #555555;
	color: #ffffff;
}

table.table1 td {
	color: #ffffff;
}

table.table1 tbody td {
	border-top-color: #FAFAFA;
	width: 25%;
}

table.table1 tbody th {
	border-bottom-color: #000000;
	color: #ffffff;
	background-color: #666666;
}

table.info tbody th {
	color: #ffffff;
}


table.table1 a:link  { color: #ffffff;  }
table.table1 a:hover  { color: #92b5b8;  }


table.table1 thead th {
	font-family: oswald, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.1em;
	font-size: 16px;
	padding: 0 0 4px 3px;
}
	
/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a { color: #FFCC00; }
a:hover { color: #92b5b8; }	
a:focus { color: #FFCC00; }
a:active {
	color: #92b5b8;
	text-decoration: underline;
}
		
li.row strong {
	color: #CCCCCC;
}

li.row {
	border-top: 2px solid #888888;
	border-bottom: 1px solid transparent;
	background-color: #555555;
		}

li.row:hover {
	background-color: #666666;
}

ul.topiclist li {
	color: #ffffff;
	}

ul.topiclist dt .list-inner {
	margin-right: 440px;
	padding-left: 60px;
}	

ul.topiclist li.row dl {
	padding: 10px 0;
}	

	
a.topictitle {
	font-family: oswald, "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	text-decoration: none;
	display: inline;
}

a.forumtitle {
	font-family: oswald, "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	text-decoration: none;
	line-height: 18px;
}

b, strong a:link {
	font-weight: normal;
	text-decoration: underline;
}


/* Post body links */
.postlink {
	border-bottom-color: #cccccc;
	color: #92b5b8;
}

.postlink:visited {
	border-bottom-color: #cccccc;
	color: #92b5b8;
}

.postlink:hover {
	background-color: #444444;
	color: #c1ddde;
}


li.row:hover dd {
	border-left-color: #CCCCCC;
}

.rtl li.row:hover dd {
	border-right-color: #CCCCCC;
	border-left-color: transparent;
}	


.panel {
	background-color: #2b2b2b;
	color: #ffffff;
	border-radius: 3px;
}

.panel a:link  { color: #ffffff;  }
.panel a:hover  { color: #92b5b8;  }

.panel p {
	font-size: 1.6em;
	margin-bottom: 1em;
	line-height: 1.4em;
	font-family: oswald, Arial, sans-serif;
	color: #FF9900;
}

/* Friends list */
.cp-mini {
	background-color: #555555;
	font-family: oswald, Arial, sans-serif;
	font-size: 14px;
}

dl.mini dt {
	color: #92b5b8;
}

.cp-main .pm {
	background-color: #555555;
}


label {
	color: #FFFFFF;
}

dt label {
	font-weight: normal;
	text-align: left;
	font-size: 14px;
}	  


dd label {
	color: #ffffff;
}

fieldset dl:hover dt label {
	color: #92b5b8;
}

.post:target .content {
	color: #ffffff;
}

.post:target h3 a {
	color: #92b5b8;
}

.bg1 {
	background-color: #4c4c4c;
	border-radius: 3px;
	color: #ffffff;
	margin-bottom: 10px;
	}

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
	background-color: #4c4c4c;
	color: #ffffff;
}

.bg2 {
	background-color: #4b4b4b;
	border-radius: 3px;
	color: #ffffff;
	margin-bottom: 10px;
	}

table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
	background-color: #4b4b4b;
	color: #ffffff;
}

.bg3	{
	background-color: #666666;
	border-radius: 3px;
	color: #ffffff;
}

.copyright {
	color: #ffffff;
	font-family: oswald, Arial, sans-serif;
	font-size: 14px;
}


/* Content container styles
----------------------------------------*/

.postbody {
	color: #bbbbbb;
	font-size: 1.12em;
}

.content {
	color: #ffffff;
}

.content h2, .panel h2 {
	color: #92b5b8;
	border-bottom-color:  #CCCCCC;
}

dl.faq dt {
	color: #ffffff;
}

.posthilit {
	background-color: #000000;
	color: #92b5b8;
	border-radius: 2px;
	padding: 2px;
}


/* Pagination
---------------------------------------- */
.pagination {
	float: right;
	text-align: right;
	width: auto;
	font-family: oswald, Arial, sans-serif;
}

.pagination li a {
	background: #999999;
	filter: none;
	border-color: #999999;
	box-shadow: none;
	-webkit-box-shadow: none;
	color: #ffffff;
}


.pagination li.active span {
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	font-family: oswald, "Droid Sans", Verdana, Arial, Helvetica;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid transparent;
	background: #f9f9f9;
	border-color: #f9f9f9;
	color: #555555;
}


.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
	background: #92b5b8;
	border-color: #92b5b8;
	filter: none;
	color: #ffffff;
	text-shadow: none;
}


/*
--------------------------------------------------------------
Colours and backgrounds for buttons and icons
-------------------------------------------------------------- */

.button {
	border-color: #777777;
	background-color: #E9E9E9; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #333333 0%, #777777 100%);
	background-image: linear-gradient(to bottom, #333333 0%,#777777 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 0 1px #555555 inset;
	-webkit-box-shadow: 0 0 0 1px #555555 inset;
	color: #ffffff;
	font-family: oswald, Arial, sans-serif;
}

.icon, .button .icon  {
	font-size: 14px;
  	line-height: 1;
  	}

.button .icon,
.button-secondary {
	color: #ffffff;
}	
	

.button:hover,
.button:focus {
	border-color: #777777;
	background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #555555 0%, #999999 100%);
	background-image: linear-gradient(to bottom, #555555 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 0 transparent, -1px -1px 0 transparent, -1px -1px 0 rgba(188, 42, 77, 0.2);
	color: #92b5b8;
}

.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
	color: #92b5b8;
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	border-color: #777777;
	background-color: #333333; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #333333 0%, #777777 100%);
	background-image: linear-gradient(to bottom, #333333 0%,#777777 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 0 1px #555555 inset;
	-webkit-box-shadow: 0 0 0 1px #555555 inset;
	color: #ffffff;
	font-family: oswald, Arial, sans-serif;
	font-weight: normal !important;
	font-size: 16px;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 4px;
	}

a.button1, input.button1 {
	border-color: #777777;
}

input.button3 {
	background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border-color: #777777;
}

/* <a> button in the style of the form buttons */
a.button1, a.button2 {
	color: #ffffff;
}


/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #777777;
	background-color: #555555; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #555555 0%, #999999 100%);
	background-image: linear-gradient(to bottom, #555555 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 0 transparent, -1px -1px 0 transparent, -1px -1px 0 rgba(188, 42, 77, 0.2);
	color: #92b5b8;
	}

/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
	border-color: #777777;
	background-color: #555555; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #555555 0%, #999999 100%);
	background-image: linear-gradient(to bottom, #555555 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 0 transparent, -1px -1px 0 transparent, -1px -1px 0 rgba(188, 42, 77, 0.2);
	color: #92b5b8;
	}


.post-buttons .button, .format-buttons .button {
	padding-left: 3px;
	padding-right: 3px;
	font-size: 16px;
}

/* Posting page styles
----------------------------------------*/

.message-box textarea {
	color: #FFFFFF;
	font-family: monospace, courier;
	font-size: 1em;
}


/* CP tabbed menu
----------------------------------------*/

.tabs .tab > a {
	border-color: #777777;
	background-color: #333333; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #333333 0%, #777777 100%);
	background-image: linear-gradient(to bottom, #333333 0%,#777777 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 0 1px #555555 inset;
	-webkit-box-shadow: 0 0 0 1px #555555 inset;
	color: #ffffff;
	font-family: oswald, Arial, sans-serif;
	font-weight: normal !important;
	font-size: 16px;
	
}

.tabs .tab > a:hover {
	border-color: #777777;
	background-color: #555555; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #555555 0%, #999999 100%);
	background-image: linear-gradient(to bottom, #555555 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 0 transparent, -1px -1px 0 transparent, -1px -1px 0 rgba(188, 42, 77, 0.2);
	color: #92b5b8;
}

.tabs .activetab > a
 {
	border-color: #777777;
	background-color: #E9E9E9; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #333333 0%, #777777 100%);
	background-image: linear-gradient(to bottom, #333333 0%,#777777 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 0 1px #555555 inset;
	-webkit-box-shadow: 0 0 0 1px #555555 inset;
	color: #ffffff;
	font-weight: normal;
	}
	
.tabs .activetab > a:hover   {	
	border-color: #777777;
	background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #555555 0%, #999999 100%);
	background-image: linear-gradient(to bottom, #555555 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 0 transparent, -1px -1px 0 transparent, -1px -1px 0 rgba(188, 42, 77, 0.2);
	color: #92b5b;
}	

.tabs .tab, .minitabs .tab {
	display: block;
	float: left;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.4em;
}


.tabs .tab > a, .minitabs .tab > a {
	display: block;
	padding: 5px 9px;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	font-weight: normal!important;
}

/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
	border-color: #ffffff;
}

.responsive-tab .responsive-tab-link:hover:before {
	border-color: #92b5b8;
}


/* Responsive breadcrumbs
----------------------------------------*/

.breadcrumbs .crumb {
	float: left;
	font-weight: normal;
	word-wrap: normal;
}

.crumb-first {
	float: left;
	font-weight: none;
	word-wrap: normal;
}

.crumb-first:before {
	font-weight: none;
	padding: 0 0.5em;
}

.crumb-second {
	float: left;
	font-weight: none;
	word-wrap: normal;
}

.crumb-second:before {
	content: '\2039';
	font-weight: none;
	padding: 0 0.5em;
}

.fa-fw {
    font-size: 18px;
}

/* Preferences pane layout
----------------------------------------*/
.panel-container h2 {
	color: #FFCC00;
	border-radius: 3px;
	font-size: 20px;
}

.panel-container .panel p {
	font-size: 1.6em;
}

.panel-container .panel {
	background-color: #555555;
}

.panel-container table.table1 thead th {
	color: #ffffff;
	border-bottom-color: #cccccc;
}

.panel-container .panel li.header dd, .panel-container .panel li.header dt {
	color: #FFCC00;
}

.panel-container table.table1 thead th {
	color: #92b5b8;
	border-bottom-color: #333333;
}

.panel-container .postbody p.author {
	font-size: 1.4em;
	}


/* Misc layout styles
---------------------------------------- */
dl.details dt {
	color: #92b5b8;
	font-weight: bold;
	}

dl.details dd {
	color: #ffffff;
}

.sep {
	color: #cccccc;
}

/* Back to top of page */
.top i {
	color: #999999;
}

/* Arrow links  */
.arrow-left:hover, .arrow-right:hover {
	color: #c1ddde;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	color: #ffffff;
	border-color: #888888;
}

.pm .postprofile {
	border-color: #888888;
}

.postprofile strong {
	color: #92b5b8;
}


/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
.navigation a {
	border-color: #777777;
	background-color: #E9E9E9; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #333333 0%, #777777 100%);
	background-image: linear-gradient(to bottom, #333333 0%,#777777 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 0 1px #555555 inset;
	-webkit-box-shadow: 0 0 0 1px #555555 inset;
	color: #ffffff;
	font-family: oswald, Arial, sans-serif;
	font-size: 16px;
}

.rtl .navigation a {
	border-color: #777777;
	background-color: #E9E9E9; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #333333 0%, #777777 100%);
	background-image: linear-gradient(to bottom, #333333 0%,#777777 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 0 1px #555555 inset;
	-webkit-box-shadow: 0 0 0 1px #555555 inset;
	color: #ffffff;
	font-family: oswald, Arial, sans-serif;
}

.navigation a:hover {
	border-color: #777777;
	background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #555555 0%, #999999 100%);
	background-image: linear-gradient(to bottom, #555555 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 0 transparent, -1px -1px 0 transparent, -1px -1px 0 rgba(188, 42, 77, 0.2);
	color: #92b5b8;
}

.navigation .active-subsection a {
	background: #888888;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.navigation .active-subsection a:hover {
	color: #ffffff;
}

/* Default list state */
.navigation li {
	display: inline;
	font-weight: normal;
	margin: 1px 0;
	padding: 0;
}


/* General form styles
----------------------------------------*/
select {
	border-color: #888888;
	background-color: #555555;
	color: #ffffff;
	font-family: oswald, Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
}

dd select {
	width: auto;
	font-family: oswald, Arial, sans-serif;
	font-size: 16px;
}


/* Input field styles
---------------------------------------- */

.inputbox {
	background-color: #555555;
	border-color: #888888;
	color: #ffffff;
	font-family: oswald, Arial, sans-serif;
	font-size: 16px;
	}

.inputbox:-moz-placeholder {
	color: #ffffff;
}

.inputbox::-webkit-input-placeholder {
	color: #ffffff;
}

.inputbox:hover {
	border-color: #92b5b8;
}

.inputbox:focus {
	border-color: #92b5b8;
}

.action-bar .button {
	margin-right: 5px;
	float: left;
	font-size: 16px;
}

.message-box {
    width: 80%;
    font-size: 14px;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
	background-color: #555555;
	font-family: oswald, Arial, sans-serif;
}

fieldset {
	border-width: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	
}


/* Jumpbox */
.jumpbox .dropdown li {
	border-top-color: #888888;
}

.jumpbox-cat-link {
	background-color: #555555;
	border-top-color: #888888;
	color: #FFFFFF;
}

.jumpbox-cat-link:hover {
	background-color: #666666;
	border-top-color: #888888;
	color: #FFFFFF;
}

.jumpbox-forum-link {
	background-color: #777777;
}

.jumpbox-forum-link:hover {
	background-color: #666666;
}

.jumpbox .dropdown .pointer-inner {
	border-color: #444444 transparent;
}

.jumpbox-sub-link {
	background-color: #444444;
	color: #ffffff;
}

.jumpbox-sub-link:hover {
	background-color: #333333;
	color: #92b5b8;
}


.error {
	color: #00ffff;
	font-weight: normal !important;
	font-size: 1.2em;
}


.reported {
	background-color: #666666;
}

li.reported:hover {
	background-color: #777777 !important;
}

.sticky, .announce {
	/* you can add a background for stickies and announcements*/
}

div.rules {
	background-color: #666666;
	color: #FFFFFF;
}

p.post-notice {
	background-color: #888888;
	background-image: none;
	color: #ffffff;
	font-weight: normal !important;
}


/* Notifications
---------------------------------------- */

.notification_list p.notification-time {
	color: #ffffff;
}

li.notification-reported strong, li.notification-disapproved strong {
	color: #a52a2a;
}

.badge {
	background-color: #D31141;
	color: #FFFFFF;
}


form > p.post-notice strong {
	line-height: 20px;
	font-weight: normal;
}

/* Post signature */
.signature {
	border-top-color: #CCCCCC;
	color: #cccccc !important;
	font-size: 1.1em;
}

/* Inline image thumbnails */

dl.file dd {
	color: #cccccc;
	font-size: 12px;
}

dl.thumbnail img {
	border-color: #999999;
	background-color: #777777;
}

dl.thumbnail dd {
	color: #ffffff;
}

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border-color: #999999;
}

/* Attachments
----------------------------------------*/
.attachbox {
	background-color: #444444;
	border-color:  #999999;
}


/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
	color: #92b5b8 !important;
}


/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #92b5b8;
	border-right-color: #92b5b8;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	border-color: #FF6600;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	border-color: #999999;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #c1ddde;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
	border-color: #000000;
}


.alert_close .icon:before {
	background-color: #555555;
}



/* Responsive Layout */

@media only screen and (max-width: 1080px), only screen and (max-width: 1080px) {
	#wrap {
	      width: 900px;
		  margin: auto;
	}
	
	.top-inner {
	      width: 918px;
		  margin: auto;
		  margin-top: 25px;
	}
	
	.bottom-inner {
	      width: 918px;
		  margin: auto;
		  margin-bottom: -15px;
	}
	
	}


@media only screen and (max-width: 900px), only screen and (max-width: 900px)  {  

#wrap {
	      width: 750px;
		  margin: auto;
	}

	.top-inner {
	      width: 768px;
		  margin: auto;
		  margin-top: 25px;
	}

	.bottom-inner {
	      width: 768px;
		  margin: auto;
	}
	
    .cp-menu, .navigation, .cp-main {
		float: left;
		width: auto;
		margin: 0;
	}

	.navigation {
		padding: 0;
		margin: 0 auto;
		max-width: 320px;
			}
		
	#navigation a, .rtl #navigation a {
		padding: 5px;
		margin: 0 auto;
		max-width: 320px;
		border-color: #777777;
	    background-color: #333333; /* Old browsers */ /* FF3.6+ */
	    background-image: -webkit-linear-gradient(top, #333333 0%, #777777 100%);
	    background-image: linear-gradient(to bottom, #333333 0%,#777777 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
	    box-shadow: 0 0 0 1px #555555 inset;
	    -webkit-box-shadow: 0 0 0 1px #555555 inset;
	    color: #ffffff;
		}	
	   
	.site_logo {
	display: inline-block;
	width: 160px;
	height: 80px;
    }
	
    .site_logo {
	background-image: url("./images/site_logo_small.png");
      }
	  
    .logo {
	float: right;
	width: auto;
	padding: 6px 20px 5px 10px;
        }  

	.search-header {
	display:none;
         }	
}



@media only screen and (max-width: 700px), only screen and (max-width: 700px)  {  

#wrap {
	      width: 550px;
		  margin: auto;
	}

	.top-inner {
	      width: 548px;
		  margin: auto;
		  margin-top: 25px;
	}

	.bottom-inner {
	      width: 548px;
		  margin: auto;
		  
	}
	h2 {
		font-size: 2.4em;
	
}
	
     .cp-menu, .navigation, .cp-main {
		float: left;
		width: auto;
		margin: 0;
	}

	.navigation {
		padding: 0;
		margin: 0 auto;
		max-width: 320px;
			}
	
	#navigation a, .rtl #navigation a {
		padding: 5px;
		margin: 0 auto;
		max-width: 320px;
		border-color: #777777;
	    background-color: #333333; /* Old browsers */ /* FF3.6+ */
	    background-image: -webkit-linear-gradient(top, #333333 0%, #777777 100%);
	    background-image: linear-gradient(to bottom, #333333 0%,#777777 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
	    box-shadow: 0 0 0 1px #555555 inset;
	    -webkit-box-shadow: 0 0 0 1px #555555 inset;
	    color: #ffffff;
		}
	   
	.site_logo {
	display: inline-block;
	width: 160px;
	height: 80px;
    }
	
    .site_logo {
	background-image: url("./images/site_logo_small.png");
      }
	  
    .logo {
	float: right;
	width: auto;
	padding: 6px 20px 5px 10px;
        }  
		
     .site-description h1, .site-description p {
		line-height: 1em;
		font-size: 24px;
		margin-left: -15px;
		margin-top: 1px;
	} 
	.search-header {
	display:none;
         }	
		 
	ul.topiclist dt .list-inner {
    margin-right: 0px;
    padding-left: 60px;
    }	 
	ul.linklist > li {
	border-top: 0em solid transparent;
	float: left;
	font-size: 1em;
	line-height: 2em;
	padding-top: 0.4em;
	}
	.dropdown .dropdown-contents {
	font-size: 15px;
      }
	  
	}


@media only screen and (max-width: 480px), only screen and (max-width: 480px)  {  
    #wrap {
	      width: 98%;
		  margin: auto;
		  min-width: 302px;
		  word-break: break-word;
		  line-height: 14px;
	}
	
	.top-inner {
	      width: 98%;
		  margin: auto;
		  min-width: 300px;
		  font-size: 14px;
	}
	.bottom-inner {
	      width: 98%;
		  margin: auto;
		  min-width: 300px;
	}
	
    .navigation a {
	margin:auto;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
		text-decoration: none;
      }
	  
	  h1 {
		font-size: 2em;
		float: left;
	}
	
		
    h2 {
	font-size: 1.9em;
	line-height: 1.2em;
	margin-bottom: 10px;
	}

    h3 {
		font-size: 14px;
	}

    h4  {	
	display:none;
	}

    p {
		font-size: 1.5em;
	}
	p.responsive-center {
		float: left;
		text-align: center;
		margin-bottom: 5px;
		margin-left: 5px;
	}

    .content h2, .panel h2 {
		font-size: 18px;
		line-height: 1.4em;
    }
     .dropdown .dropdown-contents {
		font-size: 18px;
    }
	
	ul.linklist > li.rightside, p.rightside, a.rightside {
	float: left;
	text-align: left;
    }
	
	.dropdown .dropdown-contents {
	font-family:oswald, Arial, sans-serif;
	font-size: 14px;
   }
   
   ul.topiclist dt .list-inner {
	margin-right: 0px;
	padding-left: 60px;
    }
	 .cp-menu, .navigation, .cp-main {
		float: left;
		width: auto;
		margin: 0;
	}

	.navigation {
		padding: 0;
		margin: 0 auto;
		max-width: 320px;
			}
	
	#navigation a, .rtl #navigation a {
		padding: 5px;
		margin: 0 auto;
		max-width: 320px;
		border-color: #777777;
	    background-color: #333333; /* Old browsers */ /* FF3.6+ */
	    background-image: -webkit-linear-gradient(top, #333333 0%, #777777 100%);
	    background-image: linear-gradient(to bottom, #333333 0%,#777777 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
	    box-shadow: 0 0 0 1px #555555 inset;
	    -webkit-box-shadow: 0 0 0 1px #555555 inset;
	    color: #ffffff;
		}
   
    .fa-fw {
    font-size: 14px;
   }
   .smiley-box {
	   width: 95%;
	  margin: auto;
	  color: #555555 !important;
          }
		  
	dt label {
	font-weight: normal;
	text-align: left;
	font-size: 14px;
    }	
     
	 
.panel-container .panel p {
	font-size: 1.4em;
}

	
}