@CHARSET "UTF-8";
/*********************************************************************
 * copyright:   	network.hu
 * name:        	n_blog.css
 * projekt:     	www.network.hu
 * release: 	 		2008.07.15.
 * description: 	network 1.0 blog module elements
 * developer:   	eFBe
**********************************************************************/

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

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

.n_blogmaincolumn .n_headlinebox .n_contentboxinlay H4 {
	margin: 0px;
  padding: 8px 16px;
	
	width: 721px; /* 753px */
	_width: 753px; /* ie6 box-model hack */
	
	font-size: 22px;
  color: #F26522;
}

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

.n_blogmaincolumn .n_innermidrightcolumn .n_headlinebox .n_contentboxinlay {
  padding: 0px;
  
  width: 753px;
}
.n_blogmaincolumn  .n_innermidrightcolumn .n_highlightedbox .n_contentboxinlay {
  background-color: #FFF9AD;
}

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


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

.n_blogpostsearchinputwrap {
	padding: 0px;
	
	position: relative;
	
	width: 264px;
	height: 26px;
	
  float: left;
  
  background: url(/images/frontend/n_blogpostsearchinputbg.gif) no-repeat top left;
}


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

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

/* the table itself */
TABLE.n_blogposttable {
	border-collapse: collapse;
	border: 0px none;
	
	background-color: #FFFFFF;
}

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

html>/**/body TABLE.n_blogposttablehead { /* FF3 hack */
  border-collapse: separate;
}


/* 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;
	
	background-color: #F4F5F9;
}

TABLE.n_blogposttable THEAD.n_blogposttablehead TR TH {
	padding: 0px 0px 0px 12px;
	
	height: 32px;
	overflow: hidden;
	
	vertical-align: middle;
	
	font-family: Arial, sans-serif, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #FF5902;
	
	/* ain't wanna waste my time for different border-rendering... */
	background: url(/images/frontend/n_blogposttablehead_borderdot.gif) repeat-y top right #F4F5F9;
}

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;
	
  _cursor: pointer; /* png hack restore */
	
	background-position: 0px 0px;
	background-repeat: no-repeat;	
}

A.n_setblogpostordericon_down {
  background-image: url(/images/frontend/n_setmailordericon_down.png);
  _background-image: url(/images/frontend/n_setmailordericon_down.gif);
}

A.n_setblogpostordericon_up {
  background-image: url(/images/frontend/n_setmailordericon_up.png);
  _background-image: url(/images/frontend/n_setmailordericon_up.gif);
}

A.n_setblogpostordericon_down:hover,
A.n_setblogpostordericon_active_down {
  margin-top: 0px;	
	
  background-image: url(/images/frontend/n_setmailordericon_active_down.png);
  _background-image: url(/images/frontend/n_setmailordericon_active_down.gif);
}

A.n_setblogpostordericon_up:hover,
A.n_setblogpostordericon_active_up {
  margin-top: 0px;  	
	
  background-image: url(/images/frontend/n_setmailordericon_active_up.png);
  _background-image: url(/images/frontend/n_setmailordericon_active_up.gif);
}


/* 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;
	
	border-top: 1px solid #E6E9F4;
	background-color: #FFFFFF;
}
@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;
	
	font-family: Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #336699;
	
	border-bottom: 1px solid #EDF1F4;
	
  vertical-align: middle;
}

/* draft blogpost row */
TABLE.n_blogposttable TBODY.n_blogposttablebody TR.n_draftblogpost TD {
	font-style: italic;
}
TABLE.n_blogposttable TBODY.n_blogposttablebody TR.n_draftblogpost TD.n_blogpostfunctions {
  font-style: normal; /* restore @ functions */
}

/* timed blogpost row */
TABLE.n_blogposttable TBODY.n_blogposttablebody TR.n_timedblogpost TD.n_blogpostdate {
  color: #F26522;
}

TABLE.n_blogposttable TBODY.n_blogposttablebody TR TD.n_blogpostdate SPAN {
  text-align: center;
}

/* 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;
	
	color: #336797;
	
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

TABLE.n_blogposttable TBODY.n_blogposttablebody TR TD.n_blogpostfunctions A.n_editblogpost {
	background-image: url(/images/frontend/n_editprofilelink_icon.gif);
}
TABLE.n_blogposttable TBODY.n_blogposttablebody TR TD.n_blogpostfunctions A.n_viewblogpost {
	padding-left: 19px; /* the icon is bigger... */
	
  background-image: url(/images/frontend/n_viewblogpost_icon.gif);
}
TABLE.n_blogposttable TBODY.n_blogposttablebody TR TD.n_blogpostfunctions A.n_deleteblogpost {
  padding-left: 19px; /* the icon is bigger... */
  margin-right: 0px;
  
  background-image: url(/images/frontend/n_deleteblogpost_icon.gif);
}

/* :hover */
TABLE.n_blogposttable TBODY.n_blogposttablebody TR:hover TD {
  background-color: #F3F4F7;
}
TABLE.n_blogposttable TBODY.n_blogposttablebody TR.n_hover TD {
  _background-color: #F3F4F7; /* ie hack */
}


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

.n_createblogpostbox {
	margin-bottom: 0px;
}

.n_subformdatabox {
	border-top: 1px solid #FFFFFF;
}

.n_subformdatabox .n_contentboxinlay {
	_padding-bottom: 0px;
	
	background-color: #F4F5F9;
}

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


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

  background: url(/images/frontend/n_editprofilelink_icon.gif) no-repeat left top;
}

P.n_blogpostdata {
	margin: 0px;
	padding: 4px 14px 6px 14px;
	
	font-size: 11px;
	color: #A6B8CF;
}

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

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

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

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

P.n_nextblogposts {
	float: right;
	
	text-align: right;
}

.n_blogpostcomments {
	margin-top: 20px;
}

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


/* comment */
.n_commentblogpostformbox .n_contentboxinlay {
  background: url(/images/frontend/n_commentvideoform_bgline.gif) repeat-x left top #F9FAFB;
}

.n_blogpostcommentbox H4 {
  color: #FF5902;
}

.n_blogpostcommentbox .n_contentboxinlay {
	padding: 12px 14px;
	
	width: 483px;
	_width: 510px;
	
	background-color: #F9FAFB;
}

/* tags */
P.n_blogposttags {
  margin-top: 20px;
  padding: 0px 14px;
  
  *line-height: 12px;
  color: #409FCF;
}

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

P.n_blogposttags A {
  margin: 3px 3px 3px 0px;
  padding: 0px 2px 0px 0px;
  
  display: block;
  
  float: left;
  
  color: #409FCF;
  
  background: url(/images/frontend/n_videotag_comma.gif) no-repeat right bottom;
}

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

.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;
  
  _cursor: pointer;
  
  background: url(/images/frontend/n_addvideotagbutton.png) no-repeat 0px 0px;
}

P.n_blogposttags A.n_addblogposttagbutton {
  margin: 3px 0px 0px 6px;
  padding: 0px;
  
  background: url(/images/frontend/n_addvideotagbutton.png) no-repeat 0px 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;
  
  background: url(/images/frontend/n_editprofilelink_icon.gif) no-repeat left top;
}

.n_blogpostbox .n_boxbody P.n_edittagpool A {
  color: #336797;
}


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

UL.n_blogposthistorylist {
	margin: 0px;
	padding: 0px;
	
	list-style-type: none;
}

UL.n_blogposthistorylist LI {
  margin: 0px;
  padding: 2px 14px;
  
  width: 202px; /* 230px */
  _width: 230px; /* ie6 box-model hack */
  overflow: hidden;
  
  list-style-position: outside;
  
  font-family: Arial, sans-serif, Helvetica;
  font-weight: bold;
  font-size: 12px;
}

UL.n_blogposthistorylist LI A {
	color: #409FCF;
}

/* 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,
P.n_blogpostdetails A {
	color: #F26522;
	font-weight: bold;
}

P.n_olderblogposts A:hover,
P.n_blogpostdetails A:hover {
	text-decoration: underline;
}

P.n_olderblogposts A SPAN {
	margin-left: 4px;
	padding: 0px 6px 2px 6px;
	
	background: url(/images/frontend/n_clubdetailsarrow.gif) no-repeat 0px 2px;
}

P.n_blogpostdetails A SPAN {
  margin-left: 4px;
  padding: 0px 6px 2px 6px;
  
  background: url(/images/frontend/n_clubdetailsarrow.png) no-repeat 0px 1px;
  _width: 1px; /* transparent png hack */

}
@media all and (min-width:0px) { /* safari fine tune */
  html:not(:link) P.n_blogpostdetails A SPAN {
      background-position: 0px 0px;
  }
}


.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;
  
  background: url(/images/frontend/n_editprofilelink_icon.gif) no-repeat top left;
}

.mceContentBody IMG.n_middle {
  padding: 10px;
}

.mceContentBody P A,
.mceContentBody UL LI A,
.mceContentBody OL LI A,
.mceContentBody TABLE A {
	color: #336699;
}



/* additional articles */
.n_additional_articlewrap {
  margin-top: 30px;
  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 {
	color: #409FCF;
	font-weight: normal;
}

.n_additional_articlewrap P.n_additional_article A SPAN {
	padding: 0px 3px; /* gives the range */
	
	background: url(/images/frontend/club/skin/skin_default/n_redirectlinkarrow.gif) no-repeat 6px 5px;
}


.mceContentBody p {
  line-height: auto;
}