@charset "UTF-8";
/* Blog CSS */


a.article-headline-link-blog:link {
    color: #000000;
    text-decoration: none;
}

a.article-headline-link-blog:hover, a.article-headline-link-blog:active {
    color: #d6121a;
    text-decoration: underline;
}

.module {
margin-bottom: 20px;
}

.module.top-pad {
margin-top: 20px;
}

.sub-headline {
    color: #000000;
    font-family: archer;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-top: -4px;
}
a.intro-blog:link, a.intro-blog:visited, a.intro-blog:active {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

a.intro-blog:hover {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.writer {
    color: #d6121a;
    float: left;
    font-size: 10px;
    font-weight: bold;
    overflow: auto;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 5px;
}
.article-headline-link-blog {
    color: #000000;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    /* font-family: 'Gotham A', 'Gotham B', Arial, Helvetica, sans-serif; */
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    max-height: 90px;
    overflow: hidden;
    text-decoration: none;
}

a.byline:link, a.byline:visited, a.byline:active {
	text-decoration:none;
	color: #d6121a;
}

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

.read-comment {
    color: #d6121a;
}

a.read-comment:link, a.read-comment:visited, a.read-comment:active  {
    color: #d6121a;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

a.read-comment:hover {
	text-decoration:underline;
}


.middle {
	width: 100%;
	display: block;
	overflow:hidden;
}
.section {
	width: 100%;
//	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display:table;
}
.left {
	float: left;
	height: auto;
	width: 660px;
}
.article-snip-blog {
	margin-bottom: 5px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	height: 158px;
    margin-bottom: 20px;
}

.blog-content {
    float: right;
    height: 160px;
    overflow: hidden;
    text-align: left;
    width: 495px;
    font-size: 14px;
    margin-top: 2px;
}
.blog-text {
    height: 136px;
    overflow: hidden;
}
.intro-blog {
    line-height: 21px;
    margin-top: 2px;
}
.pad {
margin-bottom: 20px;
text-align: center;
padding-top: 10px;
}
.article-image-blog {
    float: left;
	width: 158px;
}
.module-1-d, .module-2-d, .module-3-d, .module-4-d, .module-5-d, .module-2-m, .module-3-m, .module-4-m, .module-5-m  {
	    background-image: url("../ad-bg.png");
    background-position: 0 0;
    background-repeat: repeat;
    float: right;
    height: 250px;
    margin-top: 0;
    max-width: 320px;
    overflow: hidden;
    text-align: center;
    width: 320px;
	margin-bottom:5px;
}
.module-1-d {
	margin-top: 0px !important;
}
.left .right-col-article {
    display: block;
    float: right;
    overflow: visible;
    text-align: center;
    width: 320px;
}


h4.blog-info {
    color: #888888;
    font-size: 10px;
    font-weight: normal;
    margin-top: 2px;
    text-transform: uppercase;
    margin-bottom: 0;
}
h4.blog-info span {
    white-space: nowrap;
    float: right;
}
.module-1-m,.module-2-m {
	display: none !important;
}

.ThumbBackground {
float: none !important;
margin:4px auto !important; 
width:150px;
height:150px;
overflow:hidden;
position:relative;
text-align:left;
}
.ThumbBackground .img {
border: none;
}
.blog-thumb-s {
height: 150px;
width: 150px;
}
.blog-thumb-h {
height: 150px;
}
.blog-thumb-v {
width: 150px;
}
.pagination {
  text-align:center;
}
.right-items {
    float: right;
}
.right-container {
    margin: auto;
    width: 320px;
}
.section-title.promo {
  color: #2ba9d1;
  border-bottom: 4px double #3cbae2 !important;
  font-family: 'Rokkitt',serif;
}
/* ----------------------------------------600PX---------------------------*/
@media (max-width: 1000px) {
.blog-content {
height: 155px;
}
.pad {
margin-bottom: 10px;
}
.module {
margin-bottom: 10px !important;
}
.article-snip-blog {
margin-bottom: 10px !important;
}
.right-col-article {
float: left !important;
width: 660px !important;
}
.mobile-ads-blog {
height: 250px !important;
margin-bottom: 5px;
}
.right-container {
    margin: auto;
    width: 660px;
}
.right-items {
    width: 100%;
}
}
/* ----------------------------------------300PX---------------------------*/
@media (max-width: 660px) {
.left {
width:320px !important;
height: auto !important;
margin-left:0px !important;
}
.mobile-ads-blog {
height: 500px !important;
}
.blog-text {
height: auto;
}
.right-col-article {
float: left !important;
width: 320px !important;
}
.article-snip-blog {
margin-bottom: 5px !important;
}
.article-image-blog {
width: 100% !important;
margin: 10px 0 0;
}
.blog-content {
margin: 5px 10px 10px !important;
overflow: visible !important;
width: auto !important;
}
.article-snip-blog {
border-bottom: medium none !important;
display: block;
height: 570px !important;
}
.section-title {
width: 320px !important;
}
.blog-thumb-s {
height: 300px;
width: 300px;
}
.blog-thumb-h {
height: 300px;
}
.blog-thumb-v {
width: 300px;
}
.ThumbBackground {
width: 300px;
height: 300px;
}
h4.blog-info {
font-size: 12px;
text-align: center;
line-height: 16px;
}
h4.blog-info span {
    float: none;
}
.module.stash {
display: none;
}
.right-container {
    margin: auto;
    width: 320px;
}
}

