/****************************************************************/
/* 1. IMPORTED STYLESHEETS */
/****************************************************************/

/* Import the basic setup styles */
@import url(imports/base.css);
/* Import the colour scheme */
@import url(imports/AVA_cs.css);

/****************************************************************/
/* 2. TEXT SETTINGS */
/****************************************************************/

/* 2.1 This sets the default Font Group */

.pun, .pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.pun {FONT-SIZE: 11px; LINE-HEIGHT: normal}

/* IEWin Font Size only - to allow IEWin to zoom. Do not remove comments \*/
* HTML .pun {FONT-SIZE: 68.75%}
/* End IE Win Font Size */

/* Set font size for tables because IE requires it */
.pun TABLE, .pun INPUT, .pun SELECT, .pun OPTGROUP, .pun TEXTAREA, DIV.postmsg, P.postedit {FONT-SIZE: 1em}

/* 2.2 Set the font-size for preformatted text i.e in code boxes */

.pun PRE {FONT-FAMILY: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace}

/* 2.3 Font size for headers */

.pun H2, .pun H4 {FONT-SIZE: 1em}
.pun H3 {FONT-SIZE: 1em}
#brdtitle H1 {FONT-SIZE: 1em}

/* 2.4 Larger text for particular items */

DIV.postmsg P {LINE-HEIGHT: 1.4em}
DIV.postleft DT {FONT-SIZE: 1em}
.pun PRE {FONT-SIZE: 1em}

/* 2.5 Bold text */

DIV.postleft DT, DIV.postmsg H4, TD.tcl H3, DIV.forminfo H3, P.postlink, DIV.linkst LI,
DIV.linksb LI, DIV.postlinksb LI, .blockmenu LI, #brdtitle H1, .pun SPAN.warntext, .pun P.warntext {FONT-WEIGHT: bold}

/****************************************************************/
/* 3. LINKS */
/****************************************************************/

/* 3.1 Remove underlining for main menu, post header links, post links and vertical menus */

.pun a:link, .pun a:visited {
	text-decoration: none;
	border-bottom: 1px solid #999;
}

.pun a:hover, .pun a:active {
	border-bottom: 1px dotted #B42000;
}

/****************************************************************/
/* 4. BORDER WIDTH AND STYLE */
/****************************************************************/

/* 4.1 By default borders are 1px solid */

DIV.box, .pun TD, .pun TH, .pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px
}

/* 4.2 Special settings for the board header. */
#brdheader DIV.box {BORDER-WIDTH: 0px}
/* 4.3 Borders for table cells */

.pun TD, .pun TH {
	BORDER-BOTTOM: none;
	BORDER-RIGHT: none
}

.pun .tcl {BORDER-LEFT: none}

.pun .alternative-table TD {
	border-bottom: none;
	border-left: none;
	border-right: none
}

/* 4.4 Special setting for fieldsets to preserve IE defaults */

DIV>FIELDSET {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px
}

/* 4.5 Form elements */

input, textarea, select { border-width: 1px;border-style: solid }

/****************************************************************/
/* 5. VERTICAL AND PAGE SPACING */
/****************************************************************/

/* 5.1 Page margins */

HTML, BODY { margin: 0;padding: 0 }
#punwrap { width: 960px; margin: 0 auto;padding: 0 20px 18px }

/* 5.2 Creates vertical space between main board elements (Margins) */

DIV.blocktable, DIV.block, DIV.blockform, DIV.block2col, #postreview {MARGIN-BOTTOM: 12px}
#punindex DIV.blocktable, DIV.blockpost {MARGIN-BOTTOM: 6px}
DIV.block2col DIV.blockform, DIV.block2col DIV.block {MARGIN-BOTTOM: 0px}

/* 5.3 Remove space above breadcrumbs, postlinks and pagelinks with a negative top margin */

DIV.linkst, DIV.linksb {MARGIN-TOP: -12px}
DIV.postlinksb {MARGIN-TOP: -6px}

/****************************************************************/
/* 6. SPACING AROUND CONTENT */
/****************************************************************/

/* 6.1 Default padding for main items */

DIV.block DIV.inbox, DIV.blockmenu DIV.inbox {PADDING: 3px 6px}
.pun P, .pun UL, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV {PADDING: 3px 0}
.pun H2 {PADDING: 4px 6px}

/* 6.2 Special spacing for various elements */

.pun H1 {PADDING: 3px 0px 0px 0}
#brdtitle P {PADDING-TOP: 0px;}
#brdtitle {margin-bottom:0px;}
DIV.linkst {PADDING: 8px 6px 3px 6px}
DIV.linksb, DIV.postlinksb {PADDING: 3px 6px 8px 6px}
#brdwelcome, #brdfooter DL A, DIV.blockmenu LI, DIV.rbox INPUT  {LINE-HEIGHT: 1.4em}
#viewprofile DT, #viewprofile DD {PADDING: 0 3px; LINE-HEIGHT: 2em}

/* 6.4 Create some horizontal spacing for various elements */
DIV.rbox INPUT, DIV.blockform P INPUT  {MARGIN-RIGHT: 12px}

/****************************************************************/
/* 7. SPACING FOR TABLES */
/****************************************************************/

.pun TH, .pun TD {PADDING: 4px 6px}
.pun TD P {PADDING: 5px 0 0 0}

/****************************************************************/
/* 8. SPACING FOR POSTS */
/****************************************************************/

/* 8.1 Padding around left and right columns in viewtopic */

DIV.postleft DL, DIV.postright {PADDING: 6px}

/* 8.2 Extra spacing for poster contact details and avatar */

DD.usercontacts, DD.postavatar {MARGIN-TOP: 5px}
DD.postavatar {MARGIN-BOTTOM: 5px}

/* 8.3 Extra top spacing for signatures and edited by */

DIV.postsignature, DIV.postmsg P.postedit {PADDING-TOP: 15px}

/* 8.4 Spacing for code and quote boxes */

DIV.postmsg H4 {MARGIN-BOTTOM: 10px}
.pun BLOCKQUOTE, DIV.codebox {MARGIN: 5px 15px 15px 15px; PADDING: 8px}

/* 8.5 Padding for the action links and online indicator in viewtopic */

DIV.online P, DIV.postfootright UL, DIV.postfootright DIV {PADDING: 10px 6px 5px 6px}

/* 8.6 This is the input on moderators multi-delete view */

DIV.blockpost INPUT, DIV.blockpost LABEL {
	PADDING: 3px;
	DISPLAY: inline
}

P.multidelete {
	PADDING-TOP: 15px;
	PADDING-BOTTOM: 5px
}

/* 8.7 Make sure paragraphs in posts don't get any padding */

DIV.postmsg {PADDING: 6px}


/* horizontal topic */
div.userinfo td {
    BORDER: 0px;
}

.online {
	position:relative;
	top: -3.0em;
	left:1.0em;
}
	
.postavatar img {
	margin-right:6px;
}

.contatcts {
	display:inline;
	float:right;
	position:relative;
	top: -2em;
	right: 0.5em;
}

.avatar {
	float: left;
}

.userinfoinfo {
	position: relative;
	float: left;
	top: 0.5em;
}

.social, .actions {
	float:right;
}

.social{
	position:relative;
	top:2em;
}

.userinfo {
	border-bottom:1px dotted;
	background-color:#f5f5f5;
}

/****************************************************************/
/* 9. SPECIAL SPACING FOR FORMS */
/****************************************************************/

/* 9.1 Padding around fieldsets */

DIV.blockform FORM, DIV.fakeform {PADDING: 20px 20px 15px 20px}
DIV.inform {PADDING-BOTTOM: 12px}

/* 9.2 Padding inside fieldsets */

.pun FIELDSET {PADDING: 0px 12px 0px 12px}
DIV.infldset {PADDING: 9px 0px 12px 0}
.pun LEGEND {PADDING: 0px 6px}

/* 9.3 The information box at the top of the registration form and elsewhere */

DIV.forminfo {
	MARGIN-BOTTOM: 12px;
	PADDING: 9px 10px
}

/* 9.4 BBCode help links in post forms */

UL.bblinks LI {PADDING-RIGHT: 20px}

UL.bblinks {PADDING-BOTTOM: 10px; PADDING-LEFT: 4px}

/* 9.5 Horizontal positioning for the submit button on forms */

DIV.blockform P INPUT {MARGIN-LEFT: 12px}

/* 9.6 Form elements */

input, textarea, select { padding: 2px }

/****************************************************************/
/* 10. POST STATUS INDICATORS */
/****************************************************************/

/* 10.1 These are the post status indicators which appear at the left of some tables. 
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. By default only .inew is different from the default.*/

DIV.icon {
	FLOAT: left;
	MARGIN-TOP: 0.1em;
	MARGIN-LEFT: 0.2em;
	DISPLAY: block;
	BORDER-WIDTH: 0.6em 0.6em 0.6em 0.6em;
	BORDER-STYLE: solid
}

DIV.searchposts DIV.icon {MARGIN-LEFT: 0}

/* 10.2 Class .tclcon is a div inside the first column of tables with post indicators. The
margin creates space for the post status indicator */

TD DIV.tclcon {MARGIN-LEFT: 2.3em}

/* #punforum .blocktable h2 { background: none;border: none;color: #333;font: 2.5em Georgia, "Times New Roman", serif; } */

.pun a:link img { border: none }

/****************************************************************/
/* 11. CUSTOM CSS */
/****************************************************************/

/* Post and Reply Buttons*/
.pun p.postlink, #conr { text-align: center;width: auto; padding-left: 5px; padding-right: 5px;position: relative; background-color: inherit;color: inherit;top : 0px;left: 6px }

/* post STATUS Offline */
#onlinelist, .clearb {margin-left: 0px }

.pun DIV.online p { padding: 0;font-style: normal;font-weight: normal;color: #fafafa;text-indent: 15px;display: block;
height: 15px;background-image: url(../../img/AVA/misc/offline.png);background-repeat: no-repeat;background-color: inherit }

/* post STATUS Online */
.pun DIV.online p strong 
{ font-style : normal;font-weight : bold;color : #fafafa;text-indent :15px;display : block;height : 15px;
background-image : url(../../img/AVA/misc/online.png);background-repeat : no-repeat;background-color: inherit }

/* Sub Forums Moderator Color and Sub Forum Color */

.mod_title { font-family: Verdana, "Lucida Sans Unicode", Arial, sans-serif; font-size: 11px; font-weight: normal; color: #C91800; background-color: inherit }
a.mod_title { text-decoration: none; color: #5c5c5c; font-weight: normal; background-color: inherit }
a.mod_title:visited { text-decoration: none; color: #5c5c5c; background-color: inherit }
a.mod_title:hover { color: #b42000; background-color: inherit }

.sub_title { padding-left: 9px; font-family: Verdana, "Lucida Sans Unicode", Arial, sans-serif; font-size: 11px; font-weight: normal; color: #5c5c5c; background-color: inherit }
.sub_name {background-color: inherit; text-decoration: inherit; color: #5c5c5c; font-weight: normal }
.sub_name:visited {background-color: inherit; text-decoration: none; color: #5c5c5c }
.sub_name:hover {background-color: inherit; color: #b42000; text-decoration: inherit }

/* News Footer Bookmarks */

.bookmarks_readmore {
	color: inherit;
	overflow: hidden; 
	width: 98.6%; 
	background-color: inherit; 
	border-top: solid #5c5c5c; 
	border-top-width: 1px; 
	border-left: solid #5c5c5c; 
	border-left-width: 1px; 
	border-right: solid #5c5c5c; 
	border-right-width: 1px; 
	border-bottom: solid #5c5c5c; 
	border-bottom-width: 1px; 
	height: 20px
}

.bookmarks {
	color: inherit;
	width: 97.9%;  
	background-color: inherit;
	border-top: solid #5c5c5c; 
	border-top-width: 1px; 
	border-left: solid #5c5c5c; 
	border-left-width: 1px; 
	border-right: solid #5c5c5c; 
	border-right-width: 1px; 
	border-bottom: solid #5c5c5c; 
	border-bottom-width: 1px;
	height: 20px
}

/* These are used for the Category Links MOD */

#links 
{
	margin: auto;
	padding: 0px;
}
h2.links 
{
	border-bottom: 1px solid #5c5c5c;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}
.links_category 
{
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #5c5c5c;
}
p.links 
{
	padding-left: 5px;
	border-bottom: 1px solid #5c5c5c;
}
div.links_column_1 
{
	margin: 0px;
	width: 100%;
	padding: 0% 2.21% 0% 0%;
	float: left;
}
div.links_column_2 
{
	margin: 0px;
	width: 22.33%;
	padding: 0% 1.77% 0% 1.33%;
	float: left;
}
div.links_column_3 
{
	margin: 0px;
	width: 22.33%;
	padding: 0% 1.33% 0% 1.77%;
	float: left;
}
div.links_column_4 
{
	margin: 0px;
	width: 22.33%;
	padding: 0% 0% 0% 2.21%;
	float: left;
}

/* Class sets for Announce, Forum Notes and Forum News box */

.announce 
{
	background-color: #5c5c5c; 
	color: #FFFFFF; 
	border-top: 0px solid #5c5c5c; 
	border-left: 1px solid #5c5c5c;
	border-right: 1px solid #5c5c5c
}
DIV.announce_box 
{
	color: #333; 
	padding-left: 0px; 
	padding-right: 4px; 
	background-color: #ffffff; 
	border-bottom: 1px solid #5c5c5c; 
	border-left: 1px solid #5c5c5c;
	border-right: 1px solid #5c5c5c
}

.note 
{
	background-color: #5c5c5c; 
	color: #FFFFFF; 
	border-top: 1px solid #5c5c5c; 
	border-left: 1px solid #5c5c5c;
	border-right: 1px solid #5c5c5c
}
DIV.note_box 
{
	color: #333; 
	padding-left: 0px; 
	padding-right: 4px; 
	background-color: #ffffff; 
	border-bottom: 1px solid #5c5c5c; 
	border-left: 1px solid #5c5c5c;
	border-right: 1px solid #5c5c5c
}

.news 
{
	background-color: #5c5c5c; 
	color: #FFFFFF; 
	border-top: 0px solid #5c5c5c; 
	border-left: 1px solid #5c5c5c;
	border-right: 1px solid #5c5c5c
}
DIV.news_box 
{
	color: #333; 
	padding-left: 0px; 
	padding-right: 4px; 
	background-color: #ffffff; 
	border-bottom: 1px solid #5c5c5c; 
	border-left: 1px solid #5c5c5c;
	border-right: 1px solid #5c5c5c
}

/* The Post Icons used in the Forum on New Post */

.icon_topics, #post_icons 
{ 
 	border: 1px	solid #D1D2D2; 
	display: inline; 
	width: 100% !important; width: 520px; 
	padding: 6px 
}

.icon_topics, #post_icons:hover, input.icon_topics, #post_icons:focus 
{ 
border: 1px solid #BC2A4D 
}

DIV.topiclabels 
{ 
	margin: 3px; 
	padding-left: 23px; 
	text-align: left; 
	font-weight: normal; 
	color: #5c5c5c; 
	background-color: inherit 
}

DIV.topiclabels A:hover 
{ 
	text-align: left; 
	font-weight: normal; 
	color: #b42000; 
	background-color: inherit 
}

/* Uploads MOD */

#uploads1, 
#uploads2, 
#uploads3, 
#uploads4, 
#uploads5, 
#uploads6, 
#uploads7 
{
	background-color: inherit; 
	color: #333; 
}

/* Private Message MOD Inbox/Sent offset - Set for Firefox and IE */

.pm_message_align 
{ 
	padding-top: 9px !important; margin-top: 9px 
}

/* News Links on index page */

.cheader 
{
	line-height: 1.5em !important;
	color: #5c5c5c;
	font: 2.5em Georgia, "Times New Roman", serif;
	text-decoration:none;
}

a.cheader:hover 
{
	color: #5c5c5c;
	text-decoration: none;
}

.news_footer 
{
	background: #f5f5f5;
	border: 1px solid #999;
	margin-top: 5px !important;
	padding: 8px !important;
	text-align: right;
}

.byuser 
{
	font-weight: normal; 
	color: #333; 
	background-color: inherit
}

.user 
{
	font-weight: normal; 
	color: #5c5c5c; 
	background-color: inherit
}

.poster 
{
	background-color: inherit; 
	color: #5c5c5c;
}

a.poster 
{
	background-color: inherit; 
	text-decoration: none; 
	color: #5c5c5c;
}

a.poster:visited 
{
	background-color: inherit; 
	text-decoration: none; 
	color: #5c5c5c;
}

a.poster:hover 
{
	color: #b42000;
	text-decoration: inherit;
}

/* Forum Polls */

p.poll_info {
	text-align: center;
	clear: left;
	margin: 7px;
}

div.poll_question {
	float: left;
	clear: both;
	text-align: right;
	width: 35%;
	margin: 0.3em;
	height: 1.2em;
}

div.poll_result,div.poll_result_yesno {
	float: left;
	text-align: left;
	width: 45%;
	margin: 0.3em;
	padding: 0;
	height: 1.2em;
	line-height: 1.2em;
}

div.poll_result_yesno {
	width: 22%;
	margin-right: 0.1em;
}

img.poll_bar {
	border-left: 1px solid #5c5c5c; 
	border-right: 1px solid #5c5c5c;
	border-top: 1px solid #5c5c5c; 
	border-bottom: 1px solid #5c5c5c;
	background-color: #5c5c5c; /* Color of voting bar */
	height: 1.2em;
	margin: 0;
}

.clear { clear: both }

.pun .postavatar a, .pun h2 a { border: none !important }

/* .block h2, .blocktable h2, .blockform h2, .blockpost h2, .blockmenu h2 {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}

.block .box, .blocktable .box, .blockform .box, .blockpost .box, .blockmenu .box {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
} */

#punviewtopic .blockpost { width: 920px !important }

input[type=radio],
input[type=checkbox] { border: none }

#brdfooter
{
	height: 150px;
}

a.floated-img img
{
   float: none !important;
   margin: auto !important;
}

a.centered-img img
{
   display: inline !important;
   margin: auto !important;
}