/*
Plugin Name: articlesPickAndSlide
Plugin URI: 
Description: Adds an article slider on the sidebar of your website which shows articles from a specific category
Version: 1.0.0
Author: Pantaleo de Pinto, Felice Breglia
Author URI: http://www.felicebreglia.it
Tags: article, picker, article picker, article slider, article widget, slider widget, widget
*/

@charset "utf-8";

/* Slider */
.sideBox { margin-bottom:10px; /*border:1px solid #ddd*/ }

#boxSliderArticle { width: 100%; height:210px; /*margin:10px;*/ background:url(images/bottom_article_shadow.png) center bottom no-repeat}
#boxSliderArticle .slider { float:left; width: inherit; height:180px; position:relative; }
#boxSliderArticle .sliderContent { float:left; width: inherit; height:180px; clear:both; position:relative; overflow:hidden }
#boxSliderArticle .sliderContent .item { position:absolute; width: inherit; height:180px; overflow:hidden; /*background:#fff; */ }
#boxSliderArticle .sliderContent .item h3 { margin-bottom:6px; padding-bottom:6px; border-bottom:1px dashed #ddd; text-transform:uppercase; font-size:12px; /*color:#383e6e*/ }
#boxSliderArticle .sliderContent .item h3 a { /*color:#383e6e;*/ text-decoration:none; }
#boxSliderArticle .sliderContent .item h3 a:hover { text-decoration:underline; }
#boxSliderArticle .sliderContent .item p.data { margin-bottom:5px !important; text-align:right } 
#boxSliderArticle .sliderContent .item p { margin:0 !important; padding:0 }
#boxSliderArticle .sliderContent .item p a { text-decoration:none; font-weight:bold; /*color:#383e6e*/ }
#boxSliderArticle .sliderBullets { position:absolute; bottom:-30px; left:50%; z-index:50; margin-left:-40px }
#boxSliderArticle .sliderBullets a { display:block; float:left; text-indent:-9999px; outline:none; margin-left:5px; width:10px; height:11px; background:url(images/bullets.png) no-repeat }
#boxSliderArticle .sliderBullets .active { background-position:0 -11px }

/*#boxSliderArticle { width: 230px; height:210px; margin:10px; background:url(images/bottom_article_shadow.png) center bottom no-repeat}
#boxSliderArticle .slider { float:left; width:230px; height:180px; position:relative; }
#boxSliderArticle .sliderContent { float:left; width:230px; height:180px; clear:both; position:relative; overflow:hidden }
#boxSliderArticle .sliderContent .item { position:absolute; width:230px; height:180px; overflow:hidden; background:#fff;  }
#boxSliderArticle .sliderContent .item h3 { margin-bottom:6px; padding-bottom:6px; border-bottom:1px dashed #ddd; text-transform:uppercase; font-size:12px; color:#383e6e }
#boxSliderArticle .sliderContent .item h3 a { color:#383e6e; text-decoration:none; }
#boxSliderArticle .sliderContent .item h3 a:hover { text-decoration:underline; }
#boxSliderArticle .sliderContent .item p.data { margin-bottom:5px !important; text-align:right } 
#boxSliderArticle .sliderContent .item p { margin:0 !important; padding:0 }
#boxSliderArticle .sliderContent .item p a { text-decoration:none; font-weight:bold; color:#383e6e }
#boxSliderArticle .sliderBullets { position:absolute; bottom:-30px; left:50%; z-index:50; margin-left:-40px }
#boxSliderArticle .sliderBullets a { display:block; float:left; text-indent:-9999px; outline:none; margin-left:5px; width:10px; height:11px; background:url(images/bullets.png) no-repeat }
#boxSliderArticle .sliderBullets .active { background-position:0 -11px }*/