/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */



.bookmark, .fb, .gplus, .mail, .print, .twitter, .youtube{
    background-image: url('../images/sprites.png');
}
body{
    background-image: url('../images/pattern.png');
    font-family: 'droid_sansregular';
    line-height: 1.8em;
}

.clear{
    clear: both;
}
a{
    text-decoration: none;
    
}
h1{
    line-height: 36px;
    text-align: left;
}
h1.view-page-title{
    font-size: 2em;
    text-transform: uppercase;
}
.icon{
    float: left;
    margin-right: 5px;
}
h2.block-title{
    font-size: 1.8em;
}

h2{
    padding: 5px 12px 5px 12px;
    /*text-transform: uppercase;*/
    font-family: 'droid_serifbold';
    font-size: 2em;
    font-weight: normal;
    /*line-height: 26px;*/
}
h2 a:hover{
    color: #d71a21;
}
h3{
    font-family: 'droid_sansbold';
    margin-bottom: 0px;  
    font-size: 1.4em;
}
h4{

}
h5{

}
h6{
    font-family: 'droid_sansregular';
    color: grey;
    font-size: .9em;
}
p{
    margin-bottom: 0;
    font-family: 'droid_sansregular';
    line-height: 1.5em;
}
#article-content p{
    margin-bottom: 1em;
}

hr{
    color: black;
}
.total{
    display: none;
}
.simplenews-subscribe label{
    display: none;
}
.simplenews-subscribe{
    margin-top: 6px;
    /*overflow: hidden;*/
}
/*#edit-submit--3{
    float: right; 

    margin-top: -29px;
}*/
/*#edit-mail--2{
    width: 135px;
    margin-right: 196px;
    
}*/
#simplenews-block-form-921 > div > input[type='submit']{
    float: right; 
    margin-top: -29px;
}

#simplenews-block-form-921 > div > div > input[type='text']{
    margin-right: 195px;
    width: 136px;
}

#service-links br{
    line-height: 1em;
}
#edit-newsletter-submit{
 margin-left: 150px;
 margin-top: -48px; 
 /*display: none;  */
}

#edit-actions--2 > input[type='submit']{

}

.drag{
    /*float: right;*/
}

.readmore, .view-recent-teaser span, .columnist-right span{
    float: right;
}
.readmore a, .view-recent-teaser span a ,.columnist-right span a{
    text-decoration: none;
    color: red;
}
.readmore a:hover, .view-recent-teaser span a:hover, .columnist-right span a:hover{
    color: #d71a21;
}
/* Outer Section Style Starts */

#region-admin{
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #1d1d1d;
    z-index: 100;
    margin: 0;
    box-shadow: 0px 2px 18px #454545;
}
#region-admin ul{
margin: -13px 0 0 12px;
}
#region-admin ul li{
    padding: 5px;
    float: left;
    list-style: none;
}
#region-admin ul li a{
    font-size: .89em;
    font: normal;
    font: small;
    font-family: sans-serif;
    color: white;
    text-decoration: none;
}
#region-admin ul li a:hover{
    color: #b9b9b9;
}
.zone-side-bar{
    z-index: 1;
    background-color: grey;
    position: absolute;
    width: 25%;
    float: left;
    left: 0;
    /*display: none;*/
    visibility: hidden;
} 
.page-container{
    position: relative;
    width: 100%;
    height: 100%;
    /*width: 85%;*/
    overflow: hidden;
    /* left: 15%; */
}


/* ******* Zone Side Bar Menu Style Starts ******** */
.zone-side-bar ul{
    text-align: center;
    background-color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
}
.zone-side-bar ul li{
    list-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid grey;
}
.zone-side-bar ul li.leaf:hover{
    background-color: grey;
}

.zone-side-bar li.last{
    padding-bottom: 0px;
    border-bottom: 0px solid grey;
}
.zone-side-bar li.first{
    padding-bottom: 0px;
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
}
.zone-side-bar ul li.expanded > a{
    color: grey;
}
.zone-side-bar ul li a{
    text-transform: uppercase;
    text-decoration: none;
    color: white;
}
/* ******* Zone Side Bar Menu Style Starts ******** */


/* -- Outer Section Style Ends -- */


/* ## Header Section Style Starts ## */
.section-header{ background-color: white;  }

.zone-header{ 
/*    overflow: hidden;*/
    -webkit-box-shadow:  0px 2px 5px .1px rgba(1, 1, 1, 0.6);    
    box-shadow:  0px 2px 5px .1px rgba(1, 1, 1, 0.6);
    position: relative;
    z-index: 99;
    padding-bottom: 25px;
    height: auto;
    border-top: 3px solid #d71a21;
    
    
}
#date{
    float: left;
    width: 100%;
    padding-bottom: 3%;
}
.rgn-logo{
    padding: 1%;
    float: left;
}
.rgn-logo img{
    width: 100%;
}

.rgn-dummy-top{
    background-color: yellow;
    float: left;
}
.rgn-social{
    float: right;
    /*width: 40%;*/
}
#edit-email{
    float: left;
/*    margin-right: 175px;*/
}

#newsletter-subscribe-form > div > input[type='submit']{
    float: right;
     margin-left: 150px;
    margin-top: -30px;  
}

.icons{
    float: right;
    padding: 8px;
    height: 45.5px;
}
#edit-search-block-form--2{
    width: 550px;
}
.search-form{
    float: right;
    text-align: center;
    clear: both;
}
.search-form input[type='text']{
    /*margin: -6px;*/
    height: 35px;
    width: 470px;
    margin-right: -06px;


}
.search-form input[type='submit']{
    height: 35px;
    /*margin-left: 305%;*/
    /*margin-top: -25%;*/
}
.search-form > .search-box{
    margin-right: 15px;
}
#edit-search-block-form--4, #edit-search-block-form--2{
/*    padding: 15px;*/
}


/*#edit-submit--3{
 margin-left: 150px;
    margin-top: -30px;   
}*/
.rgn-menu{
    position: relative;
    text-align: center;
    width: 100%;

    margin-bottom: 25px;
    clear: both;
}
/* Default Menu Styling Starts */
.rgn-menu ul{
    text-align: center;
    margin-left: .5%; /* Aligns the Menu To center of the Page based on its height */

}
.rgn-menu ul ul li{
    border-right: 1px dotted grey;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    list-style: none;
    min-width: 5%;
    float: left;
    position: relative; /* Makes the Sub Menu Position to its Parrent*/
    margin-left: 0px;
    padding: .5%;
    color: black;

}
.rgn-menu ul ul li a{    
    display: block; 
    text-decoration: none;
    text-transform: uppercase;
    /*font-weight: bold;*/
}

.rgn-menu ul ul li:hover{
    background-color: #d71a21;
    cursor: pointer;
    color: white;
}

.rgn-menu ul ul li a:hover{
    color: white;
}



.rgn-menu ul ul li:last-child{
    border-right: 1px solid #d2d2d2;
}
.rgn-menu ul ul li:first-child{
    border-left: 1px solid #d2d2d2;
}

/* Sub Menu */
.rgn-menu ul ul ul{
    width: 100%;
    margin-top: 5px;
    margin-left: -10px;
    position: absolute;
    /*background-color: #ccc;*/
    height: 0px;
    overflow: hidden;
}
.rgn-menu ul ul li:hover ul{
    height: auto;
    overflow: auto;
}

.rgn-menu ul ul ul li{
    /*margin-top: -25px;*/
    float: none;
    display: list-item;
    background-color: white;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.rgn-menu ul ul ul li:first-child{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.rgn-menu ul ul ul li:last-child{
    border-right: 1px solid #ccc;
}
.rgn-menu ul ul ul li a{
    display: block;
    line-height: 35px;
}
.rgn-menu ul ul ul li:hover{
    background-color: #ccc;
}

/* --- Default Menu Styling Ends --- */


/*#superfish-1{
    text-align: center;    
    background-color: blue;
}
#superfish-1 ul{
    list-style: none;
}
#superfish-1 ul li{
    padding: 25px;
    display: inline;
}
#superfish-1 ul li a{
    padding: 5px;
    text-decoration: none;
}*/
.zone-drop-header{
    /*overflow: hidden;*/
    position: fixed;
    width: 100%;
    display: block;
    top: 0;
    z-index: 99;
    background-color: white;
    visibility: hidden;
    border-bottom: 3px solid #d71a21;
        -webkit-box-shadow:  0px 1px 2px 1px rgba(1, 1, 1, 0.5);
    box-shadow:  0px 1px 2px 1px rgba(1, 1, 1, 0.5);
}
.small-logo-rgn{
    width: 10%;
    padding: 1%;
    margin-top: .6%;
    float: left;
}
.small-logo-rgn img{
    width: 100%;
}
.small-menu-rgn{
    float: left;
    width: 85%;
    /*background-color: orange;*/
}
/* Drop Down Menu Style Starts */


.small-menu-rgn ul{
    z-index: 1;
    text-align: center;
    margin: 0 auto;
    margin-top: .5%;
    margin-left: 2%;
}

.small-menu-rgn ul ul ul li{
    border-right: 1px dotted grey;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    list-style: none;
    min-width: 1%;
    float: left;
    position: relative;/*  Makes the Sub Menu Position to its Parrent*/
    margin-left: 0px;
    /*padding: 1% 1.5% 1% 1.5%;*/
    padding: 0.5%;
    color: black;
    /*background-color: #d71a21;*/
}

.small-menu-rgn ul ul ul li a{    
    display: block;
    text-decoration: none;
    text-transform: uppercase;

}

.small-menu-rgn ul ul ul li:hover{
    background-color: #d71a21;
    cursor: pointer;
    color: white;
}

.small-menu-rgn ul ul ul li a:hover{
    color: white;
}

.small-menu-rgn ul ul ul li:last-child{
    border-right: 1px solid #d2d2d2;
}

.small-menu-rgn ul ul ul li:first-child{
    border-left: 1px solid #d2d2d2;
}
/* Sub Menu */
.small-menu-rgn ul ul ul li ul{
    /*min-width: auto;*/
    margin-top: 0px;
    margin-left: -20px;
    position: absolute;
    z-index: 1;
    background-color: #ccc;
    height: 0px;
    overflow: hidden;
}

.small-menu-rgn ul ul ul li:hover ul{
    height: auto;
    overflow: inherit;
}

.small-menu-rgn ul ul ul ul li{
    float: left;
    width: 100%;
    display: list-item;
    background-color: white;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.small-menu-rgn ul ul ul ul li:first-child{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.small-menu-rgn ul ul ul ul li:last-child{
    border-right: 1px solid #ccc;
}

.small-menu-rgn ul ul ul ul li a{
    display: block;
    line-height: 35px;
}

.small-menu-rgn ul ul ul ul li:hover{
    background-color: #ccc;
}

/* Drop Down Menu Style Ends */

#small-social-rgn{
    cursor: pointer;
    float: left;
    width: 3%;
    height: 55px;
    background-image: url('../images/social_arrow.png');
    background-repeat: no-repeat;
    background-position: center;
}
#social-drop{
    display: none;
    overflow: hidden;
    background-color: white;
    margin-top: 65px;
    -webkit-box-shadow:  0px 1px 2px 1px rgba(1, 1, 1, 0.5);
    box-shadow:  0px 1px 2px 1px rgba(1, 1, 1, 0.5);
}
#social-drop li{
    list-style: none;
}
.zone-mobile-header{
    background-color: white;
    padding-bottom: 10px;
    border-bottom: 2px solid #d71a21;
    position: fixed;
    top: 0;
    z-index: 1;
    display: none;
    width: 100%;
}

.mobile-menu-icon{
    background-image: url('../images/menuicon.png');
    background-repeat: no-repeat;
    float: left;
    padding: 16px;
    /*background-color: navy;*/
    /*height: 55px;*/
}
.mobile-menu-icon:hover{
    cursor: pointer;
}
.mobile-logo{
    text-align: center;
    float: left;
    /*background-color: wheat;*/
    width: 89%;
}
.mobile-logo img{
    width: 75%;
}

/* -- Section Header Ends -- */

/* -- Section Content Ends -- */
.section-content{
    overflow: hidden;
}

.zone-left{
    clear: both;
    
    
    
    
}

.left-rgn{
    width: 24%;
    margin-right: 1%;
    float: left;
    

}

.left-inner-rgn{
    background-color: white;
    width: 97%;   
    height: 100%;
    padding-top: 5%;
    -webkit-box-shadow:  1px 0px 0px 0px rgba(1, 1, 1, 0.4);
    box-shadow:  2px 3px 5px 0px rgba(1, 1, 1, 0.4);
}

.block-heading{
    padding-left: 3%;
    width: 100%;
    margin-top: 0%;
    padding-top: 2%;
    background-color: #ececec;
    line-height: 46px;
}
.band-bend{
    position: static;
    margin-right: -1%;
    margin-top: -5.5%;
    float: right;
    background-repeat: no-repeat;
    padding: 2%;
    background-image: url('../images/bend.png');
    background-repeat: no-repeat;
}
.left-block-inner{
    /*text-align: justify;*/
    padding: 3%;
    width: 94.1%;    
}

.middle-rgn{
    width: 54%;
    margin-right: 1%;
    float: left;
}

.wide-blocks{
    background-color: white;
    margin-top: 2%;
    padding: 1%;
    text-align: justify;
    position: relative;
    /*overflow: hidden;*/
    /*height: 320px;*/
    /**/
    width: 98%;
    float: left;
    -webkit-box-shadow:  0px 1px 2px 1px rgba(1, 1, 1, 0.3);
    box-shadow:  0px 1px 2px 1px rgba(1, 1, 1, 0.3);
    
}
#edit-actions--2{
    margin-top: 3em; 
}
.slider-left{
    width: 49%;
    float: left;
}
.slider-image{
    width: 100%;
    overflow: hidden;
    max-height: 287px;
}
.slides{
    min-height: 310px;
}
.slider-heading a{
    color: black;
    text-decoration: none;
}
.slider-time{
    margin-top: -25px;
    margin-left: 15px;
}
.slider-sum{
    margin-top: -15px;
    margin-left: 15px;
    overflow: hidden;
}
.slider-right{
    max-height: 300px;
    width: 49%;
    float: left;
    padding: 5px;
}
.field-item p{
    
    line-height: 2em;
}
.narrow-blocks-left{
    background-color: white;
    text-align: justify;
    margin-top: 1%;
    margin-right: 1%;
    /*padding: 1% 1% 1% 1%;*/
    float: left;
    width: 49.5%;
    min-height: 430px;
    -webkit-box-shadow:  0px 1px 2px 1px rgba(1, 1, 1, 0.3);
    box-shadow:  0px 1px 2px 1px rgba(1, 1, 1, 0.3);
}
.narrow-blocks-right{
    background-color: white;
    text-align: justify;
    margin-top: 1%;
    /*padding: 1% 1% 1% 1%;*/
    float: right;
    width: 49.5%;
    min-height: 430px;
    -webkit-box-shadow:  0px 1px 2px 1px rgba(1, 1, 1, 0.3);
    box-shadow:  0px 1px 2px 1px rgba(1, 1, 1, 0.3);
}

.narrow-blocks-left h2,.narrow-blocks-right h2,.wide-blocks h2{
    font-family: 'droid_serifregular';
}
#slider img{
    /*padding: 10px;*/
}
.slider-heading h2{
    text-align: left;
    line-height: 35px;
}
#chennai,#tamilnadu{
    margin-top: 5%;
}

.right-rgn{    
    width: 20%;
    margin-right: 0%;
    float: left;
}
.right-inner-rgn{
    background-color: white;
    float: left;
    width: 97%;
    margin-left: 3%;   
    padding-top: 4%;
    -webkit-box-shadow:  -2px 3px 5px 0px rgba(1, 1, 1, 0.4);
    box-shadow:  -2px 3px 5px 0px rgba(1, 1, 1, 0.4);
}
.right-block-heading{
    float: right;
    padding-left: 3%;
    width: 101%;
    padding-top: 2%;
    background-color: #ececec;
    line-height: 46px;
    /*padding-left: 3%;
    width: 100%;
    margin-top: 0%;
    padding-top: 2%;
    background-color: #ececec;
    line-height: 46px;*/
}
.right-band-bend{
    float: left;
    background-repeat: no-repeat;
    margin-left: -4%;
    margin-top: -.2%;
    padding: 2%;
    background-image: url('../images/bendright.png');
}
.right-block-inner{
    width: 95%;
    margin-top: 3%;
    padding-right: 2%;
    float: right;
    text-align: justify;
}
#gallery h2{
    float: left;
}
#gallery{
    overflow: hidden;
    height: 240px;
    margin-bottom: 25px;
}
.controls{
    float: right;
}

#control-left img{
    background-color: red;
    padding: 5px;
}
#control-right img{
    background-color: red;
    padding: 5px;
}
#control-right img:hover, #control-left img:hover{
    cursor: pointer;
    background-color: grey;
}
.scrollableContainer {
    width: 100%;
    
}
.scrollableContainer .content {
    width: 100%;
    
    
}
.scrollableContent {
    left: 0px;
    position: absolute;
    width: 3000px;
}

.scrollableContainer .scrollableContent {
    /*width: 150px;
    height: 150px;*/
    /*margin: 10px;*/
    text-align: center;
    /*padding: 5px;*/
    /*border: 1px solid #e3e1e1;*/
}

.image-holder{
    float: left;
}
.item{
    /*overflow: hidden;*/
    width: 150px;
    height: 150px;
    overflow: hidden;
    padding: 5px;
    margin-right: 5px;
}
.item img{

}
#image-title{
    width: 150px;
    margin: 0 auto;
    text-align: center;
    font-size: 1em;
}
#image-title a{
    text-decoration: none;
    color: black;
}
#image-title a:hover{
    color: grey;
}

.top-story-content{
    margin-top: -40px;
}
.top-story-node{
    border-bottom: 1px dotted black;
    padding-bottom: 15px;
    padding-top: 15px;
}
.top-story-heading{

}
.top-story-heading a{
    text-decoration: none;
    color: black;
}
.top-story-heading a:hover{
    color: #d71a21;    
}

.top-story-summery{
    margin-left: -6px;
}
.top-story-social{

}


/*---------*/

.popular-content{
    margin-top: -40px;
}
.popular-node{
    border-bottom: 1px dotted black;
    padding-bottom: 15px;
    padding-top: 15px;
}
.popular-heading{

}
.popular-heading a{
    text-decoration: none;
    color: black;
}
.popular-heading a:hover{
    color: #d71a21;    
}

.popular-summery{
    margin-left: -6px;
}
.popular-social{

}

/*---------*/
.video-content{
    margin-top: -30px;
}

.video-youtube{
    
}
.video-youtube iframe{
    width: 100%;
    height: 250px;
}
.video-heading a{
    color: black;
    text-decoration: none;
}
.video-heading a:hover{
    color: #d71a21;
}
.class-content{
    margin-top: -15px;

    padding-bottom: 25px;
}
.advt-image{
    padding-bottom: 10px;
    width: 70%;
    margin: 0 auto;
}
.advt-image img{
    width: 100%;
    height: 100%;
}
#edit-actions{
 /*   display: none;*/
}
.links{
    display: none;
}
.e-paper-pdf{
    
    width: 70%;
    margin: 0 auto;
}
.e-paper-pdf img{
    width: 100%;
}
.e-paper-heading a{
    color: black;
    text-decoration: none;
}
.e-paper-heading a:hover{
    color: #d71a21;
    text-decoration: none;
}
.section-footer{
    width: 100%;
    background-color: #222222;
    float: left;
}
.footer-content{
    /*overflow: hidden;*/
    /*background-color: red;*/
    margin: 0 auto;
}

.main-menu{
margin-left: 25%;
}

#footer-rgn-left h3,#footer-rgn-middle h3,#footer-rgn-right h3{
  padding-top: 5px;
  color: grey;
  font-family: 'droid_serifregular';
}
.footer-rgn-left{
    

}
#region-footer-first{

}
.region-footer-first-inner{
    
}
#footer-sitemap{

    
}


#region-footer-first ul{
    
}
#region-footer-first ul li{
    float: left;
    list-style: none;
    padding: 5px;
}
#region-footer-first ul li a{
    color: grey;
    text-decoration: none;
}
#region-footer-first ul li a:hover{
    color: red;
}
.footer-rgn-middle{
    float: left;
    
}
.footer-rgn-right{
    float: left;
    
}
#region-footer-first{
    margin-left: -15px;
}
#region-footer-second{
    margin-left: -10px;
}
#superfish-1 li a,#superfish-2 li a, #superfish-3 li a{
    text-decoration: none;
    color: grey;
}
#superfish-1 li a:hover,#superfish-2 li a:hover, #superfish-3 li a:hover{
    text-decoration: none;
    color: red;
}
#superfish-1{
    /*float: left;*/
    padding: 5px;
}
#superfish-2{
    /*float: left;*/
    padding: 5px;
    margin-top: -10px;
}
#superfish-3{
    /*float: left;*/
    padding: 5px;
    margin-top: -20px;
}
#power{
    float: right;
    margin-top: 25px;
    color: grey;
}
#power a{
    color: grey;
    text-decoration: none;
}
#power a:hover{
    color: white;
}
#powered{
    color: grey;
}
#service-links{
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
#advertise{
    color: grey;
}
#service-links a{
    color: grey;
    text-decoration: none;
}
#service-links a:hover{
    opacity: 0.5;
}
/* ## Zone Style Starts ## */




.zone-content{ overflow: hidden; }
/* -- Zone Ends -- */


.zone-footer{
    background-color: blue;
    height: 150px;
}
.rgn-footer-first{
    background-color: yellow;
    height: 50px;
}
.rgn-footer-second{
    background-color: blue;
    height: 50px;
}

/**** Article Page Style ****/
.article-details{
width: 100%;
float: left;
/*margin: 5px;*/
}
.user-pic{
/*float: left;*/
width: 5%;
margin-right: 5px;
}
.user-pic img{
 width: 100%;   

}
.user-name{
    /*margin-top: 30px;*/
    text-transform: uppercase;
}
.user-name a{
    text-decoration: none;
    color: grey;
}
.user-name a:hover{
    color: #d71a21;
}
.publish-date{
    float: right;
    color: grey;
}
.author{
    float: left;
    color: grey;
}
.recap{
    float: right;
}
.recap a{
    text-decoration: none;
    color: grey;
    text-transform: uppercase;
    font-size: .9em;
}   
.recap a:hover{
    color: #d71a21;
}
.article-content{
    float: left;
}
.article-tags{
    background-color: #ededed;
    padding: 3px;
    border: 1px solid #dcdcdc;
}
.article-tags a{
    color: black;
    text-transform: uppercase;
    font-size: .85em;
    text-decoration: none;
}
.article-tags a:hover{
    color: #d71a21;
}
.article-img{
    /*float: left;*/
    width: 45%;
    padding: 5px;
    margin: 5px;
    border:1px;
    border-style: double;
    border-color: grey;
}
.article-img img{
    width: 100%;
}
#node-image{
position: relative;

}
figcaption{
    clear: both;
    
    font-size: 1em;
    color: grey;
}

.article-social{
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.article-comment{
    /*background-color: red;*/
    clear: both;   
}
.comment{
    /*background-color: pink;*/
    margin: 5px 0 5px 0;
}
.comment-left-rgn{
    float: left;
    width: 7%;
    /*background-color: yellow;*/
    margin-right: 5px;
}
.pic{
    max-width: 100%;
}
.pic img{
    width: 100%;
}
.comment-right-rgn{
    border: 2px solid #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    width: 80%;
}
.comment-right-rgn-top{
    background-color: #f0f0f0;
    overflow: hidden;
}

.links a{
    text-decoration: none;
    text-transform: uppercase;
    color: #a1a1a1;
    font-size: .8em;
}
.links a:hover{
    color:#d71a21;
}
.author{
    float: left;
    margin: 5px;
    
    font-family: 'droid_sansregular';
}
.author a{
    text-decoration: none;
    color: black;
}
.submitted{
float: left;
margin: 5px;
color: grey;
font-size: .8em;
}
.comment-right-rgn-bottom{
border-top: 1px solid #dfdfdf;
}
.msg{
padding: 5px;
}

.fbshare{
    float: left;
    margin-right: 5px;
    margin-top: -4px;
}

    /* -------- Related news ---------*/
    
    .recent-article{
        /*float: left;*/
        /*width: 33%;*/
        margin: .1%;
        /*background-color: #ededed;*/
    }
    .recent-article:hover{
        /*background-color: red;*/
    }
    .recent-content{
        
    }
    .recent-image{
        margin: 5px;
        height: 100%;
        overflow: hidden;
    }
    .recent-image img{
        width: 100%;
    }
    .recent-title{
        margin: 5px;
    }
    .recent-title a{
        color: black;
        text-decoration: none;
    }
    .recent-title a:hover{
        color: #d71a21;
    }
    /* -------- Related news ---------*/

/**** Article Page Style Ends ****/



/* --------- Page Style Starts ----------*/
.page-main-article{
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px dotted grey;
}

.page-main-article-left{
    float: left;
    width: 35%;
}
.page-main-article-left img{
 width: 100%;   
}

.page-main-article-right{
    overflow: hidden;
}
.page-main-article-title{
    line-height: 28px;
    text-align: left;
}
.page-main-article-title a{
    text-decoration: none;
    color: black;
}
.page-main-article-title a:hover{
    color: #d71a21;
}
.page-main-article-summery, .list-article-summery{
    padding: 0px 15px 0 15px;
    text-align: left;
}
.page-main-article-summery a, .list-article-summery a{
    text-decoration: none;
    color:  #d71a21;
}
.top-ten{

}
.list-article{
    margin-top: 3px;
    padding-bottom: 10px;
    border-bottom: 1px dotted grey;
    overflow: hidden;
}

.list-article-image{
    width: 100px;
    float: left;
    margin: 5px;
}
.list-article-image img{
    width: 100%;
}
.list-article-title a{
    text-decoration: none;
    color: black;
}
.list-article-title a:hover{
    color: #d71a21;
}
/* --------- Page Style Ends ----------*/

/* --------- Readers Mail Style Starts-------*/

.reader-article{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted black;
    overflow: hidden;
}
.reader-subject{

}
.reader-content{

}
.reader-name{
float: right;
text-transform: uppercase;
}
.reader-place{
float: right;
font-style: italic;;
}

/* --------- Readers Mail Style Ends -------*/

/* --------- Columnist Style -----------*/
.columnist{
    overflow: hidden;
    border-bottom: 1px dotted black;
    padding-bottom: 10px;
    padding-top: 10px;
}
.columnist-left{
    padding: 5px;
    border:1px solid grey;
    margin-right: 5px;
    float: left;
}

.columnist-title h3 a{
    color: black;
    text-decoration: none;
}
.columnist-title h3 a:hover{
    color: #d71a21;
}
.columnist-image{
    height: 80px;
    width: 70px;
}
.columnist-image img{
    width: 100%;
    height: 100%;
}
.columnist-logo{
    height: 28px;
    width: 70px;
}
.columnist-logo img{
    width: 100%;
    height: 100%;
}
.columnist-name{
    font-weight: bold; margin-right: 5px;
    float: right;
}
.columnist-right{

}

/* --------- Columnist Style ends -------*/

/* --------- Node columnist Dis ---------*/
.columnist-related-news a{
    color: black;
    text-decoration: none;
}
.columnist-related-news a:hover{
    color: #d71a21;
}
.abt-columnist{
    padding: 10px;
    clear: both;
}
.columnist-related-news{
    float: left;
    padding: 10px;

}
.other-columnist{
    float: right;
    padding: 10px;   
}
.other-columnist a{
    text-decoration: none;
    color: black;
}
.other-columnist a:hover{
    color: #d71a21;
}
.columnist-pic{
    float: left;
    width: 12.2%;
    margin-right: 10px;
    text-align: left;
}
.columnist-img{

/*background-color: red;*/

}
.columnist-img img{    
width: 100%;
}
.columnist-logo{

}
.columnist-logo img{

}
.columnist-dis{

}
#list-columnist-article-summery{
    margin-left: -15px;
}
/* --------- Node Columnist Image ------- */

/**** Views Style Starts ****/
.view-recent-img{
    /*min-height: 250px;
    max-height: 360px;*/
    float: left;
    margin-left: 15px;
    margin-right: 8px;
    overflow: hidden;
    position: relative;
}

.view-recent-img img{
    /*width: 100%;*/
    margin: 0 auto;
}
.view-recent-img img:hover{
    opacity: 0.9;
}
.view-recent-heading{
    padding: 0px 8px 0px 8px;
}
.view-recent-heading h3{
    text-align: left;
}
.view-recent-heading a{
    text-decoration: none;
    color: black;
}
.view-recent-heading a:hover{
    color: #d71a21;
}
.view-recent-teaser{
    padding: 0px 8px 8px 8px;
    font-family: 'source_sans_prosemibold';
}
.view-recent-teaser a{
    color: black;
    text-decoration: none;
}
.view-recent-teaser a:hover{
    color: grey;
}
.view-share{
    padding-left: 10px;
}


.view-node{
    border-top: 1px dotted grey;
    padding: 12px;
    font-family: 'source_sans_prosemibold';

}
.node-first{
    border-top: 1px solid #d0d0d0;
}


.view-node a{
    text-decoration: none;
    color: black;
    font-family: 'droid_sansregular';
}
.view-node a:hover{
    color: #d71a21;
}
.view-node a:hover ~ #grey-arrow{ 
    margin-right: -5px;
}
.view-node a:hover ~ .view-node{
    background-color: red;
}
#grey-arrow{
    float: right;
    margin-top: -6px;
}
#white-arrow{
    display: none;
    float: right;
}
/**** Views Style Ends ****/

/* ---- Image Gallery ----- */
.view-image-gallery-event-gallery{
    margin-left: 11%;
}
.gallery-image-container{
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: red;
}

.gallery-image-holder img{

}
.gallery-image-name{

}

/* ---- Image Gallery Ends ----*/



.twitter-share-button{
    max-width: 80px;
}










.subscribe-form{
    margin: 2px;
    padding: 1px;
    float: left;
}
#edit-field-subscribe-und-0-value{
    width: 158px;
}

input[type='submit']{
    color: white;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d51d29), color-stop(1, #d51d29) );
    background:-moz-linear-gradient( center top, #d51d29 5%, #d51d29 100% );
    text-shadow:0px 0px 0px #de3b46;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0;
    border:1px solid #e6e4e4;
    display:inline-block;
    color:#ffffff;
    font-family:Trebuchet MS;
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    text-align:center;
}
input[type='submit']:hover{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #de3b46), color-stop(1, #d51d29) );
    background:-moz-linear-gradient( center top, #de3b46 5%, #d51d29 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#de3b46', endColorstr='#d51d29');
    background-color:#de3b46;
}
input[type='text']{   
    color: #727272;
}
input[type='text']:focus{   
    outline: none;
    border-color: #de3b46;
    box-shadow: 0 0 0px #de3b46;
}
.subscribe-form input[type='text']{
    margin: -6px;
    height: 35px;
}

.subscribe-form input[type='submit']{
    height:35px;
}

.bookmark{
    background-position: -50px -1px ;
    width: 33px;
    height: 31px;
    float: left;
    margin: 5px;
}
.bookmark:hover{
    cursor: pointer;
    opacity: 0.5;
}

.fb{
    background-position: -249px -1px ;
    width: 32px;
    height: 32px;
    float: left;
    margin: 5px;
}
.fb:hover{
    cursor: pointer;
    opacity: 0.5;
}
.gplus{
    background-position: -150px -1px ;
    width: 32px;
    height: 32px;
    float: left;
    margin: 5px;
}
.gplus:hover{
    cursor: pointer;
    opacity: 0.5;
}

.mail{
    background-position: -299px -1px ;
    width: 33px;
    height: 31px;
    float: left;
    margin: 5px;
}
.mail:hover{
    cursor: pointer;
    opacity: 0.5;
}
.print{
    background-position: -99px -1px ;
    float: left;
    width: 32px;
    height: 31px;
    margin: 5px;
}
.print:hover{
    cursor: pointer;
    opacity: 0.5;
}
.twitter{
    background-position: -198px 0;
    width: 32px;
    height: 32px;
    float: left;
    margin: 5px;
}
.twitter:hover{
    cursor: pointer;
    opacity: 0.5;
}
.youtube{
    background-position: 0 -1px ;
    width: 32px;
    height: 32px;
    float: left;
    margin: 5px;
}
.youtube:hover{
    cursor: pointer;
    opacity: 0.5;
}
/*Grey Icons*/
.grey-icons{
    /*padding-top: 10px;*/
    margin-left: 42%;
}
.grey-icons a{
    text-decoration: none;
    color: grey;
}
.grey-icons a:hover{
    color: red;
}

.grey-twitter{
    background-position: -1px -49px ;
    padding: 5px;
    float: left;
}

.grey-youtube{
    background-position: -1px -147px ;
    padding: 5px;
    float: left;
}

.grey-fb{
    background-position: -2px 0;
    
    padding: 5px;
    float: left;
}

.grey-gplus{
    background-position: 0 -99px ;
    
    padding: 5px;
    float: left;
}
#icon-text{
    margin-left: 35px;
    text-transform: uppercase;
    color: grey;
    font-size: .9em;

}









/* iPhone 5 Landscape */
@media screen and (min-width: 481px) and (max-width: 830px) {
    .zone-mobile-header{
        /*display: block;*/
    }
    .zone-header{ 
        /*display: none;*/
    }
    
}












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

}

 @media screen and (min-width: 769px) and (max-width: 1024px) {

 }

@media screen and (min-width: 831px) and (max-width: 1023px) {

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

}

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

}

/*iPhone 4 Potrait-Lanscape & iPhone 5 Potrait*/
@media screen and (min-width: 0px) and (max-width: 480px) {
    .zone-mobile-header{
        display: block;
    }
    .zone-header{ 
        display: none;
    }
    .zone-mobile-header img{
        margin-top: 5px;
        width: 175px;
    }
    
    .zone-drop-header{
        overflow: hidden;
        height: 0;
    }
    .section-content{
        margin-top: 50px;
    }
    .left-rgn{
        width: 100%;
    }
    .left-inner-rgn{
        width: 100%;   
        height: auto;
        padding-top: 2%;
        -webkit-box-shadow:  1px 0px 0px 0px rgba(1, 1, 1, 0);
        box-shadow:  2px 3px 5px 0px rgba(1, 1, 1, 0);
    }
    .middle-rgn{
        width: 100%;
    }
    .wide-blocks{
        padding: 10px;
    
    }
    .slider-sum{
 display: none;
}
    .slider-left{
    width: 48.5%;
    float: left;
    
}
    .slider-right{
        width: 48.5%;
     float: right;
    
    }
    .right-rgn{
        width: 100%;
    }   
    .narrow-blocks-left{
        width: 100%;

    }
    .narrow-blocks-right{
        width: 100%;
    }

    }
/* iPhone 5 Landscape */
@media screen and (min-width: 481px) and (max-width: 800px) {
    .zone-mobile-header{
        display: block;
    }
    
    .zone-mobile-header img{
        margin-top: 5px;
        width: 175px;
    }
    .zone-header{ 
        display: none;
    }
    .zone-drop-header{
        overflow: hidden;
        height: 0;
    }
    .section-content{
        margin-top: 50px;
    }

    .left-rgn{
        width: 100%;
    }
    .left-inner-rgn{
        width: 100%;   
        height: auto;
        padding-top: 2%;
        -webkit-box-shadow:  1px 0px 0px 0px rgba(1, 1, 1, 0);
        box-shadow:  2px 3px 5px 0px rgba(1, 1, 1, 0);
    }
    .left-block-inner{
        width: 100%;
    }
    .middle-rgn{
        width: 100%;
        margin-right: 0%;

    }  
    .narrow-blocks-left{
        padding-left: 0%;
/*padding:3%;*/
float: left;
width: 100%;
height: auto;
}

    .narrow-blocks-right{
        padding-left: 0%;
        /*padding: 3%;*/
        float: left;
        width: 100%;
        height: auto;
    }
    .wide-blocks{
        padding-left: 0%;
        /*padding: 3%;*/
        float: left;
        width: 100%;
        height: auto;
    }
    .right-rgn{    
        width: 100%;
        /*margin-right: 0%;*/
        float: left;
    }
    .right-inner-rgn{
        background-color: white;
        float: left;
        width: 100%;
        margin-left: 0%;   
        padding-top: 1%;
        -webkit-box-shadow:  -2px 3px 5px 0px rgba(1, 1, 1, 0);
        box-shadow:  -2px 3px 5px 0px rgba(1, 1, 1, 0);
    }
    .right-block-heading{
        float: left;
        padding-left: 3%;
        width: 100%;
        padding-top: 0%;
        background-color: #ececec;
        line-height: 46px;
    }
    .right-band-bend{
        display: none;
        float: left;
        background-repeat: no-repeat;
        /*margin-left: -4%;*/
        /*margin-top: -.2%;*/
        /*padding: 2%;*/
        /*background-image: url('../images/bendright.png');*/
    }
    .right-block-inner{
        /*width: 95%;*/
        /*margin-top: 3%;*/
        /*padding-right: 2%;*/
        /*float: right;*/
        text-align: justify;
    }
    .video-content{
        width: 100%;
 margin-left: -3%;       
    
    
}
    .video-youtube iframe{
        width: 100%;
        height: 500px;
    }
    
}