.banner
{
background:none;
height:auto;
margin:-10px 0 0 0;
padding:0 0 0 5px;
text-align:center;
min-height:360px;
}

.banner img
{
margin:0;
}


#quicklink
{
background:url(shadow_h.jpg) no-repeat center bottom;
text-align:center;
padding:0 20px 30px 20px;
display:block;
margin:0 auto;
}

#quicklink a
{
width:23%;
display:inline-block;
padding:5px 0;
}

#quicklink a:hover
{
background:#e0e5f5;
}

#maincontent
{
padding:0 30px 20px 30px;
}

#maincontent .Zine h2
{
font-size:200%;
text-transform:uppercase;
}

img.ZineThumb {
max-width: none !important;
}


/*********** Article Slide **************/

div.ArticleSlide
{
display:inline-block;
width:97%;
margin:7px auto;
padding:0;
position:relative;
}


div.ArticleSlide #body {
display:block;
margin:0;
padding:0;
z-index:10;

}

.clearfix {
clear:both;
}

#bigPic {
padding:0;
margin:0;
}

#bigPic div.ArticleSlideImage {
display:none; /* important */
z-index:1;
margin:0;
padding:0;
cursor:pointer;
float:left;
width:90%;
height:100%;
overflow:hidden;
}

div.ArticleSlideImage img {
max-height:100%;
max-width:100%;
min-height:360px;
width:900px;
height:auto;
margin:0px;
position:absolute;
bottom:0;
right:0;
}

#thumblist {
line-height:90%;
width:10%;
z-index:1000;
padding:0 !important;
margin:0 !important;
float:right;
}

ul#thumbs {
width:100%;
list-style:none;
margin:0 !important;
padding:0 !important;
float:left;
}

ul#thumbs li{
width:100%;
display:inline;
/display:inline-block;
background:none;
margin:0 !important;
padding:0 !important;
}

ul#thumbs li.active {
}

ul#thumbs li a:hover {
text-decoration:none;
}

ul#thumbs li.active a {
border:0 solid #ccc;
background:#339933 !important;
margin:0 !important;
padding:5% 6% 5% 5%!important;
}

/* Safarri & Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
ul#thumbs li a { width:100% !important;  }
ul#thumbs li.active a { width:90% !important; padding:5px !important; }
}

ul#thumbs li.active a img{
width:100% !important;
height:80px !important;
}

ul#thumbs li a {
display:block;
line-height:50%;
cursor:pointer;
border:0px !important;
margin:0;
padding:0;
float:left;
}

ul#thumbs img {
text-decoration:none;
width:100% !important;
height:90px !important;
overflow:hidden;
z-index:5;
margin:0 !important;
border:0;
}

ul#thumbs li a img
{
max-width:100% !important;
}

ul#thumbs span {
display:none;
line-height:90%;
padding:0;
}

.caption {
z-index:20;
position:absolute;
left:40px;
top:30px;
text-align:left;
display:none;
width:270px;
background:#333;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
color:#fff;
margin:0;
padding:20px
}

.caption h4 {
font-size:190%;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
margin:0;
padding:0 0 10px 0;
color:#fff !important;
line-height:105%;
}

.caption a {
color:#fff;
text-decoration:none;
margin:0;
padding:0
}

.caption .active {
display:block;
}


@media screen and (max-width:986px) {
#quicklink a{width:23% !important;}
ul#thumbs li.active a { padding:5px 4px 5px 5px !important; }
.banner{min-height:0;}

}

@media screen and (max-width:850px) {
ul#thumbs li.active a { padding:5px 3px 5px 4px!important; }

}

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

ul#thumbs li.active a { padding:3px !important; }

div.ArticleSlideImage img {
min-height:240px;
width:700px;
}

ul#thumbs li.active a img{
height:50px !important;
}

ul#thumbs img {
height:60px !important;
}

div.ArticleSlide{min-height:200px;max-width:100%;overflow:hidden;}
#quicklink a{margin:3px 10px;width:20% !important;}

}




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

.banner{display:none;}

#header{height:auto;}

/* MENU */

#header ul#MainMenu{display:inline-block !important;}
a#gotomenu{display:none!important;}

#mainmenu{height:auto;}

#quicklink a{width:45% !important;margin:0;}


}