h1, h2, p { margin-bottom: 10px; }
.media img { border: 1px solid #DEDEDE; }

.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix {display: block; }

#header, #navbar, #issues, .features_carousel, .controls, .index>div { margin-left: 0; margin-right: 0; }
#header {position: relative; }

#search { padding-bottom: 10px; border-bottom: 1px solid #D4D4D4; margin-bottom: 5px; text-align: center; }
#search input[type="text"] { border: 1px solid #D4D4D4; width: 63%; padding: 3px 3px; margin: 0 0.25em; }

#pages { margin: 5px 0; }
#pages a+a+a { margin-right: 10px; }

#left_column, #article { margin-right: 0; padding-right: 9px; border-right: 1px solid #DEDEDE; }
#content { margin-left: 0; padding-left: 9px; border-left: 1px solid #DEDEDE;  }
#right_column>div { margin-right: 0; margin-left: 0; }

/* Site borders/colours
body { background-color: #99CCFF; }
#header { background-color: #FFF; }
.controls { background-color: white; border: 1px solid #CCC; padding-top:5px; border-width: 0 1px 1px 1px; }
#right_column { background-color: white; border: 1px solid #CCC; }
*/

ol#sections { background-color: #EFEFEF; border: 1px solid #CCC; }
ol#sections { border-width: 1px 0; padding: 0 5px; margin-bottom: 10px; }
ol#sections li {  padding: 9px 5px; float: left;  }
ol#sections li+li { margin-left: 5px; }

.features_carousel { border: 1px solid #CCC; }
.features_carousel li { position: relative; margin:0; }
.features_carousel .media { height: 300px; overflow: hidden; }
.features_carousel .teaser {width:auto !important; width:100%;font-size:11px; margin:0px; padding:0px; position:absolute; bottom:0px !important;bottom:-1px; left:0px; right:0px; background:#303030; }
.features_carousel .teaser>div { padding: 5px 10px; }
.controls { padding: 5px 0; border-bottom: 1px solid #DEDEDE; padding-bottom: 5px; margin-bottom: 10px;}
.controls button { background: none; border: none; margin: 0; padding:0; cursor: pointer;}
.controls button img { border: 1px solid white; }
.controls button.current img { border: 1px solid purple; }

#latest_issue { margin-top: 5px; margin-bottom: 10px; }
#latest_issue>h1 { margin-bottom:3px; }
#latest_issue img { border: 1px solid #DEDEDE; } 

.info>div {  margin-bottom: 5px; }
.info>.section, .info>.date, .info>.comments { z-index: 2; position: relative; }
.info>.section, .info>.date { float: left; }
.info>.date { padding-right: 5px; }
.info>.section { padding: 0 5px 0 0; margin-left: 0.15em; }


.loud p { clear: left; }
.loud .byline { float:left }

.article_list, .article_list li { float: left; }
.article_list li { clear: left; width: 100%; }

#sections, .section, .section h1 { margin: 0; }
div.section { padding: 10px 0; }
#sections div.section { border-top: 1px solid #DEDEDE; }
div.section li { margin-top: 10px; }
div.section ol { padding-left: 20px; }
#sections { margin-bottom: 10px; }

#multimedia .teaser+.teaser { margin-top: 10px; border-top: 1px solid #DEDEDE; padding-top: 9px; }
#multimedia .media { height: 140px; overflow: hidden; }

#article { padding-top: 10px; }
#article h1 { margin-bottom: 20px; }
#article p { width: 540px; }
#article .media { float: right; }
#article .media small { display: block; text-align:right; }
#article .media.grid_8 { margin-left: 0; margin-right: 0; }
#article .info>div { float: none; margin-bottom: 10px; }

.index>h3 { margin: 10px 0; }
.index>div, .index ol li { margin: 10px 0; padding-top: 10px; border-top: 1px solid #DEDEDE; }
.index .info { margin-bottom: 10px; }

#issues ol { list-style: none; }
#issues li { float: left; padding: 10px; }
#issues li:hover { background-color: #EFEFEF; }
#issues li p { margin: 5px 0px; text-align: center; }

#issue .cover-image { float: right; }
#issue ul { margin-bottom: 1.6em; }

.blog h3 { padding-bottom: 10px; }
ol.entries { width: 100%; margin: 10px 0; }
ol.entries li, #blogs>div { padding: 10px 0; border-top: 1px solid #DEDEDE; }

.entry>h3, #blogs>h3 { margin-bottom: 15px; }

/*Footer*/
#footer { margin:0; padding:10px 0; border-top: 1px solid #DEDEDE; margin-top: 10px; }
#footer p {float:right; margin-bottom: 0px;}
#footer ul.pages { float: left; cursor: pointer; width: 70%; text-align: left; }
#footer ul.pages li { margin-left: 0; margin-right: 10px; }
#footer ul.pages li:hover { text-decoration: underline; }