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

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

body{font-size:62.5%;}

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

/* 2.1 This sets the default Font Group */

.pun,.pun INPUT,.pun SELECT,.pun TEXTAREA,.pun OPTGROUP{
	font:normal 130%/1.3em Verdana,Tahoma,Arial,Helvetica,sans-serif;
}

/* 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:1.1em}
#brdtitle H1{font:bold 20px/1.3em "Trebuchet MS",Arial,Verdana,serif;color:#F4F6F9;padding:5px 0 20px 0;}

/* 2.4 Larger text for particular items */
DIV.postmsg P{LINE-HEIGHT:1.4}
DIV.postleft DT{FONT-SIZE:1.1em}
.pun PRE{FONT-SIZE:1.2em}

/* 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 */

#brdmenu A:link,#brdmenu A:visited,.blockpost DT A:link,.blockpost DT A:visited,.blockpost H2 A:link,
.blockpost H2 A:visited,.postlink A:link,.postlink A:visited,.postfootright A:link,.postfootright A:visited,
.blockmenu A:link,.blockmenu A:visited{
	TEXT-DECORATION:none
}

/* 3.2 Underline on hover for links in headers and main menu */
#brdmenu A:hover,.blockpost H2 A:hover{TEXT-DECORATION:underline}

/****************************************************************/
/* 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{
      width:100%;
      border:0;
      background:url('./img/Mozilla-ru/pun_head_left_bg.png') no-repeat top left #255989;
	 }
#brdtitle{
	background:url('./img/Mozilla-ru/pun_head_right_icon_bg.png') no-repeat top right transparent;padding:10px 30px 10px 30px;
	font:bold 12px/1.3em "Trebuchet MS",Arial,Verdana,serif;color:#F4F6F9;
}
#brdtitle img{margin:7px 10px;}
#brdwelcome{background-color:#F4F6F9;border:1px solid #688baf;border-top:1px solid #edb304;}

/* 4.3 Borders for table cells */

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

.pun .tcl{BORDER-LEFT:none}

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

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

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

/* 5.1 Page margins */

HTML,BODY{MARGIN:0;PADDING:0}
#punwrap{margin:12px 20px;margin-top:0px;}

/* 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,#pundoku 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}

/* 5.4 Put a 12px gap above the board information box in index because the category tables only
have a 6px space beneath them */

#brdstats{MARGIN-TOP:12px}

/****************************************************************/
/* 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}
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 */

#brdmenu LI,DIV.rbox INPUT,DIV.blockform P INPUT {MARGIN-RIGHT:12px}
.pun #brdmenu UL{padding:1px 0;}

/****************************************************************/
/* 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{
	color:#666666;
	font-size:85%;
	line-height:1.2em;
	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.postfootleft 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 P{PADDING:0}

/****************************************************************/
/* 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}

/****************************************************************/
/* 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{DISPLAY:block;FLOAT:left;width:34px;height:35px;}
DIV.searchposts DIV.icon{MARGIN-LEFT:0}
DIV.inew + DIV.tclcon a{font-weight:bold;}
SPAN.newtext{font-size:80%;float:right;}
/* 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:40px}

/****************************************************************/
/* 11. ADDITIONAL STYLES */
/****************************************************************/

DIV.banner
{
	margin:0 1em;
	padding-top:2pt;
	clear:left;
	text-align:center;
}

/* 11.4 Privat messeges alarm style */
.pun .pmlink a:link{color:red !important;}
.pun .pmlink a{display:block;padding-left:17px;background:url('./img/Mozilla-ru/pun_pmlink_icon.png') no-repeat left top transparent;}

div.stats{
 display:inline;height:0px;width:0px;margin:0px;padding:0px;
 position:absolute;top:-1000px;left:-1000px;
}

#counters{margin:15px 0;text-align:center;}
#counters img{-moz-opacity:0.4;opacity:0.4;width:88px;height:31px;vertical-align:middle;}
#counters a:hover img{-moz-opacity:1;opacity:1;}

/* Twitter */
#twitter_update_list{list-style:disc;margin:0 0 0 1.5em;}
#twitter_update_list li{list-style:disc;}
	#twitter_update_list li a{display:none;}
	#twitter_update_list li span a{display:inline;}


#livechat{float:right;width:255px;}
#forumlist{margin:0 260px 0 0;}

small{font-size:85%;line-height:1.3em;}