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 { float: right; text-align: right; margin: 2px 0px; position: absolute; bottom:5px !important;bottom:4px; right: 0; }
#search input[type="text"] { border: 1px solid #D4D4D4; width: 67%; padding: 3px 3px; margin: 0 0.25em; }

#pages { margin-bottom: 4px; }
#pages a+a+a { margin-right: 10px; }

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

/* Site borders/colours
body { background-color: #F0F0F0; }
#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: -10px; margin-bottom: 5px; }
#latest_issue>h1 { margin-bottom:2px; }
#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 { margin-bottom: 10px; border: opx solid #DEDEDE; padding: 0px;}
#multimedia .media { height: 140px; overflow: hidden; }
#features { position:relative; top:28px; background: #EFEFEF; margin-bottom:25px; }
#photos { margin-bottom:25px; }



#blogs { margin-top: 10px; border-top: 1px solid #DEDEDE; padding-top: 9px; }
#blogs .media { height: 140px; overflow: hidden; }
#features h1 { margin-top:-10px;  }


#article { padding-top: 10px; }
#article h1 { margin-bottom: 20px; }
#article p { width: 540px; }
#article .title { font-family: Arial;}
#article .media { float: 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; }

#blogs { margin-left: 0; margin-right:0; } - this refers to the containing div
#blogs h3 - This is the "From blogs" header
#blogs h3 a - This is also the "From blogs" header, but refers specifically to the anchor ("a") tag.
#blogs ol, li { margin-left: 0; } - Lists often have some left padding built in, you probably don't want it in this context.
#blogs ol { list-style: none} - This prevents the list number from displaying.

.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; }

/*Pagination*/
.pagination { text-align: center; padding: .3em; }
.pagination a, .pagination span { padding: .2em .5em; }
.pagination span.disabled { color: #AAA; }
.pagination span.current { font-weight: bold; color: #034082; }
.pagination a { border: 1px solid #DDDDDD; color: #000000; text-decoration: none; }
.pagination a:hover, .pagination a:focus { border-color: #003366; background: #ffffff; color: 000000; }
.pagination .page_info { color: #aaa; padding-top: .8em; }
.pagination .prev_page, .pagination .next_page { border-width: 2px; }
.pagination .prev_page { margin-right: 1em; }
.pagination .next_page { margin-left: 1em; }