@CHARSET "UTF-8";
/*********************************************************************
 * copyright:     network.hu
 * name:          n_clubblog.css
 * projekt:       www.network.hu
 * release:       2008.08.15.
 * description:   network 1.0 club blog module styles
 * developer:     worbyd
**********************************************************************/

.n_innermaincolumn {
	margin: 0px 0px 10px 0px;
}

.n_emptyblogcolumn .n_innerrightcolumn .n_clubeventsbox {
	margin-bottom: 0px;
}

.n_blogmaincolumn .n_innermidrightcolumn {
  width: 753px;
  _height: 100%;
  overflow: hidden;
  
  float: right;
}

.n_blogmaincolumn .n_innermidrightcolumn .n_contentbox {
  margin-bottom: 10px;
  
  width: 753px;
  overflow: hidden;
}

.n_blogmaincolumn .n_innermidrightcolumn .n_blogpostbox {
  margin: 0 0 0 0;
}

.n_blogmaincolumn .n_headlinebox .n_contentboxinlay H4 {
  margin: 0px;
  padding: 8px 16px;
  
  width: 509px; /* 511px */
  _width: 541px; /* ie6 box-model hack */
}

.n_blogmaincolumn .n_innermidrightcolumn .n_headlinebox .n_contentboxinlay H4 {
	width: 721px; /* 753px */
  _width: 753px; /* ie6 box-model hack */
}

.n_blogmaincolumn .n_innermidrightcolumn .n_contentbox .n_contentboxinlay {
  padding: 18px 16px;
  position: relative;
  
  width: 721px; /* 753px */
  _width: 753px; /* ie6 box-model hack */
}

.n_blogmaincolumn .n_innermidrightcolumn .n_headlinebox .n_contentboxinlay {
  padding: 0px;
  
  width: 753px;
}

.n_blogmaincolumn .n_innermidrightcolumn .n_blogpostsearchbox .n_contentboxinlay {
  padding: 18px 10px;
  
  width: 733px; /* 753 */
  _width: 753px; /* ie6 box-model hack */
}

.n_blogmaincolumn .n_fullcolumn {
  width: 941px;
}

.n_blogmaincolumn .n_submitbox {
  margin: 10px 0 0 0;
}

.n_blogmaincolumn .n_fullcolumn .n_submitbox {
  margin: 10px 0 10px 0;
}

.n_bottom10 {
	height: 10px;
}


/**********************************************************************
 * blogpost | search box
**********************************************************************/

.n_blogpostsearchbox INPUT.n_inputbutton {
	margin: 0 20px 0 0;
	*margin-right: 10px;
}


/**********************************************************************
 * blogpost table
**********************************************************************/

.n_blogmaincolumn .n_innermidrightcolumn .n_blogpostbox .n_contentboxinlay {
  padding: 10px 0px;
  
  width: 753px;
}

/* the head table */
TABLE.n_blogposttablehead {
  margin-left: 10px;
}
@media all and (min-width:0px) {
  head~body TABLE.n_blogposttablehead { /* opera 9 & khtml float bug hack */
      margin-bottom: -10px;
  }
}

/* columns | ie & opera renders columns in a different way (col width + padding) */
COL.n_blogposttitle { 
  width: 332px; 
  *width: 320px;
}
@media all and (min-width:0px) {
  head~body COL.n_blogposttitle { /* opera 9 hack */
      width: 320px;
    }
    html:not(:link) COL.n_blogposttitle { /* safari restore */
      width: 332px;
  }
}

COL.n_blogpostdate { 
  width: 176px; 
  *width: 164px;
}
@media all and (min-width:0px) {
  head~body COL.n_blogpostdate { /* opera 9 hack */
      width: 164px;
    }
    html:not(:link) COL.n_blogpostdate { /* safari restore */
      width: 176px;
  }
}

COL.n_blogpostfunctions {
  width: 205px; 
  *width: 193px;
}
@media all and (min-width:0px) {
  head~body COL.n_blogpostfunctions { /* opera 9 hack */
      width: 193px;
    }
    html:not(:link) COL.n_blogpostfunctions { /* safari restore */
      width: 205px;
  }
}

COL.n_blogpostfunctionshead {
  width: 225px; 
  *width: 213px;
}
@media all and (min-width:0px) {
  head~body COL.n_blogpostfunctionshead { /* opera 9 hack */
      width: 213px;
    }
    html:not(:link) COL.n_blogpostfunctionshead { /* safari restore */
      width: 225px;
  }
}

/* table head */
TABLE.n_blogposttable THEAD.n_blogposttablehead { 
  height: 32px;
  overflow: hidden;
}

TABLE.n_blogposttable THEAD.n_blogposttablehead TR TH {
  padding: 0px 0px 0px 12px;
  
  height: 32px;
  overflow: hidden;
  
  vertical-align: middle;
}

TABLE.n_blogposttable THEAD.n_blogposttablehead TR TH.n_lastcolumn {
  background: #F4F5F9;
}

TABLE.n_blogposttable THEAD.n_blogposttablehead TR TH SPAN {
  margin-right: 7px;
  
  display: block;
  
  float: left;
}

/* set order icons */
A.n_setblogpostordericon_up,
A.n_setblogpostordericon_down {
  margin-left: 2px;
  _margin-left: 1px; /* ie6 float-margin bug */
  
  display: block;
  width: 15px;
  height: 15px;
  overflow: hidden;
  
  float: left;
}

/* scrollable wrap | the browsers cannot render tbody overflow: auto... */
.n_blogposttablewrap {
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  
  width: 733px;
  height: 528px;
  overflow: auto;
}
@media all and (min-width:0px) {
  head~body .n_blogposttablewrap{ /* opera & khtml distance hack */
      margin-top: 10px;
    }
}

TABLE.n_blogposttable TBODY.n_blogposttablebody {
  margin-left: 0px;
} 

TABLE.n_blogposttable TBODY.n_blogposttablebody TR TD {
  padding: 1px 0px 4px 12px;
  
  vertical-align: middle;
}

/* fixed width cell contents | cannot f.. mess up the table layout :P */
TABLE.n_blogposttable TBODY.n_blogposttablebody TR TD.n_blogposttitle SPAN {
  padding-top: 3px;
  
  display: block;
  width: 320px;
  overflow: hidden;
}

TABLE.n_blogposttable TBODY.n_blogposttablebody TR TD.n_blogpostdate SPAN {
  padding-top: 3px;
  
  display: block;
  width: 164px;
  overflow: hidden;
}

TABLE.n_blogposttable TBODY.n_blogposttablebody TR TD.n_blogpostfunctions SPAN {
  padding-top: 3px;
  padding-bottom: 3px; /* let space for the icons */
  
  display: block;
  width: 193px;
  overflow: hidden;
}
@media all and (min-width:0px) {
  html:not(:link) TABLE.n_blogposttable TBODY.n_blogposttablebody TR TD.n_blogpostfunctions SPAN  { /* safari fine tune */
      padding-bottom: 2px;
  }
}


/* user functions & icons */
TABLE.n_blogposttable TBODY.n_blogposttablebody TR TD.n_blogpostfunctions A {
  margin-right: 10px;
  padding: 0px 0 2px 18px;
}

TABLE.n_blogposttable TBODY.n_blogposttablebody TR TD.n_blogpostfunctions A.n_viewblogpost {
  padding-left: 19px; /* the icon is bigger... */
}
TABLE.n_blogposttable TBODY.n_blogposttablebody TR TD.n_blogpostfunctions A.n_deleteblogpost {
  padding-left: 19px; /* the icon is bigger... */
  margin-right: 0px;
}


/**********************************************************************
 * create blogpost
**********************************************************************/

.n_createblogpostbox {
  margin-bottom: 0px;
}

.n_subformdatabox .n_contentboxinlay {
  _padding-bottom: 0px;
}

.n_saveasdraftbox .n_contentboxinlay {
  padding-bottom: 90px;
  *padding-bottom: 70px;
}


/**********************************************************************
 * blogpost view
**********************************************************************/

/* edit title */
.n_blogpostbox H4.n_primaryboxtitle {
  width: 483px; /* 510px */
  _width: 510px; /* ie6 box-model hack */
  
  float: none; 
}

.n_blogpostbox H4.n_primaryboxtitle {
  *margin-bottom: 0px; /* some float-clear bugfix */
  font-size: 18px;
}

.n_editblogpostname {
  padding: 0px 0px 12px 14px;
  
  width: 216px;
}

.n_blogpostbox .n_contentboxinlay A.n_editblogposttitle {
  margin-right: 4px;
  margin-top: 2px;
  
  display: block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  
  float: left;
}

P.n_blogpostdata {
  margin: 0px;
  padding: 4px 14px 6px 14px;
}

P.n_blogpostdata A {
  padding-left: 4px;
}

SPAN.n_blogpostdate {
  padding-right: 4px;
}

SPAN.n_blogpostowner A {
  padding-right: 4px;
}

P.n_prevblogposts,
P.n_nextblogposts {
  padding: 6px 5px;
  margin: 0px 0px 10px 0px;

  width: 227px;
  _width: 255px; /* ie6 */
  overflow: hidden;
  
  float: left;
}

P.n_nextblogposts {
  float: right;
}

/* comment */
.n_blogpostcommentbox .n_contentboxinlay {
  padding: 12px 14px;
  
  width: 513px;
  _width: 540px;
}

.n_blogpostcommentbox H4 {
	margin-bottom: 16px;
}

/* tags */
P.n_blogposttags {
  margin-top: 20px;
  padding: 0px 14px;
  
  _width: 516px;
}

P.n_blogposttags SPAN.n_taglabel {
  margin: 3px 3px 0px 0px;
  
  display: block;
  
  float: left;
}

P.n_blogposttags A {
  margin: 3px 3px 3px 0px;
  padding: 0px 2px 0px 0px;
  
  display: block;
  
  float: left;
}

P.n_blogposttags A.n_lastblogposttag {
  padding-right: 0px;
}

.n_addblogposttagwrap {
  width: 228px;
  
  float: left;
}

SPAN.n_addblogposttagwrap {
  display: -moz-inline-box;
  display: inline-block;
  width: 198px;
}

SPAN.n_addblogposttagwrap INPUT.n_normalinput {
  width: 140px;
  _width: 150px;
}

.n_addblogposttagwrap INPUT.n_normalinput {
  margin-left: 6px;
  _margin-left: 3px; /* ie6 float-margin-bug */
}

A.n_addblogposttagbutton {
  margin: 3px 0px 0px 6px;
  
  display: block;
  width: 14px;
  height: 14px;
  overflow: hidden;
  
  float: left;
}

P.n_blogposttags A.n_addblogposttagbutton {
  margin: 3px 0px 0px 6px;
  padding: 0px;
}

.n_blogpostbox .n_boxbody P.n_edittagpool {
  margin: 8px 0px 0px 14px;
  *margin-top: 0px;
  padding: 0px 0px 2px 20px;
  
  width: auto;
  overflow: visible;
}


/**********************************************************************
 * blogpost history list | right
**********************************************************************/

UL.n_blogposthistorylist {
  margin: 0px;
  padding: 0px;
}

UL.n_blogposthistorylist LI {
  margin: 0px;
  padding: 2px 14px;
  
  width: 202px; /* 230px */
  _width: 230px; /* ie6 box-model hack */
  overflow: hidden;
}

/* even more older posts + more blogpost details... */
P.n_olderblogposts {
  padding: 6px 14px;
}

P.n_blogpostdetails {
  margin-bottom: 0px;
  padding: 4px 14px 0px 14px;
  
  text-align: right;
}

P.n_olderblogposts A SPAN {
  margin-left: 4px;
  padding: 0px 6px 2px 6px;
}

P.n_blogpostdetails A SPAN {
  margin-left: 4px;
  padding: 0px 6px 2px 6px;

}

.n_blogpostcomments {
	margin-top: 20px;
}

.n_blogpostcomments H4 {
	padding-bottom: 10px;
}

.n_blogpostcomments .n_messageblock {
  margin-left: 14px;
}

P.n_morecomments {
	padding: 6px 0 0 0;
}

/**********************************************************************
 * blogpost history list | left
**********************************************************************/

.n_innerleftbox UL.n_blogposthistorylist LI {
  width: 152px; /* 180px */
  _width: 180px; /* ie6 box-model hack */
}


/* TODO: át kell írni bKarolyiSuccess */

.n_editblogname {
  padding: 12px 0px 0px 14px;
}

.n_headlinebox A.n_editblogtitle {
  margin-top: 4px;
  margin-right: 4px;
  
  display: block;
  width: 16px;
  height: 16px;
  overflow: hidden; 
  
  float: left;
}


/**********************************************************************
 * blog search
**********************************************************************/
.n_blogsearchblock {
  width: 665px; /* 681px */
  _width: 681px; /* ie6 box-model hack */
}

.n_blogsearchblock .n_inputwrap {
  width: 430px;
  
  float: left;
}

.n_blogsearchblock .n_optionwrap {
  padding-top: 4px;
  
  width: 235px;
  
  float: right;
}
@media all and (min-width:0px) {
  head~body .n_blogsearchblock .n_optionwrap { /* opera 9 hack */
    padding-top: 2px;
  }
  html:not(:link) .n_blogsearchblock .n_optionwrap { /* safari restore */
    padding-top: 3px;  
  }
}

.n_blognodesearchbox {
  margin: 3px 10px 0px 0px;
  
  width: 312px;
  height: 20px;
  
  float: left;
}

.n_blogsearchblock INPUT.n_doubleinput {
  margin: 2px 0px 0px 2px;
  
  height: 16px;
  width: 286px;
  _width: 290px;
  
  border: 0px;
}

A.n_clearblognodesearch {
  margin: 2px 2px 0px 0px;
  _margin-right: 0px;
  
  display: block;
  width: 16px;
  height: 16px;
  
  float: left;
}


.n_blogsearchblock .n_optionwrap LABEL.n_choicelabel {
  margin: 2px 18px 0px 4px;
}
@media all and (min-width:0px) {
  head~body .n_blogsearchblock .n_optionwrap LABEL.n_choicelabel { /* opera 9 hack */
    margin-top: 3px;
  }
  html:not(:link) .n_blogsearchblock .n_optionwrap LABEL.n_choicelabel { /* safari restore */
    margin-top: 2px; 
  }
}

.n_blogsearchblock .n_optionwrap LABEL.n_lastchoicelabel {
  margin-right: 0px;
}


/* additional articles */
.n_additional_articlewrap {
	margin-top: 16px;
	padding-bottom: 10px;
}

.n_additional_articlewrap H4 {
	margin-bottom: 10px;
	
	font-size: 15px;
}

.n_additional_articlewrap P.n_additional_article {
	margin-left: 22px;
}
.n_additional_articlewrap P.n_additional_article A {
	font-weight: normal;
}