/*
                   \\"""//
                    (0 0)
    +-------oOO-----`(_)´---------------+
    |      Base screen style sheet      |
    |                                   |
    |   -----------------------------   |
    |      Ioan Sameli                  |
    +-------------------------oOO-------+
                   |__|__|
                    || ||
                   ooO Ooo
*/

  /*******************************/
 /******   YUI CSS RESET   ******/
/*******************************/

	body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
	ul{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym{border:0;}
	a{text-decoration: none;}
	p{padding:8px 0;}

	.clear{height:1;clear:both;}
	.hidden{display:none;}

	del{text-decoration:none;color:red;}

  /***************************************/
 /******   PAGE STRUCTURE STYLES   ******/
/***************************************/

	body{
		font-family: verdana;
		font-size: 12px;
		background: #FFF;
		margin: 0;
		}
	#ir-header{
		width: 960px;
		margin: auto;
		background: #777 url(graphics/bg-top.png) bottom left;
		padding:0 0 8px 0;
		clear:both;
		}
	#ir-header h2 a{
		display: block;
		height: 100px;
		background: #A00 url(graphics/header.jpg) top left;
		text-indent: -999px;overflow:hidden;
		}
	#ir-header #ir-nav{
		height: 25px;
		background: url(graphics/nav-bg.png);
		}
	#ir-page{
		background: #777 url(graphics/bg.png);
		width: 958px;
		padding: 1px;
		margin: auto;
		}
	#ir-page #ir-col-main,
	#ir-page #ir-col-nav,
	#ir-page #ir-col-context{
		margin: 5px;
		float: left;
		}

	/* Total width: 6 + 174 + 10 + 482 + 10 + 272 + 6 */
	#ir-page #ir-col-nav{width: 174px;}
	#ir-page #ir-col-main{width: 482px;}
	#ir-page #ir-col-context{width: 272px;}

  /****************************/
 /******   NAVIGATION   ******/
/****************************/

	#ir-nav{padding-left: 190px;}
	#ir-nav li{
		float: left;
		background: url(graphics/nav-sep.gif) right no-repeat;
		padding: 0 1px 0 0;
		}
	#ir-nav li.last{background: none;}
	#ir-nav a{
		display: block;
		float: left;
		height: 15px;
		padding: 5px 15px;
		font-weight: bold;
		color: white;
		}
	#ir-nav a.cur,
	#ir-nav a:hover{background: url(graphics/black-transparent-40p.png);}
	#ir-nav a.cur:hover{background: url(graphics/black-transparent-60p.png);}

	/* Navigation column */
	#ir-col-nav h3{
		padding: 4px;
		font-size: 14px;
		font-weight: bold;
		color: #c80509;
		background:#FFF;
		}
	#ir-col-nav .section{
		background: #FFF;
		margin: 1px 0 3px 0;
		border: 1px solid #D2D2D2;
		border-width: 1px 0;
		}
	#ir-col-nav .section em{display:block;color: #555;padding: 8px 4px 8px 12px;}
	#ir-col-nav .section li a{
		display: block;
		padding: 8px 4px 8px 12px;
		font-weight: bold;
		color: #555;
		background:#FFF url(graphics/link-sep.png) top no-repeat;
		margin-bottom:-1px;
		}
	#ir-col-nav .section li a span{font-weight:normal;font-size:10px;color:#AAA;padding-top:3px;display:block;}
	#ir-col-nav .section a:hover{color: #000;background: #EEE url(graphics/link-sep.png) top no-repeat;}
	#ir-col-nav .section li a:hover span{color:#555;}
	#ir-col-nav h3 a{
		padding: 4px;
		display: block;
		color: #c80509;
		}
	#ir-col-nav h3.lnk{
		padding: 0;
		}
	#ir-col-nav .section .archives li a span{float:right;display:none;padding:2px 8px 0 0;}
	#ir-col-nav .section .archives li a:hover span{display:block;color:#999;}

  /*********************************/
 /******   RANDOM ELEMENTS   ******/
/*********************************/

	.ir-col-head{
		height: 23px;
		}
	.ir-col-head strong{
		display: block;
		height: 18px;
		padding: 5px 10px 0 5px;
		float: left;
		background:url(graphics/col-top.png) top right no-repeat;
		}
	.ir-col-head a{color: #000;}
	.ir-col-head span{font-size: 10px; color: gray; font-weight: normal;}

  /***************************/
 /******   FORUM COL   ******/
/***************************/

	.forum-intro{
		margin: 0 0 2px 0;
		padding: 1px;
		background: #FFF;
		}

	/* Trick: It gets above the image, aligned at the bottom (image has to be fixed height) */
	.forum-intro .forum-title{position: absolute;height: 270px;}
	.forum-intro.header .forum-title{height: 120px;}
	.forum-intro .forum-title a{
		position: absolute;
		bottom:0;
		width: 470px;
		padding:5px;
		font-size: 20px;
		font-weight:bold;
		background: url(graphics/black-transparent-60p.png);
		color: white;
		cursor:default;
		}
	.forum-intro .forum-title a.lnk{cursor:pointer;background: url(graphics/black-transparent-40p.png);}
	.forum-intro .forum-title a.lnk:hover{background: url(graphics/black-transparent-60p.png);}
	.forum-intro img.main,
	.forum-intro .main-img {display:block;width:480px;height:270px;overflow:hidden;}
	.forum-intro .main-img img{display:block;width:480px;}
	.forum-intro.header .main-img{height:120px;}
	.forum-intro.header .main-img img{margin-top:-75px;}
	.forum-intro p{padding:4px;line-height:140%;}
	.forum-intro p a{color:#C80509;}.forum-intro p a:hover{text-decoration:underline;}
	.forum-intro .more-details{
		margin: 4px;
		background:#d8d8d8;
		color: #4e4e4e;
		/*font-size: 10px;*/
		}
	.forum-intro .more-details .title{
		font-weight: bold;
		background: #4e4e4e;
		color: white;
		padding: 4px;
		font-size: 12px;
		}
	.forum-intro .more-details li{padding: 4px;}

	/* PAGINATION / FORUM HEADER */
	.pagination{
		margin:2px 0;		
		min-height:35px;
		padding:10px 0 0 0;
		background:white;
		}
	
	.pagination h3{
		font-size: 50px;
		font-weight:bold;
		color: #ca0d11;
		float:left;
		text-transform:uppercase;
		margin:-17px 0;
		padding:0 0 0 5px;
		}
		
	.pagination .pages{float:right;}
	
	/* Les petits liens carrés pour les pages */
	.pagination span{float:right;margin:0 5px 0 5px;font-size:10px;color:#777;}
	.pages-links{
		/*border-right:1px solid #555;*/
		float:right;
		clear:both;
		font-size:10px;
		margin:4px 4px 0 0;
		}
	/*.pages-links a, .pages-links b{
		display:block;
		float:left;
		padding:6px;
		padding-top:1px;
		padding-bottom:1px;
		color: #555;
		font-weight: bold;
		}
	.pages-links b{
		color:#666666;
		}
	.pages-links a{
		background-color:#FFFFFF;
		border:1px solid #555;
		border-right:none;
		}
	.pages-links a:hover, .pages-links a.cur{
		background-color:#FF0000;
		color:#FFFFFF;
		}
	.pages-links a.cur{cursor:default}
	*/
	
	.pages-links{font-size:12px;}
	.pages-links b{display:block;float:left;padding:4px;color:#AAA}
	.pages-links a{
		display:block;
		float:left;
		min-width:10px;
		height:14px;
		padding:4px 6px;
		margin:0 0 4px 4px;
		background:#CCC;
		text-align:center;
		outline:none;			
		color:#ca0d11;
		font-weight:bold;		
		}
	.pages-links a:hover{background:#DDD;}
	.pages-links a.cur{background:#DDD;color:#AAA;cursor:default;}
	.pages-links a.susp{background:none;color:#CCC;width:auto;}
	

	/* THREAD */
	.forum-post{
		margin:2px 0;
		background:white;
		padding:4px;
		}
	.forum-post .header{

		}
	.forum-post .header .threadlink{
		display: block;
		min-height: 57px;
		padding: 0 0 0 85px;
		background: #CCC;
		color: #555;
		}
	.forum-post .header a.threadlink:hover{background: #DDD;color: #444;}
	.forum-post .header .title{
		display: block;
		font-size: 18px;
		font-style:normal;		
		}
	.forum-post .header .member{
		display: block;
		padding: 3px 0;
		font-size: 10px;
		}
	.forum-post .header a.member{color: #a80b0e;}
	.forum-post .header a.member:hover{text-decoration:underline;}
	.forum-post .header .member strong{font-size: 12px;}
	.forum-post .header .date{display: block;font-size:10px;padding: 0 0 3px 0;}
	.forum-post .header .userlink{display: block;float: left;}
	.forum-post .header .userlink:hover{opacity: .7;}
	.forum-post .header .userlink img{display: block;}

	.forum-post .text{
		padding: 0 5px;
		margin: 5px 0;		
		overflow: auto;
		}
	.post-demo a, .forum-post .text a{color:#C80509;font-weight:bold;font-size:10px;}
	.post-demo a:hover, .forum-post .text a:hover{text-decoration:underline;}
	.forum-post.thread .text{max-height: 252px;}
	.forum-post .footer{
		height:20px;
		}
	.forum-post .footer a{
		display:block;
		height:14px;
		padding:3px 6px;
		float:right;
		background:#CCC;
		color: #c80509;
		margin:0 0 0 5px;
		}
	.forum-post .footer a span{color:#555;font-size:10px;}
	.forum-post .footer a:hover{background: #DDD;}
	
	.forum-post .footer a.permalink{background:none;color:#BBB;font-size:10px;padding:6px 6px 0 0;}
	.forum-post .footer a.permalink:hover{color:#777;text-decoration:underline;}
	
	/* New message form */
	#new-post{
		margin:29px 0;
		}
	#new-post h2{
		font-size:16px;
		font-weight:bold;
		padding:6px;
		color:white;
		background:#a80b0e;
		}
	#new-post .name{
		padding:4px 8px;
		background:#CCC;
		font-weight:bold;
		color:#a80b0e;
		}
	#new-post .content{
		background:white;
		padding:8px;
		}
	#new-post .content label{
		display:block;
		}
	form .l{padding:6px 0;}	
	form .l .teaser-link{margin-left:324px;}	
	form .field{width:450px;}	
	form .legal{font-size:10px;color:#777;}
	
	/* Help table for posting */	
	.post-help-link{color:#C80509;font-weight:bold;font-size:10px;float:left;}
	.post-help-link:hover{text-decoration:underline;}
	.post-help{display:none;margin:0 0 10px 0;}
	.post-help table{border-color:#CCC;width:100%;}
	.post-help th{font-weight:bold;background:#EEE;padding:4px;}
	.post-help th.c1{width:250px;}
	.post-help td{padding:4px;vertical-align:top;}
	.post-help i{font-family:courier new;font-style:normal;}
	.post-help .note{display:block;font-size:10px;color:gray;padding-top:8px;}

	.teaser-link{
		display: block;
		height: 20px;
		font-size: 11px;
		color: white;
		background: url(graphics/gradient-red-20px.png) top;
		font-weight: bold;
		}
	.teaser-link:hover{background-position: bottom;}
	.teaser-link span{
		display:block;
		padding: 3px 0 3px 16px;
		background: url(graphics/arr-lnk.gif) 6px 6px no-repeat;
		}		
	input.teaser-link{
		border: none;
		width: 130px;
		}
		
	/* Stuff in open thread */
	.ansers-count{
		padding:5px 10px;
		font-size:14px;
		color:#777;
		background:white;
		}
	.ansers-count strong{font-size:21px;color:#a80b0e;text-transform:uppercase;}
	

  /******************************/
 /******   LARGE PLAYER   ******/
/******************************/
	
	/*.forum-title-with-video{;}*/
	.forum-title-with-video a{display:block;color:#000;cursor:default;padding:5px;font-size:24px;font-weight:bold;}
	
	#large_video_target{background:black url(graphics/vid-load.gif) center 130px no-repeat;min-height:270px;}
	
	#large-player .controls div{
		position:absolute;
		margin-top:4px;
		width:20px;
		height:79px;
		background:url(graphics/arr-s-left-off.png) 2px 30px  no-repeat;
		text-indent:-999px;
		overflow:hidden;
		cursor:pointer;
		}
	#large-player .controls div:hover{background-image:url(graphics/arr-s-left.png);background-color:#EEE;}
	#large-player .controls div.right{
		margin-left:460px;
		background-image:url(graphics/arr-s-right-off.png);
		}
	#large-player .controls div.right:hover{background-image:url(graphics/arr-s-right.png);}
	#large-player-playlist-container{
		width: 440px;
		height: 79px;
		overflow: hidden;
		margin:4px 20px;
		}
	#large-player-playlist-content{width: 9999px;}
		
	#large-player-playlist-content li{
		width:140px;
		height:79px;
		float:left;
		padding-right:10px;
		cursor:pointer;
		}
	#large-player-playlist-content img{width:140px;height:79px;}  /* Ratio: 16/9 */
	#large-player-playlist-content span{
		display:none;
		position:absolute;
		padding:3px;
		height:73px;
		width:134px;
		background:url(graphics/black-transparent-60p.png);
		color:white;
		font-size:10px;
		overflow:hidden;
		}
	
	#large-player-playlist-content li:hover span{
		display:block;
		}
							
	/* SMALLER THUMBS */		
	#large-player-playlist-container{height:57px;}	
	#large-player-playlist-content li,
	#large-player-playlist-content img{width:102px;height:57px;}
	#large-player-playlist-content span{width:96px;height:51px;}		
	#large-player .controls div{height:57px;background-position:2px 22px}			
							
							
							
  /*****************************/
 /******   CONTEXT COL   ******/
/*****************************/

	/* Section blocks */
	#ir-col-context .section{
		background: #999;
		margin: 2px 0 6px 0;
		padding:3px;
		}
	#ir-col-context	.content{
		padding: 4px;
		background: #FFF;
		}
	
	/* Members list */
	.members-list a{
		display: block;
		font-weight: bold;
		padding: 1px 0;
		color: #c80509;
		}
	.members-list a:hover strong{text-decoration: underline;}
	.members-list a span{font-size: 10px; font-weight: normal; color: #999;float:right;display:none;}
	.members-list a:hover span{display:block;}
	
	/* MIX & REMIX scroller */	
	.remix-scroll{
		background: #FFF;
		padding: 4px;
		}	
	.remix-scroll .controls div{
		position: absolute;
		width: 40px;
		height: 195px;
		background:url(graphics/arr-left.png) left no-repeat;
		opacity:0;
		cursor: pointer;
		text-indent:-999px;
		overflow:hidden;
		}
	.remix-scroll .controls div#mix-scroll-right{
		margin-left: 220px;
		background: url(graphics/arr-right.png) right no-repeat;
		}	
	.section:hover .remix-scroll .controls div{opacity:.33;}
	.section .remix-scroll .controls div:hover{opacity:1;}
	.remix-scroll .controls div.disabled{display:none;}	
	#mix-scroll-container{
		width: 260px;
		height: 195px;
		overflow: hidden;
		}
	#mix-scroll-content{width: 9999px;}
	#mix-scroll-content a, #mix-scroll-content img{
		width: 260px;
		height: 195px;	
		display:block;
		float:left;
		}
		
	/* Login and registration form */
	#loginform .head{height: 23px; text-align: center;}
	#loginform .ir-col-head{float: left;}
	#loginform .ir-col-head strong{width: 120px;margin-right: -4px;}
	
	#loginform .ir-col-head.off strong{background:none;}
	#loginform .ir-col-head.off a{color: white;}
	
	#loginform .content{background:white url(graphics/gradient-gray-50px.png) bottom repeat-x;}
	
	#loginform .sfield{padding:2px 0;}
	#loginform .accept{color:gray;font-size:10px;text-align:right;padding-right:6px;}
	#loginform input.f{
		width: 123px;
		}
	#loginform label{
		display:block;
		width: 120px;
		padding:4px 4px 0 0;
		float:left;
		text-align: right;
		color: #555;
		font-size:10px;
		}
	#loginform .lost-pw{
		display: block;
		width: 123px;		
		float: left;
		font-size:10px;
		padding:4px;
		color:gray;
		}
	#loginform .lost-pw:hover{text-decoration:underline;}
	#loginform .teaser-link{
		width: 127px;
		}
		
	.small-links a, 
	.larger-links a, 
	a.small-link{
		display:block;
		padding:0 0 3px 9px;		
		font-size:10px;
		color:#CA0D11;
		background:url(/templates/ir-2009/graphics/arr-mini.gif) left no-repeat;
		}
	.larger-links a{font-size:12px;}
	.small-links a:hover,
	a.small-link:hover{text-decoration:underline;}
	
	.small-links.profile a{margin: 0 0 0 88px;}

  /******************************/
 /******   SMALL PLAYER   ******/
/******************************/
	#small-player{}
	#small-player .controls div{
		position:absolute;
		width:18px;
		height:62px;
		background:url(graphics/arr-s-left-off.png) left no-repeat;
		text-indent:-999px;
		overflow:hidden;
		cursor:pointer;
		}
	#small-player .controls div:hover{background-image:url(graphics/arr-s-left.png);}
	#small-player .controls div.right{
		margin-left:248px;
		background:url(graphics/arr-s-right-off.png) right no-repeat;
		}
	#small-player .controls div.right:hover{background-image:url(graphics/arr-s-right.png);}
	#small-player-title{
		padding:4px;
		font-weight:bold;
		background: #000;
		color:white;		
		}
		
	#small-player-container{padding-bottom:3px;}
	#small_video_target{background:black url(graphics/vid-load.gif) center 60px no-repeat;min-height:166px;}
		
	#small-player-playlist-container{
		width: 230px;
		height: 62px;
		overflow: hidden;
		margin:4px 18px;
		}
	#small-player-playlist-content{width: 9999px;}
		
	#small-player-playlist-content li{
		width:110px;
		height:62px;
		float:left;
		padding-right:10px;
		cursor:pointer;
		}
	#small-player-playlist-content img{width:110px;height:62px;}  /* Ratio: 16/9 */
	#small-player-playlist-content span{
		display:none;
		position:absolute;
		padding:3px;
		height:56px;
		width:104px;
		background:url(graphics/black-transparent-60p.png);
		color:white;
		font-size:10px;
		overflow:hidden;
		}
	
	#small-player-playlist-content li:hover span{
		display:block;
		}
		
	/* SMS's */
	#all-sms{background:#DDC;font-size:10px;font-weight:bold;cursor:default;}
	#all-sms div{display:none;min-height:90px;background:#CCC;padding:8px;}
	#all-sms strong{display:block;border-bottom:1px solid #999;padding:2px 0;margin:0 0 6px 0;}
	#all-sms span{float:right;font-weight:normal;}
	#sms-area .links{height:20px;padding:3px 0 0 0;}
	#sms-area .links a{width:131px;float:left;}
	#sms-area .links a.f{margin:0 3px 0 0;width:132px;}

  /*****************************/
 /******   FORMUS LIST   ******/
/*****************************/

	.forums-list{list-style-type:none;padding:0;margin:0;background:white;}	
	.forums-list a{display:block;padding:8px;border-bottom:1px dashed #CCC;font-size:10px;color:#555;}
	.forums-list a:hover{background:#EEE;color:#000;}
	.forums-list a.has_image{min-height:57px;padding:8px 0;}
	.forums-list img{float:left;padding:0 8px}	
	.forums-list strong{display:block;font-size:12px;padding:0 0 8px 0;}
	.forums-list span{color:#600;font-weight:bold;}

  /*******************************/
 /******   REMIX GALLERY   ******/
/*******************************/

	.mixGallery{
		background:white;
		text-align:center;
		}
	.mixGallery h1{
		background:url(/imgs/elmts/seppoints.gif) bottom repeat-x;
		padding:8px;
		text-align:center;
		color:gray;
		font-size:14px;
		font-weight:bold;
		}

	.mixGallery .zoom{
		text-align:center;
		background:url(/imgs/elmts/seppoints.gif) bottom repeat-x #F4F4F4;
		padding:8px;
		}

	.mixGallery img{
		border:1px solid #CBCBCB;
		margin: 8px;
		}
	.mixGallery .zoom img{
		margin:auto;
		display:block;
		}
	
	.mixGallery a.thumb:hover img{border-color:#AAA;margin: 4px;padding: 4px;background:#DDD;}
	.mixGallery .full{
		display:none;
		}
		
	.mixGallery .thumb{
		outline:none;
		}
	a.backToGallery{
		display:block;
		text-align:center;
		clear:both;
		padding:8px;
		color:#777;
		background:url(/imgs/elmts/seppoints.gif) top repeat-x;
		}
		
	a.backToGallery:hover{
		background-color:#EEE;
		color:#333;
		text-decoration:underline;
		}
		
  /******************************/
 /******   TRACKER PAGE   ******/
/******************************/

	.tracker-entry{margin:50px 0;clear:both;}
	
	.tracker-entry .header-entry{background:#FFF;padding:5px;}
	
	.tracker-entry .header-entry h2{font-weight:bold;font-size:18px;}
	.tracker-entry .header-entry h3{font-weight:bold;font-size:14px;}
	
	.tracker-entry .header-entry a,.tracker-entry a.sub{color:#C80509;}
	.tracker-entry .header-entry a:hover,.tracker-entry a.sub:hover{text-decoration:underline;}
	
	.tracker-entry .sub{background:#FFF;padding:3px;margin-top:2px;color:#555;text-align:center;font-weight:bold;}
	
	.tracker-entry a.sub{
		display:block;
		background:white url(/templates/ir-2009/graphics/arr-mini.gif) no-repeat 6px;
		padding-left:15px;
		text-align:left;
		color:#CA0D11;
		}
		
	.tracker-entry .text{max-height: 152px;}
	
	.yourPost{background:#FEE2E3;border:2px solid #C80509;}
	
	

  /*******************************/
 /******   WHATEVER BRAH   ******/
/*******************************/

	.page-content{background:white;padding:5px;margin:0 0 4px 0;}
	.page-content h2,
	.page-content h3{
		padding: 4px 0;
		font-size: 12px;
		font-weight: bold;
		color: #c80509;
		}
	.page-content h2{font-size:14px;}
	.page-content p a{color:#C80509;}.page-content p a:hover{text-decoration:underline;}
	
	/* large form (edit your profile for example) */
	.bigForm{padding:0;font-size:12px;}
	.bigForm .field{padding:3px;clear:both;}
	.bigForm .field label{display:block;width:150px;float:left;text-align:right;padding:4px 8px 5px 0;color:gray;font-size:11px;}
	.bigForm .field .val{display:block;padding:2px 0;font-size:14px;}
	.bigForm .field .note{color:gray;font-size:10px;}
	.bigForm .teaser-link{margin-left:330px;}
	.bigForm .login .teaser-link{margin-left:158px;}
	
	/* Styles pour les messages. */
	.error, .warning, .success, .info{
	    font-weight:bolder;
	    font-size:10pt;
	    color:#FF0000;
	    padding:8px 0;
		}
	.success{color:#007F00;}
	.info{color:#0000FF;}
	
	.message-quote{border-left:1px solid #CCC;margin:5px;padding:10px;color:#555;background:#EEE;font-style:italic;}