@import url("typo.css");
@import url("form.css");

/* ---------------------------------------------------
=page
------------------------------------------------------ */

body, html {
}


body { 
	color: #333; 
	
	margin: 0;
	padding: 0;
		
	
	background: #eee; 
}

/* help browser to not forget */
body, p, li, td, th, dd, dt, h1, h2, h3, h4, h5, h6 
{		
	font: normal small/150% verdana, arial, helvetica, sans-serif;
}

/* ---------------------------------------------------
=titles
------------------------------------------------------ */


h1, h2, h3, h4, h5, h6  {
	
	margin: 0;	
    margin-top: 1em;
	
	padding: 0;     
	
	font: normal small/100% "Arial Narrow", arial, helvetica, sans-serif;
	color: #999;
	
	text-transform: uppercase;
	
	letter-spacing: 2px;
}


h1 {
	font-size: 200%;
}

h2 {
	font-size: 170%;		
}

h3 {
	font-size: 150%;
}

h1:target, h2:target, h3:target,h4:target,h5:target,h6:target {
    color: #ff0000;	
}


/* ---------------------------------------------------
=misc
------------------------------------------------------ */

a img {
    border-style: none;
}

p {
	margin: 0.5em 0;
	padding: 0;
}

hr {
	border: none;
	border-top: 1px solid #ccc;	
	
	margin: 1em 0;
}

ol, ul {
	list-style: outside disc url(ul-bullet.png) ;

	padding: 0;	
	margin: 1em 0;
	
	/* ie/opera */
	margin-left: 2em;	
}

body>ol, body>ul {
	/* moz */
	margin-left: 0;		
	padding-left: 2em;	
}

li {
	margin: .2em 0;
}

/* ---------------------------------------------------
=main (wrapper box)
------------------------------------------------------ */

#main {	
	
	margin: 2em auto;	
	padding: 1em 3em;

	width: 60em;

	background: #fff;    
	
	border: 3px solid #ccc;

}

#content {	
	
}


/* ---------------------------------------------------
=hyperlinks
----------------------------------------------------- */

a:link, a:visited, a:hover, a:active {
	color: #036; 
	
	text-decoration: none;
	
	border: none;
	border-bottom: 1px solid #ccc;
    
	padding: 0;
	padding-bottom: 1px;	
}

a:hover {
    color: #ff0000;	
	border: none;
}

a:active {
    color: #fff;	
	background: #ff0000; 
}


/* ---------------------------------------------------
=channel
----------------------------------------------------- */

table#channel {
	margin: 1em 0;
}

table#channel thead th {
	text-align: left;
	font-weight: bold;

	color: #999;	
	text-transform: uppercase;

	padding: 0 .5em 0 0;
	
	vertical-align: top;
	
	border-bottom: 1px solid #ccc;
}

/* time col */
table#channel tbody td {
	padding: .5em 1em 0 0;
	
	font-style: normal;
	white-space: nowrap;
}


/* user col */
table#channel tbody td+td {
	white-space: normal; /* reset no-wrap */
	
	font-style: italic;
}

table#channel tbody td+td+td {
	
	vertical-align: top;
    white-space: normal;
}

table#channel tbody td+td+td+td {
	white-space: normal; /* reset no-wrap */

	font-style: normal;
}




/* message */
table#channel tbody tr.message {
	
}

/* join */
table#channel tbody tr.join {
	background: #edfff5;
}

/* quit */
table#channel tbody tr.quit {
	background: #fff3ed;
}

/* action */
table#channel tbody tr.action {
	background: #ffffed;
}

/* part */
table#channel tbody tr.part {
    background: #fff3ed;
}