/* CSS for Article Archive */

.row .section { margin-bottom: 20px; }
h2 { font-size: 150%; }

#years h1 { margin-bottom: 10px; }
#years h3 { font-weight: normal; }
#years ul { padding: 0 0 0 20px; margin-top: 10px; font-family: Helvetica, Arial, sans-serif; }
#years ul li { padding: 5px; font-size: 15px; }
#years .span3 { border-bottom: 1px solid #e6e6e6; }
#years ul li a { color: #125581; }
#years ul li a:hover { }

.calendar { width: 100%; font-size: 0.75em; line-height: 1.25em; border-collapse: collapse; border-spacing: 0; font-family: Helvetica, Arial, sans-serif; margin: 1em 0 2em; }
.calendar td { text-align: center; }
.calendar tr, th, td { box-sizing: border-box; }
.calendar th, .calendar td { margin: 0; width: 14.2857%; border: 1px solid #c6c6c6; vertical-align: center; }
.calendar td { font-weight: bold; font-size: 18px; color: #c6c6c6; padding: 15px 10px; }
.calendar .day { display: block; font-weight: bold; font-size: 18px; color: #125581; position: relative; }
.calendar td .day:hover { text-decoration: underline; }
.calendar span.day, .calendar span.day:hover { color: #bbb; text-decoration: none; }

ul.article-list{margin-bottom:20px;}
.article-list, .article-list ul { list-style: none; padding: 0; margin: 0; }
.article-list ul li { border-bottom: 1px solid #e6e6e6; padding:8px 8px 3px 0; margin-bottom:3px; }
.article-list li > a { color: #125581; display: block; margin-bottom:5px;}
.article-list li > a:hover { color: #333; }
.article-list li span{display:inline-block; margin-right:8px; font-family:Helvetica, Arial, sans-serif; font-size: 14px;}
.article-list .section { }
.article-list .section a { }
.article-list .topic { }
.article-list .topic a {background-color:#EFEFEF; color:#333; border-radius:14px; padding:3px 6px;}
.article-list .topic a:hover{background-color:#D7D7D7;}
.article-list .author {color: 333; }

#content_right .calendar .day { padding: 12px 10px; }
#content_right .today .day:before { content: ""; display: block; width: 26px; height: 26px; border: 1px solid #0088cc; position: absolute; top:15%; left: 14%; }

.section-heading > li:first-child { border-bottom: 2px solid; padding-left:0; padding-bottom:0; }
.section-heading.news > li:first-child { border-color: #C00; }
.section-heading.sport > li:first-child { border-color: #3EA447; }
.section-heading.business > li:first-child { border-color: #1190AF; }
.section-heading.opinion > li:first-child { border-color: #777552; }
.section-heading.life-and-style > li:first-child { border-color: #FF6600; }
.section-heading.culture > li:first-child { border-color: #B74F7D; }
.section-heading.news h3 a, .section-heading.news .section a { color: #C00; }
.section-heading.sport h3 a, .section-heading.sport .section a{ color: #3EA447; }
.section-heading.business h3 a, .section-heading.business .section a{ color: #1190AF; }
.section-heading.opinion h3 a, .section-heading.opinion .section a{ color: #777552; }
.section-heading.life-and-style h3 a, .section-heading.life-and-style .section a{ color: #FF6600; }
.section-heading.culture h3 a, .section-heading.culture .section a{ color: #B74F7D; }
.section-heading .section { margin-bottom: 0; }

/*pagination*/
.page_number_holder .button-link{display:inline-block; padding:6px 8px; background-color:#EFEFEF; color:#333; border-radius:3px; font-family:Helvetica, Arial, sans-serif; font-size: 14px; border:1px solid #C6C6C6;}
.page_number_holder .button-link:hover{background-color:#D7D7D7;}

@media only screen and (min-width: 320px) and (max-width: 479px) {
}

@media only screen and (min-width: 480px) and (max-width:767px) {
	#content_right .today .day:before{left:28%;}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	#content_right_upper, #content_right { width: 300px; }
	#content_left_upper, #content_left { width: 426px; }
	#years .span3 { width: 166px; }
}