/*

     You may adapt and learn from the elements of this CSS to use in your own
     projects, but you may not copy the design (the unique combination of images,
     colors, sizes, typography, and positioning) since this is copyright of Thomas Maurstad Larsson
     and Juvenorge.com and may not be reproduced.

     Thanks to Eric Meyer for a great Css-reset


/*------------------------------------------*/
/*--- Eric Meyer's CSS-reset, html, body ---*/
/*------------------------------------------*/

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,
b, u, i, center,
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-size: 100%;
     vertical-align: baseline;
     background: transparent;
}

body { 
     /* background: url('design/background30.jpg') no-repeat top center #ffffff fixed; */
     background-color: black;
     color: #1f1f1f;
     font: normal normal 62.5%/1.3 'akzidenz-grotesk', Arial, Helvetica, Sans-Serif;
}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
label { font: 1.1em/2.2em Georgia, serif; }
legend { text-indent: -9999px; }
input, textarea { background: #f4f3f3; border: 1px solid #cdcccc; }
th { text-align: left; }

/* GENERAL STYLING
--------------------------------------------*/


/* other */

abbr { border-bottom: 1px dotted gray; }
hr { display: none; }

/* links */

a:link,a:visited, a:hover, a:active { text-decoration: none; }

a:link    { color: #e20101; }
a:visited { color: #e20101; }
a:hover   { color: #082032; }
a:active  { color: #d2d2d2; }

.centered { text-align: center; }
.right { text-align: right; }

/* FORMS
--------------------------------------------*/


form {
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     background: url('design/bg-footer.png') top center;
     padding: 20px;
     margin-bottom: 30px;
}

textarea { clear: both; display: block; }
label { clear: left; }
input.field { width: 40%; }


/* BLOCKQUOTES
--------------------------------------------*/


blockquote {
     margin: 20px 0;
     padding: 25px 25px 5px 40px;
     background: url('design/quote1.gif') no-repeat 15px 15px, url('design/bg-footer.png') 40px 40px;
     text-shadow: #818080 1px 1px 1px;
     font: normal normal 1.1em/1.5 'sabon', Arial, 'Helvetica Neue', sans-serif;
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
}


/* UNIVERSAL CONTENT HOLDERS
--------------------------------------------*/

#wrap {
     background-color: transparent;
     outline: 0;
     width: 990px;
     height: 110%;
     min-height: 500px;
     margin: 0 auto 20px auto !important;
     font-size: 1.4em;
     line-height: 1.4;
}

#content {
     background: url('design/bg.png') top center;
     background-color: white;
     max-width: 960px;
     width: 960px;
     min-width: 960px;
     height: 100%;
     min-height: 500px;
     overflow: hidden;
     float: left;
     margin-bottom: 20px !important;
     padding: 15px;
}

/* Lists ( Note #content for menu issue )
--------------------------------------------*/

div#content ol li {
     margin-left: 30px;
     list-style-type: decimal;
     clear: both;
}

div#content ul li {
     margin-left: 20px;
     padding-left: 5px;
     list-style-type: circle;
     clear: both;
}

/* Typography
--------------------------------------------*/

h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { 
     color: #474747;
     text-shadow: #818080 1px 1px 1px;
     font: normal normal 1.6em/1.6 'akzidenz-grotesk', Arial, 'Helvetica Neue', sans-serif;
}

h2 a, h3 a, h4 a, h5 a, h6 a { clear: both; display: block; }

p {
     display: block;
     clear: both;
     margin-bottom: 30px;
     font: normal normal 1.1em/1.4 'akzidenz-grotesk', Arial, 'Helvetica Neue', sans-serif;
     color: #303030;
}


/* Special Typography
--------------------------------------------*/

/* featured large news */
div#featured h2 a { font-size: 1.6em; line-height: 1.2; margin-bottom: 4px; }
/* small news */
h2.small-news a { font-size: 0.9em; line-height: 1.5; padding-bottom: 3px; }

/* hack for 270-grided news */
.height-270 h2.small-news a { padding-bottom: 0px; line-height: 1.3; }

/* mini news */
h3.mini-news { float: left; display: block; padding: 0px 0 0 3px; width: 120px; }
h3.mini-news a { font-size: 0.7em; line-height: 1.2; }

/* Latest forum posts */

#discussion li { 
     font-size: 1em;
     list-style-image: url('design/icons/latest.png');
     line-height: 1.6;
}

/* Match preview */

#tactical h3 a { font-size: 1em; line-height: 1.2; margin: 10px 0 5px 0; max-height: 45px; height:100%; display: block; overflow: hidden; }
#tactical h3 a span { font-size: 70%; clear: both; display: block; color: #282828 !important; }

/* Next match */

#next-match h2 { font-size: 1.4em !important; }
#next-match h2 span { clear: both; display: block; font-size: 75%; }

#league { line-height: 2; }

img#channel { clear: both; display: block; margin: 5px auto -15px auto; }


/* Typografi for pages
--------------------------------------------*/


.page-view h2, .page-view h2 a { font: normal bold 2.2em/2.2 'akzidenz-grotesk', arial, sans-serif; }
.page-view h3, .page-view h3 a { font: normal bold 2.0em/2.0 'akzidenz-grotesk', arial, sans-serif; }
.page-view h4, .page-view h4 a { font: normal bold 1.8em/1.8 'akzidenz-grotesk', arial, sans-serif; }
.page-view h5, .page-view h5 a { font: normal bold 1.6em/1.6 'akzidenz-grotesk', arial, sans-serif; }
.page-view h6, .page-view h6 a { font: normal bold 1.4em/1.4 'akzidenz-grotesk', arial, sans-serif; }

.page-view p {
     padding: 3px 0;
     font: normal normal 1.3em/1.3 'calibri', Arial, 'Helvetica Neue', sans-serif;
}

/* post meta */
span.post-meta {
     background:url('design/icons/article-icon.gif') no-repeat center left;
     padding-left: 20px;
     margin: 0 0 15px 0;
     font: bold 0.9em/2 arial, sans-serif;
     text-transform: uppercase;
     color:#666;
     display: block;
}

.article .excerpt p {
	font: bold 1.1em/1.3 arial, sans-serif !important;
	margin: 0 0 15px 0;
	padding: 0px 0 10px 0;
	border-bottom: 1px dotted #666;
	display: block;
}

.pag { width: 50%; float: left; display: block; }


/* SITE HEADER AND LOGO
--------------------------------------------*/

div#header {
     background: url('design/bg-header.png') top center;
     min-height: 130px;
     height: 130px;
     position: relative;
     float: left;
     width: 990px;
     margin-bottom: 7px;
}

h1 a {
     min-height: 100px;
     height: 100px;
     width: 730px;
     background: url('design/logo-new.png') no-repeat center left;
     margin-left: 20px;
     text-indent: -9999px;
     float: left;
}

#ribbon {
	float: right;
	display: block;
	height: 124px;
	width: 230px;
	background: url('image/ribbon2.png') no-repeat top right;
	opacity: 0.8;
}

#ribbon:hover {
	opacity: 1.0;
}


/* GENERAL CLASSES
--------------------------------------------*/

/* advertising */
p.add-text { font: italic 1.1em/1 arial, sans-serif; }
img.add { margin: 10px auto; display: block; }

/* round corners */
.round { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px !important; }
.round-bottom { border-radius: 0 0 5px 5px; }


/* GRIDS
--------------------------------------------*/

.grid-130 {
	max-width: 130px;
	width: 130px;
	min-width: 130px;	
}

.grid-210 {
	max-width: 210px;
	width: 210px;
	min-width: 210px;	
}

.grid-280 {
	max-width: 280px;
	width: 280px;
	min-width: 280px;
}

.grid-450 {
	max-width: 450px;
	width: 450px;
	min-width: 450px;
}

.grid-700 {
	max-width: 695px;
	width: 695px;
	min-width: 695px;
}

.grid-full {
	max-width: 930px;
	width: 930px;
	min-width: 930px;
}

.grid-130, .grid-210, .grid-280, .grid-450, .grid-700, .grid-full {
	float: left; margin: 15px; overflow: hidden;
}

/* Height */

.height-60 {
	min-height: 60px;
	height: 60px;
	max-height: 60px;
}

.height-100 {
	min-height: 100px;
	height: 100px;
	max-height: 100px;
}

.height-150 {
	min-height: 150px;
	height: 150px;
	max-height: 150px;
}

.height-200 {
	min-height: 255px;
	height: 255px;
	max-height: 255px;
}

.height-255 {
	min-height: 255px;
	height: 255px;
	max-height: 255px;
}

.height-270 {
	min-height: 270px;
	height: 270px;
	max-height: 270px;
}

.height-450 {
	min-height: 450px;
	height: 450px;
	max-height: 450px;
}

.height-50, .height-100, .height-150, .height-200, .height-255, .height-270, .height-450 { float: left; overflow: hidden; }


/* IMAGE BACKGROUNDS
--------------------------------------------*/

.bg1 { background: url('back/bg1.gif') no-repeat top center !important; color: black; }
.bg2 { background: url('back/bg2.gif') no-repeat top center !important; color: white; }
.bg3 { background: url('back/bg3.gif') no-repeat top center !important; color: white; }
.bg4 { background: url('back/bg4.gif') no-repeat top center !important; color: white; }
.bg5 { background: url('back/bg5.gif') no-repeat top center !important; color: black; }
.bg6 { background: url('back/bg6.gif') no-repeat top center !important; color: white; }

.img-bg {
	margin: 0 5px 10px 5px;
	min-width: 940px;
	width: 940px;
	overflow: hidden;
	height: 170px;
	min-height: 150px;
	display: block;
	clear: both;
	float: left;
	border-bottom: 1px solid #d4d4d4;
}

.img-bg h4 {
	width: 280px;
	padding: 20px 0 0 27px;
	font-weight: 300;
	font-size: 120%;
}

.img-bg img {
	float: left;
	width: 90px;
	height: 90px;
	padding: 10px 0 0 30px;
	display: block;
}

.img-bg p, .img-bg span {
	width: 180px;
	padding: 0 0 0 150px;
	display: block;
	letter-spacing: 1px !important;
}

.img-bg span {
	font-weight: 100 !important;
}

.bg1 span { color: #484747 !important; }
.bg5 span { color: #484747 !important; }

.img-bg span {
	color: #b6b5b5;
	margin: -16px 0 7px 0 !important;
	font-size: 90%;
}

/* IMAGE CLASSES FOR FRONT PAGE
--------------------------------------------*/

.image-mini {
    min-width: 75px;
	max-width: 75px;
	width: 100%;
	min-height: 50px;
	max-height: 50px;
	height: 100%;
	background-color: #ebebeb;
	float: left;
	overflow: hidden;
	border: 1px solid #bdb7b7;
	padding: 1px;
	margin: 2px 5px 0 0;
}

.image-small {
	min-width: 210px;
	max-width: 210px;
	width: 100%;
	min-height: 125px;
	max-height: 125px;
	height: 100%;
	background-color: #ebebeb;
	float: left;
	overflow: hidden;
	border-bottom: 2px ridge #bdb7b7;
	margin-bottom: 5px;
}

.image-large {
	min-width: 450px;
	max-width: 450px;
	width: auto;
	min-height: 70px;
	max-height: 270px;
	height: auto;
	border-bottom: 2px ridge #bdb7b7;
	float: left;
	overflow: hidden;
	margin-bottom: 5px;
}

.page .image-large {
     margin-bottom: 5px;
}

/* Statistic
--------------------------------------------*/

.stats {
	background-color: black;
	color: white;
}

.stats h2 {
	text-shadow: none;
	color: white;
	font-weight: 500;
	line-height: 1.1;
	padding-left: 20px;
	
}

.stats p {
	margin-top: -10px;
	color: #d5ded5;
	font-size: 0.9em;
	line-height: 0.8;
	font-weight: 100;
	padding-left: 60px;
}

.stats h2, .stats p {
	float: left;
}

.stats img {
	width: 40px;
	height: 42px;
	float: left;
}

.stats ul {
	margin-left: -12px;
	width: 100%;
}

.stats ul li {
	padding: 4px 0;
	letter-spacing: 1px;
	font-size: 0.9em;
}

.stats ul img {
	width: 15px;
	height: 15px;
	padding-top: 2px;
	padding-right: 32px;
}

.stats span {
	float: right;
	font-size: 0.9em;
	padding: 2px 5px;
}

.stats span.stat-team { 
	float: none !important; 
	padding-left: 2px; 
	font-size: 0.8em; 
}

.stats a {
	display: block;
	padding: 15px 0 0 13px;
	letter-spacing: 0.5px;
	font-size: 0.9em;
}

/* League Table
--------------------------------------------*/

.game-won span {
	background-color: #293521;
}
.game-drawn img {

}
.game-lost span {
	background-color: #432a2a;
}

/* League Table
--------------------------------------------*/

#league-table h3 { line-height: 0.8; margin-bottom: 5px; }

#league-table .cnk_ranking_table {
	border-spacing: 0 1px;
	font: 0.9em/1.9 arial, sans-serif;
	float: left;
	clear: both;
        width: 210px;
}

#league-table .cnk_ranking_table tr {
	min-height: 18px;
	height: 18px;
	max-height: 18px;
	overflow: hidden;
        margin: 1px 0;
}

#league-table .cnk_ranking_table td {
	padding: 0 15px 0 5px;
}

.cnk_ranking_table tr.table-head { background-color: #e7e6e6; border-bottom: 1px solid #505050; height: 15px; max-height: 15px; font: 0.9em/1 arial, sans-serif; }

/* FULL TABLE */

#table-full .cnk_ranking_table {
	border-spacing: 0 0;
	font: 0.9em/1.9 arial, sans-serif;
	float: left;
	clear: both;
}

#table-full .cnk_ranking_table tr {
	height: 18px;
        margin: 1px 0;
        background-color: #ffffff;
}

 #table-full .cnk_ranking_table td {
	padding: 3px 27px;
        width: 150px;
        text-align: center;
}

/* Colors for tables
--------------------------------------------*/

/* Juventus styling */
.cnk_ranking_table tbody tr.cnk_sc_fav { font-weight: bold; }

/* SMALL TABLE */

#league-table .cnk_ranking_table tbody tr:nth-child(1) { background-color: #b2dd85 !; }
/* Champions League */
#league-table .cnk_ranking_table tbody tr:nth-child(2),
#league-table .cnk_ranking_table tbody tr:nth-child(3) { background-color: #D3E5C1; }
/* CL-qualification */
#league-table .cnk_ranking_table tbody tr:nth-child(4) { background-color: #d3e3ea; }
/* Relegation */
#league-table .cnk_ranking_table tbody tr:nth-child(7),
#league-table .cnk_ranking_table tbody tr:nth-child(8),
#league-table .cnk_ranking_table tbody tr:nth-child(9) { background-color: #e8dbdd; }

/* LARGE TABLE */

/* Header */
#table-full .cnk_ranking_table tbody tr:nth-child(1) { background-color: #a5c187 !important; font-weight: bold; }
/* Winner */
#table-full .cnk_ranking_table tbody tr:nth-child(2) { background-color: #b2dd85 !important; }
/* Champions League */
#table-full .cnk_ranking_table tbody tr:nth-child(3),
#table-full .cnk_ranking_table tbody tr:nth-child(4) { background-color: #D3E5C1 !important; }
/* CL-qualification */
#table-full .cnk_ranking_table tbody tr:nth-child(5) { background-color: #d3e3ea !important; }
/* EUROPA LEAGUE */
#table-full .cnk_ranking_table tbody tr:nth-child(6),
#table-full .cnk_ranking_table tbody tr:nth-child(7) { background-color: #b4d7e3 !important; }

/* Relegation */
#table-full .cnk_ranking_table tbody tr:nth-child(19),
#table-full .cnk_ranking_table tbody tr:nth-child(20),
#table-full .cnk_ranking_table tbody tr:nth-child(21) { background-color: #e8dbdd !important; }


/* FOOTER
--------------------------------------------*/


div#footer {
     min-height: 80px;
     height: 80px;
     max-height: 80px;
     /*width: 960px; */
     margin: 20px 15px;
     border: 1px solid #bdbec0;
     background: url('design/bg-footer.png') top center;
}

/* basic structure */

div#footer dl, div#footer p {
     width: 210px;
     float: left;
     height: 80px;
     display: block;
     clear: none;
     margin-left: 25px;
     text-align: center;
     font: normal normal 0.9em/6.5 'calibri', Arial, Helvetica, Sans-Serif;
     color: #838484;
}

div#footer dl { background: url('design/thomas2.png') no-repeat top center; text-indent: -9999px; margin-left: 0; }
div#footer dl:hover { background-position: bottom center; }
div#footer dt a { height: 100%; width: 100%; display: block; }
div#legal { margin-bottom: -5px; }

div#legal p {
     font: normal normal 0.9em/1.5 'calibri', Arial, Helvetica, Sans-Serif;
     color: #747575;
}

/* Driven by TXP */

p#txp { position: relative; font-size: 1.0em; line-height: 3; }

/* RSS button */

a#rss { 
     position: absolute;
     top: 0;
     left: 0;
     background: url('design/icons/rss.png') no-repeat top left;
     text-indent: -9999px;
     width: 23px;
     height: 33px;
}

a#rss:hover { background-position: top right; }

.error404 {
    background: url('image/404.jpg') no-repeat top left;
    text-indent: -9999px;
    height: 250px;
}

/* Medlemslister */

table.medlemsliste tr:nth-child(2n) {
     background: url('design/bg-footer.png') top center;
}

table.medlemsliste tr {
     line-height: 2;
}

/* Fixtures
--------------------------------------------*/

.cnk-fix-list {
	margin: 20px 0 20px 0;
}

.cnk-fix-list li {
	min-height: 20px;
	height: 20px;
	max-height: 20px;
	padding: 5px 0;
	overflow: hidden;
	float: left;
	width: 100%;
	font-size: 0.8em;
}

.cnk-fix-list li img { 
	height: auto; 
	width: 15px; 
	float: left;
	padding: 0 10px 0 0;
	clear: none;
}

.cnk-fix-list li p {
	color: #1b66a0;
	float: left;
	clear: none;
	width: 95%;
}

.cnk-fix-list li span {
	color: #313131;
	font-weight: bold;
	padding-right: 15px;
	float: left;
}

.cnk-fix-list li span.fix-date {
	color: #61666a;
	font-weight: normal;
	float: right;
	display: block;
	/* margin-top: -18px; */
}

.list {
	background: url('http://rzfans.net/img/go-link.png') no-repeat center left;
	padding-left: 10px !important;
}


/* END OF STYLESHEET
--------------------------------------------*/