.subpage #content { padding-left: 0%; padding-right: 0%; width: 100%; float: right; margin-right: 0; *margin-left: -1.66em; display: inline; }
@media (min-width: 61.5em) { .subpage #content { float: none; width: auto; margin-right: auto; padding: 0 0 4em 0; float: left; width: 80%; } }

#sidebar { overflow: hidden; width: 100%; float: left; margin-right: 4.32067%; display: inline; }
@media (min-width: 61.5em) { #sidebar { float: none; width: auto; margin-right: auto; float: right; width: 17%; margin-bottom: 4em; } }

/* Search */
form#article-search.detail { margin-top: 2em; }

form#article-search { border: 0; width: 100%; margin-bottom: 2em; }

form#article-search fieldset { border: 0; width: 97%; padding: 5px; background: #ffffff; border: 1px solid #f1f1f1; overflow: hidden; }
@media (min-width: 61.5em) { form#article-search fieldset { width: 85%; } }

form#article-search #article-search-term { float: left; width: 79%; height: 20px; line-height: 18px; color: #999999; border: 0; padding: 0; background: none !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

form#article-search #article-search-submit { float: right; width: 18px; height: 21px; border: 0; background: url(/_assets/img/layouts/article_search_go.png) no-repeat; /*img replace hack*/ display: block; margin: 0; padding: 0 !important; text-indent: -9999px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
@media (min-width: 61.5em) { form#article-search #article-search-submit { width: 13%; } }

.filters h6 { display: block; }

.results { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #ebebeb; }

.results h3 { margin-bottom: 0; }

.results h3 a { text-decoration: none; }

.results h3 a:hover { color: #333333; }

.results .meta { color: #999999; margin-bottom: 0; }

.results .summary { margin-bottom: 0; }

/* Articles */
.items article { overflow: hidden; margin-bottom: 40px; }

article img { float: left; margin-right: 2%; max-width: 100%; min-width: 100%; width: 100%; height: auto; }
@media (min-width: 37.5em) { article img { width: 26%; min-width: inherit; } }

article.push header { width: 100%; }
@media (min-width: 37.5em) { article.push header { width: 72%; } }

article header { float: left; width: 100%; }
@media (min-width: 37.5em) { article header { width: 100%; } }

.sub article h3 { margin-bottom: 5px; font-size: 1.8em; }

article h3 { font-size: 1.65em; margin: 0 0 0.2em 0; }

article h3 a { text-decoration: none; font-size: 1em; line-height: 1em; font-weight: bold !important; }

article .meta { font-size: 1.1em; line-height: 1.2em; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ebebeb; }

article .meta a { text-decoration: none; }

article .summary { margin-bottom: 0; }

article .media { padding: 20px 0; overflow: hidden; display: table; margin: 0 auto; }
@media (min-width: 37.5em) { article .media { display: block; float: right; margin: 0; padding: 0; } }

article .media li { display: block; float: left; padding: 0; font-size: 30px; margin-left: 8px; margin-bottom: 0; line-height: 1em; }
article .media li a { display: none; }
article .media li a.visible { display: block; }
@media (min-width: 37.5em) { article .media li { font-size: 25px; } }

/* article detail */
article.detail { margin: 0; overflow: visible; }

article.detail .title { padding: 0 0 10px 15px; /*left padding should match header left padding*/ overflow: hidden; }

article.detail .title h2 { display: inline; float: left; width: 50%; margin: 0; }

article.detail .title h2 a { text-decoration: none; }

article.detail .title h2 a:hover { color: #333; }

article.detail .meta { display: inline; float: right; border: 0; width: 45%; text-align: right; font-size: 1.3em; padding-top: 5px; margin: 0 0 0 5%; }

article.detail header { position: relative; float: none; background: #f0f0f0; width: 94%; padding: 3%; margin-bottom: 15px; }

article.detail .media li a { background-image: url(/_assets/img/layouts/article_media_btn_grey.png); }

article.detail img { float: left; width: auto; margin-right: 15px; margin-bottom: 15px; max-width: 100%; }
@media (min-width: 61.5em) { article.detail img { max-width: 50%; } }
@media (min-width: 61.5em) { article.detail img { max-width: 450px; } }

article.detail .summary { font-size: 1.6em; }
@media (min-width: 37.5em) { article.detail .summary { margin-top: 50px; } }

article.detail .media { clear: both; display: table; margin: 0 auto; }
@media (min-width: 37.5em) { article.detail .media { display: block; clear: none; float: right; padding-bottom: 20px; } }

/* sidebar */
aside select { width: 100%; margin-bottom: 15px; }

aside h2 { color: #999999; font-size: 1.6em; margin-bottom: 5px; }

aside .return { margin: 15px 0 20px; font-size: 1.3em; line-height: 1; }

aside .return a { display: block; background: #dedede url(/_assets/img/layouts/article_arrow_return.png) no-repeat 5px 50%; padding: 7px 0 5px 15px; text-decoration: none; color: #999999; font-size: 14px; }

aside .return a:hover { background-color: transparent; }

aside .sidebar-article { margin: 0 0 15px 0; }

aside .sidebar-article a { text-decoration: none; }

aside .sidebar-article a:hover { color: #333333; }

aside .sidebar-article img { max-width: 150px; margin-bottom: 5px; }

aside .sidebar-article h3 { font-size: 1.3em; margin: 0; line-height: 1.5em; }

aside .sidebar-article p { color: #999999; font-size: 1em; margin: 0; }

/* Featured */
.featured { padding: 6%; margin-bottom: 15px; overflow: hidden; min-height: 226px; }
@media (min-width: 37.5em) { .featured { padding: 3%; } }
@media (min-width: 61.5em) { .featured { padding: 2%; } }

.featured h2 { font-size: 2.2em; margin-top: 0; margin-bottom: 0.8em; font-weight: bold !important; }

.featured .thumbnails { float: left; width: 20.2%; display: none; margin-right: 10px; }
@media (min-width: 37.5em) { .featured .thumbnails { display: block; } }

.featured .thumbnail.alt { margin-bottom: 10px; }

.featured .thumbnail img { max-width: 100%; min-width: 100%; height: auto; display: block; border: 0; margin: 0; }

article.feature { margin: 0; float: left; width: 100%; }
@media (min-width: 37.5em) { article.feature { max-width: 78%; } }
article.feature p.summary { font-size: 1.25em; line-height: 1.78em; }
@media (min-width: 37.5em) { article.feature .media { margin-top: -30px; } }
@media (min-width: 61.5em) { article.feature .media { margin-top: -40px; } }

article.feature header { display: block; position: relative; float: none; width: 100%; margin: 0; padding: 0; }

article.feature img { float: left; width: 100%; height: auto; }
@media (min-width: 37.5em) { article.feature img { max-width: 53%; margin-right: 15px; margin-bottom: 15px; } }

@media (min-width: 37.5em) { article.feature header h3 { clear: right; } }

article.feature .meta { border: 0; }

/* Pagination (You may want to use this in your main stylesheet). */
#pagination { padding: 10px; background-color: #f1f1f1; }

#pagination a { padding: 5px 8px; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #555555; margin-right: 3px; }

#pagination a:hover { color: #ffffff; }

#pagination a#current { color: #fffeff; }

#pagination a#off { color: #cccccc; }

#pagination a#off:hover { background-color: transparent; color: #cccccc; }

/* Filter */
.filters { overflow: hidden; position: relative; z-index: 1000; }

.filters h6 { margin-top: 1em; margin-bottom: 10px; color: #999999; font-size: 1.6em; font-weight: normal; }

/* @group Select Menus */
.ui-selectmenu { display: block; position: relative; height: 2.4em; width: 150px; text-decoration: none; overflow: hidden; margin-bottom: 5px; background: #dedede url(/_assets/img/layouts/article_selectmenu_icon.png) no-repeat 95% 50%; padding: 5px 0; }

#content a.ui-selectmenu:hover { text-decoration: none; }

aside select { margin-bottom: 15px; height: 36px; }

/* =Override
---------------------------------------------------------------------
*/
#results { padding-left: 25px; }