/*
Northern Lights v2010
Created by Tuomo Tomperi
http://www.tuomotomperi/
*/

body {padding: 0; margin: 0 0 30px 0;background: #32324f url(i/body.jpg) 50% 0 repeat-x;color: #eaeaed;text-align: center;font: 12px/1.5em Arial, "Trebuchet MS", Tahoma, Verdana;}
h1, h2, h3, h4, p {margin: 0;padding: 0 0 10px 0;}
h1, h2, h3, h4 {}
h1 { font-size: 27px;}
h2 { font-size: 21px;}
h3 { font-size: 18px;}
h4 { font-size: 14px;}
p {}
form {margin: 0;padding: 0;}
acronym {cursor: help;}
img {padding: 0;border: 0;margin: 0;}
ul {list-style: disc;margin: 0 0 10px 15px;padding: 0;}
ol {list-style: decimal;margin: 0 0 10px 15px;padding: 0;}
li {margin: 0;padding: 0;}
a, a:link, a:visited {color: #de5e03;text-decoration: underline;outline: none;}
a:hover {color: #fff;text-decoration: underline;}
input, select, textarea {font-family: Arial, 'Trebuchet MS', Tahoma, "Lucida Grande","Lucida Sans Unicode",sans-serif; background: #0f0f17; padding: 7px; font-size: 12px; border: 1px solid #474d79; border-top: 1px solid #323654; border-left: 1px solid #323654; color: #9ba3e2; width: 50%; }
input#txpCommentPreview,
input#txpCommentSubmit,
input.bounded,
select.bounded,
input#zemSubmit { margin-top: 5px; padding: 3px; width: auto;}
input.disabled { display: none; }

strong,em { color: #fff; }	
hr { display:none;}

img, div { behavior: url(/js/iepngfix.htc) }
img, div, a, input { behavior: url(/js/iepngfix.htc) }

#wrap {width: 960px;min-width: 960px;margin: 0 auto;text-align: left;position: relative;/*overflow: hidden;*/}

a#shop-link {z-index: 10000;display: block;width: 144px;height: 33px;text-indent: -5000px; overflow: hidden;background: url(i/shop.jpg) no-repeat; position: absolute; top: 0; right: 0;	}
a#cheer-link {z-index: 10000;display: block;width: 123px;height: 33px;text-indent: -5000px; overflow: hidden;background: url(i/cheer.jpg) no-repeat; position: absolute; top: 0; right: 151px;	}
#sharelink {z-index: 10000;display: block;width: 50px;height: 20px; position: absolute; top: 27px; right: 20px;	 }

#header {display: block;width: 100%;height: 128px;background: url(i/header.jpg) no-repeat;position: relative;}
#header h1 {padding: 0;margin: 0;}
#header h1 a {display: block;width: 480px;height: 128px;text-indent: -5000px;overflow: hidden;}
#header h4 {display: none;}
	
#nav {display: block;width: 960px;height: 44px;background: url(i/nav.jpg) no-repeat top right;}
#nav ul {padding: 0;margin: 0;list-style: none;}
#nav ul li {padding: 0;margin: 0;float: left;}
#nav ul li a {float: left;display: block;line-height: 44px;padding: 0;font-weight: bold;font-size: 14px;color: #fff;text-decoration: none;  text-shadow: 1px 2px 3px #000;
	-webkit-transition: background-color 0.2s linear;  
	-moz-transition: background-color 0.2s linear;  
	-o-transition: background-color 0.2s linear;  
	}
#nav ul li a span {display: block;padding: 0 17px;}	
#nav ul li.current a,
#nav ul li.current a:hover {background: url(i/nava.gif) no-repeat top left;}
#nav ul li.current a span {background: url(i/navspan.gif) no-repeat top right;}
#nav ul li.current a, #nav ul li a:hover {color: #ea6201;text-decoration: none;}
/*#nav ul li a:hover {background: url(i/messagelite.png) repeat-x}*/
#nav ul li a:hover {background-color: rgba(0,0,0,0.5);}




#subnav {display: block;width: 960px;height: 34px;background: url(i/subnav.gif)}
#subnav ul {padding: 0 5px;margin: 0;list-style: none;}
#subnav ul li {padding: 0;margin: 0;float: left;}
#subnav ul li a {display: block;line-height: 34px;padding: 0 11px;font-weight: bold;font-size: 12px;color: #fff;text-decoration: none;}
#subnav ul li.current a, #subnav ul li a:hover {color: #ea6201;text-decoration: none;}


#feature {display: block;width: 960px;height: 405px;position: relative;background: url(i/feature.jpg) no-repeat top right;/* overflow: hidden;*/	}
#pixie {display: block;width: 720px;height: 405px;z-index: 1; position: relative; 
}
#pixie img{display: block;width: 720px;height: 405px;padding: 0; margin: 0; }
#feature #pixie {position: absolute;top: 0;left: 0; }
#pixie .liftimage {display: block;width: 720px;height: 405px;position: relative; overflow: hidden;}
#reflected { display: block; width: 720px; height: 405px; position: absolute; top: 0; left: 0; z-index: 6000;overflow: hidden;}
#reflected .reflection { display: block; width: 840px;height: 500px;z-index: 10000;background:url(i/reflex.png)}
#reflected .reflection a { text-indent: -5000px; overflow: hidden; display: block; width: 840px;height: 500px;outline: none;}
#pixie .liftimage .message {display: block;width: 720px;height: 88px;position: absolute;top: 317px;left: 0;background: url(i/message.png) repeat-x;}
#pixie .liftimage .message .newsmsg {padding: 0 18px;color: #c7c7c7;	}		
#pixie .liftimage .message .newsmsg  h3.head {padding: 15px 0 8px 0;font-size: 30px;color: #fff;  text-shadow: 1px 2px 3px #000;}		
#pixie .liftimage .message .inlines *{padding: 0;display: inline;}		
.inlines *{padding: 0;display: inline;}		
#pixie .liftimage .message .newsmsg  br{display: none;}		
#pixie .liftimage .message .newsmsg  em{color: #717070;font-style: normal;}			
#pixie:hover { 
     -moz-box-shadow: 0px 0px 15px #000; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 15px #000; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 15px #000; /* Opera 10.5, IE 9.0 */}

#feature #quicknews {position: absolute;top: 0;left: 720px;height: 194px; padding-bottom: 0;}	
#quicknews {display: block;width: 240px; padding-bottom: 10px;}	
#quicknews h3 {padding: 0 11px;margin: 6px 8px 1px 8px; background: #000; background-color: rgba(0,0,0,0.7); font-size: 12px; line-height: 24px; color: #ea6201;outline:none}
#quicknews h3:hover {cursor:pointer;outline:none}
#quicknews h4 {padding: 0 11px;margin: 6px 8px 1px 8px; background: #000;background-color: rgba(0,0,0,0.7); font-size: 12px; line-height: 24px; color: #ea6201;}
#quicknews ul{padding: 0 8px;margin: 0;list-style: none;}
#quicknews ul li{padding: 0 0 1px 0;margin: 0}
#quicknews ul li a{display: block;background: #000;background-color: rgba(0,0,0,0.5);padding: 5px 11px;margin: 0; color: #c5c5de; text-decoration: none;line-height: 14px;-webkit-transition: background-color 0.2s linear;  
	-moz-transition: background-color 0.2s linear;  
	-o-transition: background-color 0.2s linear;  }
#quicknews ul li a:hover {background: #000;color: #fff;text-decoration: none;}
#quicknews ul li.current a,
#quicknews ul li.current a:hover {color: #fff;text-decoration: none;}
#quicknews p#arch{display: block;padding: 0 11px;margin: 0 8px;line-height: 28px;background: url(i/arch.gif) repeat-x;color: #c5c5de;font-size: 11px;}
#quicknews p#arch a{ color: #57577b; }	
#quicknews p#arch a:hover{ color: #c5c5de; }	
	
#feature #gallerypromo {display: block;width: 240px;height: 146px;position: absolute;top: 194px;left: 720px;}	
#feature #gallerypromo a {display: block;width: 240px;height: 146px;text-indent:-5000px;overflow: hidden;}	
#feature #cheerpromo {display: block;width: 240px;height: 65px;position: absolute;top: 340px;left: 720px;}			
#feature #cheerpromo a{display: block;width: 240px;height: 65px;text-indent:-5000px;overflow: hidden;}	

#container {display: block;width: 960px;position: relative;background: url(i/container.gif);}
#lastrow {background: url(i/item240.jpg) repeat;}

.col240 {float: left;width: 240px; overflow: hidden;}
.col240 .item {background: url(i/item240.jpg) repeat; padding: 9px 8px 3px 8px;}
#wrap .col240 .lastitem {padding: 9px 8px 12px 8px;}
.col240 .item h2 {background: url(i/itemh2.jpg) repeat-x;line-height: 36px;padding: 0 12px;font-size: 14px;}
.col240 .item h2.i-twitter {background: url(i/i-twitter.jpg) repeat-x;}
.col240 .item  .ipost {padding: 12px; font-size: 90%; color: #80809d;}
.col240 .item  .ipost p{ line-height: 1.4em;}
.col240 .item  .ipost h4{ color: #fff;}
.col240 .item  .ipost strong {font-size: 12px; color: #fff;  }
.col240 .item  .ipost a {color: #5a5a6c; }
.col240 .item  .ipost a:hover {color: #fff; }
.freefloat {text-align: center; padding: 24px 0 0 0;}
.freefloat img {margin-bottom: 24px;}
#wrap .col240 .ibig h4 {font-size: 18px;font-weight: normal;color: #fff; padding: 0 0 5px 0;}
#wrap .col240 .ibig h4 strong{	color: #f9781a;font-size: 18px;}
#wrap .col240 .ibig p {font-size: 14px;font-weight: normal;color: #fff; padding: 0; }	
#wrap .col240 .ibig p.small {font-size: 11px;font-weight: normal;color: #fff; padding: 5px 0 0 0; color: #5a5a6c;}	
#wrap .col240 .ibig p.small a {color: #5a5a6c; }
#wrap .col240 .ibig p.small a:hover {color: #fff; }
#wrap .col240 .ibig a { color: #ea6201; }	
#wrap .col240 .ibig a:hover { color: #fff; }	
#wrap .col240 p.small { line-height: 1.4em; padding-bottom: 0; }	
.col240 #nextup {background: url(i/nextup.jpg) no-repeat;padding-top: 105px;text-align: center; color: #fff;}	
.col240 #estore {background: url(i/estore.jpg) no-repeat;padding-top: 125px;text-align: center; color: #fff;}	
.col240 #photos {text-align: center; color: #fff;padding-bottom: 25px;}	
.col240 #photos img{margin: 15px 0 0 0 ;border: 5px solid #000;}	
#wrap .col240 #photos p{font-size: 11px;}	
	
.col480 {float: left;width: 480px; overflow: hidden;}	
.col480 .item {background: url(i/item480.jpg) repeat-y; padding: 9px 8px 9px 8px;}	
.col480 .item  h2 {background: url(i/itemh2.jpg) repeat-x;line-height: 36px;padding: 0 12px;font-size: 14px;}	
.col480 .item  .newspost {background: #0a0a10;padding: 14px 14px 7px 14px; margin-top: 1px; line-height: 18px; color:#b9b9b9}	
#wrap .col480 .item  .even {background: #0f0f17;}	
#wrap .col480 .item  .headless {margin-top: 0px; }	
.col480 .item  .newspost h3,.col480 .item  .newspost h4 {color:#fff}	
.col480 .item  .newspost h3 {font-size: 14px; padding: 0;}	
.col480 .item  .newspost h3 a {color: #ea6201;}	
.col480 .item  .newspost h3 a:hover {color: #fff;}	
.col480 .item  .newspost p.details {color: #80809d; font-size: 11px; line-height: 14px;}	
.col480 .item  .newspost a,
.col480  p.archives a {color: #5a5a6c; }
.col480 .item  .newspost a:hover,
.col480 p.archives a:hover {color: #fff; }
.col480 p.archives{color: #80809d; font-size: 11px; line-height: 14px; padding: 5px 0; text-align: right;}	


.col720 {background: url(i/item720y.jpg) repeat-y; float: left;width: 720px; /*overflow: hidden;*/}	
.col720 .item {background: url(i/item720.jpg) no-repeat; padding: 20px;}	
.col720 #xlimg {background: url(i/xlimg.jpg) no-repeat;}	
.col720 .item img {border: 5px solid #000;}	
.col720 .item .short h4 {color: #c5c5de;}	
.col720 .item .short p{color: #fff; font-weight: bold;}	
.col720 .item .short p em{color: #7f7fa2; font-style: normal;font-weight: normal;}	
.col720 .item .long {color: #aaaac1; min-height: 400px; padding-top: 15px; border-top: 1px solid #34344c;}	
.col720 #xlimg .long { padding-top: 0; border-top: 0px solid #34344c;}	
#wrap .col720 .item .archives {color: #aaaac1; min-height: 0; }	
#wrap .col720 .item .archives img,	
#wrap .col720 .item .archives div.caption { display: none;}	
.col720 .item .long em{color: #fff;}	
#wrap .newz .item .long,
#wrap .col720 .item .archives {padding: 15px 0px 30px 0; margin-right: 95px; text-align: justify; border-top: 1px solid #34344c; line-height: 1.4em;min-height: 0; }	
#wrap .newz .item .short .inlines,
#wrap .col720 .item .sarchives .inlines {padding-bottom: 10px; margin-right: 95px;}	
.col720 .item .long h1,
.col720 .item .long h2,
.col720 .item .long h3,
.col720 .item .long h4 {color: #fff}	
#wrap .item .short h1 { line-height: 1em; }
#wrap .newz .item  h1 a,
#wrap .newz .item  h1 a:link,
#wrap .newz .item  h1 a:visited { color: #fff; text-decoration: none;}
#wrap #container .newz .item  h1 a:hover { color: #fff; text-decoration: underline;}
#wrap .newz .item .short h4 { line-height: 1em; padding: 0 0 5px 0; }
.col720 .item .long p{padding: 0 0 15px 0;}	
.col720 .item p.details {color: #80809d; font-size: 11px; line-height: 14px; }	

.col640 {background: url(i/item640y.jpg) repeat-y; float: left;width: 640px; overflow: hidden;}	
.col640 .item {background: url(i/item640.jpg) no-repeat; padding: 20px;}	
.col640 .item .long {color: #aaaac1; min-height: 400px; padding-top: 15px; border-top: 1px solid #34344c;}	
.col640 .item .long .shopitem {display: block; width: 600px; background: #111121 url(i/shopitem.jpg) no-repeat;border-bottom: 1px solid #424258;}	
.col640 .item .long .shopitem .image {float: left; display: block; width: 140px; height: 149px;}	
body #wrap .col640 .item .long .shopitem .image img{display: block; border: none; 	padding: 0; margin: 23px 0 0 21px;}  
.col640 .item .long .shopitem .desc {float: left; display: block; width: 460px; padding: 23px 0;}	
.col640 .item .long .shopitem .desc  h3{ color: #fff; padding: 0 0 10px 0; }	
.col640 .item .long .shopitem .desc  h3 em{ font-style: normal; color: #e96306; }	
.col640 .item .long .shopitem .desc  p{ padding-right: 20px; }	


.col320 {float: left;width: 320px; overflow: hidden;}
.col320 .item {padding: 9px 8px 12px 8px; background: #000;}
.col320 .item .cart {background: #040509 url(i/item320.jpg) no-repeat; padding: 11px 13px; border-bottom: 1px solid #1d1d26; }
.col320 .item .cart h3 {padding-bottom: 18px; }
.col320 .item  p.cartitem {color: #c5c5de;}	
.col320 .item  p.cartitem strong  { color: #fff; font-weight: normal; }	
.col320 .item  p.price {padding: 0 0 3px 0;}	
.col320 .item  p.details {color: #80809d; font-size: 11px; line-height: 14px; padding: 0 0 13px 0;}	
.col320 .item  a.cartx {color: #e96406; text-decoration: none; font-weight: bold; display: block; width: 20px; height: 20px; float: left; }
.col320 .item  p.details a {color: #5a5a6c; }
.col320 .item  p.details a:hover {color: #fff; }

#rosterimg {display: block;width: 720px;height: 359px;z-index: 1; position: relative; }
#rosterimg .liftimage {display: block;width: 720px;height: 359px;overflow: hidden; background: url(i/rosterplaceholderfull.jpg);}
#rosterimg .liftimage .rosterslideshow {z-index: 2;}
#rosterimg .liftimage .message {display: block;width: 720px;height: 88px;position: absolute;top: 271px;left: 0;background: url(i/message.png) repeat-x; z-index: 6000;}
#rosterimg .liftimage .message .newsmsg {padding: 0 18px;color: #c7c7c7;	}		
#rosterimg .liftimage .message .newsmsg  h3.head {padding: 20px 0 12px 0;font-size: 30px;color: #fff;text-shadow: 1px 2px 3px #000;}		
#rosterimg .liftimage .message .inlines *{padding: 0;display: inline;}		
#rosterimg .liftimage .message .inlines {font-size: 16px; font-weight: bold; color: #c6c6de;}		
#rosterimg .liftimage .message .newsmsg  br{display: none;}		
#rosterimg .liftimage .message .newsmsg  em{color: #717070;font-style: normal;}	

#cyclenav {display: block;z-index: 9000;position: absolute;top: 307px;right: 15px;}
#cyclenav a { display: block; width: 28px;height: 15px;background: url(i/cn.gif) no-repeat;text-indent: -5000px;overflow: hidden;float:left;}
#cyclenav a.activeSlide { background-position: 0 -15px; }
#cyclenav a:focus { background-position: bottom left; }	
	
/* */

#footer {display: block;width: 960px;height: 34px;color: #585870;background: url(i/footer.jpg) no-repeat;}
#footer p {font-size: 90%;float: left;line-height: 34px;padding: 9px 0 0 0;}
#footer a { color: #76768d; }
#footer a:hover { color: #fff; }

		
/* */

#wrap .long div.caption,
#photos div.caption {background: #000;padding: 5px 5px 5px 5px;margin-bottom: 5px;position: relative;}
body #wrap .col720 .long div.caption img,
#photos div.caption img {margin: 0;padding:0;border: none;}

#wrap .long div.caption p,
#photos div.caption p {
	display: block;
	font-size: 11px;
	position: absolute;
	margin: 0; 
	padding: 5px 7px 5px 5px;
	bottom: 5px;
	left: 5px;
	background: url(i/message.png) repeat-x;
	color: white;
/* 	opacity: .7;*/
}

img[align="left"] {margin: 0 15px 10px 0px} 	
img[align="right"] {margin: 0 0 10px 15px} 	
	

#wrap .long div.right {margin: 0 0 10px 15px;float:right;}
#wrap .long div.left  {margin: 0 15px 10px 0px;float:left;}

/*
 * jquery.popeye.css 2.0
 *
 * Mandatory CSS classes for jQuery.popeye
 *
 * Copyright (C) 2010 Christoph Schuessler (schreib@herr-schuessler.de)
 * 
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 */
.ppy-outer {
    display: none;
	}
	
.ppy-active .ppy-outer {
    display: block;
	}
	
.ppy-stage {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative;
	}

.ppy-placeholder {
    position: relative;
	}

.ppy-caption,
.ppy-captionwrap {
    overflow: hidden;
	}

.ppy-hidden {
    display: none !important;
	}

/*
 * jquery.popeye.style.css 2.0
 *
 * Example styles for jQuery.popeye
 *
 * Copyright (C) 2010 Christoph Schuessler (schreib@herr-schuessler.de)
 * 
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 */
 
.ppy{ float: left; } 
 
.popeye-container {
	display: block; 
	width: 340px; 
	height: 180px; 
	float: left;
	position: relative;
	}
 
/* fallback styles for image list */
.ppy-imglist {
    width: 100%;
    display: block;
    overflow: hidden;
	}
	
.ppy-imglist li {
    padding: 0px;
    list-style: none;
 /*   float:  left;*/
    display: block;
    margin: 0;
	}
	
.ppy-imglist li a img {
    display: block;
    border: 0;
	margin: 0; padding: 0;
	}

.ppy-active {
  /*  width:  262px;*/
  /*  float: left;*/
    margin: 0;
	}

.ppy-outer {
    border: 5px solid #000;
	background: #000;
	}

.ppy-stage {
    width: 314px;
    height: 165px;
    overflow: hidden;background: #000;
	}

.ppy-caption {
	width: 100%;
    overflow: auto;
	background: url(i/message.png) repeat-x;
	position: absolute;
	bottom: 5px;
	left: 0px;
	}

span.ppy-text {
	display: block;
	padding: 5px 10px;
	font-size: 11px;
	line-height: 1.3em;
	}

.ppy-counter {
    color: #fff;
    font-size: 11px;
	float: right;
	padding: 0 5px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(i/message.png) repeat-x;
	}

.ppy-loading {background: #000;}

.ppy-single-image .ppy-nav {
    width: 40px;
	}

.ppy-nav {
    background: #000;
	padding: 0px;
    width: 104px;
    height: 32px;
    margin: 25% auto 0 auto;  
    border:         5px solid #000;
    border-radius:          5px;
    -moz-border-radius:     5px;
    -khtml-border-radius:   5px;
    -webkit-border-radius:  5px;
	}

.ppy-nav a {
    display: block;
    overflow: hidden;
    text-indent: -900em;
    height: 22px;
    float: left;
	padding: 5px;
	background-color: #28293e;
	-webkit-transition: background-color 0.2s linear;  
	-moz-transition: background-color 0.2s linear;  
	-o-transition: background-color 0.2s linear;  
	}

.ppy-prev {
    width: 22px;
    background: url(i/prev1.png) no-repeat center;
	}

.ppy-next {
    width: 22px;
    background: url(i/next1.png) no-repeat center;
	}

.ppy-switch-enlarge {
    width: 30px;
    background: url(i/enlarge1.png) no-repeat center;
	}

.ppy-switch-compact {
    width: 30px;
    background: url(i/compact1.png) no-repeat center;
	}

.ppy-nav a:hover {
    background-color: #000;
    cursor: pointer;
	}


/* */

table {
	padding: 0;
	margin: 0 0 10px 0;
	width: 100%;
	background: #32324f;
	border-collapse: collapse;
	font-size: 90%;
	color: #f9781a;
	}

table a,
table a:link,
table a:visited,
table a:hover,
table a:active {
	color: #fff;
	}
	
table th {
	background: #000 url(i/th.gif) repeat-x;	
	color: #fff;
	border-bottom: 1px solid #32324f;
	border-top: 1px solid #07070e;
	padding: 2px 5px;
	}	
	
table .tfirst {
	border-left: 1px solid #07070e;
	}

	
table td {
	background: #07070e;
	border-right: 1px solid #32324f;
	border-bottom: 1px solid #32324f;
	padding: 2px 5px 3px 5px;
	}

table tr.even td {
	background: #000; color: #b9bac2;
	}

table tr.odd td {
	color: #fff;
	}

table td *{
	margin: 0;
	padding: 0;
	}	
	
table tr.homegame { color: #fff; font-weight: bold; }

/* */

.accordion { height:620px; }

#twitter_div { color: #fff; font-weight: bold; font-size: 12px;}
#twitter_div *{ margin: 0; padding: 0; }
#twitter_div a{ display: none; }
#twitter_div ul { list-style: none; }

#superheader {
	position: absolute;
	background: url(i/message.png) repeat-x;
	color: white;
	padding: 5px 7px;
	top: 35px;
	right: 0;
	font-size: 11px;
	z-index: 9000;
	}
	
/* */

.rosterentry {background: #000;padding: 0px;float: left;margin: 0 0 30px 0;}
#players .odd {margin-right: 30px;}
.rosterthumb {display: block;width: 324px;height: 175px;overflow: hidden;position: relative; background: url(i/rosterplaceholder.jpg) no-repeat 5px 5px}
.rostername {position: absolute;background: url(i/message.png) repeat-x;color: white;bottom: 5px;left: 5px;font-size: 11px;z-index: 10000;}	
.rostername p {padding: 3px 7px 3px 7px;}
.youtube { margin-bottom: 15px; }

/* */

.article-comments {

	}
	
.article-comments ol {
	padding: 0px 0 10px 0;
	margin: 0;
	list-style: none;
	}	
	
.article-comments ol li{
	padding: 0;
	margin: 0;
	}	

.article-comments div.comnum{
	font-size: 36px;
	line-height: 36px;
	color: #80809d;
	font-weight: bold;
	display: block;
	width: 40px;
	height: 36px;
	text-align: left;
	float: left;
	}

.article-comments div.comcom {
	padding-top: 1px;
	float: left;
	width: 400px;
	text-align: left;
	}

#wrap .article-comments p{
	padding: 0;
	margin: 0;
	color: #fff;
	}	
	
#wrap .article-comments p.small{color: #80809d; font-size: 11px; line-height: 14px; border: none;border-bottom: 1px solid #34344c;padding: 3px 0 5px 0; margin: 0 0 10px 0;}		

ul.pagination {margin: 1em 0; padding: 0.5em; }
ul.pagination li {display: inline; padding: 0.5em;}
ul.pagination li.active {background: #000; }

#fb-content { width: 100%; height: 60px; clear: both; }

.fb-image { float: left; margin-right: 15px;}

.comments_error {
	list-style: none; padding: 0; margin: 0; width: 222px; height: 22px; text-indent: -5000px; overflow: hidden; background: url(i/tunnistaudu.gif) no-repeat;
	}

#user { padding: 5px 0; }

#user a, #user a:link, #user a:visited {
	color: #f9781a;
	text-decoration: underline;
	}

#user a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
#wrap .fblb { padding-bottom: 10px; }
#wrap .fblb a { text-decoration: none; color: #fff; }
#commentarea textarea { width: 95%; }
		
.facebook-comments {background: #fff;  padding: 7px 15px; min-height: 200px;}
.facebook-comments hr {display: none;}
#wrap p.comment-suggest { font-size: 11px; }

/* */

.share {
	display: block;
	padding: 10px 0;
	}

#wrap .combox {
	display: block;
	width: 100%;
	font-size: 11px;
	border-top: 1px solid #34344c;
	line-height: 30px;
	padding-bottom: 10px;
	color: #5c5c7d;
	clear: both;
	}
	
#wrap .combox p { padding: 0; }
#wrap .combox a,
#wrap .combox a:link,
#wrap .combox a:visited { color: #8a8aa4; }
#wrap .combox a:hover { color: #fff; }

/* */

#parallax {position:relative; overflow:hidden; width: 960px; height: 400px; background: url(i/parallaxbg.jpg)}

#parallax div a {
	display: block; 
	height: 430px; 
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	top: 0;
	}

#parallax div a.p-taina { width: 482px; left: 0px; }
#parallax div a.p-riepula { width: 317px; left: 482px; }
#parallax div a.p-parviainen { width: 401px; left: 799px; }
#parallax div a.p-saloranta { width: 386px; left: 1200px; }
#parallax div a.p-thomas { width: 329px; left: 1586px; }
#parallax div a.p-mammela { width: 422px; left: 1915px; }
#parallax div a.p-pikkarainen { width: 403px; left: 2327px; }
	
#parallax div a.p-taina:hover { background: url(i/tags.png) 0 0}
#parallax div a.p-riepula:hover { background: url(i/tags.png) -462px 0}
#parallax div a.p-parviainen:hover { background: url(i/tags.png) -759px 0}
#parallax div a.p-saloranta:hover { background: url(i/tags.png) -1140px 0}
#parallax div a.p-thomas:hover { background: url(i/tags.png) -1506px 0}
#parallax div a.p-mammela:hover { background: url(i/tags.png) -1815px 0}
#parallax div a.p-pikkarainen:hover { background: url(i/tags.png) -2217px 0}

#commentform { display: none; }

/* */

.plx {
	display: none;
	position: absolute; top: 10px; left: 900px; z-index: 20000;
    background: #000;
	padding: 0px;
	width: 40px;
    height: 32px;
    border:         5px solid #000;
    border-radius:          5px;
    -moz-border-radius:     5px;
    -khtml-border-radius:   5px;
    -webkit-border-radius:  5px;
	opacity: 0.7;
	}

.plx a {
    display: block;
    overflow: hidden;
    text-indent: -900em;
	width: 30px;
    height: 22px;
	padding: 5px;
    background: #28293e url(i/x.png) no-repeat center;
	-webkit-transition: background-color 0.2s linear;  
	-moz-transition: background-color 0.2s linear;  
	-o-transition: background-color 0.2s linear;  
	}

.plx a:hover {
	cursor:pointer;
    background-color: #000;
	}	

.aimage { display: block; width: 660px; overflow: hidden;  }

body .col720 .item .aimage img { margin-bottom: 10px; padding: 0; width: 650px; height: 366px; }
