/*
Theme Name: Microtag
Author: Marco Corti
Author URI: http://www.marcocorti.it
*/




/**********************************************
*  SPECIALE ZONA HOME *
***********************************************/

#tag-home {  width: 990px;  clear: both;  background-color:#fff; }
#tag-home img { border: solid 1px #E7D9C6;  background-color:#fff; float: left;  padding: 2px; margin: 0 7px 2px 0; }

#tag-home h1 { font: bold 16px Verdana;  height:40px; display:block;  margin-bottom:10px;}
#tag-home h1 .small {font: normal 10px Verdana;}

#tag-home h2 { font: bold 12px Verdana;  height:54px; text-transform: uppercase;}
#tag-home h2 a { color: #0066cc; text-decoration: none;  }
#tag-home h2 a:hover {text-decoration: underline; }

.toptag { padding-bottom:10px;  margin-bottom:10px;  border-bottom: dashed 1px #ccc;}

#tag-home .odd {background-color:#fff;}
#tag-home .even {background-color:#fff; } 

.uno     {  width: 400px;  float:left; margin: 6px 12px 0 0;  }
.unoa     {  width: 120px;  float:left; margin: 6px 10px 0 0;  }
.unob     {  width: 260px;  float:left; margin: 6px 10px 0 0;  }
.due     {  width: 400px;  float:left; margin: 6px 12px 0 0;  }
.tre     {  width: 322px;  float:left; margin: 6px 0px 0 0;   }



/**********************************************
*  STRUTTURA  *
***********************************************/

body, html {font: normal 12px  Verdana, Tahoma; color:#333;  margin-top: 0px;margin-right: auto; margin-bottom: auto; margin-left: auto;}
#top {width: 100%; height:115px; background: #fff  url(images/header.gif)  center repeat-x; margin: 0; padding:0;}
#header {width: 990px; height: 115px; margin:0px auto; background:  transparent url(images/logo.gif)  center no-repeat; }
#page {margin:0px auto; width:990px;  height:100%; background: url(images/sfondo.gif) center repeat-y;   }
#sinistra {width:526px; float:left; margin-top:1px;  }
#centro {width:162px; float:left; margin-left:1px; margin-right:1px; }
#destra {width:300px; float:left;  margin-top:10px;  }

/**********************************************
*  STRUTTURA ARTICOLI  *
***********************************************/

.newssection .toparticle { border-bottom: solid 1px #fff; margin-bottom: 14px; padding-bottom: 110px;  border-bottom: dashed 1px #ccc;}
.newssection .toparticle h1{ font: bold 20px 'Trebuchet MS', 'Verdana'; padding-bottom: 5px; }
.newssection .toparticle h1 a { color: #333; text-decoration: none; }
.newssection .toparticle h1 a:hover {text-decoration: underline; }
.newssection .toparticle h2 { font: bold 15px 'Trebuchet MS', 'Verdana'; padding-bottom: 5px; }
.newssection .toparticle h2 a { color: #666699; text-decoration: none; }
.newssection .toparticle h2 a:hover {text-decoration: underline; }
.newssection .toparticle .left { float: left; }
.newssection .toparticle .left img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; }
.newssection .toparticle .topright { width: 416px; height:120px; float: left;  position:relative; }
.newssection .toparticle .toprightA { width: 200px; height:70px; float: left;  position:relative;  }
.newssection .toparticle .toprightB { width: 200px; height:78px; float: left;   font-size: 10px; color: #333; font-family: 'Verdana', sans-serif; position:relative; }

.newssection .maxi { width: 350px; float: left; height:100px;}
.newssection .article {position:relative;  border-bottom: solid 1px #fff; margin-bottom: 10px;  border-bottom: dashed 1px #ccc; font: normal 10px Verdana;}
.newssection .article h2{ font: bold 14px 'Trebuchet MS', 'Verdana';  padding-bottom: 5px; }
.newssection .article h2 a { color: #0066cc; text-decoration: none; }
.newssection .article h2 a:hover { color: #333; text-decoration: none; }
.newssection .article h3{ font: bold 12px 'Trebuchet MS', 'Verdana';  padding-bottom: 5px; }
.newssection .article h3 a { color: #333; text-decoration: none; }
.newssection .article .left {float: left; color: #333; text-transform: uppercase; font: normal 11px 'Trebuchet MS', Verdana; line-height: 12px; height: 54px;}


.newssection .singolo { height:40px; float: left;   color: #333; font: normal 14px 'Trebuchet MS', 'Verdana'; border-bottom:none;  }
.newssection .mini { width: 260px; float: left; height:140px;}
.newssection .ultime { width: 330px; float: left; height:80px; margin:10px;}
.newssection .article p a { font-weight: bold; }
.article-bottom { position:absolute; bottom:0px; right:0px; padding: 0px 10px 0px 0px; color:#666;} 


/**********************************************
*  STRUTTURA ARTICOLI SFONDI BRANDS  *
***********************************************/ 
.toparticle .left img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0;  }

.newssection .left img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; width:100px; height:80px; background: url(http://www.monitorpress.it/brands-img/default100x80.gif) center no-repeat; }


.mini .left img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; width:48px; height:48px; background: url(http://www.monitorpress.it/brands-img/default48x48.gif) center no-repeat; }


.ultime .left img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; width:48px; height:48px; background: url(http://www.monitorpress.it/brands-img/default48x48.gif) center no-repeat; }


.newssection .acer img, .toptag .acer img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; background: url(http://www.monitorpress.it/brands-img/small/acer.png) center no-repeat; }

.newssection .apple img, .toptag .apple img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0;  background: url(http://www.monitorpress.it/brands-img/small/apple.png) center no-repeat; }

.newssection .blackberry img, toptag .blackberry img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; background: url(http://www.monitorpress.it/brands-img/small/blackberry.png) center no-repeat; }

.newssection  .appleiphone img, .toptag .appleiphone img  { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; background: url(http://www.monitorpress.it/brands-img/small/iphone.png) center no-repeat; }

.newssection  .appleipad img, .toptag .appleipad img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; background: url(http://www.monitorpress.it/brands-img/small/ipad.png) center no-repeat; }

.newssection .nexus-one img, .toptag .nexus-one img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; 
background: url(http://www.monitorpress.it/brands-img/small/nexus-one.png) center no-repeat; }

.newssection  .nokia img, .toptag .nokia img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; background: url(http://www.monitorpress.it/brands-img/small/nokia.png) center no-repeat; }

.newssection .nvidia img, .toptag .nvidia img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0;  background: url(http://www.monitorpress.it/brands-img/small/nvidia.png) center no-repeat; }

.newssection  .omniasamsung img, .toptag .omniasamsung img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; background: url(http://www.monitorpress.it/brands-img/small/omnia.png) center no-repeat; }

.newssection  .samsung img, .toptag .samsung img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; background: url(http://www.monitorpress.it/brands-img/small/samsung.png) center no-repeat; }

.newssection  .playstationsony img, .toptag .playstationsony img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; background: url(http://www.monitorpress.it/brands-img/small/playstation.png) center no-repeat; }

.newssection  .sony img, .toptag .sony img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; background: url(http://www.monitorpress.it/brands-img/small/sony.png) center no-repeat; }

.newssection  .nintendo img, .toptag .nintendo img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; background: url(http://www.monitorpress.it/brands-img/small/nintendo.png) center no-repeat; }

.newssection  .nintendowii img, .toptag .nintendowii img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; background: url(http://www.monitorpress.it/brands-img/small/wii.png) center no-repeat; }

.newssection  .xbox img, .toptag .xbox img { border: solid 1px #E7D9C6;  float: left;  padding: 2px; margin: 0 4px 2px 0; background: url(http://www.monitorpress.it/brands-img/small/xbox.png) center no-repeat; }





/**********************************************
*  VIDEO *
***********************************************/

#archivio-video {width: 990px; background-color:#fff;	}
.archivio-video {float: left;	width: 160px;     height:150px; margin: 2px 32px 0 0;
border: 1px dotted #ccc;  padding: 2px 2px 2px 2px;font: 11px Verdana;	}
.archivio-video p { font: 10px verdana;  padding:0; margin: 0;  color:#343434; height:40px; }
.archivio-video img { padding:0; margin:0 10px;}

.ultime_news {float: left; width: 700px;	}

.sidebar_video {float: left; width: 280px; height:450px; margin-left:10px; }
.sidebar_video h3 { font: bold 14px 'Trebuchet MS', 'Verdana';  padding-bottom: 5px; }
.sidebar_video h3 a { color: #333; text-decoration: none; }
.sidebar_video h3 a:hover { color: #0066cc; text-decoration: none; }

.sidebar_video p { font: bold 16px verdana;  padding:4; margin: 0;  background-color:#C2EB99; color:#343434; height:20px; }

.sidebar_video .odd { background-color:#E0FFCC; border-bottom: solid 4px #fff; }
.sidebar_video .even { background-color:#EFFFE5; border-bottom: solid 4px #fff; }





/**********************************************
*  SIDEBAR NEWS  *
***********************************************/


#centro h3  { font: normal 10px 'Trebuchet MS', 'Verdana'; padding-bottom: 5px;  padding:4px;}
#centro h3  a { color: #666699; text-decoration: none; }
#centro h3 a:hover {text-decoration: underline; }

/**********************************************
*   SINGOLO  *
***********************************************/

.alignleft { float: left; }
.alignright { float: right; }
.meta p {margin:0; padding:0; }

.meta{background-color:#EEEFE0;border:1px solid #dbdbdb;color:#333;font-size:10px;line-height:20px;margin:10px 0px 10px;padding:2px 6px 2px 6px;text-transform:uppercase;width:500px;}
.meta a { color:#666; font-weight:bold;}
.meta a:hover {color:#000;}

/**********************************************
*   BARRA LATERALE   *
***********************************************/

.brand-logo {float: left; width: 48px; height:48px; margin: 10px 0px 0px 10px; font: 11px Verdana; background-color:#ccc; border:1px solid #ccc;}



/**********************************************
*   VARI   *
***********************************************/

h1, h2, h3 { margin:0; padding:0;}
.clear {clear:both;}

.external {padding-right: 20px; padding-bottom:2px; background: url('images/more.gif') no-repeat right center; }
.external_small {padding-right: 16px;  padding-bottom:2px; background: url('images/more_small.gif') no-repeat right center; }

.titolo-barra {font: bold 16px Verdana; color:#333; padding:6px; font-variant: small-caps; letter-spacing: 6px;border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-bottom:10px;}

h6 { width: 100%; border-top:1px dotted #ccc; margin:0; padding:0; margin-bottom:10px;}


.center {text-align: center;}


/**********************************************
*   WORDPRESS IMAGES CSS     *
***********************************************/

img {	border:0;	}

p img {	padding: 0;	max-width: 100%;	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */


img.centered {	display: block;        margin-left: auto;        margin-right: auto;	}
img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}









/**********************************************
*   FOOTER     *
***********************************************/
#footer-top {  width: 100%; height:29px;  clear: both;  background:  #6699cc url(images/sfondo-footer.jpg)  top repeat-x; color:#ACD7EE;	font-size: 95%;}
#footer, #footer a {  width: 100%; clear: both; color:#777;	font-size: 95%; text-decoration:none; }
#footer-contenuto {width: 990px;  margin:0px auto; text-align:center; background-color:#fff; }





/**********************************************
*   SLIDER    *
***********************************************/
#featured{ 
	width:300px; 
	padding-right:220px; 
	position:relative; 
        border-bottom:1px solid #ccc; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:300px; 
	list-style:none; 
	padding:0; margin:0; 
	width:220px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	 line-height:12px;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:80px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:300px; height:250px; 
	background:#fff; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:120px; left:0; 
	height:130px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}