/* general stylesheet for the v2 "basic" site. pike20030409 */
/* TAG STYLES */

* { margin: 0px; padding: 0px; }

BODY {
	/*font: 9px/1.5em Verdana, Arial, sans-serif;*/
	font-size:9px;
	color: #181818;
	/* background-color:#ffffff;   */
	/*background-color:pink;*/
	text-align: left; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal; font-weight: normal;
	background-attachment:fixed;
	background-position: top left;
	background-repeat:repeat;
	margin:0px; padding:0px;
	width:100%; height:100%; 
	scrollbar-arrow-color:white;
	scrollbar-base-color:black;
	scrollbar-face-color:black;
	scrollbar-highlight-color:#808500;
}







DIV {	margin:0px; padding:0px;	/*background-color:pink;background:pink; */}
/*
A			{ color:#B2B800; text-decoration:none; }
A:HOVER		{ color:#92C511;}
A:ACTIVE	{ color:#E3EB00;}
A:VISITED	{ color:#808500;}
*/
IMG			{ margin:0px; padding:0px; }
A IMG 		{ border-width:0px; }
FORM INPUT 	{  border:0px; font-size:12px;  }

BIG A			{ 
	text-decoration:none; 
	font-size:bigger; 
	font-weight: bold; 
}





/* http://www.evolt.org/article/comment/17/23899/ */
h1, h2, h3, h4, h5, h6, p {
  position: relative;
}


	
	
BLOCKQUOTE {
	margin-left:0px;
	margin-right:50px;
	margin-top:5px;
	margin-bottom:5px;
	padding:10px;
	border:1px;border-style:solid;
	border-color:#CCCCCC !important;
}


UL {
	list-style-image:url(/archive/shared/gfx/bullet_ul.gif); 
	list-style: bullet inner;
	margin:0px; 
	padding:0px; 
	padding-left:10px;
}


/* 
	in IE, HR.color =backgroundcolor, HR.border-color = bordercolor, HR.background-color = nop
	in NS, HR.color = HR.border-color = bordercolor, HR.background-color = background color
*/

HR	{
	 height:1px;
	 border-color:#808500;
	 margin:0px;
	 padding:0px;
	 margin-bottom:8px;
	 border-style:dashed;
	 border-width:0px;
}


/* sitewide classes -----------------  */





a{color: #181818;}

a.mail {color: #555; text-decoration: underline;}
a.mail:hover {color: #222222; text-decoration: none; }

a.menu{
display:block;
float:left;
height:24px;
font-size:10px;
margin:0px 1px 0px 0px;
padding:0px 3px 0px 3px;
border-width:0px;
color:rgb(103,125,83);
text-decoration:none;
background:url('/_includes/pix/menu/bg10.gif') repeat-x;
}
a.menu:hover{
display:block;
float:left;
font-size:10px;
margin:0px 1px 0px 0px;
padding:0px 3px 0px 3px;
border-width:0px;
color:rgb(98,181,23);
text-decoration:none;
background:url('/_includes/pix/menu/bg8.gif') repeat-x;
}



a.menu_on{
display:block;
float:left;
height:24px;
font-size:10px;
margin:0px 1px 0px 0px;
padding:0px 3px 0px 3px;
border-width:0px;
color:rgb(103,125,83);
text-decoration:none;
background:url('/_includes/pix/menu/bg8.gif') repeat-x;
}

a.menu_on:hover{
display:block;
float:left;
height:24px;
font-size:10px;
margin:0px 1px 0px 0px;
padding:0px 3px 0px 3px;
border-width:0px;
color:rgb(103,125,83);
text-decoration:none;
background:url('/_includes/pix/menu/bg10.gif') repeat-x;
}

a.menunav{
display:block;
float:left;
height:24px;
font-size:10px;
margin:0px 1px 0px 0px;
padding:0px 3px 0px 3px;
border-width:0px;
color:rgb(40,40,40);
text-align:left;
text-decoration:none;
background:url('/_includes/pix/menu/bg8.gif') repeat-x;
}

.comments-listing {	width:250px;padding: 0 0 0 2px;text-align: left;}
.comments-listing p { padding: 6px 0 0 2px; margin: 0;  }
.comments-listing a.text{text-decoration:none;}
.comments-listing .top { padding: 5px 0 5px 2px; margin: 0;border-style:dotted;border-width:0px 0px 1px 0px;border-color:rgb(123,157,93);}	
.comments-listing .title { font: 1.0em/1.7em Verdana, sans-serif;  font-weight: normal; 
	text-transform: uppercase;	padding: 8px 0 2px 2px; }	
.comments-listing .title a, .comments-listing .title a:visited { text-decoration: none; }
.comments-listing .title a:hover {  text-decoration: underline; }
.comments-listing .date { font: 1.0em/1.5em arial, sans-serif; font-weight: normal; 
	padding: 0 0 0 2px; margin: 0;	 }
.comments-listing .date  a, .entries-listing .date a:visited {  text-decoration: underline; }
.comments-listing .date a:hover {  text-decoration: none; }
.comments-listing .date a.text{text-decoration:none;}
.comments-listing .posted { font: 1.0em/1.0em arial, sans-serif; font-weight: normal; padding: 0 0 0 7px; 
	margin: 0 0 4px 0;  }	

.database-column {float:left;display:block;margin:14px 0px 0px 0px;width:185px;}
.database-listing {	display:block;float:left;width:183px;padding: 0 0 0 2px;text-align: left;}
.database-listing p { padding: 6px 0 0 2px; margin: 0;  }
.database-listing a.text{text-decoration:none;}
.database-listing .top { padding: 5px 0 5px 2px; margin: 0;border-style:dotted;border-width:0px 0px 1px 0px;border-color:rgb(123,157,93);}	
.database-listing .title { font: 1.0em/1.7em Verdana, sans-serif;  font-weight: normal; 
	text-transform: uppercase;	padding: 8px 0 2px 2px; }	
.database-listing .title a, .comments-listing .title a:visited { text-decoration: none; }
.database-listing .title a:hover { text-decoration: underline; }
.database-listing .date { font: 1.0em/1.5em arial, sans-serif; font-weight: normal; 
	padding: 0 0 0 2px; margin: 0;	}
.database-listing .date  a, .entries-listing .date a:visited { color: #555; text-decoration: underline; }
.database-listing .date a:hover {  text-decoration: none; }
.database-listing .date a.text{text-decoration:none;}
.database-listing .posted { font: 1.0em/1.0em arial, sans-serif; font-weight: normal; padding: 0 0 0 7px; 
	margin: 0 0 4px 0;  }	
		
	
	
.entry {	padding: 0 0 0 2px; }
.entry .top { display:block;padding: 3px 0 0 10px; margin: 0px 0px 0px 0px;) left top no-repeat; }	
.entry .title { font: 1.0em/1.7em Verdana, sans-serif;  font-weight: normal; 
	text-transform: uppercase;	padding: 0 0 0 2px; }	
.entry .title span { padding: 0 0 0 7px;  text-decoration: none; }
.entry .title a {  text-decoration: none; }
.entry .title a:hover { color: text-decoration: underline; }
.entry .cat { font: 1.0em/1.2em arial, sans-serif; font-weight: normal;  
	padding: 0 0 0 10px; margin: 0 0 4px 0; }		
.entry .cat  a {  text-decoration: none; }
.entry .cat a:hover { color:  text-decoration: underline; }
.entry .date { font: 1.0em/1.0em arial, sans-serif; font-weight: normal; 
	padding: 0 0 0 2px; margin: 0 0 4px 0;	color: #888; }
.entry .posted { font: 1.0em/1.0em arial, sans-serif; font-weight: normal; padding: 0 0 0 7px; 
	margin: 0 0 4px 0; }
.entry .posted-individual { font: 1.0em/1.1em arial, sans-serif; font-weight: normal; 
	padding: 6px 0 15px 12px; margin: 0;  }

.entry .body-crnt-review { width: 335px; padding: 1px 0 0 0; margin: 5px 0 0 0;
	background: url(/_includes/pix/objects/dots-809px.gif) left top no-repeat; }	
.entry .body-crnt-showcase, .entry .body-crnt-release  
	{ width: 325px; padding: 1px 0 0 0; margin: 5px 0 0 0;
	background: url(/_includes/pix/objects/dots-809px.gif) left top no-repeat; }	
.entry .body-col-left { width: 260px; padding: 1px 0 0 0; margin: 5px 0 0 0;
	 }	
.entry .body-col-mid { width: 216px; padding: 1px 0 0 0; margin: 5px 0 0 0;
	background: url(/_includes/pix/objects/dots-809px.gif) left top no-repeat; }	
.entry .body-col-right { width: 216px; padding: 1px 0 0 0; margin: 5px 0 0 0;
	background: url(/_includes/pix/objects/dots-809px.gif) left top no-repeat; }	
.entry .body-individual-right { width: 425px; padding: 1px 0 0 0; margin: 5px 0 0 0;
	background: url(/_includes/pix/objects/dots-809px.gif) left top no-repeat; }	
.entry .body-individual-left { width: 265px; padding: 1px 0 0 0; margin: 5px 0 0 0;
	background: url(/_includes/pix/objects/dots-809px.gif) left top no-repeat; }	
.entry .body-cat-default { width: 373px; padding: 1px 0 10px 0; margin: 5px 0 0 0;border-style:dotted;border-width:0px 0px 1px 0px;border-color:rgb(123,157,93);}
.entry .body-cat-default a{text-decoration:none;}
.entry .body-cat-default a:hover{text-decoration:none;}
	
.entry .body-cat-links { width: 225px; padding: 1px 0 0 0; margin: 5px 0 0 0;
	background: url(/_includes/pix/objects/dots-809px.gif) left top no-repeat; }	
.entry .body-cat-about { width: 425px; padding: 1px 0 0 0; margin: 15px 0 0 0; }	
.entry .extended  a { color: #777; text-decoration: none; }
.entry .extended a:hover {  text-decoration: underline; }
.entry p { text-align: left; padding: 0 0 0 12px; margin: 7px 0 8px 0; }	


.entry ul {  margin: 0 0 0 8px; padding: 23px 0 0 0;
	background: url(/_includes/pix/objects/prelisten-bg.gif) no-repeat;}	
.entry li { padding: 1px 0 0px 16px; margin: 0 0 0 18px; height: 17px;
	background: url(/_includes/pix/objects/prelisten-li.gif) no-repeat;	}
.entry li.last { padding: 1px 0 0 34px; margin: 0; height: 35px;
	background: url(/_includes/pix/objects/prelisten-li-last.gif) no-repeat; }
.entry ul.dl { color: #888; margin: 20px 0 0 8px; padding: 27px 0 0 0;
	background: url(/_includes/pix/objects/download-bg.gif) no-repeat;}	
.entry li.dl { padding: 2px 0 0px 16px; margin: 0 0 0 18px; height: 19px;
	background: url(/_includes/pix/objects/download-li.gif) no-repeat;	}		
.entry li.dl-first { padding: 2px 0 0px 16px; margin: 0 0 0 18px; height: 19px;
	background: url(/_includes/pix/objects/download-li-first.gif) no-repeat;	}	
.entry li.dl-div { padding: 2px 0 0px 16px; margin: 0 0 0 18px; height: 19px;
	background: url(/_includes/pix/objects/download-li-div.gif) no-repeat;	
	text-transform: uppercase; color: #222; }	
.entry li.dl-last { padding: 2px 0 0 34px; margin: 0; height: 35px;
	background: url(/_includes/pix/objects/download-li-last.gif) no-repeat; }
	
.entry img { padding: 0; margin: 5px 0 7px 0; }
.entry a img { padding: 4px; margin: 2px 6px 0 0;
	background-image: url(/_includes/pix/objects/bg-100px.gif) no-repeat; border: none; }
.entry .pl img { padding: 0; margin: 3px 0 0 0; }
.entry .pl a img { padding: 4px; margin: 8px 0 2px 10px;
	background-image: url(/_includes/pix/objects/bg-pl.gif) no-repeat;	border: none ; }
	
.entry .pl a:hover img { background-position: 0 -92px; }
.entry .bigteaser img { padding: 0; margin: 7px 0 7px 0; }
.entry .bigteaser a img { padding: 4px; margin: 8px 0 4px 10px;
	background-image:  url(/_includes/pix/objects/bg-bigteaser.gif) no-repeat;	border: none; }
.entry .bigteaser a:hover img { background-position: 0 -92px; }
.entry .pop211 a img { padding: 3px; margin: 5px 0 5px 13px;
	background: #f1f1f1; border: #ccc 1px solid; }
.entry .pop211 a:hover img { background: #e0e0e0; border: #777 1px solid; }
.entry .cc a img { padding: 8px 0 0 13px; margin: 0; background: #fff; border: none; }

.entry .devider { padding: 2px 0 2px 0; margin: 4px 0 0 0; width: 85%;
	background: url(/_includes/pix/objects/entrybody_dots.gif) left top no-repeat; }
.entry .devider-rcomments { padding: 2px 0 2px 0; margin: 2px 0 0 0; width: 95%;
	background: url(/_includes/pix/objects/entrybody_dots.gif) left top no-repeat; }	
	
	

BODY.bodyframe {
	margin:15px; padding:5px; 
}

/* use <img class="icon" src= w= h=>text <br clear="all" />  */
.icon {
	clear: left;
	float: left;
	margin: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	display:block;
	vertical-align: text-bottom;
}
/* use <img class="thumbnail" src= w= h=> */
.thumbnail {
	margin:0px; border:1px solid #333333;
}
.disabled {

}

/* use <div class="dashedruler">........................</div><br clear="all" /> */
.dashedruler {
	clear:both;
	margin:0px;padding:0px;	margin-top:5px;
	border: 0px; border-bottom: 1px dashed #808500;
	height: 10px;
}
.hiddenruler {
	clear:both;
	margin:0px;padding:0px;	margin-top:5px;
	border: 0px; 
	height: 10px;
}

span.hitechbr {
	display:block;
}
.csshidden {
	position:absolute; top:-800px;  left:-800px; visibility:hidden;
}	

/* use <div class='nohscroll'><img width=6000></div> */
.nohscroll { width:100%; overflow:hidden; }

.xmp	{	
	font-family: times;
	font-size: 32px;
	font-weight: bold;
	letter-spacing:4px;
	line-height:4px;
}
	
	
	/* css stylesheet for the v2 "basic" nodepage  pike20030605 */


/* debug, comment this out   
	
	div 	{ border-style:dotted; border-width:1px; border-color:#663333;  }
	span 	{ border-style:dashed; border-width:1px; border-color:#336600;  }
	ul 		{ border-style:dashed; border-width:1px; border-color:#000066; }
	li 		{ border-style:dashed; border-width:1px; border-color:#666600; }
	img 	{ border-style:dotted; border-width:1px; border-color:#006666; }

*/
 
/* base settings */

BODY	{	font-size:11px; 	}

/* tag exceptions */




H1 { font-size: 24px; margin:0px; margin-bottom:3px; font-weight:normal; }
H1 SUB { position:relative; top:-10px; font-size: 12px; }
H2 { font-size: 20px; margin:0px; margin-top:-10px;  font-weight:normal; }
H3 { font-size: 12px; margin:0px; text-transform:uppercase;}
H4 { font-size: 12px; margin:0px; margin-top:10px; text-transform:capitalize;  }
H5 { font-size: 13px; margin:0px; text-transform:capitalize; }
H6 { font-size:11px; margin:0px; font-weight:normal; }
H6 SUB  { position:relative; top:-2px; font-size: 10px; }
/* subcols */


.dottedruler { 	 clear:both; border-bottom:1px dotted #808500; height:5px; }

/* header */

#pageheader {
	margin-bottom:5px; 
}

#thumbnail {
	float:left;width:20%;
	height:60px;
	text-align:right; 
	margin-right:5px; 
}

#lead {
	float:left;width:75%;
	padding-bottom:10px; 
}


/* 
	3 column structure , together 95% 
	the margin-right is the column gutter;
	the leftcol padding-left is an offset

*/

#leftcol {
	clear:left;
	float:left;
	margin:0px; padding:0px;
	width:22%; padding-left:2%; margin-right:2% 
}
#centercol {
	float:left;
	margin:0px; padding:0px;
	width:50%; margin-right:2% 
}

#rightcol {
	float:left;
	margin:0px; padding:0px;
	width:18%; margin-right:2% 
}





/* leftcol */

#context 		{	padding-top:5px; 	}
#context H4		{ 	border-bottom:1px dotted #808500; padding-bottom:2px; margin-bottom:5px; }
#context LI 	{	margin-bottom:10px; }


/* centercol */


#description 	{	padding-top:5px; }

#content 			{	
	font-size:12px;
	padding-right:15px; 
}
#brief 			{	
	background-image: url(/basic/shared/gfx/bg_tab.gif);
	margin:10px; padding:5px; 
}
#brief H4 {
	clear: both; float:left; 
	width:30%; margin:0px; padding:0px;
}
#brief UL		{ 
	float:left; 
	margin:0px; padding:0px; 
}



#subcore 		{	padding-top:5px;	}
#subcore H4		{ 	border-bottom:1px dotted #808500; padding-bottom:2px; margin-bottom:5px; }
#core 			{	padding-top:5px;	}
#core H2		{ 	margin-top:5px; font-weight:bold; }
#core H4		{ 	border-bottom:1px dotted #808500; padding-bottom:2px; margin-bottom:5px; }
#core .nodelink 		{ clear:both; float:left; width:45%;  }
#core .subnodelinks 	{ float:left; width:auto; }
#core .subnodelinks UL 	{ list-style: none; }
#core .subnodelinks small { font-size:11px; }


#more 			{	padding-top:5px;	}
#more H2		{ 	margin-top:5px; font-weight:bold; }
#more H4		{ 	border-bottom:1px dotted #808500; padding-bottom:2px; margin-bottom:5px; }
#others 		{	padding-top:5px;	}


/* rightcol */

#media {
	background-image: url(/framework/basic/shared/gfx/bg_tab.gif);
	background-repeat: repeat;
	padding:5px; margin:0px;	
	font-size:10px;
}

#media H3 { 
	text-align:center;
	margin:-5px; padding-left:5px; 
	padding:5px; margin-bottom:10px;
	font-size: 12px; 
	font-weight: bold; 

}

#media H5 { 	
	border-bottom:1px dotted #808500; 
	padding-bottom:2px; margin-bottom:5px; 

}


 input{
 border: 1px solid #ffffff;
 background-color: #666666; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px;
 color: #ffffff;
 }
 .bouton {
 border: 0px solid #ffffff;
 background-color: rgb(132,164,113); 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px;
 color: black;
 }
 select {
 border: 1px solid #ffffff;
 background-color: #666666; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px;
 color: #ffffff;
 }