#iFrameContainer
	/***************PRIMA IMMAGINE***************/

.FirstImageContainer
{
  margin: 0% 0% 0% 0%;
  padding: 0px;
  max-width: 818px;
  float: left;
  width: 100%
}

.FirstImage
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  position: relative;
}

#ArticlesNumber{
  margin: 0px;
  padding: 0px 15px 0px 15px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #f5f3f6;
  

  font-size: 18px;
  line-height: 30px;
  z-index: 999;
}

#ArticlesNumber a{
	font-family: Lucida Grande;	
	font-weight: bold;
}
#ArticlesNumber a span.articles-header{
	font-family:lucida sans unicode;
	font-weight:normal;
	display:inline-block;	
}

.TitleContainer, .TitleContainerComp {
	color: #000000;
    float: left;
    font-family: lucida sans unicode;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px;
    width: 100%;
}

.TitleContainer a,.TitleContainerComp a {
  font-size: 22px;
  font-family:"Lucida Grande";
  float: left;
  color:#000;
}

.Title_404{
  margin: 0px;
  padding: 35px 0px 0px 4px;
  float: left;
  width: 100%;
  font-family: Arial;
  color: #000000;
  font-size: 22px;
  font-weight: bold;
}
.msg_404{
    font-size: 18px;
    margin-left: 4px;
}

.arrows_404{
    color: #9A9A9A;
}
.msg_404 a{
    text-decoration: none;
}
.msg_404 a:hover span{
    background-color: #FFFE00;
}
/***************IMMAGINE MEDIA***************/

.MediumImageContainer
{
  margin: 0;
  padding: 0px 0px 0px 0px;
  float: left;

  width: 818px;
}
/*
Test css media
@media screen and (min-width: 0px) and (max-width: 850px) {
    .MediumImageContainer
    {
      margin: 0;
      padding: 0px 0px 0px 0px;
      float: left;

      width: 500px;
    }
}
*/


#SpecialContainer {
    margin: 50px 0px 30px 0px;
}

#popular_today_link {
    margin-bottom: 75px;
    display: inline-block;
}

.MediumImage
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  height:240px;
  position: relative;
}

.MediumArticleItem
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 300px;
  float: left;
}

.MediumArticleItemRight
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 400px;
  float: right;
}
/*
.OriginalLabel
{
  margin: 0px;
  padding: 0px;
  width: 25px;
  height: 117px;
  position: absolute;
  top:0px;
  left:0px;
}
*/
.DateContainer
{
  margin: 0px;
  padding: 0px;
  width: 110px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top:0px;
  left:181px;
  background-color: #f6f6f6;
  text-transform: lowercase;
}

.MediumImage .DateContainer
{
  font-size: Arial;
  color: #000000;
  font-weight: bold;
  font-size: 16px;
  float: left;
}

.MediumTitle
{
  margin: 0px;
  padding: 0px 0px 0px 5px;
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #ffff00;
  
  color: #000000;
  font-size: 14px;
}

.MediumTitle a
{
  font-family:  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  color: #000000;
  font-size: 16px;
}

.MediumDescriptionContainer
{
  margin: 0px;
  padding: 0px 5px 0px 5px;
  float: left;
  width: 100%;
  height: 182px;
  background-color: #f6f6f6;
  font-family:  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  line-height:21px;
  overflow: hidden;
  text-overflow: clip;
}

.MediumDescriptionContainer p
{
  margin: 0px 0 2px 0px;
  padding: 0px ;
  float: left;
  width: 390px;
  height: 65px;
  font-size: 18px;
  font-family:  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  
}

.MediumDescriptionContainer h4
{
  margin: 0px;
  padding: 8px 0px 8px 0px;
  width: 390px;
  height: 14px;
  font-family: Arial;
  color: #999999;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}

.MediumDescriptionContainer .MediumKeywords
{
  margin: 2px 0 0 0;
  padding: 0px 0px 0px 0px;
  width: 100%px;
  height: 48px;
  font-family:  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  color: #999999;
  font-size: 16px;
  float: left;
  line-height: 22px;
}

.MediumDescriptionContainer .MediumKeywords a
{
  background-color: #F6F6F6;
}

.MediumDescriptionContainer .MediumKeywords a:hover
{
  background-color: #FFFE00;
}

.MediumDescriptionContainer a
{
  color: #999999;
  font-size: 16px;
  text-decoration: underline;
}

#iFrameContainer
{
  margin: 40px 0px 0px;
  padding: 0px;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 18px;
}

.MediumSocialContainer
{
  margin:0px;
  padding: 0px;
  float: left;
  width: 300px;
  height: 40px;
}

.MediumSocialContainer .social {
    top: -32px;
}
.MediumSocialContainer .Arrow {
    float: left;
}
.MediumSocialContainer .social-items {
    top:  -200px;
}
.MediumSocialContainer .SocialCounter {
color: #999999;
    float: left;
    font-size: 18px;
    height: 33px;
    line-height: 31px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 212px;

}
.MediumSocialContainer .button_share
{
  margin: 5px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 395px;
  height: 35px;
}


.MediumSocialContainer .button_share .addthis_button_tweet
{
  margin: 5px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 95px;
  height: 30px;
}

.MediumSocialContainer .button_share .addthis_button_facebook_like
{
  margin: 5px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 85px;
  height: 30px;
}

.MediumSocialContainer .button_share .addthis_button_pinterest
{
  margin: 3px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 90px;
  height: 32px;
}

.MediumSocialContainer .button_share .addthis_button_google_plusone
{
  margin:0px;
  padding: 0px;
  float: left;
  width: 90px;
  display: none;
}

.MediumSocialContainer .button_share .addthis_button_stumbleupon_badge
{
  margin: 5px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 80px;
  height: 30px;
}

/***************IMMAGINE PICCOLA***************/


.SmallImageContainer
{
  margin: 60px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  height: 370px;
  width: 818px;
}

.SmallImage
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 250px;
  position: relative;
}

.SmallArticleItem
{
  margin: 0px 34px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 250px;
  float: left;
}


.SmallArticleItemRight
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 250px;
  float: left;
}

.SmallArticleItemRight
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 250px;
  float: right;
}


.SmallTitle
{
  margin: 0px;
  padding: 0px 0px 0px 5px;
  float: left;
  width: 245px;
  height: 30px;
  line-height: 30px;
  background-color: #ffff00;
  font-family: Arial;
  color: #000000;
  font-size: 11px;
}

.SmallTitle a
{
  font-family: Arial;
  color: #000000;
  font-size: 11px;
}

.SmallDescriptionContainer
{
  margin: 0px;
  padding: 0px 5px 0px 5px;
  float: left;
  width: 240px;
  height: 115px;
  background-color: #f6f6f6;
}

.SmallDescriptionContainer p
{
  margin: 0px;
  padding: 0px;
  float: left;
}

.SmallDescriptionContainer h4
{
  margin: 0px;
  padding: 10px 0px 5px 0px;
  width: 240px;
  font-family: Arial;
  color: #000000;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
}

.SmallSocialContainer
{
  margin: 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 250px;
  height: 25px;
  background-color: #f6f6f6;
  text-align: center;
  font-family: Arial;
  color: #000000;
  font-size: 11px;
}

.SmallViewsContainer
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 68%;
  height: 25px;
  background-color: #f6f6f6;
  text-align: left;
  font-family: Arial;
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  /*text-transform: uppercase;*/
  position: absolute;
  bottom: 7px;
  left: 2%
}

.viewsNumber
{
  float: left;
  font-size: 24px;
  margin-top: 0px;
  /*color: #9A9A9A;*/
}

.OriginalLabelSmall
{
  margin: 0px;
  padding: 0px;
  width: 25px;
  height: 117px;
  position: absolute;
  top:0px;
  left:10px;
}


/***************FILTRO PER DATA***************/

.SortByDateContainer
{
  margin: 40px 0px 80px 0px;
  padding: 0px;
  float: left;
  width: 818px;
  height: 31px;
  background-color: #f6f6f6;
}

.SortByDateContainer .LogoContainer
{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 155px;
  height: 31px;
  text-align: left;
}

.SortByDateContainer .CalendarContainer
{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 530px;
}

.CalendarContainer .CalendarItem
{
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  float: left;
  font-family: Arial;
  color: #787878;
  font-size: 11px;
  font-weight: bold;
  line-height: 31px;
  text-transform: uppercase;
}

.CalendarContainer .CalendarItem a
{
  font-family: Arial;
  color: #787878;
  font-size: 11px;
  font-weight: bold;
}

.CalendarContainer .CalendarItem:hover
{
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  float: left;
  font-family: Arial;
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  line-height: 31px;
  background-color: #eaeae9;
}

.CalendarContainer .CalendarItem:hover .SortByDateFilter
{
  display: block;
}

.SortByDateContainer .SocialContainer
{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  float: right;
  width: 132px;
  height: 31px;
}

.SortByDateContainer .SocialItem
{
  margin: 0px 0px 0px 2px;
  padding: 0px;
  float: left;
  width: 31px;
  height: 31px;
}

/***************IMMAGINE GRANDE***************/

.BigImageContainer
{
  margin: 25px 0px 40px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 100%;
}

.BigImage
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  position: relative;
}

.BigImage .TitleContainer,.BigImage .TitleContainerComp
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  width: 74%;
  height: 37px;
  line-height: 37px;
  background-color: #f6f6f6;
  font-size: Arial;
  color: #000000;
  font-weight: bold;
  font-size: 16px;
  position: absolute;
  top:35px;
  right:0px;
}

.BigImage .TitleContainer a, .BigImage .TitleContainerComp a
{
  font-size: Arial;
  color: #000000;
  font-weight: bold;
  font-size: 16px;
  float: left;
}

.BigDescriptionContainer
{  
    font-size: 16px;
    width: 100%;
}
.BigDescriptionContainer p
{
  line-height: 21px;
  font-size: 18px;
}

.UsernameContainer
{
  margin: 0px;
  padding: 0px 0px 0px 5px;
  float: left;
  width: 175px;
  height: 29px;
  line-height: 29px;
  background-color: #fffe00;
  font-family: Arial;
  color: #000000;
  font-size: 11px;
}

.SocialShareContainer
{
  margin: 0px;
  padding: 0px;
  float: left;
  width: 518px;
  height: 30px;
  background-color: #F6F6F6;
  font-family: Arial;
  color: #000000;
  font-size: 11px;
  text-align: center;
}


.ArticleDateImageContainer
{
  background-color: #FFFE00;
    color: #000000;
    float: right;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    height: 82px;
    line-height: 82px;
    margin: 40px 0 0;
    padding: 0;
    text-align: center;
    text-transform: lowercase;
    width: 120px;
}

/***************SUBMISSION***************/

.SubmissionsContainer
{
  margin: 40px 0px 80px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 818px;
  height: 250px;
}

.BannerContainer
{
  margin: 0px;
  padding: 0px;
  float: left;
  width: 300px;
}

.BannerSubmissionContainer
{
  margin: 0px 0px 0px 4px;
  padding: 0px;
  float: left;
  width: 134px;
  height: 250px;
  background-color: #F7F7F7;
}

.ReaderItem
{
  margin: 0px 0px 0px 4px;
  padding: 0px;
  float: left;
  width: 186px;
  height: 250px;
}

.ReaderTitle
{
  margin: 0px;
  padding: 0px 0px 0px 5px;
  float: left;
  width: 181px;
  height: 25px;
  line-height: 25px;
  background-color: #89f300;
  font-family: Arial;
  color: #000000;
  font-size: 11px;
}

.ReaderTitle a
{
  font-family: Arial;
  color: #000000;
  font-size: 11px;
}

.ReaderDescription
{
  margin: 0px;
  padding: 0px 0px 0px 5px;
  float: left;
  width: 181px;
  font-family: Arial;
  color: #000000;
  font-size: 11px;
  background-color: #f7f7f7;
  height: 98px;
}

.ReaderDescription h4
{
  margin: 0px;
  padding: 10px 0px 5px 0px;
  float: left;
  width: 181px;
  font-family: Arial;
  color: #000000;
  font-size: 11px;
  font-weight: bold;
}

/***************COMPETITIONS***************/

.CompetitionsContainer
{
  margin: 60px 0px 0px 0px;
  padding: 0px 0px 120px 0px;
  float: left;
  width: 818px;
  height: 250px;
}

.CompetitionsBanner
{
  margin: 0px 0px 0px 5px;
  padding: 0px;
  float: left;
  width: 512px;
  height: 250px;
  background-color: #F6F6F6;
  text-align: center;
  font-size: 18px;
}

/***************DESIGNBOOM IN NUMBERS***************/

.DesignboomNumbersContainer
{
  margin: 40px 0px 80px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 818px;
  height: 250px;
}

.DesignboomNumbers
{
  margin: 0px 0px 0px 5px;
  padding: 0px;
  float: left;
  width: 512px;
  height: 250px;
  background-color: #FFFFFF;
  text-align: left;
  font-size: 18px;
}

.DesignboomNumbers .Title
{
  margin: 0px 0px 0px 3px;
  padding: 0px;
  float: left;
  width: 512px;
  height: 35px;
  background-color: #FFFFFF;
  text-align: left;
  font-size: 18px;
}

.DesignboomNumbers .Numbers
{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 512px;
  height: 188px;
  background-color: #FFFFFF;
  text-align: left;
  font-size: 18px;
}

.DesignboomNumbers .Category
{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  float: left;
  height: 27px;
  background-color: #FFFFFF;
  text-align: left;
  font-size: 18px;
}

.DesignboomNumbers .Newsletter
{
  margin: 0px 0px 0px 7px;
  padding: 20px 0px 0px 0px;
  float: left;
  width: 197px;
  height: 73px;
  background-color: #FFFFFF;
  text-align: left;
  font-size: 11px;
  font-family: Arial;
}

.DesignboomNumbers .Newsletter b
{
  font-size: 48px;
  font-family: Arial;
  color: #000000;
  line-height: 48px;
}

.DesignboomNumbers .Readers
{
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  float: left;
  width: 301px;
  height: 83px;
  background-color: #FFFFFF;
  text-align: right;
  font-size: 11px;
  font-family: Arial;
}

.DesignboomNumbers .Readers b
{
  font-size: 60px;
  font-family: Arial;
  color: #000000;
  line-height: 55px;
}

.DesignboomNumbers .Twitter
{
  margin: 0px 0px 0px 7px;
  padding: 20px 0px 0px 0px;
  float: left;
  width: 159px;
  height: 60px;
  background-color: #FFFFFF;
  text-align: left;
  font-size: 11px;
  font-family: Arial;
}

.DesignboomNumbers .Twitter b
{
  font-size: 36px;
  font-family: Arial;
  color: #000000;
  line-height: 33px;
}

.DesignboomNumbers .Facebook
{
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 20px;
  float: left;
  width: 144px;
  height: 60px;
  background-color: #FFFFFF;
  text-align: left;
  font-size: 11px;
  font-family: Arial;
}

.DesignboomNumbers .Facebook b
{
  font-size: 36px;
  font-family: Arial;
  color: #000000;
  line-height: 33px;
}

.DesignboomNumbers .Articles
{
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  float: left;
  width: 175px;
  height: 70px;
  background-color: #FFFFFF;
  text-align: right;
  font-size: 11px;
  font-family: Arial;
}

.DesignboomNumbers .Articles b
{
  font-size: 48px;
  font-family: Arial;
  color: #000000;
  line-height: 45px;
}

/***************INTERVIEWS***************/

.VideoContainer
{
  margin: 40px 0px 80px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 818px;
  height: 250px;
}


.BannerVideoContainer
{
  margin: 0px 0px 0px 4px;
  padding: 0px;
  float: left;
  width: 95px;
}

.BannerVideoContainer .Title
{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 95px;
  height: 39px;
  background-color: #f5f5f5;
}

.BannerVideoContainer .Banner
{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 95px;
  height: 176px;
  background-color: #f5f5f5;
}

.BannerVideoContainer .VideoCounter
{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 95px;
  height: 35px;
  line-height: 33px;
  font-family: Arial;
  color: #000000;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 11px;
}

.BannerVideoContainer .VideoCounter a
{
  color: #000000;
  background-color: #f5f5f5;
  text-decoration: none;
  font-size: 11px;
}

.BannerVideoContainer .VideoCounter b
{
  font-family: Arial;
  color: #000000;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 16px;
}

.VideoItem
{
  margin: 0px 0px 0px 4px;
  padding: 0px;
  float: left;
  width: 205px;
  height: 250px;
}

.VideoTitle
{
  margin: 0px;
  padding: 0px 0px 0px 5px;
  float: left;
  width: 200px;
  height: 25px;
  line-height: 25px;
  background-color: #ffff00;
  font-family: Arial;
  color: #000000;
  font-size: 11px;
}

.VideoTitle a
{
  font-family: Arial;
  color: #000000;
  font-size: 11px;
}

.VideoDescription
{
  margin: 0px;
  padding: 0px 0px 0px 5px;
  float: left;
  width: 200px;
  font-family: Arial;
  color: #000000;
  font-size: 11px;
  background-color: #f7f7f7;
  height: 80px;
}

.VideoDescription h4
{
  margin: 0px;
  padding: 8px 0px 8px 0px;
  float: left;
  width: 205px;
  font-family: Arial;
  color: #000000;
  font-size: 11px;
  font-weight: normal;
}


/*******************ADDTHIS************************/

/*IMMAGINE GRANDE*/

.SocialShareContainer .button_share
{
  margin: 0px;
  padding: 0px;
  float: left;
  width: 518px;
  height: 30px;
  background-color: #F6F6F6;
  font-family: Arial;
  color: #000000;
  font-size: 11px;
  text-align: center;
}

.SocialShareContainer .button_share .addthis_button_tweet
{
  margin: 5px 0px 0px 20px;
  padding: 0px;
  float: left;
  width: 80px;
}

.SocialShareContainer .button_share .addthis_button_facebook_like
{
  margin: 5px 0px 0px 15px;
  padding: 0px;
  float: left;
  width: 75px;
}

.SocialShareContainer .button_share .addthis_button_pinterest
{
  margin: 2px 0px 0px 15px;
  padding: 0px;
  float: left;
  width: 80px;
}

.SocialShareContainer .button_share .addthis_button_google_plusone
{
  margin: 5px 0px 0px 15px;
  padding: 0px;
  float: left;
  width: 60px;
}

.SocialShareContainer .button_share .addthis_button_stumbleupon_badge
{
  margin: 5px 0px 0px 15px;
  padding: 0px;
  float: left;
  width: 80px;
}

/*IMMAGINE PICCOLA*/

.SmallSocialContainer .button_share
{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 250px;
  height: 25px;
}

.SmallSocialContainer .button_share .addthis_button_tweet
{
  margin: 0px 0px 0px 10px;
  padding: 0px;
  float: left;
  width: 80px;
}

.SmallSocialContainer .button_share .addthis_button_facebook_like
{
  margin: 0px 0px 0px 10px;
  padding: 0px;
  float: left;
  width: 100px;
}

.SmallSocialContainer .CommentsBaloonContainer
{
  margin: 0px 10px 0px 0px;
  float: right;
}

/***************IMMAGINE UPDATES***************/


.UpdatesSmallImageContainer
{
  margin:0px;
  padding: 0px 0px 0px 0px;
  float: left;
  height: 370px;
  width: 818px;
}

.UpdatesSmallImageContainer .SmallImage
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 250px;
  position: relative;
}

.UpdatesSmallImageContainer .SmallArticleItem
{
  margin: 0px 34px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 250px;
  float: left;
}


.UpdatesSmallImageContainer .SmallArticleItemRight
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 250px;
  float: left;
}

.UpdatesSmallImageContainer .SmallArticleItemRight
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 250px;
  float: right;
}


.UpdatesSmallImageContainer .SmallTitle
{
  margin: 0px;
  padding: 0px 0px 0px 5px;
  float: left;
  width: 245px;
  height: 30px;
  line-height: 30px;
  background-color: #ffff00;
  font-family: Arial;
  color: #000000;
  font-size: 11px;
}

.UpdatesSmallImageContainer .SmallTitle a
{
  font-family: Arial;
  color: #000000;
  font-size: 11px;
}

.UpdatesSmallImageContainer .SmallDescriptionContainer
{
  margin: 0px;
  padding: 0px 5px 0px 5px;
  float: left;
  width: 240px;
  height: 115px;
  background-color: #f6f6f6;
}

.UpdatesSmallImageContainer .SmallDescriptionContainer h4
{
  margin: 0px;
  padding: 10px 0px 5px 0px;
  width: 390px;
  font-family: Arial;
  color: #000000;
  font-weight: bold;
  font-size: 11px;
}

.UpdatesSmallImageContainer .SmallSocialContainer
{
  margin: 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 250px;
  height: 25px;
  background-color: #f6f6f6;
  text-align: center;
}


.UpdatesSmallImageContainer .DateUploads
{
  margin: 0px;
  padding: 0px;
  width: 95px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  top:0px;
  right:0px;
  background-color: #f6f6f6;
  font-family: Arial;
  color: #000000;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  text-transform: lowercase;
}

.UpdatesKeywordsContainer
{
  margin: 25px 0px 0px 0px;
  padding: 0px 0px 15px 0px;
  float: left;
  max-width: 818px;
  width: 100%;
  font-family: Arial;
  color: #A4A1A1;
  font-size: 22px;
  text-align: left;
  font-weight: bold;
}

.UpdatesKeywordsContainer a
{ 
  color: #A4A1A1; 
  font-weight: bold;
}
/**TITLE COMPETITIONS*/
.CompetitionsTitle_CC,.CompetitionsTitle_LE
{
  margin: 25px 0px -15px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  max-width: 818px;
  width: 100%;
  font-size: 42px;
  text-align: left;
}

.SingleProjectTitle
{
  margin: 30px 0px -15px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  max-width: 818px;
  width: 100%;
  font-size: 30px;
  text-align: left;
  font-family: Arial;
  font-weight: bold;
}

.CompetitionsTitle_CC a, .CompetitionsTitle_LE a
{ 
  color: #A4A1A1; 
  font-weight: bold;
}

btns_comp{
    float: left;
}

.firstCont_btn_link_comp{
    margin-top:84px;
    height: 68px;
}
.secondCont_btn_link_comp{
    height: 68px;
}

.btn_link_comp{
  margin: 15px 5px 0px 0px;
  width: 278px;
  height: 39px;
  border: 1px solid #e4e3e1;
  background-color: #F9F9F9;
  font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
  color: #000000;
  font-size: 18px;
}

.btn_link_comp:hover{
    background-color: #FFFE00;
}

/*ENTRIES UPLOADS*/

.UploadDescriptionContainer
{
  margin: 0px;
  padding: 0px 5px 0px 5px;
  float: left;
  width: 240px;
  height: 115px;
  background-color: #f6f6f6;
  line-height: 13px;
}


.UploadDescriptionContainer h2
{
  margin: 0px;
  padding: 10px 0px 15px 0px;
  width: 240px;
  font-family: Arial;
  color: #000000;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
}

.UploadsMainTitle {
    color: #000000;
    float: left;
    font-family: Arial;
    font-size: 18px;
    margin: 50px 0 0;
    padding: 0 0 50px;
    width: 818px;
}

/*EDIT PROFILE*/

#EditProfileForm
{
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
  margin-top: 50px;
}

.FormLine
{
  margin: 0px;
  padding: 0px 0px 20px 0px;
  float: left;
  width:100%;
}

#EditProfileForm .MainLabel
{
  margin: 0 0 2px 0;
  padding: 0 0 8px 0;
  float: left;
  width: 150px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  
}

#EditProfileForm .TextField
{

 background-color: #FFFB00;
  margin: 0px;
  padding: 0px 5px 0px 5px;
  float: left;
  
  height: 32px;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  color: #000000;
  font-family: Arial;
  border: 1px solid #e1e1e1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#EditProfileForm .SelectField
{
  margin: 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 140px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  color: #000000;
  font-family: Arial;
  border: 1px solid #e1e1e1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.RadioLabel
{
  margin: 0px;
  padding: 0px;
  float: left;
  width: 30px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  color: #000000;
  font-family: Arial;
}

.RadioInput
{
  margin: 0px;
  padding: 0px;
  float: left;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

#EditProfileForm .FieldDescription
{
  margin: 0px ;
  padding: 2px 0px 0px 0px;
  float: left;
  
  font-size: 12px;
  font-weight: normal;
  color: #aaaaaa;
  font-family: Arial;
  font-style: italic;
}

#EditProfileForm .PictureLabel
{
  margin: 20px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 800px;
  height: 20px;
  line-height: 20px;
  font-size: 17px;
  font-weight: bold;
  color: #999999;
  font-family: Arial;
}

.UserImageContainer
{
  margin: 0px;
  padding: 0px;
  float: left;
  width: 50px;
}

.UploadButton
{
  margin: 8px 0px 0px 50px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 90px;
  height: 34px;
  border: none;
  background: transparent;
  background-image: url(../images/BgUploadImage.gif);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}

.UploadButton:hover
{
  margin: 8px 0px 0px 50px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 90px;
  height: 34px;
  border: none;
  background: transparent;
  background-image: url(../images/BgUploadImageOver.gif);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}

#EditProfileForm .PictureDescription
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 800px;
  font-size: 12px;
  font-weight: normal;
  color: #aaaaaa;
  font-family: Arial;
  font-style: italic;
}

#EditProfileForm #NewsletterSubscritptionBox
{
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 100%;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  font-family: Arial;
}

#EditProfileForm #NewsletterSubscritptionBox h4
{
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  float: left;
  width: 800px;
  font-size: 17px;
  font-weight: bold;
  color: #000000;
  font-family: Arial;
}

#EditProfileForm #NewsletterSubscritptionBox p
{
  margin: 0px;
  padding: 0px;
  float: left;
  width: 800px;
}

#EditProfileForm #NewsletterSubscritptionBox input
{
  margin: 15px 0px 0px 0px;
  padding: 0px;
  float: left;
}

#EditProfileForm #NewsletterSubscritptionBox label
{
  margin: 15px 0px 0px 5px;
  padding: 0px;
  float: left;
  width: 123px;
  font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
  font-size:14px;
}

#EditProfileForm #NewsletterSubscritptionBox label a
{
  color: #000000;
  text-decoration: underline;
}

.EditButton
{
  margin: 80px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 90px;
  height: 34px;
  border: none;
  background: transparent;
  background-image: url(../images/BgEditImage.gif);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}

.EditButton:hover
{
  margin: 80px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 90px;
  height: 34px;
  border: none;
  background: transparent;
  background-image: url(../images/BgEditImageOver.gif);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}
#formError {
    
    font-size: 14px;
    color: red;
    border : 2px;
    border-color: red;
    
    
}


/***************IMMAGINE SHORTLISTED***************/


.ShortlistedSmallImageContainer
{
  margin:0 0 30px;
  padding: 0px 0px 0px 0px;
  float: left;
  height: 370px;
  width: 818px;
}

.ShortlistedSmallImageContainer .SmallImage
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 250px;
  position: relative;
}

.ShortlistedSmallImageContainer .SmallArticleItem
{
  margin: 0px 34px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 250px;
  float: left;
}


.ShortlistedSmallImageContainer .SmallArticleItemRight
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 250px;
  float: right;
}


.ShortlistedSmallImageContainer .SmallDescriptionContainer
{
  margin: 0px;
  padding: 5px 10px 0px 10px;
  float: left;
  width: 230px;
  height: 80px;
  background-color: #f6f6f6;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 18px;
  line-height: 21px;
   overflow: hidden;
  text-overflow: ellipsis;
}

.ShortlistedSmallImageContainer .CategoryContainer
{
  margin: 0px;
  padding: 5px 10px 0px 10px;
  float: left;
  width: 230px;
  height: 32px;
  background-color: #f6f6f6;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: #999999;
}


.ShortlistedSmallImageContainer .SmallSocialContainer
{
  margin: 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 250px;
  height: 33px;
  background-color: #f6f6f6;
  text-align: center;
  line-height: 21px;
}

.ShortlistedSmallImageContainer .SmallSocialContainer .Arrow
{
  margin: 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 38px;
  height: 33px;
}

.ShortlistedSmallImageContainer .SmallSocialContainer .SocialCounter
{
  margin: 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 212px;
  height: 33px;
  line-height: 31px;
  font-size: 18px;
  color: #999999;
  text-align: left;
}

.ShortlistedSmallImageContainer .DateUploads
{
  margin: 0px;
  padding: 0px;
  width: 107px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  top:0px;
  right:0px;
  background-color: #f6f6f6;
  font-family: Arial;
  color: #000000;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  text-transform: lowercase;
}
.datacontainer {
    margin-bottom: 45px;
}
.datacontainer .VideoContainer{
    margin: 0;
    
}
.datacontainer .BigImageContainer{
    margin: 45px 0 45px 0;
    
}
.datacontainer .DesignboomNumbersContainer{
    margin: 0;
    
}
.datacontainer .SubmissionsContainer{
    margin: 0;
    
}
.datacontainer .iFrameContainer {
    margin: 0;
}

.datacontainer .SortByDateContainer {
    margin: 0;
}
@media screen and (min-width:1100px) and (max-width:1200px){
    .TitleContainer a,.TitleContainerComp a{
        font-size: 24px;
    }
}
@media screen and (min-width:1000px) and (max-width:1100px){
    .TitleContainer a,.TitleContainerComp a{
        font-size: 24px;
    }
}
@media screen and (min-width:0px) and (max-width:1000px){
    .TitleContainer a,.TitleContainerComp a{
        font-size: 24px;
    }
}
@media screen and (min-width:820px) and (max-width:1200px){
    .BigDescriptionContainer
    {  
        font-size: 15px;
        width: 100%;
    }
}
@media screen and (min-width:0px) and (max-width:820px){
    .BigDescriptionContainer
    {  
        font-size: 14px;
        width: 100%;
    }
}

@media screen and (min-width:0px) and (max-width:1208px)
{
    .SortByDateContainer    {display:none;}
}
@media screen and (min-width:0px) and (max-width:600px){
    .CompetitionsTitle_LE
    {
        margin-bottom: 13px;
    }
}
@media screen and (min-width:1125px) and (max-width:1208px)
{
    .SmallViewsContainer    { font-size: 23px; }
    .viewsNumber            { font-size: 23px; }
}
@media screen and (min-width:1051px) and (max-width:1125px)
{
    .SmallViewsContainer    { font-size: 21px; }
    .viewsNumber            { font-size: 21px; }
}
@media screen and (min-width:1001px) and (max-width:1051px)
{
    .SmallViewsContainer    { font-size: 19px; }
    .viewsNumber            { font-size: 19px; }
}
@media screen and (min-width:911px) and (max-width:1001px)
{
    .SmallViewsContainer    { font-size: 18px; }
    .viewsNumber            { font-size: 18px;}
}
@media screen and (min-width:830px) and (max-width:911px)
{
    .SmallViewsContainer    { width: 42%; }
}
@media screen and (min-width:830px) and (max-width:911px)
{
    .SmallViewsContainer    { width: 75%; }
}
@media screen and (min-width:770px) and (max-width:830px)
{
    .SmallViewsContainer    { font-size: 21px;width: 42%; }
    .viewsNumber            { font-size: 21px;}
}
@media screen and (min-width:730px) and (max-width:770px)
{
    .SmallViewsContainer    { font-size: 19px;}
    .viewsNumber            { font-size: 19px;}
}
@media screen and (min-width:600px) and (max-width:730px)
{
    .SmallViewsContainer    { font-size: 19px;}
    .viewsNumber            { font-size: 19px;}
}
@media screen and (min-width:0px) and (max-width:600px)
{
    .SmallViewsContainer    { font-size: 24px;width: 42%;}
    .viewsNumber            { font-size: 24px;}
}
@media screen and (min-width:500px) and (max-width:600px)
{
    .SmallViewsContainer    { font-size: 22px;width: 42%;}
    .viewsNumber            { font-size: 22px;}
}
@media screen and (min-width:420px) and (max-width:500px)
{
    .SmallViewsContainer    { font-size: 19px;width: 42%;}
    .viewsNumber            { font-size: 19px;}
}
@media screen and (min-width:370px) and (max-width:420px)
{
    .SmallViewsContainer    { font-size: 16px;width: 42%;}
    .viewsNumber            { font-size: 16px;}
}
@media screen and (min-width:0px) and (max-width:370px)
{
    .SmallViewsContainer    { font-size: 14px;width: 42%;}
    .viewsNumber            { font-size: 14px;}
}


@media screen and (min-width:1000px) and (max-width:1150px){
    .Title_404{
        padding: 0px 0px 0px 4px;
    }
    .CompetitionsTitle_CC,.CompetitionsTitle_LE{
      /*  font-size: 38px; */
    }
    .btn_link_comp{
        width: 240px;
        height: 32px;
    }
}
@media screen and (min-width:800px) and (max-width:1000px){
    .CompetitionsTitle_CC,.CompetitionsTitle_LE{
      /*  font-size: 34px;*/
    }
}
@media screen and (min-width:700px) and (max-width:800px){
    .CompetitionsTitle_CC,.CompetitionsTitle_LE{
      /*  font-size: 30px;*/
    }
}
@media screen and (min-width:600px) and (max-width:700px){
    .CompetitionsTitle_CC,.CompetitionsTitle_LE{
      /*  font-size: 22px;*/
    }
}
@media screen and (min-width:0px) and (max-width:500px){
    .CompetitionsTitle_CC,.CompetitionsTitle_LE{
        font-size: 32px;
    }
    .SingleProjectTitle{
        font-size: 26px;
    }
    .btn_link_comp{
        width: 220px;
        height: 28px;
    }
    .firstCont_btn_link_comp{
        margin-top:72px;
        height: 52px;
    }
}

@media screen and (min-width:700px) and (max-width:1000px){
    .Title_404{
        font-size: 20px;
    }
    .msg_404{
        font-size: 16px;
    }
}
@media screen and (min-width:0px) and (max-width:700px){
    .Title_404{
        font-size: 18px;
    }
    .msg_404{
        font-size: 14px;
    }
}
@media screen and (min-width:600px) and (max-width:1000px){
/*
	#SidebarContainer{
		display:none;
	}
	
*/
   .btn_link_comp{
        width: 220px;
        height: 28px;
    }
    .firstCont_btn_link_comp{
        margin-top:72px;
        height: 52px;
    }
}
