@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Cabin:400,700);
@font-face {
  font-family: 'ostrich';
  src: url(fonts/ostrich.ttf) format('truetype');
}
@font-face {
  font-family: 'gothambold';
  src: url(fonts/Gothicb.TTF) format('truetype');
}
@font-face {font-family: 'museo';src: url('fonts/museo.eot');src: url('fonts/museo.eot?#iefix') format('embedded-opentype'),url('fonts/museo.woff') format('woff'),url('fonts/museo.ttf') format('truetype');}
@font-face {font-family: 'chunk';src: url('fonts/chunk.eot');src: url('fonts/chunk.eot?#iefix') format('embedded-opentype'),url('fonts/chunk.woff') format('woff'),url('fonts/chunk.ttf') format('truetype');}

@font-face {
  font-family: 'sabon-b';
  src: url(fonts/SabonLTStd-Bold.otf) format('opentype');
}

@font-face {
  font-family: 'sabon-bi';
  src: url(fonts/SabonLTStd-BoldItalic.otf) format('opentype');
}

@font-face {
  font-family: 'sabon-i';
  src: url(fonts/SabonLTStd-Italic.otf) format('opentype');
}

@font-face {
  font-family: 'sabon-r';
  src: url(fonts/SabonLTStd-Roman.otf) format('opentype');
}

@font-face {
  font-family: 'DIN';
  src: url(fonts/DINEngschrift-Alternate.otf) format('opentype');
}

.EmbeddedTweet {
    max-width: 100%!important;
}

::-webkit-scrollbar {
    width: 14px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 15px;
    //border-top-left-radius: 0;
     //border-bottom-left-radius: 0;
     background-color: white;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 15px;
    border-radius: 15px;
    //border-top-left-radius: 0;
    //border-bottom-left-radius: 0;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
    background-color: #999;
}

/* extra reset & general classes */
body {
  background-color: #fff;
  //background-image: url(../i/yadda/dp_back2.png);
  //background-image:url("/media/skins/bg/skin_width_3.jpg");
  //background-repeat:no-repeat;
  //background-position:center 40px;
  //background-attachment:fixed;
  //background-size: 100%;
  color: #484647;
  font-family: 'cabin', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  margin: 0px;
}

@media screen and (min-width: 1500px){
    body {
        //background-image:url("/media/skins/bg/skin_width_2.jpg");
    }
}

@media screen and (min-width: 1750px){
    body {
        //background-image:url("/media/skins/bg/skin_width_1.jpg");
    }
}

/*
hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #fc424a;
    margin-bottom: 15px; padding: 0; background:#FFF;color:#FFF;}
*/
a:link,
a:visited,
a:hover {
    color: #000000;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: 'DIN';
    line-height: 1;
    padding: 0 0px;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 20px;
}

h1.noindent,
h2.noindent,
h3.noindent,
h4.noindent,
h5.noindent,
h6.noindent {
    padding: 0;
}

h1 a:link,
h2 a:link,
//h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link {
    color: #666;//#d8d8d8;
}

.content_block form {
    margin: 6px 12px;
}
.content_block div,
.content_block p {
    //font-size: 14px;
    line-height: 130%;

}
.block_header {
    //margin-bottom: 10px;
    padding: 9px 2px 9px 0;

}
.block_header,
.block_header a {
    color: #333;//#707070;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: normal;//bold;
}

.fp_block_header {
    //margin-bottom: 10px;
    padding: 9px 2px 9px 0;

}

.fp_block_header a {
    color: black;//#707070;
    font-size: 100px;
    text-transform: uppercase;
    //font-weight: bold;
    font-family: 'DIN';
}

.fp_block_header a:hover {
    color: #fc424a;
}

ul {
    list-style-type:none;   
}

div.nobrake {
    float: left;
}

.left    { text-align: left; }
.right   { text-align: right; }
.justify { text-align: justify; }
.center  { text-align: center; }

.non-overflow {
    overflow: hidden;
}

.line_height_13 {
    line-height:1.3;
}

.block { display: block; }
.bottom-border-spacer { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #cacaca solid; }
.hr_sep { padding-top: 10px; margin-bottom: 10px; border-bottom: 1px #cacaca solid; width: 100%; height: 1px; }
.append-right { margin-right: 10px; }
.red_color { color: #ff1111; }

.container { /* Overwriting Blueprint's default */
    width: 970px;
    margin:0px auto; //10px auto;
}
body.skinned .container {
    padding: 0 ;//10px;
    background: #fff;
}

/* Default inputs */
.default_inputs input[type="text"],
.default_inputs input[type="password"],
.default_inputs textarea,
.default_inputs select {
    border: 1px #d4d4d4 solid;
    padding: 6px;
    font-family: Helvetica;
    font-size: 12px;
}
.default_inputs textarea {
    resize: none;
}

.default_inputs label {
    display: block;
    margin-bottom: 5px;
    line-height: 1.3;
}

.ui-state-error,
.ui-state-highlight,
div.form-error {
    font-family: Arial;
    font-size: 12px;
    line-height: 14px;
}

div.form-error {
    color: #fb8585;
    margin-top: 10px;   
}

.top_border_header, /* Default */
.top_border_header_lower {
    border-top: 7px solid;
    padding: 7px 0 8px 0;
    font-size: 14px;
    border-bottom: 1px #cacaca solid;
    margin-bottom: 13px;
}

.top_border_header { /* Uppercase option */
    text-transform: uppercase;
}

.top_border_header h1,
.top_border_header h2,
.top_border_header h3,
.top_border_header h4 {
    font-size: 14px;
}

#right_side {
    width: 300px;
    float: right;
    display: inline;
    //padding-top:12px;
    overflow: hidden;
}

/* content space = 100% - (24px (padding) + 2px (border))
   604px main body,
   300px for right hand side */
 
.content_block {
    //padding-top:12px;
    //border-top:3px #dcdcdc solid;
}

.arial {
    /*font-family: Arial;*/ 
}

.helvetica {
    font-family: Helvetica, "Helvetica Neue", Arial;
}

.size12,
.size12 a {
    font-size: 12px;
}

.arial_12grey,
.arial_12grey a {
    font-family: Arial;
    font-size: 12px; 
    color: #4d4d4d;
    line-height: 1.3;
}

.georgia_15 {
    font-family:Georgia;
    font-size:15px;
}

.pagination {
    font-size: 22px;
    width: 100%;
    text-align: center;
}
.pagination a {
    font-size: 18px;
    width: 100%;
    text-align: center;
}

.pagination a:hover {
    color: #fc424a;
}

.pagination_active {
	//background-color: black;
	color: #fc424a;
	width: 24px;
}

.social_media_stuff {
    border-top: 1px #cacaca solid;
    border-bottom: 1px #cacaca solid;
    padding: 10px 0 7px 0;
    margin-bottom: 15px; /* usually is overwritten by inline css */
    margin-top: 10px;
}

.mag_social_media_stuff {
    margin-left: 12px;
    border-top: 1px #cacaca solid;
    /*border-bottom: 1px #cacaca solid;*/
    padding: 10px 0 7px 0;
    /*margin-bottom: 15px; /* usually is overwritten by inline css */
    margin-top: 10px;
}

/* Show more links: arrow and plus options */
.show-more-block {
    padding: 5px 0;
    background-color: #f7f9fb;
    clear:both;
}
a.show_more,
a.show_more_plus {
    background-position: 100% 0;
    background-repeat: no-repeat;
    padding-right: 22px;
    color: #535353;
}

a.show_more {
    background-image: url('/i/_layout/social_icons/show_more_1.png');
    height: 16px;
    line-height: 16px;
}

a.show_more:hover {
    background-position: 100% -16px;
}
a.show_more_plus {
    line-height: 17px;
    font-family: georgia, serif;
    font-style: italic;
    font-size: 18px;
    font-weight: normal;
    color: #494748;
}
a.show_more_plus i {
    display: inline-block;
    height: 17px;
    width: 17px;
    background: url('/i/_layout/social_icons/showmore.gif') no-repeat 100% 0;
    vertical-align: top;
    margin-right: 5px;
}
a.show_more_plus:hover i {
    background-position: 100% 100%;
}
    

a.show_more_plus:hover {
    background-position: 100% -15px;
}
/* end of show more links: arrow and plus options */

/* Buttonised elements */
span.btn_bg, a.btn_bg, input.btn_bg {
    padding: 6px 10px 6px 10px;
    background-color: #7a7a7a;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    border: 0;
}

span.btn_bg {
    padding: 3px 10px 3px 10px;
    line-height: 24px;
}
    
span.btn_bg a {
    color: #FFFFFF; 
}

a.btn_bg {
    display: block;
    float: left;
}

span.btn_bg:hover, a.btn_bg:hover, input.btn_bg:hover {
    background-color: #454545;
}

a.other_cities_btn,
a.log_in_btn,
a.register_btn {
    float: left;
    display: block;
    font-family: 'DIN';//Arial;
    font-weight: bold;
}

a.other_cities_btn {
    padding: 8px 10px 8px 10px;
    font-size: 11px;
    color: #333;
    background-color: #949494;
          -o-transition:.2s;
      -ms-transition:.2s;
      -moz-transition:.2s;
      -webkit-transition:.2s;
      /* ...and now for the proper property */
      transition:.2s;
}

a.log_in_btn,
a.register_btn {
    padding: 8px 12px 7px 12px;
    font-size: 12px;
    color: #565656;
    background-color: #b5b5b5;
    -o-transition:.2s;
    -ms-transition:.2s;
    -moz-transition:.2s;
    -webkit-transition:.2s;
    /* ...and now for the proper property */
    transition:.2s;
}

a.register_btn {
    color: #565656;
    background-color: #e4e4e4;
}

a.other_cities_btn:hover,
a.log_in_btn:hover {
    background-color: #5d5d5d;
    color: #FFFFFF;
}

a.log_in_btn:hover {
    color: #FFFFFF;
}
a.register_btn:hover {
    background-color: #d0d0d0;
}


/* end of buttonised elements */

.views_bg {
    font-size: 14px;
    line-height: 14px;
    background-image: url('/i/_layout/social_icons/icon_view.png');
    background-repeat: no-repeat;
    padding-left: 28px;
}
/* END OF extra reset & general classes */

/* Comments */
a.comments_link {
    background-image: url('/i/_layout/social_icons/comments_icon_bg.png');
    background-position: 0 -22px;
    background-repeat: no-repeat;
    padding-left: 28px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    display: block;
    float: left;
    position: absolute;
    top: 0;
    right: 0;
}

a.comments_link:hover {
    background-position: 0 0;
}

.comments_list {
    border-top: 1px #cacaca solid;
    padding-top: 10px;  
}

.comments_list li.inner {
    padding-bottom: 20px;
    margin-bottom: 8px;
    border-bottom: 1px #cacaca solid;
}

.comments_list li.last {
    margin-bottom: 44px;
}

.comments_list li .avatar_link {
    width: 70px;
    padding: 13px 0 0 15px;
}

.comments_list li .comment_header {
    position: relative;
    width: 100%;
    height: 26px;
    color: #424242;
    margin-bottom: 12px;
}

.comment_itself {
    font-size: 14px;
    line-height: 19px;
    width: 509px;
    word-wrap: break-word;
}

.comments_form {
    background-color: #f2f2f2;
    //width: 100%;//630px;
    padding: 16px;
    margin-bottom: 21px;
}

.comments_form textarea {
    width: 561px;
    height: 70px;
    resize: none;
}

.comments_form textarea,
.comments_form input[type=text] {
    font-family: Verdana;
    font-size: 11px;
    color: #77777e;
    padding: 5px;   
    border: 0;
}

.edit_comment {
    border-width: 1px;
    border-style: dotted;
    border-color: #656565;
    padding: 5px;
}

/* carousels */
div#most_popular_articles { /* Assuming only one per page */
    width: 660px;
    /* height: 129px; */
    overflow: hidden;
}

div#most_popular_articles ul.jcarousel-skin-most-popular {
    white-space: nowrap;
}

div#most_popular_articles ul.jcarousel-skin-most-popular li {
    width: 213px;
    height: 210px;
    margin-right: 6px;
    padding-right: 6px;
    border-right: 1px #c9c9c9 solid;
    overflow: hidden;
    display: inline-block;
    white-space: normal;
}

div#most_popular_articles ul.jcarousel-skin-most-popular li .title {
    width: 100%;
    height: 29px;
    line-height: 14px;
    font-weight: bold;
}

div#most_popular_articles ul.jcarousel-skin-most-popular li .title a {
    color: #424242;
}

.most_popular-prev,
.most_popular-next {
    position: absolute;
    background-color: #e7e7e7; 
    width: 32px;
    height: 36px;
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
         -o-transition: opacity 0.5s;
       -moz-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
            transition: opacity 0.5s;
}
#carousel_container {
    border: 0 !important;
    padding-top: 0 !important;
}
#carousel_container:hover .most_popular-prev,
#carousel_container:hover .most_popular-next {
    opacity: 1;
    -webkit-transition: opacity 0.2s;
         -o-transition: opacity 0.2s;
       -moz-transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
            transition: opacity 0.2s;
}

.most_popular-prev:hover,
.most_popular-next:hover {
        background-color: #b0b0b0; 
}

.most_popular-next {
    top: 85px;
    right: 0;
}

.most_popular-prev {
    top: 85px;
    left: 0;
}

.most_popular-prev img {
    margin-top: 5px;
    margin-left: 5px;
}

.most_popular-next img {
    margin-top: 5px;
    margin-left: 15px;
}

/* Dialogs */
#city_selection,
#password_reminder_dialog,
#subscribe_dialog
#address_form {
    display: none;
    text-align: left;
    line-height: 1;
}

.close_dialog_cont {
    height: 34px;
    position: relative; 
}

.close_dialog_cont .close_lighbox {
    position: absolute;
    top: 6px; right: 6px;
}

.dialog_header {
    border-top: 7px solid;
    border-top-color: #333;//#2690f2;
    color: #424242;
    font-size: 19px;
    font-family: DIN;
    border-bottom: 1px #cacaca solid;
    padding: 7px 0 8px 7px;
    margin-bottom: 15px;
    text-transform: uppercase;    
}

ul.city_selection li {
    margin-bottom: 8px;
}

ul.city_selection li a {
    color: #646464;
    font-size: 30px;
}

ul.city_selection li a:hover {
    color: #000000;
}

/* Header / log in / profile links */
#header_container {
    width: 100%;
    height: 50px;
    //background-color: #FFFFFF;
    //top: 0px;
    //position: fixed;
    //z-index: 995;
}

.wrap {
    width: 970px;
    height: 100%;//45px;
    margin: 0 auto;
    overflow:visible;
}

#change_city_cont {
    //position: absolute;
    //top: 0;
    //left: 0;
    margin-top: 11px;
    float: left;
}

#log_in_area {
    width: 970px;
    height: 27px;
    position: relative;
    margin-bottom: 12px;
    //margin-top: 4px;
}

#log_in_area #credentials_container {
    position: absolute;
    right: 0; top: 0;
    font-family: Arial;
    font-size: 11px;
}

#log_in_area input[type=text],
#log_in_area input[type=password] {
    border: 0;
    background-color: #dddddd;
    background-image: url('/i/_layout/login_field_bg.jpg');
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding: 4px 12px 4px 12px;
    font-family: Arial;
    font-size: 11px;
    color: #414141;
}

#log_in_area input[type=text],
#log_in_area input[type=password] {
    height: 19px;
}

#log_in_area #forgot_psw_cont {
    height: 27px;
    line-height: 27px;
    text-align: center;
    padding: 0 11px 0 11px;
}

#log_in_area #forgot_psw_cont a {
    font-size: 11px;
}

#log_in_area .user_greet {
    font-size: 14px;
    color: #00878a;//#00a7f5;
    height: 27px;
    line-height: 27px;
}

#log_in_area .my_profile_link {
    height: 27px;
    line-height: 27px;
    padding: 1px 10px 0 10px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

#log_in_area .my_profile_link a {
    background-repeat: no-repeat;
    background-position: 0% 50%;
    font-size: 11px;
}

#log_in_area .my_profile_link:hover {
    background-color: #e4e4e4;
}

#top_logo_banner {
    width: 970px;
    //overflow: hidden;
    overflow:visible;
}

#dp_logo {
    width: 138px;//238px;
    overflow: hidden;
    padding-top: 5px;
}

#leaderboard {
    width: 728px; overflow: hidden; position: relative; top: 0; left: 0;
}

#leaderboard > a {
    display: block; position: absolute; top: 0; left: 0;
}

#navigation {
    height: 400%;
    overflow:visible;
    pointer-events: none;
    //padding-top: 8px;
}

#navigation .menu_item {
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 16px!important;//24px;
    float: left;
    font-family: 'DIN';//sabon-b';//'chunk';
    //padding-top: 0px;
    color: white;//#999999;
}

#navigation .drop_item {
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 16px;//24px;
    float: left;
    font-family: 'DIN';//sabon-b';//'chunk';
    //padding-top: 0px;
    padding-left: 25px;
    color: #999999;
}

#navigation .drop_item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 45px;//100%;
}

#navigation .drop_item.color1 {
    border-bottom-color: #fee301;
    pointer-events: all;
}

#navigation .menu_item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;//100%;
    -o-transition:.2s;
    -ms-transition:.2s;
    -moz-transition:.2s;
    -webkit-transition:.2s;
    /* ...and now for the proper property */
    transition:.2s;
}
#navigation .menu_item.color1 {
    border-bottom-color: #fee301;
    pointer-events: all;
}
#navigation .menu_item.color2 {
    border-bottom-color: #ff9c9c;
}
#navigation .menu_item.color3 {
    border-bottom-color: #bd8bbe;
}
#navigation .menu_item.color4 {
    border-bottom-color: #6ec7ad;
}
#navigation .menu_item.color5 {
    border-bottom-color: #bd8067;
}
#navigation .menu_item.color6 {
    border-bottom-color: #fff;
}
#navigation .menu_item.color7 {
    border-bottom-color: #404040;
}
#navigation .menu_item.color8 {
    border-bottom-color: #909090;
}
#navigation .menu_item.color9 {
    border-bottom-color: #000000;
     pointer-events: all;
}

#navigation .menu_item.color1:hover{
    background-color: #fc424a;
}

#navigation .drop_item.color1:hover{
    background-color: #fc424a;
}

#navigation .menu_item.color1:hover .cldropdown {

	display: block;
}

#navigation .menu_item.color2:hover{
    background-color: #ff9c9c;
}
#navigation .menu_item.color3:hover{
    background-color: #bd8bbe;
}
#navigation .menu_item.color4:hover{
    background-color: #6ec7ad;
}
#navigation .menu_item.color5:hover{
    background-color: #bd8067;
}
#navigation .menu_item.color6:hover{
    background-color: #fff;
}
#navigation .menu_item.color7:hover{
    background-color: #404040;
}
#navigation .menu_item.color8:hover{
    background-color: #909090;
}
#navigation .menu_item.color9:hover{
    background-color: #fc424a;//#404040;
}

#navigation .menu_item.color1:hover h2 a,
#navigation .drop_item.color1:hover h2 a,
#navigation .menu_item.color9:hover h2 a {
    color: #000;
}

#navigation h2 {
    padding: 0;
}
#navigation h2 a {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 1;
}

.head_nav_mag,
.head_nav_dptv,
.head_nav_pack,
.head_nav_events,
.head_nav_design,
.head_nav_win,
.head_nav_posters {
    width: 128px;
}
#page_header {
    width: 100%;
    float: left;
    background-color: transparent;
}
#page_header h1 {
  float: left;
  text-transform: uppercase;
  color:  #484647; //#707070;
  font-size: 26px;
  //font-weight: bold;
  margin: 0;
  padding: 6px 0;
}
#social {
  float: right;
  margin-bottom: 5px;
  width: 300px;
}
#social-inner {
  float: right;
  width: 100%;
  padding: 5px;
  background-color:black;
  color: white; 
}
#social-inner td{
    width: 14.28%;
    text-align: center;
}
#social-inner td:hover{
  cursor: pointer;
  color: #fc424a; 
}
#social a {
  width: 30px;
  height: 30px;
  color: white; 
}
#social a:hover {
  color: #fc424a; 
}
#social a img:hover {
  opacity: 0.7;
}

#search {
  float: right;
  width: 300px;
}
#search .search_field {
    border: 2px solid #ddd;
    border-radius: 10px;
    background-image: url(../i/common/search_white.gif);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    height: 33px;
    padding: 6px 4px 7px 33px;
    font-family: 'cabin';Georgia;
    font-size: 16px;
    color: #7d7d7d;//#424242;
    width: 100%;
    font-weight: bold;
    //border: 1px solid #fc424a;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}
/* end of Header */

/* DPTV front page */
#dptv_container_right_side {
    background-color: #f6f7f9;
    padding: 12px;
    /*border: 1px #8a8a8a solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}

#dptv_container_right_side .top_border_header {
    border-top-color: #484647;
    border-bottom-color: #414141;
}

#dptv_container_right_side #video_top {
    background-color: #1b1b1b;
    padding: 10px;  
}

#dptv_container_right_side #video_top:hover {
    background-color: #1b1b1b;
}

#dptv_container_right_side #video_top .img_container {
    position: relative;
    width: 256px;
    height: 143px;
    overflow: hidden;
}

/* Related Article Section in Sidebar */
#related_articles_sidebar {
    //background-color: #f6f7f9;
    padding: 12px;
    /*border: 1px #8a8a8a solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}

#related_articles_sidebar .top_border_header {
    border-top-color: #484647;
    border-bottom-color: #414141;
}

#related_articles_sidebar #video_top {
    background-color: #1b1b1b;
    padding: 10px;  
}

#related_articles_sidebar #video_top:hover {
    background-color: #1b1b1b;
}

#related_articles_sidebar #video_top .img_container {
    position: relative;
    width: 256px;
    height: 143px;
    overflow: hidden;
}

ul.video_list_right {
    padding-bottom: 6px;
    margin: 0px 0 10px 0;
    border-bottom: 1px #454545 solid;
}

ul.video_list_right li {
    background-color: white;//#1b1b1b;
    padding: 6px;
    border-top: 1px solid #ccc;
    cursor: pointer;
    //margin-bottom: 6px;
}

ul.video_list_right li:hover {
    //background-color: #1b1b1b;
}

ul.video_list_right li:hover a{
    color: #fc424a;
}

ul.video_list_right li .img_container {
    position: relative;
    width: 100px;
    height: 56px;
    margin-right: 14px; 
}

ul.video_list_right li .small_dptv_teaser_fp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 56px;   
}

ul.video_list_right li h5 a {
    line-height: 17px;
    color: black;//#b0b0b0;
    font-size:16px;
}

h2.dptv_header,
h2.dptv_header a {
    font-size: 15px;
    line-height: 20px;
    color: #b0b0b0;
}

h2.related_header,
h2.related_header a {
    font-family: 'chunk';
    font-size: 15px;
    line-height: 20px;
    color: #b0b0b0;
}



/* Carousel and Magazine front page */

.fp_container_headers {
    text-align: center;
    font-family: DIN;
    text-transform: uppercase;
    font-size: 32px;
    color: white;
    background-color: black;
    padding: 5px;
    letter-spacing: -1px;
}

#fp_featured,
#fp_featured ul li,
#fp_featured_ii,
#fp_featured_ii ul li {
    width: 660px;
    height: 420px;
    overflow: hidden;
    position: relative; 
}

#fp_featured-next {
    top: 190px;
    right: 0;
}
#fp_featured-prev {
    top: 190px;
    left: 0;
}
#fp_featured ul li .carousel_image,
#fp_featured_ii ul li .carousel_image {
    display: block;
    width: 660px;
    position: absolute;
    left: 0;
    top: 0;
}

#fp_carousel_container {
  clear: right;
  float: left;
}

#fp_carousel_container #fp_featured-prev,
#fp_carousel_container #fp_featured-next,
#fp_carousel_container_ii #fp_featured-prev_ii,
#fp_carousel_container_ii #fp_featured-next_ii {
    position: absolute;
    background-color: #333; 
    width: 36px;
    height: 37px;
    cursor: pointer;
    display: none;
    overflow: hidden;
}

#fp_carousel_container #fp_featured-prev:hover,
#fp_carousel_container #fp_featured-next:hover,
#fp_carousel_container_ii #fp_featured-prev_ii:hover,
#fp_carousel_container_ii #fp_featured-next_ii:hover {
    background-color: #666; 
}

#fp_featured .carousel_article_block_container,
#fp_featured_ii .carousel_article_block_container {
    text-align: center;
    position: absolute;
    bottom: 5px;
    left: 0px;
}
#fp_featured li.jcarousel-item:hover .carousel_article_block_container,
#fp_featured_ii li.jcarousel-item:hover .carousel_article_block_container {
    display: block;
}

#fp_featured .badge_carousel_section,
#fp_featured_ii .badge_carousel_section {
    font-size: 15px;
    padding: 12px 13px 12px 13px;
}

.carousel_article_block {
    //max-width: 450px;
    width: 660px;
    //background-image: url('/i/_layout/fp_carousel_overlay_bg.png');
    background-color: rgba(20,20,20,0.9);
    text-align: left;
}

.carousel_article_block h2 {
    text-align: left;
    margin-top: -12px;
    padding: 6px 15px;
    //border-top: 1px solid #B0B0B0;
    color: #FFFFFF;
}
.carousel_article_block h2 a {
    	font-family: DIN, gothambold;
    font-size: 32px;
    line-height: 40px;
    font-weight: normal;
    padding: 0 0 6px;
    text-transform: uppercase;
    color: #262827;
}

.carousel_article_block h5 a {
    font-family: Arial;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 1.2;
}
.magazine_listing li {
    padding-bottom: 8px;
    border-bottom: 1px #cacaca solid;
    margin-bottom: 8px;
}
.fp_magazine_listing li {
    width:207px;
    padding-bottom: 8px;
    //border-bottom: 1px #cacaca solid;
    margin-bottom: 8px;
    margin-top:5px;
    height:230px;
    overflow: hidden;
}

.fp_magazine_listing li:hover h2 {
    color: #fc424a;
}

.fp_magazine_listing li:hover img {
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

.magazine_listing h2,
.magazine_listing h2 a {
    font-size: 28px;
    line-height: 30px;
    color: #424242;
    margin-bottom: 4px;
    font-weight: normal;
}

.magazine_listing h5,
.magazine_listing h5 a {
    font-family: "Helvetica Neue", Arial;
    font-size: 12px;
    line-height: 17px;
    color: #1e1e1e;
}

.magazine_listing li .img_container {
    position: relative;
    width: 660px;
    height: 420px;
    margin-right: 18px;
    overflow: hidden;
}

.magazine_listing li .fp_img_container {
    position: relative;
    width: 320px;
    height: 200px;
    margin-right: 18px;
    overflow: hidden;
}


.magazine_listing li a {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.magazine_listing li .label_block_container {
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;

}
.magazine_listing li:hover .label_block_container {
    display: block;
}

.magazine_listing li .label_inner_block {
    //max-width: 450px;
    width: 660px;
    //background-image: url('/i/_layout/fp_carousel_overlay_bg.png');
    background-color: rgba(50,50,50,0.7);
    text-align: left;
    //border-top: 1px solid #D0D0D0;
    padding-bottom: 5px;
    
}

.magazine_listing li .label_inner_block h2 {
    text-align: left;
    margin-top: -12px;
    padding: 6px 15px;
    //border-top: 1px solid #B0B0B0;
}

.magazine_listing li .label_inner_block h2 span {
	font-family: gothambold;
    font-size: 28px;
    line-height: 35px;
    font-weight: normal;
    padding: 0 0 6px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.badge_magazine_section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 30px 8px 30px;
    background-color: #fc424a;//#00a7f5;
    color: black;//#FFFFFF;
    font-size: 20px;
    //margin-left: 50px;
    font-family: 'DIN';
}

.badge_magazine_section a {
    color: #FFFFFF;
}

/* Designcomps front page */

.active_design_comps_fp .img_container {
    width: 604px;
    height: 120px;
    overflow: hidden;
    margin-bottom: 14px;
}

.active_design_comps_fp .img_container img {
    width: 604px;
    height: 120px;
}

.active_design_comps_fp .title_container {
    margin-bottom: 12px;
    font-size: 21px;    
}

.active_design_comps_fp .title_container a {
    color: #424242;
}

.active_design_comps_fp .title_container a:hover {
    color: #000000;
}

.active_design_btn,
.join_design_btn {
    margin: 0 10px 0 0;
    padding: 7px;
    font-family: Arial;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.active_design_btn {
    cursor: pointer;
    background-color: #e9e9e9;  
}

.join_design_btn {
    cursor: pointer;
    background-color: #8259a5;
    color: #FFFFFF;
    font-weight: bold;
}

.join_design_btn:hover {
    background-color: #472b5f;
}

a.design_action_btn,
a.entries_no {
    padding: 2px 5px 2px 5px;
    color: #FFFFFF;
    background-color: #fc424a;
    font-family: Arial;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    text-align: center;
}

a.design_action_btn {
    display: inline-block;
    padding: 7px;
}

a.design_action_btn:hover,
a.entries_no:hover {
    background-color: #fc424f;
}

/* Latest updates right hand side */
#latest_updates .latest_updates_header {
    padding: 8px;
    background-color: #ededed;
    font-family: Helvetica, Arial;
    font-size: 13px;
    border-top: 1px #c6c6c6 solid;
    margin-bottom: 10px;
}

.latest_updates_most_viewed li {
    background-color: #edf7f8;
    padding: 5px;
}

.latest_updates_most_viewed li a.top_article {
    color: #656565;
    font-family: Arial;
    font-size: 12px;
}

.latest_updates_most_viewed li a.top_article:hover {
    text-decoration: underline;
}

.latest_updates_community li {
    padding: 10px;
    background-color: #edf7f8;
    font-family: Arial;
    font-size: 11px;
    line-height: 1.3;
}

.latest_updates_community li a {
    font-weight: bold;
}

.latest_updates_community li:hover,
.latest_updates_most_viewed li:hover {
    background-color: #f5f5f5;      
}

/* WIN! and Choice common */

#container_win_fp {
    width: 206px;
}

#container_choice_fp {
    width: 414px;
}

/* Magazine internal pages */

#magazine_cat_tabs .img_container {
    max-width: 100%;
    height: 132px;
    /* display:inline; */
    position: relative;
    width: 190px;
    /*height: 144px; */
    overflow: hidden;
    line-height: 1;
    margin-bottom: 10px;
}

#magazine_cat_tabs .title_container {
    padding-bottom: 9px;
    margin: 0 0 8px 6px;
    width: 178px;
    height: 58px;
    line-height: 24px;
    background-image: url('/i/_layout/dotted_line_177px.jpg');
    background-position: 0 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}

#magazine_cat_tabs .title_container h2 a {
    color: #424242;
}

#magazine_cat_tabs .img_container .badge_magazine_section,
#magazine_cat_tabs .img_container .badge_events_section {
    padding: 9px;
    font-size: 13px;
    font-weight: normal;
}

.most_popular_expander {
    background-image: url('/i/_layout/most_popular_expander_bg.jpg');
    background-position: 0 0;
    width: 242px;
    height: 15px;
    padding: 8px 4px 8px 8px;
    font-family: Georgia;
    font-size: 12px;
    cursor: pointer;
}

.most_popular_dd {
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: #FFFFFF;
    width: 241px;
    padding: 17px 0 17px 11px;
    border-left: 1px #c9c9c9 solid;
    border-right: 1px #c9c9c9 solid;
    border-bottom: 1px #c9c9c9 solid;
}

.top_section_article {
    padding-bottom: 40px;
    border-bottom: 1px #cacaca solid;   
}

.top_section_article .img_container {
    position: relative;
    //margin-bottom: 21px;
    border-top: 5px solid #666;
}

.top_section_article .badge_magazine_section {
    font-size: 22px;
    font-weight: normal;
    font-family: 'DIN';
    text-transform: uppercase;
}

h1.article_title {
    border-bottom: 1px solid #d8d8d8;
}
@media screen and (min-width: 1500px){
    h1.article_title {
        border-top: 1px solid #d8d8d8;
    }
}


h1.article_title,
h1.article_title a {
    font-size: 26px;
    line-height: 130%;
    color: #484647;
    text-transform: capitalize;
    font-weight: bold;
}
h1.article_title {
    padding: 12px;    
}
h1.article_title a {
    padding: 0;
}
h4.article_intro,
h4.article_intro a {
    font-size: 20px;
    line-height: 25px;
    color: #484647; 
}

.date_info {
    float: left;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #484647;
}
.date_info .day {
    background-color: #484647;
    color: #fff;
    padding: 0 1px;
}

.author_info {
    float: right;
    font-family: Arial;
    font-size: 12px;
    line-height: 18px;
    color: #484647;
    font-style: italic;
}

.author_info a {
    color: #484647;
}

.author_info span.date {
    color: #000000;
    font-weight: bold;
}

/* Editorial */
.editorial {
    font-family: Arial !important;
    font-size: 14.6666666666667px !important;
    line-height: 18px !important;
    color: #000000;
}

.editorial a {
    color: #fc424a;//#9d9d9d;
}

.editorial a:hover {
    color: #fc424a;//#6d6d6d;
}

.editorial_dptv a {
    color: #E3170D;
}

.editorial_dptv a:hover {
    color: #660000;
}

.editorial_design p,
.editorial p {
    margin: 0 12px 12px 12px ;
}
/*
.editorial_design > div,
.editorial > div {
    margin: 0 12px;
}*/

.editorial img {
    max-width: 636px;
    margin-bottom: 12px;
}

.editorial p img {
    max-width: 636px;
    margin-bottom: 0;
}

.article_keywords {
    padding: 12px 12px 22px 12px;
    background-color: #f4f4f4;  
    line-height: 1.4;
}

.article_keywords a:hover {
    text-decoration: underline; 
}

.editorial_design {
    /*font-size: 17px;*/
    line-height: 22px;
    color: #424242;
}

/* Pack section */
.pack_btn {
    width: 604px;
    height: 43px;
    position: relative;
    cursor: pointer;
    background-image: url('/i/_layout/pack_big_btn.png');
    background-repeat: no-repat;
    background-position: 0 0;
    font-family: Arial;
    font-size: 22px;
    color: #FFFFFF;
    text-align:center;
    
}

.pack_btn:hover {
    background-position: 0 -43px;
}

.pack_btn2 {
    width: 302px;
    height: 43px;
    position: relative;
    cursor: pointer;
    background-color:#09C480;   
    font-family: Arial;
    font-size: 22px;
    color: #FFFFFF;
    border-radius:5px;
    -webkit-border-radius: 5px;
}

.pack_btn2:hover {
    background-color:#189064;
}

.pack_btn2 a {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #FFFFFF;
}

.pack_btn3 {
    background-color: #09C480; 
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px; 
    padding: 15px; 
    font-size: 20px; 
    width: 490px; 
    color: #FFFFFF;
    margin-bottom:15px;
}

.pack_btn3:hover {
    background-color:#189064;
}

.smaller_pack_btn3 {
    background-color: #09C480; 
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px; 
    padding: 15px; 
    font-size: 20px; 
    width: 200px; 
    color: #FFFFFF;
    margin-bottom:15px;
}

.smaller_pack_btn3:hover {
    background-color:#189064;
}

.pack_btn a {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #FFFFFF;
}

.carousel_overlay {
    z-index: 10; 
    position:absolute;  
    right:5px; 
    bottom:5px; 
    padding: 3px;
}

.carousel_overlay a {
    color: #fff;
}
.case {
    width: 604px;
}

.inline_block {
    display:inline;
    float: left;
}

/* Pinterest "Pin It" Button Public CSS */

/* DIV surrounding button */
.pin-it-btn-wrapper,
.pin-it-btn-shortcode-wrapper {
    height: 30px;
    margin: 0;
    padding: 0;
}

/* From Pinterest official html */
a.pin-it-btn {
    position: absolute;
    background: url(http://assets.pinterest.com/images/pinit6.png);
    font: 11px Arial, sans-serif;
    text-indent: -9999em;
    font-size: .01em;
    color: #CD1F1F;
    height: 20px;
    width: 43px;
    background-position: 0 -7px;
}

a.pin-it-btn:hover {
    background-position: 0 -28px;
}

a.pin-it-btn:active {
    background-position: 0 -49px;
}

/* Footer */

#footer_wrapper {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

#footer {
    background-color: #333;//#484647;
    //border-top: 1px #d3d2d2 solid;
    //border-bottom: 1px #d3d2d2 solid;
    padding: 15px;
    //margin: 30px 0 0 0;
    color: #fff;
    font-size: 16px;
}

#footer img#footer_logo_image {
    display: block;
    width: 125px;
    height: 28px;
    margin-bottom: -8px;
}

#footer a {
    color: #fff;
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
}
#footer .container {
    background: transparent;
}

#social_footer {
    border-left: 1px solid #6d6b6c;
}

#social_footer li {
    display: inline-block;
}

#social_footer a {
    height: 24px;
    padding-top: 4px;
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
}

#footer_links {
    border-left: 1px solid #6d6b6c;
    padding-left: 25px;
}
#footer_links ul {
    list-style-type: none;
    list-style-image: url(/i/common/bullet.png);
    color: #fff;
}
#footer_links a {
    color: #fff;
}

.footer_social {
    opacity:0.9;
    height: 25px;
    width: 25px;
    padding-left: 10px;
}

.footer_social:hover {
    opacity:1;
}

#footer_logo {
    width: 330px;
}

#franchises_www {
    background-color: #8a8a8a;
    width: 160px;
    color: #FFFFFF;
    padding: 3px;
    font-family: Arial;
    font-size: 12px;
}

#main_magazine_area .content_block .arial a{
    colour:red;
}

#staff a { color:#424242; }
#staff a:hover { color:#cacaca; }

#event_window {
        transition:         right 500ms ease;
        -moz-transition:    right 500ms ease;
        -ms-transition:     right 500ms ease;
        -o-transition:      right 500ms ease;
        -webkit-transition: right 500ms ease;
}

#event_flier_window {
        transition:         right 500ms ease;
        -moz-transition:    right 500ms ease;
        -ms-transition:     right 500ms ease;
        -o-transition:      right 500ms ease;
        -webkit-transition: right 500ms ease;
}


/* Sidebar Events Calendar*/
#sidebar-events {
    background-color: #f6f7f9;
}
#sidebar-events {
    margin: 0;
    padding: 0;
}
#sidebar-events div.hr-thick {
    border-bottom: 4px solid #484647;
    margin-bottom: 4px;
}
#sidebar-events div.hr-thin {
    border-bottom: 1px solid #484647;
    margin-bottom: 4px;
}
#sidebar-events .category-menu {
    background-color: #111;//#ddd;
          -o-transition:.2s;
      -ms-transition:.2s;
      -moz-transition:.2s;
      -webkit-transition:.2s;
      /* ...and now for the proper property */
      transition:.2s;
}
#sidebar-events .category-menu h3 {
    padding: 31px 12px 10px;
    text-align: right;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 21px;
}
#sidebar-events .category-menu .category {
    width: 20%;
    height: 20px;
    display: block;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 0;
    border-bottom: 10px solid red;
    cursor: pointer;
}
#sidebar-events .category.music {
    border-color: #004a61;//#bd8bbe;
}
#sidebar-events .category.arts {
    border-color: #00878a;//#6ec7ad;
}
#sidebar-events .category.style {
    border-color: #bd8067;
}

#sidebar-events .category.festivals {
    border-color: #fc424a;//#bd8067;
}

#sidebar-events .category.food {
    border-color: #b1c5c6;//#f0f0f0;//#ff9c9c;
}
#sidebar-events .category.all {
    border-color: #111;//#ddd;
}
#sidebar-events .category.music.selected,
#sidebar-events .category.music:hover 
 {
    background-color: #004a61;//#bd8bbe;
}
#sidebar-events .category.arts:hover,
#sidebar-events .category.arts.selected {
    background-color: #00878a;//#6ec7ad;
}
#sidebar-events .category.style:hover,
#sidebar-events .category.style.selected {
    background-color: #bd8067;
}
#sidebar-events .category.festivals:hover,
#sidebar-events .category.festivals.selected {
    background-color: #fc424a;//#bd8067;
}
#sidebar-events .category.food:hover,
#sidebar-events .category.food.selected {
    background-color: #b1c5c6;//#f0f0f0;//#ff9c9c;
}
#sidebar-events .category.all:hover,
#sidebar-events .category.all.selected {
    background-color: #111;//#ddd;
}
#sidebar-events .date-picker {
    padding: 10px 15px 0 15px;
}
#sidebar-events a.add-new {
    float: right;
    color: #484647;
    margin-top: 6px;
}
#sidebar-events a.date-filter {
    font-size: 21px;
    font-weight: bold;
    color: #484647;
}
#sidebar-events a.date-filter:hover {
    color: #fc424a;
}
#sidebar-events a.add-new:hover {
    color: #fc424a;
}
#sidebar-events a.date-filter img {
    vertical-align: middle;
    margin-bottom: 5px;
}


/* Date header */
.date-header {
    padding: 6px 0;
    position: relative;
    z-index: 1;
    min-height: 30px;
}

#sidebar-events .date-header.fixed {
    position: fixed;
    top: 0;
    width: 98%;
    z-index: 0;
}
#sidebar-events .date-header.fixed.absolute {
    position: absolute;
}
.date-header .day {
    background-color: #484647;
    color: #fff;
    text-align: center;
    padding: 5px 3px;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}
.date-header .date {
    font-size: 16px;
    padding: 0 5px 0 5px;
    text-transform: uppercase;
    font-weight: bold;
    color: #484647;
    vertical-align: middle;
    width: 200px;
    display: inline-block;
}

/* event items */
#sidebar-events .event {
    clear: both;
    margin: 5px 0;
    padding: 5px 0 5px 8px;
    border-left: 8px solid #ddd;
        -o-transition:.2s;
    -ms-transition:.2s;
    -moz-transition:.2s;
    -webkit-transition:.2s;
    /* ...and now for the proper property */
    transition:.2s;

}



#sidebar-events .event:hover{
    background-color: #ddd;//#b0b0b0;
    //color: #f6f7f9;
}


#sidebar-events .event:hover h4 p{
   /* color: #f6f7f9; */
   //color: #FFFFFF;
   cursor: pointer;
}



#sidebar-events .event.music,
#sidebar-events .event.club,
#sidebar-events .event.festival,
#sidebar-events .event.live {
    border-left: 8px solid #004a61;//#bd8bbe;
}
#sidebar-events .event.arts {
    border-left: 8px solid #00878a;//#6ec7ad;
}
#sidebar-events .event.style {
    border-left: 8px solid #bd8067;
}
#sidebar-events .event.festivals {
    border-left: 8px solid #fc424a;//#bd8067;
}
#sidebar-events .event.food {
    border-left: 8px solid #b1c5c6;//#f0f0f0;//#ff9c9c;
}
#sidebar-events .events-holder {
    margin: 0 8px 10px 15px;
    height: 365px;
    overflow: auto;
    position: relative;
}
#sidebar-events .event h4 {
    padding: 0;

}
#sidebar-events .event h4 a,
#sidebar-events .event h4 {
    font-size: 16px;
    //font-weight: bold;
    text-transform: uppercase;
    color: #484647;
    margin-bottom: 2px;

}
#sidebar-events .event .description {
    font-size: 11px;
    margin-bottom: 3px;

}
#sidebar-events .events-holder hr {
    color: #484647;
}
#sidebar-events .followMeBar {
    border-bottom: 4px solid #484647;
    position: relative;
    z-index: 1;
}
#sidebar-events .followMeBar.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
    background-color:red;
}
#sidebar-events .followMeBar.fixed.absolute {
    position: absolute;
    background-color:green;
}
#sidebar-events .top_holder {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 5px;
    width: 100%;
    background-color: #f6f7f9;
    z-index: 10;
    border-top: solid 1px #444;
}

/*Scrollbar*/
.events-holder::-webkit-scrollbar              {
    width: 7px;
}
.events-holder::-webkit-scrollbar-button       { /* 2 */ }
.events-holder::-webkit-scrollbar-track        {
    border-radius: 5px;
}
.events-holder::-webkit-scrollbar-track-piece  { /* 4 */ }
.events-holder::-webkit-scrollbar-thumb        {
    background-color: #7b7b7b;
    border-radius: 4px;
}
.events-holder::-webkit-scrollbar-corner       { /* 6 */ }
.events-holder::-webkit-resizer                { /* 7 */ }

/* Calendar Popup */
.ui-datepicker {
    left: 0;
    width: 210px;
    margin-left: auto;
    margin-right: auto;
}
#date-picker-holder {
    display: none;
    width:100%;
}
.ui-widget-header {
    background: transparent;
    color: #484647;
    font-family: 'DIN';
    border: 0;
}

#date-picker-holder .ui-widget-content {
    background: transparent;
    width: 100%;
}

/*.ui-widget-content .ui-icon.ui-icon-circle-triangle-w {
    background: url(../i/common/cal-arrow-left.png);
}*/

.ui-widget-content .ui-icon.ui-icon-circle-triangle-w  {
  position: relative;
}
.ui-widget-content .ui-icon.ui-icon-circle-triangle-w:before {
  position: absolute;
  font-family: 'FontAwesome';
  top: 0;
  left: 0;
  content: "\f0a8";
}
/*
.ui-widget-content .ui-icon.ui-icon-circle-triangle-e {
    background: url(../i/common/cal-arrow-right.png);
}*/

.ui-widget-content .ui-icon.ui-icon-circle-triangle-e  {
  position: relative;
}
.ui-widget-content .ui-icon.ui-icon-circle-triangle-e:before {
  position: absolute;
  font-family: 'FontAwesome';
  top: 0;
  left: 0;
  content: "\f0a9";
}


.ui-widget-content .ui-icon.ui-icon-circle-triangle-e{
    background-repeat: repeat;
    background-position: 20% -343%;
}
.ui-widget-content .ui-icon.ui-icon-circle-triangle-w {
    background-repeat: repeat;
    background-position: 33% -343%;
}

.ui-datepicker td span,
.ui-datepicker td a {
    border: 0;
    text-align: center;
    margin: 2px;
    height: 18px;
    width: 22px;
    padding: 3px 0 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 0;
    background: #DDD;
    color: #666;//#ececec;
    font-weight: normal;
}

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus {
    border: 0;
    background: #474546;
    color: #ececec;
    font-weight: normal;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 0;
    background: #9f9f9f;
    color: #474546;
    font-weight: normal;
}
.ui-datepicker th {
    font-weight: normal;
    font-size: 10px;
    font-family:'DIN'; 
    text-align: left;
}
.ui-state-hover, 
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #666;
    border: 0;
    color: #DDD;
}

/* Event/poster page top split */
.block-left {
    width: 325px;
    height: auto;
    float: left;
}
.block-right {
  position: relative;
  width: 325px;
  height: auto;
  float: right;
  padding: 10px;
  //background-color: #f6f7f9;
  background-color:rgba(255,255,255,0.5);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.block-right h1 {
    padding: 0;
    text-transform: uppercase;
    color: #484647;
    //font-weight: bold;
    margin-top: 10px;
}
.block-right h2 {
    padding: 0;
    color: #666;//#484647;
    font-weight: normal;
    font-style: italic;
    margin-bottom: 10px;
}
.block-right .event-address {
    margin-bottom: 12px;
}
.block-right div.detail {
    font-size: 21px;
    text-transform: uppercase;
}
.block-right hr {
    background: #484647;
}
.block-right .date-header {
    border-bottom: 4px solid #484647;
    border-top: 4px solid #484647;
}

#latest_poster {
    border-top: 0;
}

.search_result p {
    padding: 0 12px;
}


/* Events */
.dppack-available {
    background-color: #fee202;
    width: 100%;
    height: 43px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: 10px;
}
.dppack-available:before {
    position: absolute;
    left: -10px;
    content: " ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 11px 11px 11px 0;
    border-color: transparent #fee102 transparent transparent;
}
.dppack-available div {
    float: right;
    font-size: 16px;
    margin-top: 3px;
}
.event-website-link {
    color: #000;
    font-size: 16px;
    margin: 20px 0;
    display: block;
}

/* Sidebar Carousel */ 
#sidebar_carousel {
    overflow: hidden;
}
#sidebar_carousel li {
    position: relative;
}
#sidebar_carousel .jcarousel-skin-tango .jcarousel-item > a,
#sidebar_carousel .jcarousel-skin-tango .jcarousel-item {
    width: 150px;
    height: 212px;
}
#sidebar_carousel .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 300px;
    height: 212px;
}
#sidebar_carousel .jcarousel-skin-tango .jcarousel-item {
    overflow: hidden;
}
#sidebar_carousel .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 0;
}

#sidebar_carousel .jcarousel-prev,
#sidebar_carousel .jcarousel-next {
    position: absolute;
    top: 100px;
    opacity: 0;
    background: #fff;
    z-index: 99;
}
#sidebar_carousel:hover .jcarousel-prev,
#sidebar_carousel:hover .jcarousel-next {
    opacity: 1;
}

#sidebar_carousel .carousel_article_block_container {
    display: none;
    width: 150px;
    height: 212px;
    line-height: 212px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
#sidebar_carousel:hover  .carousel_article_block_container {
    display: block;
}
#sidebar_carousel h2 {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 140px;
}
#sidebar_carousel li:hover h2 {
    display: block;
}
#sidebar_carousel h2,
#sidebar_carousel h2 a {
    font-size: 16px;
    line-height: 130%;
    color: #fff;
    text-transform: uppercase;
}

#new_button {
    background-color: black;
    color: #DDD;
}

#new_button:hover {
background-color: #666;
color: #DDD;
}

.related_article_grid p{
    color: black;
    margin-bottom: 10px;
    overflow: hidden;
    width:213px;
    height: 60px;
    font-family:'DIN';
    font-size:20px;
    font-weight: normal;
}


.related_article_grid:hover p{
    color: #fc424a;
}

.cldropdown {

	//position: relative;
	display: none;
	width:105px;
	top: 45px;
	//left: 25%;
	z-index: 1;
	float: left;
	clear:both;
	background-color: black;
	-webkit-box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.5);

}

.clevents_dropdown {

    position: absolute;
    display: none;
    width:105px;
    top: 40px;
    left: 105px;
    z-index: 1;
    float: left;
    clear:both;
    background-color: black;
    -webkit-box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.5);

}

.venue {
    font-style:italic;
    font-size: 14px;
    padding-bottom: 3px;
    color: #666;
}


table.datatable,
table.datatable_border {
    width: 100%;
    margin-bottom: 10px;
    //border:1px solid #666666;
}

table.datatable tr th,
table.datatable_border tr th{
    padding: 5px;
    background: #666666;
    color:#FFFFFF;
    font-weight:bold;
    text-align: left;
}

table.datatable_border tr th  {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

table.datatable tr td,
table.datatable_border tr td {
    border-bottom: 1px dotted #CCCCCC;
    padding:6px 5px 5px;
  vertical-align:middle;
}

table.datatable tr.alt {
    background:#CCCCCC;
}

table.datatable_border tr td {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    //border-bottom: 1px solid #585858;
    vertical-align:top;
}

table.datatable_border tr td.alt {
    background: #E8E8E8;
}

table.datatable_border tr.alt td {
    background: #CCCCCC;
}

table.datatable_border tr.alt td.alt {
    background: #A0A0A0;
}


.venue_name {

font-size: 18px;
color: #888;
}


.venue_name :hover {
    color: black;

}

#events_map_icon {
    background-image: url('/i/icons/map_icon_white.png');
    cursor: pointer;
}

#events_map_icon:hover {
    background-image: url('/i/icons/map_icon_black.png');
}

#events_list_icon {
    background-image: url('/i/icons/list_icon_white.png');
    cursor: pointer;
}

#events_list_icon:hover {
    background-image: url('/i/icons/list_icon_black.png');
}

#poster{
    width: 330px;
}

#choice_event_block {
    height: 278px;
width: 204px;
border-right: 1px #c9c9c9 solid;
margin-right: 15px;
}

#mag_grid_small {
    margin-top: 20px;
    position: relative;
    float: left;
    width:210px;
    height: 230px;
}

#mag_grid_3 {
    margin-top: 20px;
    position: relative;
    float: left;
    width:210px;
    height: 230px;
}

#mag_grid_img_small {
    width: 210px;
    height: 120px;
}

#mag_grid_img_3 {
    width: 210px;
    height: 120px;
}

#fp_grid_small {
    float: left; width:210px; height: 230px;
}

#fp_grid_last {
    float: left; width:210px; height: 230px;
}

#fp_grid_3 {
    float: left; width:210px; height: 230px;
}

#fp_grid_img_big {
    width: 210px;
    height: 125px;
}

#fp_grid_img_small {
    width: 210px; height: 135px;
}

#fp_grid_img_3 {
    width: 210px; height: 118px;
}

#article_main_image_container {
    width: 100%;//970px; 
    //margin-left: auto;
    margin-right: auto;
}

.addthis_toolbox{
    display: none;
  }

.facebook_big{
    width: 220px;
    height: 50px;
    color: white;
    font-size: 16px;
    text-align: center;
    background-color: #2d609b;
    cursor: pointer;
    float: left;
    //display: none;
    margin-top: 5px;
}
.facebook_big:hover{
    opacity: 0.8;
}

.twitter_big{
    width: 220px;
    height: 50px;
    color: white;
    font-size: 16px;
    text-align: center;
    background-color: #00c3f3;
    cursor: pointer;
    float: left;
    //display: none;
    margin-top: 5px;
}
.twitter_big:hover{
    opacity: 0.8;
}

.subscribe_big{
    width: 220px;
    height: 50px;
    color: white;
    font-size: 16px;
    text-align: center;
    background-color: #333;
    cursor: pointer;
    float: left;
    //display: none;
    margin-top: 5px;
}
.subscribe_big:hover{
    opacity: 0.8;
}

.comments_big{
    width: 220px;
    height: 50px;
    color: white;
    font-size: 16px;
    text-align: center;
    background-color: #666;
    cursor: pointer;
    float: left;
    display: none;
    margin-top: 5px;
}
.comments_big:hover{
    opacity: 0.8;
}

#fb_comments_form {
    width: 100%;
}

#article_main_image_container{
    float: left;
}

#title_high {
    display: none;
}

#title_low_spacer

{
    display: none;
}

#mag_article iframe{
        width: 100% !important;
    }

    #mag_article img{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100% !important;
        height: auto !important;
    }

    #popular_posters {
        display: none;
    }

    #wide_welcome_title {
        display: none;
    }

    #content iframe{
        width: 100% !important;
        max-width: 100% !important;
        padding-bottom: 10px;
    }

    #content-article iframe{
        width: 100% !important;
        max-width: 100% !important;
        padding-bottom: 10px;
    }



/* #### Desktops #### */

#content-article{
    width: 970px;
  }

@media screen and (max-width: 990px){

  .addthis_toolbox{
  	//display: none;
  }
}

@media screen and (min-width: 1500px){

    .fp_article_padding
    {
        margin-left:24px;
    }

    .fp_magazine_listing li {
        height: 250px;
    }

    #fp_grid_img_big {
        width: 320px;
        height: 190px;
    }

	.win_content {
		width: 650px !important;
	}

    #ad_leader{
        width: 1200px !important;
    }

     #map_canvas{
     	width: 100% !important;
     }

    #title_high{
        display: block;
    }

    #title_low{
        display: none;
    }

    #title_low_spacer
    {
        display: block;
    }

    h1.article_title a{
        font-family:DIN !important;
        font-size: 48px !important;
        font-weight: normal !important;
        color: black !important;
    }

    #fp_carousel_container{
        width: 890px;
        height: 300px;
    }

    .carousel_article_block{
        width: 890px;
    }

    #fp_featured {
        width: 890px;
        height: 300px;
    }

    .jcarousel-clip {
        width: 890px;
    }

    .jcarousel-clip-horizontal {
        width: 890px !important;
    }

    .jcarousel-skin-tango {
        width: 890px;
    }

    #fp_featured ul li {
        width: 890px !important;
        height: 300px;
    }

    #fp_featured ul li .carousel_image {
        width: 890px;
        top: -100px;
    }

    #fp_featured .carousel_article_block_container {
        //bottom: 125px;
    }

    #mag_article img{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100% !important;
        max-width: 890px !important;
        height: auto !important;
    }

    #mag_article iframe{
        width: 100% !important;
    }

    #popular_posters {
        display: block;
    }

.comments_form{
    width: 100%;
}

#fb_comments_form {
    width: 100%;
}

#fb_comments_form span{
    width: 100% !important;
}

#fb_comments_form div{
    width: 100% !important;
}

#fb_comments_form iframe{
    width: 100% !important;
}

.fbFeedbackContent {
    width: 100%;
}

.wrap{
    width: 1200px;
}

#top_logo_banner{
    width: 1200px;
}

#log_in_area{
    width: 1200px;
}

.block-right{
    width: 555px;
}

.addthis_toolbox{
    display: inline-block;
  }

  .facebook_big{
    display: block;
    //margin-top: 0px;
    margin-left: 8px;
    margin-top: 15px;//1px;
  }

  .twitter_big{
    display: block;
    margin-top: 15px;
    margin-left: 8px;
  }

  .subscribe_big{
    display: block;
    margin-top: 15px;
    margin-left: 8px;
}

  .comments_big{
    display: block;
    margin-top: 15px;
    margin-left: 8px;
}

#mag_grid_3 {
    position: relative;
    float: left;
    height: 290px;
    margin-top: 5px;
    width: 280px;
    margin-left: 20px;
}

#mag_grid_img_3 {
    width: 320px;
    height: 190px;
}

#fp_grid_3 {
    margin-left: 12px;
    width: 280px;
    height: 298px;
}

#fp_grid_last {
    display: none;
}

#fp_grid_img_big {
    width: 280px;
    height: 165px;
}

#fp_grid_img_3 {
    width: 280px;
    height: 165px;
}

#article_main_image_container {
    //width: 890px;
}

.fp_magazine_listing li {
    width:280px;
}

  .container {
    width: 1200px;
  }

  #content{
    width: 890px;
  }

  #content-article{
    width: 1200px;
  }

  #footerContainer {
    padding-left: 300px;
  }

  #poster {
    width: 220px;
  }

  #last_win_banner{
    display: none;
  }

  #wide_welcome_title {
    display: block;
  }

}

.red_hover:hover {
    color: #fc424a;
}

.red_hover:hover span{
    color: #fc424a;
}

.red_hover:hover {
    //color: #fc424a;
}

#myGallery{
    height: 320px !important;
    width: 227px !important;
}

#mygallery div{
    background-size: 100% !important;
    background-position: top left !important;
}

/* #### Mobile #### */



@media screen and (orientation:portrait){

    body {
        width: 660px;
    }


  .addthis_toolbox{
  	display: none;
  }

  #footerContainer {
    width: 500px;
}

#footer_links {
    display: none;
}

#footer_logo {
    width: 200px;
    margin-left: 60px;
}

  #right_side{
  	display: none;
  }

  .noskin {
  	//width: 660px;
  	//margin-left: auto;
  	//margin-right: auto;
  }

  #right_side{
  	display:none;
  }

  #header{
  	width: 660px;
  	//min-width: 100%;
  	margin-left: auto;
  	margin-right: auto;

  }

  #header_container{
  	min-width: 100%;
  	  	margin-left: auto;
  	margin-right: auto;
  }

  .wrap {
  	width: 660px;
  	margin-left: auto;
  	margin-right: auto;
  }



  #log_in_area{
  	width: 660px;
  }

  .container{
  	width: 660px;
  }

  #search{
  	display:none;
  }

  #footer{
  	//width: 660px;
  	margin-left: auto;
  	margin-right: auto;
  }

  #top_logo_banner {
  	width: 660px;
  	//min-width: 100%;
  	//margin-left: 20%;

  }

  #services_button {
  	display: none;
  }

  #video_button {
  	display: none;
  }

  #design_button {
  	//display: none;
  }

    #dropdown{
    width: 80px ;
  }

  #navigation .drop_item {
  	padding-left: 15px ;

  }

  #credentials_container {
  	margin-left: 160px;
  }

  #credentials_container > * {
  	float: right;
  }

}
/*
#skin_cont {
       //position: absolute;
       top: 0px;
       //left: 50%;
       margin-left: -<?php echo ($width/2); ?>px;
       width: <?php echo $width; ?>px;
       //cursor: pointer;
    }
    
    #skin_left {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: <?php echo $side_width; ?>px;
        background-color: transparent;
        background-image: url(transparent.gif); // IE7 Hack
    }  
    
    #skin_right {
        position: absolute;
        top: 0px;
        left: <?php echo $side_width+986; ?>px;
        height: 100%;
        width: <?php echo $side_width; ?>px;
        background-color: transparent;
        background-image: url(transparent.gif); // IE7 Hack 
    }
    */

    #follow_us {
        background-picture: none;
        background-color: white;
    }
    
    .fb-login-button {
        right: 10px !important;
    }
    
    #skin_cont > .container {
        //margin: 50px auto 0 auto;
        padding: 10px 10px 30px 10px;
        background-image: none;
        background-color: #FFFFFF;
    }
    .clear{clear:both;float:none}

    #fp_article_details {
        display: inline-block;
        width: 100%;
    }
    @media screen and (max-width: 1500px){
        .fp_article_padding
        {
            margin-left:19px;
        }
    }

    #fp_article_date{
        width: auto;
    }

    #fp_article_cat{
        width: auto;
    }

    .label_block_container{
        width: 100%;
    }

    .fp_img_container{
        width: 100%;
    }

.menu_item_dropdown {
    color: white!important;
}

.menu_link {
    color: white!important;
}
@media screen and (max-width: 1500px){
    #article_social_buttons {
        margin-left: auto;
        margin-right: auto;
        padding-left: 140px;
    }

    #page_header{
        border-bottom: 1px solid #ccc;
        margin-bottom: 5px;
    }
}
#dropdown-login {
    display: none;
}
    
.dropdown-login-button:hover #dropdown-login {
    margin-top: 15px;
    padding: 15px;
    display: block;
    background-color: black;
    color: :white;
    width: 200px;
    height: 100px;
    text-align: center;
    margin-left: -125px;
}
#dropdown-login a{color:white;}
#dropdown-login input{
    border-radius: 10px;
    margin-bottom: 10px;
    border: 2px solid #ddd;
    border-radius: 10px;
    height: 25px;
    padding: 6px;
    font-size: 16px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#dropdown-login a.forgotpass{margin-right: 15px;font-family: 'cabin', Helvetica, Arial, sans-serif; text-transform: none;font-size: 14px}

.aa-wrapper{padding: 10px;margin: 5px;padding-bottom: 0px;margin-bottom: 10px;}

.fb_iframe_widget span{
    width: 100%!important;
}

.related_article_grid{
    margin-left: 14px!important;
    margin-right: 13px!important;
}

@media screen and (max-width: 1500px){

    .related_article_grid{
        margin-left: 12px!important;
        margin-right: 12px!important;
    }

}