/********************************************
Punkadeka.it 2009        	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { margin: 0;	padding: 0; }

body {
	margin: 0; padding: 0;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #666666; 
/*	background: #fff url(../images/bg.gif) repeat-x;*/	
	
	background-color:#1f1f1f;
background-image: url(../images/bodybg.jpg);
background-position:center top;
background-repeat:no-repeat;
}

/* links */
a {
	color: #949494;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #cac8c8; 
	background-color: inherit;
}

/* headers */
h1, h2, h3 {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #828282;
}
h1 {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 24px;
	color: #666666;
}
h2 {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;	
	text-transform: uppercase; 		
}
h3 {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #003366;		
}



h1, h2, h3, p {
	padding: 0;		
	margin: 10px;
}

 /* ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
} */

code {
  margin: 10px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #CC0000;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
  /*blockquote {
	margin: 10px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #CC0000; 
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;  
}
*/


/* Content */

#content {
	float: left;
	width: 960px;
}
#contentnrb {
	float: left;
	width: 960px;
}
.opentable {
padding: 30px 10px 10px 10px;
}

.opentablespace {
padding: 0px 0px 0px 0px;
}

.opentable .tagstable {
	padding-top: 10px;
	border-top: 1px solid #EAEAEA;
}

.opentable .tagstablespace {
	padding-top: 0px;

}


.post {
	padding: 30px 10px 10px 10px;
}

.post .title {
	text-align: left;
	margin: 0;
	padding: 0 20px;
}

.post .meta {
	margin: 0;
	padding: 0 20px 20px 20px;
	line-height: normal;
}

.post  {
	text-align: left;
  padding: 20px;
	background: url(../images/img10.gif) repeat-x;
}

.post .tags, .post .links {
	margin: 0;
	line-height: normal;
	font-size: smaller;
	text-align: center;
}

.post .tags {
	padding-top: 10px;
	border-top: 1px solid #EAEAEA;
}


blockquote{
	text-align: left;
  padding: 20px 5px 5px 5px;
	background: url(../images/img10.gif) repeat-x;
}

/* form elements */
form {
	margin:5px; padding: 5 0px;
	border: 0px solid #f2f2f2; 

}
label {
	display:block;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #a5acb2;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color:#777;
}
textarea {
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #a5acb2;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	border: 1px solid #CCC; 
	padding: 1px; 
	background: #FFF;
	color: #CC0000;
}
/* search form */
form.search {
	position: absolute;
	top: 5px; right: 5px;
	padding: 0; margin: 0;
	border: none;
	background-color: transparent; 
}
form.search input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 
}
form.search input.searchbutton { 
	margin: 0; 

	border: 1px solid #CCC; 
	background: #FFFFFF url(../images/headerbg.gif) repeat-x bottom left; 
	padding: 1px; 
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	height: 23px;
	color: #333;
	width: 60px;
}

/**********************************
  LAYOUT 
***********************************/
#wrap {
	margin: 0 auto; 
	width: 960px;
	background: transparent url(../images/wrap.gif) no-repeat scroll left top;
}

/* header */
#header {
	position: relative;
	margin: 0; padding: 0;
	height: 155px;
    font-size:11px;
	z-index:1000000;
}

#header_space {
	position: relative;
	margin: 0; padding: 0;
	z-index:1000000;
}
#header span#slogan {
	z-index: 3;
	position: absolute;
	left: 3px; bottom: 7px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #FFF;	
}

#header-logo {
	position: relative;
	clear: both;
	height: 50px; 
	margin: 0; padding: 0;	
}
#header-logo #logo {
	position: absolute;
	top: 3px; left: 5px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	margin: 0; padding: 0;
	letter-spacing: -1px;
	color: #565656;
}
 #banner {
	position: absolute;
	top: 3px; right: 5px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	margin: 0; padding: 0;
	letter-spacing: -1px;
	color: #565656;
}
/* navigation tabs */
/*#header ul {
	position: absolute;
   margin:0;
   list-style:none;
	right:-18px ; bottom: 3px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(../images/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;*/
}
#header a span {
   float:left;
   display:block;
   background: url(../images/tabright.gif) no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
}
#header #current a span {
   background-position:100% -42px;
}

/* main column */
#main {
	float: left;
	margin: 0; padding: 0;
	width: 960px;	
}
#main h1 {
	margin: 10px 0;
	padding: 4px 0 4px 8px; 
	/*font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase; 
	background-color: #CC0000;	
	letter-spacing: .5px;*/
}
#mainnrb {
	float: left;
	margin: 0; padding: 0;
	width: 960px;

		
		background-image: url(http://www.punkadeka.it/themes/Punkadeka/images/sftabb.gif);
		
/*background-image: url(http://www.punkadeka.it/themes/Punkadeka/images/top-main.jpg);
background-position:center top;
background-repeat:no-repeat; */

}
}
#mainnrb h1 {
	margin: 10px 0;
	padding: 4px 0 4px 8px; 
	/*font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase; 
	background-color: #CC0000;	
	letter-spacing: .5px; */
}
/* sidebar */
#sidebar {
	float: left;
	width: 0px;
	margin: 0; padding: 0; 
	background-color: #FFFFFF; 	
}
#sidebar h1 {
	margin: 10px 0 0 0; 
	padding: 4px 0 4px 8px; 
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase; 
	background: #333; 
	letter-spacing: 1px;	
}
#sidebar .left-box {
	border: 1px solid #EBEBEB;
	margin: 0 0 5px 0;	
	background: #FFF;
}
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 3px 0px 8px 0; padding: 0;
	text-decoration: none;		
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #f2f2f2; 
	background: url(../images/bullet.gif) no-repeat 3px 2px;	
	padding: 3px 5px 3px 25px;
	margin: 0;	
}
#sidebar ul.sidemenu a {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	padding: 3px 0px;	
	background: none;
}
/* sidebar right*/
#sidebarr {
	float: right;
	width: 0px;
	margin: 0; padding: 0; 
	background-color: #FFFFFF; 	
}
#sidebarr h1 {
	margin: 10px 0 0 0; 
	padding: 4px 0 4px 8px; 
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase; 
	background: #333; 
	letter-spacing: 1px;	
}
#sidebarr .left-box {
	border: 1px solid #EBEBEB;
	margin: 0 0 5px 0;	
	background: #FFF;
}
#sidebarr ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 3px 0px 8px 0; padding: 0;
	text-decoration: none;		
}
#sidebarr ul.sidemenu li {
	border-bottom: 1px solid #f2f2f2; 
	background: url(../images/bullet.gif) no-repeat 3px 2px;	
	padding: 3px 5px 3px 25px;
	margin: 0;	
}
#sidebarr ul.sidemenu a {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	padding: 3px 0px;	
	background: none;
}
/* footer */
.footer { 
	clear: both; 	
/*	border-top: 1px solid #f2f2f2;*/
	background: #000000 url(../images/sfondo_footer.gif);
	background-repeat: no-repeat;
	padding: 2px 0 10px 0; 
	text-align: center;  
	line-height: 1.5em;	
	font-size: 95%;
	width: 960px;
	margin: 0 auto;
}
.footer a { 
	text-decoration: none; 
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;

}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes  */
.clear {	clear: both; }
.red   { color: #CC0000; }
.comments { 
	margin: 20px 10px 5px 10px; 
	padding: 3px 0;
	border-bottom: 1px dashed #EFF0F1; 	
	border-top: 1px dashed #EFF0F1;	
}

<!-- SLIDESHOW -->
#top {margin: 20px 330px 0 0;  margin-left:10px; margin-top:10px; background-image: url(http://www.punkadeka.it/themes/Punkadeka/images/homesf.gif); height:420px;}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:600px; margin:10px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:600px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:600px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:24px; font-color:#fff}
#information p {padding:0 8px 8px;  font-size:12px; font-color:#fff}
#image {width:600px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(http://www.punkadeka.it/themes/Punkadeka/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(http://www.punkadeka.it/themes/Punkadeka/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
<!-- .linkhover {background:url(http://www.punkadeka.it/themes/Punkadeka/images/link.gif) center center no-repeat} -->
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:50px; background:url(http://www.punkadeka.it/themes/Punkadeka/images/scroll-right.gif) center center no-repeat; }
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:50px; background:url(http://www.punkadeka.it/themes/Punkadeka/images/scroll-left.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:550px; margin-left:5px;  margin-top:-5px; height:50px; overflow:hidden}
#slider {position:absolute; left:0; height:50px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
#imglink_fix {width:100%; height:100%; background-image:url(spacer.gif);}

<!-- HEAD -->


#log{
	width:940px;
	height:30px;
    text-align:right;
	 font-size:11px; 
	 line-height:30px; 
	 margin: 0 auto;
	 vertical-align: middle; 
	 padding-right:12px;

}

#login_ {
	position:absolute;
	top:0px;
	width:960px;
	height:28px;
	font-size:10px;
	vertical-align:middle;

}

#logo-punk_ {
	position:absolute;
	top:0px;
	width:212px;
	height:124px;

}

#banner_ {
	position:absolute;
	left:212px;
	top:0px;
	width:748px;
	height:124px;
}

#menu_ {
	position:absolute;
	top:122px;
	width:959px;
	z-index:10000;
	height:33px;
}
#menu_2 {
	position:absolute;
	top:0px;
	width:960px;
	z-index:10000;
	height:33px;
	vertical-align:middle;
}

<!-- CONTENITORE -->
#sfondone{
background-image: url(http://www.punkadeka.it/themes/Punkadeka/images/top-main.jpg);
background-position:center top;
background-repeat:no-repeat; 
}
.twoColFixRtHdr #container2 { 
	width: 940px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
	background: #FFFFFF;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 1px solid #000000;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
} 
.twoColFixRtHdr #header2 { 
/*background-image: url(http://www.punkadeka.it/themes/Punkadeka/images/top-main.jpg);
background-position:center top;
background-repeat:no-repeat; */
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */
} 
.twoColFixRtHdr #header2 h1 {
	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */
	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
}
.twoColFixRtHdr #sidebar1-2 {
	float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 300px; /* la larghezza effettiva di questo div, nei browser conformi agli standard, o la modaltià standard di Internet Explorer includerà i valori padding e border in aggiunta alla larghezza */
	background: #ffffff; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */
	padding: 15px 10px;
}
.twoColFixRtHdr #mainContent2 { 
	margin: 0 320px 0 0; /* il margine destro di questo elemento div crea la colonna sul lato destro della pagina; indipendentemente dalla quantità di contenuto presente nel div sidebar1, lo spazio della colonna rimane inalterato. È possibile rimuovere questo margine se si desidera che il testo del div #mainContent riempia lo spazio di #sidebar1 quando il contenuto di #sidebar1 finisce. */
	padding: 0 20px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
} 
.twoColFixRtHdr #footer2 { 
	padding: 0 10px 0 20px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background:#ffffff; 
} 
.twoColFixRtHdr #footer2 p {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
}
.fltrt2 { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft2 { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.clearfloat2 { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.n-cerca {background: url(http://www.punkadeka.it/themes/Punkadeka/images/cerca.gif);
}

.bordobianco52{  
   background:#ffffff none repeat scroll 0 0;
border:1px solid #666666;
float:left;
width:52px;
padding:3px;

margin-top:3px;
margin-bottom:3px;
margin-left:3px;
margin-right:3px;
}

.bordobianco52:hover{  
   background:#ffffff none repeat scroll 0 0;
border:1px solid #f8f8f9;
float:left;
width:52px;
padding:3px;

margin-top:3px;
margin-bottom:3px;
margin-left:3px;
margin-right:3px;
}

/*Da vecchio sito*/


.bordo2{  
   background:#000000 none repeat scroll 0 0;
border:1px solid #232323;
float:left;
width:52px;
padding:3px;

margin-top:4px;
margin-bottom:4px;
margin-left:8px;
margin-right:8px;
}

.bordo2:hover{  
   background:#000000 none repeat scroll 0 0;
border:1px solid #ffffff;
float:left;
width:52px;
padding:3px;

margin-top:4px;
margin-bottom:4px;
margin-left:8px;
margin-right:8px;
}


.bordo226:hover{  
   background:#ffffff none repeat scroll 0 0;
float:left;
border:1px solid #666666;
 width:226px;
padding:3px;
margin-top:4px;
margin-bottom:4px;
margin-left:8px;
margin-right:8px;
}



.bordo226{  
   background:#ffffff none repeat scroll 0 0;
border:1px solid #C0C0C0;
float:left;
width:226px;
padding:3px;
margin-top:4px;
margin-bottom:4px;
margin-left:8px;
margin-right:8px;
}


.bordo3:hover{  
   background:#ffffff none repeat scroll 0 0;
float:left;
border:1px solid #666666;
 width:400px;
padding:3px;
margin-top:4px;
margin-bottom:4px;
margin-left:8px;
margin-right:8px;
}



.bordo3{  
   background:#ffffff none repeat scroll 0 0;
border:1px solid #C0C0C0;
float:left;
width:400px;
padding:3px;
margin-top:4px;
margin-bottom:4px;
margin-left:8px;
margin-right:8px;
}

.bd {  
   background-color: #ff0;  
   padding:3px;    
   border:1px solid #000;    
}  
.bordo{  
   background:#000000 none repeat scroll 0 0;
border:1px solid #232323;
float:left;
padding:3px;
height:54px;
padding:3px;
width:54px;
margin-top:4px;
margin-bottom:4px;
margin-left:8px;
margin-right:8px;
}

.bordo:hover{  
   background:#000000 none repeat scroll 0 0;
border:1px solid #ffffff;
float:left;
height:54px;
padding:3px;
width:54px; 
margin-top:4px;
margin-bottom:4px;
margin-left:8px;
margin-right:8px;
}

.thumbnail2{
position: relative;
z-index: 0;
   background:#ffffff none repeat scroll 0 0;
float:left;
border:1px solid #cccccc;
 width:85px; 
padding:3px;
margin-top:4px;
margin-bottom:4px;
margin-left:8px;
margin-right:8px;

}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
   background:#ffffff none repeat scroll 0 0;
float:left;
border:1px solid #666666;
  width:85px; 
padding:3px;
margin-top:4px;
margin-bottom:4px;
margin-left:8px;
margin-right:8px;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 5px;
right: 10px;
border: 1px #666666;
visibility: hidden;
color: #666666;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
right: 10px; /*position where enlarged image should offset horizontally */

}




.thumbnail{
position: relative;
z-index: 0;
}


.thumbnail:hover{
background-color: transparent;
z-index: 50;

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 5px;
right: 10px;
border: 1px #1c1c1c;
visibility: hidden;
color: #666666;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
right: 10px; /*position where enlarged image should offset horizontally */

}



.odd {background-color:#000000;}
.even {background-color:#060606;}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}



.Messages_Content { font-size : 11px; color: #191970; font-family: Verdana; }

.Messages_Title {	BACKGROUND: none;	COLOR: #f0e68c;	FONT-SIZE: 14px;	FONT-WEIGHT: bold; 	FONT-FAMILY: Verdana; 	TEXT-DECORATION: none;}