html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}

:focus {
    outline: 0;
}

body {
    line-height:1;
    background:url(../img/html-bg.png) 0 0 repeat;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display:block;
}

#container nav ul {
    list-style:none;
}

#container ol,
#container ul {
    list-style:none;
}

blockquote,
q {
  	background: url("http://c252927.r27.cf1.rackcdn.com/feed/img/blockquote-open.png") no-repeat scroll 5px 5px #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    padding: 1.2em 10px 1em 52px;
    quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content:'';
    content:none;
}

#container a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
}

/* change colours to suit your needs */
#container ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
#container mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

#container table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
#container hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #fff;
    margin:1em 0;
    padding:0;
}

/*Hack for IE7 to display only the border-top value*/
*hr {
    border-bottom:0px solid;
}

input,
select {
    vertical-align:middle;
}

/* END CSS RESET */

/* MAIN STRUCTURE
====================*/
html {
    font-family:Helvetica, Arial, sans-serif;
    font-size:62.5%;
}

body {
    height:100%;
}

html,
body {
    margin:0;
    padding:0;
    height:100%;
}

#container {
    background:url(../img/container-bg.png) 0 0 repeat-x;
}

#container #wrapper {
    margin:0 auto;
    background:url(../img/body-bg.png) 0 0 repeat-y;
    min-height:100%;
    overflow:hidden;
    padding-bottom:72px;
}

/* GENERAL TYPOGRAPHY
=============================*/
#container h1,
#container h2,
#container h1 a,
#container h2 a {
    font-family: Helvetica, Arial, sans-serif;
    color:#7549AB;
    color:#333;
    margin: 1em 0 0.5em;
    font-weight:normal;
}

#container h1 {
    margin-top: 0.4em;
    font-size:2em;
    text-shadow:-1px -1px 1px #b6b6b6;
    text-shadow:none;
    line-height: 1em;
}

#container header.banner h1 {
    bottom:-76px;
    float:left;
    font-size:25px;
    font-weight:normal;
    left:-115px;
    letter-spacing:-1px;
    position:relative;
    text-shadow:none;
    line-height:20px;
}

#container header.banner h1 a,
#container header.banner h1 a:hover {
    color:#333;
    text-decoration:none;
}

#container header.banner h1 span {
    display:block;
    margin-left:31px;
}

#container h2 {
    color:#e69224;
    font-size: 1.6em;
    margin-bottom:11px;
    line-height: 1.2em;
}

#container h3 {
    color:#666;
    font-size:1.4em;
    font-weight:bold;
}

#container h4 {
    color:#666;
    font-size:1.2em;
    font-weight:bold;
}

#container h5 {
    color:#666;
    font-size:1em;
    font-weight:bold;
    margin-bottom:10px;
}

#container h6 {
    color:#666;
    font-size:1.4em;
    font-weight:bold;
    margin-bottom:10px;
}

#container p {
    margin-bottom: 15px;
}

#container a {
    color:#629d0e;
    color:#5395D8;
    text-decoration:none;
}

#container a:hover {
    text-decoration:underline;
}

#container section.main section.article-box em {
    background: none repeat scroll 0 0 #F9F9F9;
    color:#59855F;
    font-style:italic;
    font-weight:normal;
    padding:1px;
}

#container section.main section.article-box a {
    text-decoration:underline;
}

/* match H1 with section colors */
/*#container .articles h1, #container .articles h2, #container .articles h1 a, #container .articles h2 a { color:#FF7A0D; }
#container .advocate-news h1, #container .advocate-news h2, #container .advocate-news h1 a, #container .advocate-news h2 a { color:#26CCBA; }
#container .tips-tricks h1, #container .tips-tricks h2, #container .tips-tricks h1 a, #container .tips-tricks h2 a { color:#D80707; }
#container .squiz-news h1, #container .squiz-news h2, #container .squiz-news h1 a, #container .squiz-news h2 a { color:#96c40a; }*/

/* HEADER SECTION
=============================*/
#container header.banner {
    height:158px;
    overflow:hidden;
    position:relative;
    background:url(../img/container-bg.png) 0 0 repeat-x;
}

#container header.banner #logo {
    float:left;
    margin-top:-1px;
    overflow:hidden;
}

#container header.banner #logo img {
    width:100%;
}

#container header.banner #header-nav {
    position:absolute;
    right:0;
}

#container header.banner #header-nav #search {
    height:40px;
    margin-bottom:0;
}

#container header.banner #header-nav #search form {
    float:right;
}

#container header.banner #header-nav a#all-rss {
    display:block;
}

select#mobile-menu {
    display:none;
    margin:1em 0 3px;
    font-size:1.5em;
    width:154px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0.1em solid #888888;
}

#container header.banner a.rss {
    background:url(../img/lrg-rss-btn.gif) 100% 0 no-repeat;
    color:#666;
    font-weight:bold;
    font-size:1.2em;
    float:right;
    display:block;
    height:30px;
    line-height:30px;
    margin-top:5px;
    padding-right:30px;
    margin-right:4px;
}

#container header.banner form {
    margin-top:6px;
    display:block;
}

#container header.banner form input { /*must be in fot IE7*/
    border:0px solid #fff !important;
    float:left;
    padding:0px;
    margin:0px;
    line-height:32px;
}

#container header.banner form input {
    background:url(../img/search-bg.png) 0 0 no-repeat;
    width:208px;
    height:34px;
    padding-left:10px;
    color:#999;
}

#container header.banner form input.submit {
    background:url(../img/search-button-bg.png) 0 0 no-repeat transparent;
    text-indent:-9999px;
    width:34px;
    height:34px;
    cursor:pointer;
}

#container header.banner form input.submit:hover {
    background:url(../img/search-button-bg.png) 0 -34px no-repeat transparent;
}

/* no results listed message */
.no-articles-listed {
    font-size: 1.5em;
    margin: 22px 0;
    text-align: center;
}

.no-articles-listed p {
    padding: 0 70px;
}

/* search page elements */
#container section.search_wire p {
    font-size: 2.5em;
    padding: 50px;
    text-align: center;
}

#container section.main form {
    float:none;
    display:block;
    overflow: hidden;
}

#container section.main form input {
    border:0px solid #fff!important;
    float:left;
    padding:0px;
    margin:0px;
    line-height:32px;
}

#container section.main form input {
    background:url(../img/search-bg.png) 0 0 no-repeat;
    width:176px;
    height:34px;
    padding-left:10px;
    color:#999;
}

#container #search_submit,
#container #search_field {
    float: left;
}

#container section.main form #search_submit input {
    background:url(../img/search-button-bg.png) 0 0 no-repeat transparent;
    text-indent:-9999px;
    width:34px;
    height:34px;
    cursor:pointer;
}

#container section.main form #search_submit input:hover {
    background:url(../img/search-button-bg.png) 0 -34px no-repeat transparent;
}

#container #search_results {
    display: block;
    padding: 0 0 0 100px;
}

/* MAIN CONTENT SECTION
=============================*/
#container section.main {
    line-height: 1.5em;
    color: #555;
    font-size: 1.5em;
}

#container section.main p {
    margin-bottom: 2em;
}

#container .breadcrumb {
    position: absolute;
    display: block;
    margin: -30px 0 0 92px;
    color: #888;
    font-weight: normal;
    font-size: 0.8em;
    line-height:1.3em;
}

/* mods for homepage only */
#container.page-id_201 .breadcrumb,
#container.page-id_561 .breadcrumb {
    display:none;
}

#container.page-id_201 section.main {
    margin-top:10px;
}

#container.page-id_201 aside.complementary {
    margin-top:29px;
}

#container .breadcrumb a,
#container .breadcrumb a:visited {
    text-decoration: none;
    color: #9E9E9E;
    margin: 0 5px 0 0;
    line-height:1.5em;
    display:inline-block;
}

#container .breadcrumb a:hover {
    color: #333;
}

#container .breadcrumb span:first-child {
    display: none;
}

#container .breadcrumb span {
    margin-right:5px;
}

#container .article-page section.main {
    margin-top:0px;
}

#container section.no-results {
    margin-left:92px;
    margin-top:15px;
}

#container section.main ul,
#container section.main ol {
    font-size:0.9em;
    color:#555;
    margin:20px 0 30px 0;
}

#container section.main ol {
    list-style:decimal outside;
    margin-left:30px;
}

#container section.main ol li,
#container section.main ul li {
    margin-left:19px;
    margin:10px 0;
}

#container section.main ul {
    list-style:disc outside url(../img/silver-bullet.gif);
    margin-left:35px;
}

#container section.main table {
    margin-bottom:20px;
    width:100%;
}

#container section.main table th {
    line-height:1.4em;
    font-size:2em;
    background-color:#FFF;
    padding:5px;
    color:#666;
    font-family: Helvetica, Arial, sans-serif;
    font-weight:normal;
    border:1px dotted #666;
    border-bottom:0px;
}

#container section.main table td {
    line-height:1.4em;
    font-size:1.4em;
    color:#666;
    padding:5px;
    border:1px dotted #666;
}

#container em,
#container i {
    font-style:italic;
}

#container strong,
#container b {
    font-style:bold;
}

/*Specific RSS link*/
#container section.main a.rss {
    float:right;
    font-size:0.8em;
    background:url(../img/sml-rss-btn.gif) 100% 0 no-repeat;
    padding-right:28px;
    height:20px;
    color:#666666;
}

section.main article {
    margin-top:20px;
    float:left;
}

/*DATE BOX*/
#container section.main time {
    background:url(../img/date-box-bg-sprite.png) 0 0 no-repeat #7549ab;
    float:left;
    font-weight:bold;
    width:58px;
    height:50px;
    margin-bottom:6px;
    padding-right:10px;
    padding-top:10px;
    overflow:hidden;
}

/* DATE BOX COLOURS */
/* The Feed */
#container section.main article.advocate-news time {
    background:url(../img/date-box-bg-sprite.png) 0 -60px no-repeat #26ccba;
}

#container section.main article.articles time {
    background:url(../img/date-box-bg-sprite.png) 0 -120px no-repeat #96c40a;
}

#container section.main article.tips-tricks time {
    background:url(../img/date-box-bg-sprite.png) 0 -180px no-repeat #ecbc14;
}

#container section.main article.squiz-news time {
    background:url(../img/date-box-bg-sprite.png) 0 -240px no-repeat #d80707;
}

/* The Wire */
#container section.main article.industry-news time {
    background:url(../img/date-box-bg-sprite.png) 0 -60px no-repeat #26ccba;
}

#container section.main article.go-lives time {
    background:url(../img/date-box-bg-sprite.png) 0 -120px no-repeat #96c40a;
}

#container section.main article.project-news time {
    background:url(../img/date-box-bg-sprite.png) 0 -180px no-repeat #ff7a0d;
}

#container section.main article.sales-marketing-news time {
    background:url(../img/date-box-bg-sprite.png) 0 -240px no-repeat #d80707;
}

#container section.main article.company-services time {
    background:url(../img/date-box-bg-sprite.png) 0 0 no-repeat #7549ab;
}

#container section.main article.product-news time {
    background:url(../img/date-box-bg-sprite.png) 0 -300px no-repeat #04aceb;
}

#container section.main article.incident-news time {
    background:url(../img/date-box-bg-sprite.png) 0 -360px no-repeat #ce0998;
}

#container section.main article.intranet-news time {
    background:url(../img/date-box-bg-sprite.png) 0 -420px no-repeat #177ced;
}

#container section.main article.squiz-projects-news time {
    background:url(../img/date-box-bg-sprite.png) 0 -180px no-repeat #ecbc14;
}

#container section.main article.directors-news time {
    background:url(../img/date-box-bg-sprite.png) 0 -540px no-repeat #676767;
}

#container section.main article.off-topic time {
    background:url(../img/date-box-bg-sprite.png) 0 -600px no-repeat #038e4c;
}

#container section.main article.squizbiz time {
    background:url(../img/date-box-bg-sprite.png) 0 -660px no-repeat #d49dff;
}

#container section.main p time {
    text-align:right;
    text-transform:uppercase;
    color:#fff;
    line-height:auto;
    line-height: 1em;
}

#container section.main p time span {
    font-size:24px;
    padding-left:10px;
}

/*ARTICLE BOX*/
#container .article-page section.main section.article-box {
    padding-left:80px;
}

#container section.main section.article-box hr {
    float:left;
    margin-top:20px;
}

#container section.main section.article-box p,
#container section.main section.article-box div.article-summary {
    line-height:1.4em;
    margin-bottom:15px;
}

section.article-box img {
    margin: 15px auto;
    border:10px solid #fff;
    -moz-box-shadow: 1px 1px 5px #ccc;
    -webkit-box-shadow: 1px 1px 5px #ccc;
    box-shadow: 1px 1px 5px #ccc; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#cccccc')";     /* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#cccccc');
}

/* clear conflict with gallery */
.thumbStrip .thumbItem img {
    margin:0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#container section.main section.article-box img.left {
    float:left;
    margin-right:20px;
}

#container section.main section.article-box img.right {
    float:right;
    margin-left:20px;
}

#container section.main article header section p {
    color:#333;
    font-size: 0.8em;
    font-family:Georgia, Helvetica, Arial, sans-serif;
    font-style:italic;
}

#container section.main article .moviePlayer-Wrapper {
    display:inline-block;
    clear:both;
}

#container section.main article .moviePlayer-Player {
    position:relative;
}

#container section.main article .image-Wrapper img {
    max-width:100%;
}

#container section.main section.article-box .read-full-article {
    float:left;
}

#container section.main section.article-box .comment-count {
    float:right;
}

#container section.main section.article-box .read-full-article a,
#container section.main section.article-box .comment-count a {
    color:#333;
    text-decoration:underline;
}

/*CALLOUTS*/
.callout {
    border: 1px solid #7549AB;
    overflow:hidden;
    background: #c9b7e0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom:15px;
    margin-top:15px;
}

.callout-yellow {
    border: 1px solid #629D0e;
    overflow:hidden;
    background: #b7dd81;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom:15px;
    margin-top:15px;
}

.callout-red {
    border: 1px solid #ff6666;
    overflow:hidden;
    background: #ff9999;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom:15px;
    margin-top:15px;
}

.callout-dashed {
    border: 1px dashed #333333;
    overflow:hidden;
    background: #efefef;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom:15px;
    margin-top:15px;
    color: #333333;
}

/*COMMENTS BOX*/
#idc-container-parent {
    margin-left:70px;
}

#idc-container-parent #idc-container {
    max-width:100%;
}

#container section.main #idc-container p {
    clear:left;
    margin:0 0 8px;
}

#container section.main #idc-container ul {
    margin:0;
    list-style:none;
}

#container section.main #idc-container ul li {
    margin:0;
}

#container section.main #idc-container .idc-postnav-list li {
    margin:0 4px 4px 4px;
}

#container section.main #idc-container form input[type="text"] {
    background:url("http://s.intensedebate.com/themes/universal/images/idc-grey-0926.png") no-repeat scroll -713px -121px #FFFFFF;
    border:solid 1px #ccc;
}

#container section.pagination {
    background:url(../img/pixel-bg.gif) 0 0 repeat;
    height:46px;
}

#container section.pagination section {
    background:url(../img/pagination-btn-bg.gif) 0 0 no-repeat;
    width:101px;
    height:46px;
    margin-right:25px;
    float:right;
}

#container span#older_posts {
    display: block;
    float: left;
    text-indent:-9999px;
    width:40px;
    height: 46px;
    background: url(../img/pagination-arrows.png) no-repeat 0 0;
}

#container span#newer_posts {
    display: block;
    float: right;
    text-indent:-9999px;
    width:40px;
    height: 46px;
    background: url(../img/pagination-arrows.png) no-repeat 100% 0;
}

#container section.pagination section #older_posts a {
    text-indent:-9999px;
    display: block;
    background: #fff url(../img/pagination-arrows.png) 0 -92px no-repeat;
    width:40px;
    height:46px;
}

#container section.pagination section #newer_posts a {
    text-indent:-9999px;
    display: block;
    background: #fff url(../img/pagination-arrows.png) 100% -92px no-repeat;
    width:40px;
    height:46px;
}

#container section.pagination section #older_posts a:hover {
    background-position:0 -46px;
}

#container section.pagination section #newer_posts a:hover {
    background-position:100% -46px;
}

/*ASIDE
=====================*/

/* Tag listing */
#container aside.complementary ul li {
    padding-right:0 !important;
    padding:10px 0;
    margin:1px 0;
    line-height:1.2em;
    background:url(../img/nav-industry-news.gif) 100% 50% no-repeat;
    border-bottom:1px dotted #999999;
    float:left;
    font-size:1.2em;
    width:220px;
    position: relative;
}

/*ARROW COLOURS */
/* The Feed */
#container aside.complementary ul li.advocate-news {
    background-image:url(../img/feed-nav-advocate-news.gif);
}

#container aside.complementary ul li.squiz-news {
    display:none;
    background-image:url(../img/feed-nav-squiz-news.gif);
}

#container aside.complementary ul li.articles {
    background-image:url(../img/nav-articles.gif);
}

#container aside.complementary ul li.tips-tricks {
    background-image:url(../img/feed-nav-tips-and-tricks.gif);
}

/* The Wire */
#container aside.complementary ul li.industry-news {
    background-image:url(../img/wire-nav-industry-news.gif);
}

#container aside.complementary ul li.go-lives {
    background-image:url(../img/wire-nav-go-lives.gif);
}

#container aside.complementary ul li.project-news {
    background-image:url(../img/wire-nav-project-news.gif);
}

#container aside.complementary ul li.sales-marketing-news {
    background-image:url(../img/wire-nav-sales-mkt.gif);
}

#container aside.complementary ul li.company-services {
    background-image:url(../img/wire-nav-company-services.gif);
}

#container aside.complementary ul li.product-news {
    background-image:url(../img/wire-nav-product-news.gif);
}

#container aside.complementary ul li.incident-news {
    background-image:url(../img/wire-nav-incident-news.gif);
}

#container aside.complementary ul li.intranet-news {
    background-image:url(../img/wire-nav-intranet-news.gif);
}

#container aside.complementary ul li.squiz-projects-news {
    background-image:url(../img/wire-nav-squiz-project-news.gif);
}

#container aside.complementary ul li.directors-news {
    background-image:url(../img/wire-nav-directors-news.gif);
}

#container aside.complementary ul li.off-topic {
    background-image:url(../img/wire-nav-off-topic.gif);
}

#container aside.complementary ul li.squizbiz {
    background-image:url(../img/wire-nav-squizbiz.gif);
}

#container aside.complementary ul li:first-child {
    border-top:1px dotted #999999;
}

#container aside.complementary ul li a {
    color:#666666;
    text-decoration:none;
    font-weight:bold;
    display:block;
    width:124px;
}

#container aside.complementary ul li a:first-child {
    padding-left:1px;
}

#container aside.complementary ul li a:hover {
    text-decoration:none;
    color:#333;
}

/* active section link in subnav */
/* The Feed */
#container.page-id_194 aside.complementary ul li.advocate-news a,
#container.page-id_196 aside.complementary ul li.articles a,
#container.page-id_197 aside.complementary ul li.tips-tricks a,
#container.page-id_195 aside.complementary ul li.squiz-news a,
/* The Wire */
#container.page-id_243 ul li.industry-news a,
#container.page-id_247 ul li.go-lives a,
#container.page-id_248 ul li.project-news a,
#container.page-id_249 ul li.sales-marketing-news a,
#container.page-id_250 ul li.company-services a,
#container.page-id_251 ul li.product-news a,
#container.page-id_252 ul li.incident-news a,
#container.page-id_253 ul li.intranet-news a,
#container.page-id_254 ul li.squiz-projects-news a,
#container.page-id_255 ul li.directors-news a {
    color:#333;
}

/* Tag listing RSS links*/
#container aside.complementary ul li>a.rss {
    background:url(../img/rss-sprite.gif) 0 2px no-repeat;
    text-indent:-9999px;
    width:30px;
    height:30px;
    position: absolute;
    right: 30px;
    top: 0;
    z-index: 2;
}

#container aside.complementary ul li>a.rss:hover {
    background:url(../img/rss-sprite.gif) 0 -28px no-repeat;
}

/* Twitter Feeds restyling*/
#container aside .twtr-hd {
    padding-left:0px;
    padding-right:0px;
}

#container aside .twtr-hd h3 {
    display:none;
}

#container aside .twtr-hd h4 {
    font-family:"league-gothic-1", "league-gothic-2", Helvetica, Arial, sans-serif;
    font-size:2.2em!important;
    font-weight:normal;
}

#container aside .twtr-hd h4 a {
    text-decoration:underline;
}

#container aside .twtr-hd a.twtr-profile-img-anchor {
    background:url(../img/twitter-bird.png) 0 50% no-repeat;
    width:33px;
    height:27px;
    float:left;
}

#container aside .twtr-hd a img.twtr-profile-img {
    display:none;
}

#container aside .twtr-bd {
    padding:0px;
}

#container aside .twtr-widget p {
    font-size:1.0em;
}

#container aside .twtr-widget .twtr-tweet-wrap {
    padding-left:0px;
    padding-right:0px;
}

#container aside .twtr-widget .twtr-tweet {
    border-bottom:1px dotted #999999;
}

aside .twtr-widget .twtr-tweet:last-child {
    border-bottom:1px dotted #999999;
}

#container aside .twtr-widget em {
    font-style:italic;
    font-size:1.0em;
    margin-top:5px;
}

#container aside .twtr-ft {
    display:none;
}

/* INSIDE COMMENTS STYLING*/
#container .article-page section.main aside {
    width:600px;
    float:right;
    padding-left:80px;
}

#container .article-page section.main aside #idc-container h3 {
    font-family:"league-gothic-1", "league-gothic-2", Helvetica, Arial, sans-serif;
    color:#03aceb;
    font-weight:normal;
    font-size:2.2em;
}

#container .article-page section.main aside #idc-container .idc-postnav-label,
#container .article-page section.main aside #idc-container p {
    font-size:12px;
}

/* FOOTER
====================*/
#container footer {
    background:url(../img/footer-bg.png) 0 0 repeat-x;
    color:#333;
    position:relative;
    bottom:0;
    width:100%;
    height:52px;			/* Height of the footer */
    margin-top:-52px;
}

#container footer section,
#container footer section.contentinfo {
    background:url(../img/footer-bg.png) 0 0 repeat-x;
    width:860px;
    padding:0 20px;
    padding-top:20px;
    margin:0 auto;
    min-height:32px;
}

#container footer section p,
#container footer section.contentinfo p {
    font-size:1.0em;
    padding-left:93px;
}

#container footer a {
    color:#333;
}

/* RESPONSIVE
====================*/
/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/

/*		Default Layout: 992px. 
		Gutters: 24px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */
body {
    -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

#container #wrapper {
    width:896px;
}

#container header.banner #logo {
    width:383px;
    height:155px;
}

#container section.main {
    width:620px;
    float:left;
    margin-top:38px;
    padding-right:24px;
}

#container section.main {
    width:712px;
}

#container section.main article header {
    width:620px;
    float:left;
}

section.main article header section {
    width:528px;
    float:right;
}

#container section.main section.article-box {
    width:528px;
    float:right;
}

#container section.main section.article-box {
    width:620px;
}

#container section.pagination {
    width:620px;
    float:right;
    margin:30px 0px 10px 0px;
}

#container section.main article .moviePlayer-Wrapper {
    width:528px;
    height:297px;
} /* 16:9 ratio */

#container section.main section.article-box hr { /*width:528px;*/
}

#container aside.complementary {
    width:252px;
    float:right;
    margin-bottom:52px;
    margin-top:58px;
}

#container aside.complementary section {
    width:252px;
    float:right;
    margin-bottom:20px;
}

#container aside.complementary ul li {
    width:252px;
}

#container aside.complementary {
    width:160px;
}

#container aside.complementary section {
    width:160px;
}

#container aside.complementary ul li {
    width:160px;
    background-position:152px 50%;
}

#container aside.complementary ul li > a.rss {
    right:10px;
    width:25px;
}

#container footer section,
#container footer section.contentinfo {
    width:896px;
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 991px) {

#container #wrapper {
    width:712px;
}

#container header.banner #logo {
    width:383px;
}

#container section.main {
    width:528px;
}

#container section.main article header {
    width:528px;
}

section.main article header section {
    width:436px;
}

#container section.main section.article-box {
    width:436px;
}

#container section.pagination {
    width:436px;
}

#container section.main article .image-Wrapper {
    width:436px;
}

#container section.main article .moviePlayer-Wrapper {
    width:436px;
    height:245px;
} /* 16:9 ratio */

#container section.main section.article-box hr {
    width:436px;
}

#container aside.complementary {
    width:160px;
}

#container aside.complementary section {
    width:160px;
}

#container aside.complementary ul li {
    width:160px;
    background-position:152px 50%;
}

#container aside.complementary ul li > a.rss {
    right:10px;
    width:25px;
}

#container footer section,
 #container footer section.contentinfo {
    width:712px;
}

#container header.banner form input {
    width:116px;
}
}


/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* hide */
    #container aside.complementary {
        display:none;
    }
    
    /* show */
    select#mobile-menu {
        display:inline;
        position:absolute;
        margin-top:60px;
    }
    
    #container .breadcrumb {
        display:block;
        margin-top:10px;
    }
    
    #container header.banner #header-nav a#all-rss {
        display:block;
    }
    
    /* size */
    #container section.main {
        width:436px;
    }
    
    #container section.main article header {
        width:436px;
    }
    
    section.main article header section {
        width:344px;
    }
    
    #container section.main section.article-box {
        width:344px;
    }
    
    #container section.pagination {
        width:344px;
    }
    
    #container section.main article .image-Wrapper {
        width:322px;
    }
    
    #container section.main article .moviePlayer-Wrapper {
        width:344px;
        height:193px;
    } /* 16:9 ratio */
    
    #container section.main section.article-box hr {
        width:344px;
    }
    
    #container #wrapper {
        width:436px;
    }
    
    #container header.banner {
        height:100px;
    }
    
    #container header.banner #logo {
        width:252px;
        height:97px;
    }
    
    #container aside.complementary section {
        width:160px;
    }
    
    #container aside.complementary ul li {
        width:160px;
    }
    
    #container footer section,
     #container footer section.contentinfo {
        width:436px;
    }
    
    #container header.banner form input {
        width:116px;
    }
    
    /* style */
    #container,
    #container header.banner {
        background-position:0 -57px;
    }
    
    #container header.banner #header-nav {
        top:0;
    }
    
    #container section.main {
        margin-top:0;
    }
    
    section.main article {
        padding-top:40px;
    }
    
    #container aside.complementary,
     #container header.banner #header-nav #search {
        margin-bottom:0;
    }
    
    #container footer section p,
     #container footer section.contentinfo p {
        padding-left:88px;
    }
    
    #container h1 {
        margin-top:0;
    }
    
    #container h1,
    #container h2,
    #container h1 a,
    #container h2 a {
        margin-bottom:0.1em;
    }
    
    #container section.main article header section p {
        margin-bottom:1em;
    }
    
    #container header.banner h1 {
        bottom: 15px;
        float:none;
        font-size: 15px;
        position: absolute;
        left: 177px;
        line-height: 14px;
    }
    
    #container header.banner h1 span {
        margin-left:20px;
    }
}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 479px) {

    /* hide */
    #container aside.complementary,
    #container header.banner #header-nav a#all-rss,
    #container #IDCommentsHead .idc-right {
        display:none;
    }
    
    /* show */
    select#mobile-menu {
        display:block;
    }
    
    /* size */
    #container #wrapper,
    #container section.main,
    #container section.main article header,
    section.main article header section,
    #container section.main section.article-box,
    #container section.main time,
    #container section.pagination,
    #container section.main section.article-box hr,
    #container footer section,
    #container footer section.contentinfo {
        width:252px;
    }
    
    #container section.main article .image-Wrapper {
        width:230px;
    }
    
    #container section.main article .moviePlayer-Wrapper {
        width:252px;
        height:142px;
    } /* 16:9 ratio */
    
    #container section.main section.article-box hr {
        width:344px;
    }
    
    #container header.banner {
        height:150px;
    }
    
    #container header.banner #logo {
        width:239px;
        height:97px;
    }
    
    select#mobile-menu {
        width:246px;
    }
    
    /* style */
    #container #wrapper {
        background:none;
    }
    
    #container,
    #container header.banner {
        background-position:0 -57px;
    }
    
    #container header.banner #header-nav {
        top:70px;
    }
    
    #container header.banner #header-nav #search {
        margin-bottom:0;
    }
    
    #container header.banner h1 {
        bottom: 64px;
        float: none;
        font-size: 14px;
        left: 170px;
        line-height: 13px;
        position: absolute;
    }
    
    #container header.banner h1 span {
        margin-left: 20px;
    }
    
    select#mobile-menu {
        width:252px;
        position:relative;
        top:30px;
    }
    
    #container section.main,
    #container.page-id_201 section.main,
    #container section.main article {
        margin-top:5px;
    }
    
    #container.page-id_201 section.main article {
        margin-top:0;
    }
    
    #container .breadcrumb {
        margin:0;
        position:relative;
    }
    
    section.main article header section,
     #container section.main section.article-box {
        float:left;
    }
    
    #container aside.complementary,
     #container section.main article time {
        background:none !important;
    }
    
    #container section.main p {
        margin-bottom:0;
    }
    
    #container section.main time {
        height:1.5em;
        margin-bottom:0;
        padding-top:0;
        line-height:2em;
    }
    
    #container section.main p time,
     #container section.main p time span {
        color:#333;
        text-align:left;
        font-size:12px;
    }
    
    #container footer section p,
     #container footer section.contentinfo p {
        padding-left:0;
    }
    
    #container section.main article header section p,
     #container section.main p:first-child {
        float:left;
    }
    
    #idc-container-parent {
        margin-left:0;
    }
    
    #container section.main #idc-container-parent #idc-container {
        padding:0;
    }
    
    #container section.main #idc-container .idc-c-m .idc-column-wide,
     #container section.main #idc-container .idc-c-m .idc-column {
        float:none;
        width:100%;
    }
    
    #container section.no-results {
        margin-left:6px;
    }
}

/* Added to Prettify */
pre.prettyprint { padding: 1em; background: white; overflow: scroll; }