/*	ERIC MEYER'S RELOADED RESET STYLES
	================================================================     */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/*	
 *	CHESS LIVESTREAM
 *	SPRING 2010
 *
 *	Hein Haraldson Berg:		HTML / CSS / JS
 *	Halvor Melting Kvalbein:	PHP / JS
 *
 *	----------------------------------------------------------------
 *
 *	If you somehow dare to alter this stylesheet in any way, at least 
 *	comment it and organize it blockwise, or extend this and create one of
 *	your own. Thank you.
 *
 *	================================================================     */


/*	THE WHOLE SHEBANG
	----------------------------------------------------------------     */

body {
	font-size: 12px;
	line-height: 1;
	font-family: Arial, "Lucida Grande", FreeSans, sans-serif;
	background: #000;
	color: #323232;
}

strong 		{ font-weight: bold; }
em 			{ font-style: italic; }

#stream-wrap {
    width: 944px;
    height: 138px;
}

#stream {
    width: 930px;
    height: 138px;
    padding: 0 7px;
    float: left;
    background: url(/sitefiles/1/gfx/chessno-stream/feed-bg-x.png) 0 0 repeat-x;
}

#stream-content {
    width: 3000px;
    height: 112px;
    padding: 13px 0;
    top: 0;
    right: 20px;
}

#stream .item {
    width: 260px;
    height: 112px;
    float: right;
    margin: 0 0 0 10px;
}

#stream .chess_service { width: 350px; }

#stream .item .message-big {
    height: 90px;
    padding: 11px;
    background: url(/sitefiles/1/gfx/chessno-stream/feed-item-big.png) 0 -112px repeat-x;
}

#stream .item .message-small {
    height: 35px;
    padding: 0 11px;
    background: url(/sitefiles/1/gfx/chessno-stream/feed-item-one-liner.png) 0 -35px repeat-x;
    margin: 0 0 10px;
}

#stream .item .message-small p { line-height: 35px; }
#stream .item .message-big p { line-height: 1.25; }

#stream .item .message .edge {
    width: 5px;
    height: 112px;
    top: 0;
}

#stream .item .message-small .edge { height: 35px; }

#stream .item .message .edge-left { left: 0; }
#stream .item .message .edge-right { right: 0; }

#stream .item .message-big .edge-left { background: url(/sitefiles/1/gfx/chessno-stream/feed-item-big.png) 0 0 no-repeat; }
#stream .item .message-big .edge-right { background: url(/sitefiles/1/gfx/chessno-stream/feed-item-big.png) -5px 0 no-repeat; }

#stream .item .message-small .edge-left { background: url(/sitefiles/1/gfx/chessno-stream/feed-item-one-liner.png) 0 0 no-repeat; }
#stream .item .message-small .edge-right { background: url(/sitefiles/1/gfx/chessno-stream/feed-item-one-liner.png) -5px 0 no-repeat; }

#stream .cinema .message p {
    padding: 0 0 0 31px;
    background: url(/sitefiles/1/gfx/chessno-stream/icon-cinema.png) 0 50% no-repeat;
}

#stream .plan .message p {
    padding: 0 0 0 29px;
    background: url(/sitefiles/1/gfx/chessno-stream/icon-plan.png) 4px 5px no-repeat;
}

#stream .item .message-big a.img {
    display: block;
    width: 48px;
    height: 48px;
    float: left;
    clear: left;
}

#stream .item .message-big .text-right {
    width: 180px;
    float: right;
    clear: right;
}

#stream .item .message p a { text-decoration: none; }
#stream .item .message p a:hover { text-decoration: underline; }
#stream .chess_stream_facebook .message p a { color: #3B5998; }
#stream .chess_stream_twitter .message p a { color: #BD0B1C; }
#stream .chess_stream_twitter .message p a.user { color: #850713; }
#stream .chess_stream_twitter .message p a.hash { color: #666; }

#stream .chess_service .banner {
    display: block;
    width: 350px;
    height: 67px;
}

#stream .cinema .banner { background: url(/sitefiles/1/gfx/chessno-stream/banner-kinotirsdag.png) 0 0 no-repeat; }
#stream .cinema .banner img {
    display: block;
    margin: 0 auto;
}

#stream-wrap .edge {
    width: 31px;
    height: 138px;
    top: 0;
}

#stream-wrap .left {
    left: 0;
    background: url(/sitefiles/1/gfx/chessno-stream/left-edge.png) 0 0 no-repeat;
}

#stream-wrap .right {
    right: 0;
    background: url(/sitefiles/1/gfx/chessno-stream/right-edge.png) 0 0 no-repeat;
}


/*	THE FOLLOWING CLASSES DECREASE CSS REDUNDANCY
	----------------------------------------------------------------     */

.clear 	{ clear: both; }
.rel 	{ position: relative; }
.abs 	{ position: absolute; }
.hid 	{ overflow: hidden; }