/*
Theme Name: Daily 2012
Description: Flexible design for the McGill Daily redesign, last updated August 2013.
Author: Tom Acker, Genevieve Robert & Mathieu Menard
Author URI: http://www.dailypublications.org
Version: 1.0
 */

/* HTML RESET
///////////////////////////////////////////// */

/*
   http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {border-collapse: collapse;border-spacing: 0;}

/* END HTML RESET
///////////////////////////////////////////// */

/* TYPE PRESETS
///////////////////////////////////////////// */
/*
_______________________________
Columnal - TYPE (basic settings to make type look nice) */

body {
font-family: Helvetica, Arial, sans-serif;
font-size: 100%;
color: #4F504F;
background-color: #C9C9C9;

line-height: 1em; /* from cssgrid.net */
-webkit-text-size-adjust: none;		/* from cssgrid.net */ /* Stops the iPhone scalling type up - from cssgrid.net */
}

h1, h2, h3, h4, h5, h6, p, dl, hr, ol, ul, pre, table, address, fieldset {margin-bottom: 2em;}

/* Add back in basic text markup (after removal by reset) */
b, strong { font-weight: bold; }
i, em { font-style:italic; }
pre { font-family: "Courier New", Courier, monospace; font-size: 0.813em; font-weight:bold; }

dt { font-weight: bold; }
p { font-size: 1em; }
p + p, p + ul {margin-top: -.8em;}
h1 { font-size: 2em; line-height:1.2em; font-weight:normal; margin:1em 0 .5em; }
p + h1 { margin-top:.5em; }
h2, h3, h4, h5, h6 { font-weight: bold; }
	h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { margin-top: 0;} /* fix for weird Chrome collapse bug */
h2 { font-size:1.7em; line-height:1.3em; margin:1.07em 0 .535em; }
h3 { font-size:1.3em; margin:1.14em 0 .57em 0; }
h4 { font-size:1.25em; margin:1em 0 .5em; }
h5, h6 { font-size: 1em; margin:1em 0 .25em 0; }

ol { margin-left: 0; padding-left: 20px; text-indent: 0; }
ul {list-style:disc outside;}
li { font-size: 15px; margin-bottom: 2px; margin-left: 20px; }
blockquote { font-family: 'Brandon-Italic', sans-serif; font-size:1.8em; line-height:1.4em; text-align:right; color: #000; margin: 20px 50px; }

input, textarea { font: .75em  Arial, Helvetica, sans-serif; }

hr { background:black; border:none; color:black; display:block; height:1px; margin-top: 20px; width:100%;}

/*
_______________________________
IMAGE basics */
img, object, embed {margin-bottom: 0px;}
img {margin-bottom: 0px;}
a img {display: block;		/* Stops image links getting text link styles */}

/* END TYPE PRESETS
///////////////////////////////////////////// */

/* MCGILLDAILY STYLE
///////////////////////////////////////////// */

/* TYPOGRAPHY & LINKS /////////////////////// */

a {text-decoration:none;color:#9FC9EB;}
a:link {text-decoration:none;color:#9FC9EB;}
a:visited {text-decoration:none;color:#9FC9EB;}
a:hover {text-decoration:none;color:#9FC9EB;}
a:active {text-decoration:none;color:#9FC9EB;}

.txt_white {color:#fff;}
a.txt_white:link {color:#fff;}
a.txt_white:visited {color:#fff;}
a.txt_white:hover {color:#fff;}
a.txt_white:active {color:#fff;}

.txt_black {color:#000;}
a.txt_black:link {color:#000;}
a.txt_black:visited {color:#000;}
a.txt_black:hover {color:#000;}
a.txt_black:active {color:#000;}

.link {cursor:pointer;}

.txt_gray {color:#81807F;}
.txt_lgray {color:#D8D8D8;}
.txt_mgray {color:#4F504F;}
.txt_dgray {color:#787878;}

.aligncenter {text-align:center;margin-left:auto;margin-right:auto;}
.textcenter {text-align:center;}
.textright {text-align:right;}
.textleft {text-align:left;}
.textmiddle {display:inline-block; vertical-align:sub;}
.floatright {float:right;}
.floatleft {float:left;}

.upp {text-transform: uppercase;}
.info {font-size:1em;}
.big {font-size:2.5em;line-height:1em;margin-bottom: 7px;}
.nav {font-size:1.625em;}
.med {font-size:1em;margin-bottom: 7px;}
.std {font-size:0.8em;}
.sml {font-size:0.75em;line-height:1.3em;}
.slogan {font-size:0.875em; line-height:1.75em;}
.aut_title {font-size:1.75em;line-height:1em;}
.aut_info {font-size:0.643em;}
.section_top {font-size:2.25em;line-height:1em;margin-bottom: 7px;}
.box_big {font-size:1.5em;line-height:1em;margin-bottom: 7px;}
.radio_title {font-size:0.875em; line-height:1.5em;}
.unfit_title {font-size:1.875em;line-height:1em; margin-bottom: 7px;}
.unfit_clink {font-weight:bold;font-style:italic;}
.unfit_padding {padding-left:2.5%;padding-right:2.5%;padding-top:7px;padding-bottom:6px;}
.mejs-audio {width:100% !important;}
.side_title {font-size:1.875em;line-height:1em;padding: 7px;}
.twitter_title {font-size:1.75em;line-height:1em;padding: 10px 7px 7px 7px;}
.twitter-icon {vertical-align:top}
.about_title {font-size:1.125em;line-height:1em; margin-bottom: 7px;}
.about_text {font-size:1em;line-height:1.125em;}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) */

@font-face {
    font-family: 'BreeSerifRegular';
    src: url('/wp-content/themes/Daily2012/fonts/BreeSerif-Regular-webfont.eot');
    src: url('/wp-content/themes/Daily2012/fonts/BreeSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/Daily2012/fonts/BreeSerif-Regular-webfont.woff') format('woff'),
         url('/wp-content/themes/Daily2012/fonts/BreeSerif-Regular-webfont.ttf') format('truetype'),
         url('/wp-content/themes/Daily2012/fonts/BreeSerif-Regular-webfont.svg#BreeSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Brandon-Italic';
    src: url('/wp-content/themes/Daily2012/fonts/Brandon-medium-italic.eot');
    src: url('/wp-content/themes/Daily2012/fonts/Brandon-medium-italic.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/Daily2012/fonts/Brandon-medium-italic.woff') format('woff'),
         url('/wp-content/themes/Daily2012/fonts/Brandon-medium-italic.ttf') format('truetype'),
         url('/wp-content/themes/Daily2012/fonts/Brandon-medium-italic.svg#brandon_textmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OswaldBook';
    src: url('/wp-content/themes/Daily2012/fonts/Oswald-Regular-webfont.eot');
    src: url('/wp-content/themes/Daily2012/fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/Daily2012/fonts/Oswald-Regular-webfont.woff') format('woff'),
         url('/wp-content/themes/Daily2012/fonts/Oswald-Regular-webfont.ttf') format('truetype'),
         url('/wp-content/themes/Daily2012/fonts/Oswald-Regular-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

.oswald {font-family: 'OswaldBook', sans-serif; }
.bree {font-family: 'BreeSerifRegular', serif; }

/* LAYOUT ELEMENTS ////////////////////////// */

.bg_white {background-color:#fff;}
.bg_black {background-color:#000 !important;}
.bg_gray  {background-color:#81807F;}
.bg_dgray {background-color:#5B5B5C;}
.bg_mgray {background-color:#A09F9F;}
.bg_lgray {background-color:#f3f3f3;}

.bottom {top:33px;}
.top {position:relative;top:16px;}
.menu {height:40px;position:relative;z-index:20;}
.box {display:block;float:left;position:relative;width:10%;padding:12px 0px;background-color:#000;}
.envirobox {display:block;float:left;position:relative;width:10%;padding:12px 0px;background-color:#98BF21;}
.dropdown {display:block;float:left;width:10%;}
.dropdown .subbox {display:none;}
.dropdown .topbox {display:block;float:left;position:relative;display:block;width:100%;padding:12px 0px;background-color:#000;}
.dropdown:hover .topbox {background-color:#FF3399;}
.dropdown:hover .subbox {background-color:#000;display:inline;float:left;width:100%;max-width:100px;padding:12px 0px;}

.stext {float:left;width:115px;height:25px;border:0px;background-color:#f3f3f3;color:#000;padding:5px;margin:0px;}
.sbutton {float:left;width:75px;padding:6px 0px;background-color:#000;color:#fff;margin:0px;text-transform:uppercase;cursor:pointer;}
.waves {position:absolute;left:30px;top:-30px;}
.radio_icons {float:left;padding-right:7px;padding-top:4px;}
.reader_thumb {float:left;height:100px;width:auto;padding-right:10px;}
.reader_thumb_mob {float:left;height:50px;width:auto;padding-right:10px;}

.content {position:relative;}

.wrapper {min-height:52px;max-height:370px;overflow-y:hidden;position:relative;}
.wrapper2 {min-height:145px;max-height:447px;position:relative;}
.wrapper3 {min-height:145px;max-height:820px;position:relative;}
.header  {width:130px;height:52px;font-size:1.313em;position:absolute;top:0px;left:0px;}
.header_long  {width:250px;height:52px;font-size:1.313em;position:absolute;top:0px;left:0px;}
.section {height:24px;padding-left:5px;padding-top:6px;}
.adpad {padding:3px;}
.header_img {width:100%;height:auto;}
.caption {position:relative; top:-5px; padding:10px; font-style: italic;}
.article {margin-left:50px;margin-right:50px; line-height: 1.45; font-size: 1.1em; }
.spacer, .spacer2 {height:20px;}
.spacer3 {height:0px;}

.brkg_title {float:left;height:30px;padding:12px 10px 0px 10px;}
.brkg_space {float:left;height:30px;padding-left:10px;padding-top:12px;background-color:#fff;}

.side_item_1 {width:100%;height:150px;margin-bottom:10px;}
.side_item {width:100%;height:80px;margin-bottom:10px;}

.item1 {float:left;width:47.44%;height:210px;margin-right:5.12%;}
.item2 {float:left;width:47.44%;height:210px;}

.vitem1 {float:left;width:47.44%;height:215px;margin-right:5.12%;}
.vitem2 {float:left;width:47.44%;height:215px;}
.vthumb {width:100%;height:120px;overflow:hidden;}
.vcrop {width:235px;height:auto;margin-top:-26px;}
.vtopimg {width:100%;height:auto;}

.pitem {float:left;width:100%;height:95px;}
.pthumb {float:left;padding-right:10px;width:180px;height:95px;overflow:hidden;}
.pcrop {width:180px;height:auto;}

.afixh {height:345px;}
.aitem {min-height:100px; max-height:175px;}
.athumb {float:left;padding-right:20px;}

.edbox {display:inline;margin-left:10px;padding:1% 2%;vertical-align:top;-webkit-border-radius: 10px;-khtml-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.bthumb {float:left;display:inline;padding-right:3%;}
.blogtop {min-height:140px;height:auto;padding-right:2%;}
.blogbot {height:10px;}
.blogside {border-left:1.5% solid;border-color:inherit;width:100%;}
.blogcol {margin-left:1.5%;width:98.5%;}
.blognav {min-height:40px;height:auto;}
.blogbutton {width:105px;padding:11px 0px;float:right;}

.vfixh {height:310px;}

.unfit_logos {position:relative;left:150px;}
.unfit_nav {height:60px;}
.unfit_main_thumb {width:140px; height:auto; float:left; display:inline; padding-right:3%;}
.logospacer {padding-right:52px;}

.cabar {height:24px;}
.stbar {height:32px;}
.sbar {height:40px;}
.sline1 {height:4px;}
.sline2 {height:2px;}
.sbar_rp {padding:7px;}
.rthumb {float:left;padding-right:10px;width:90px;height:auto;}
.rthumb2 {float:left;padding-right:10px;width:60px;height:auto;}

.haps_date {float:left;width:20%;}
.haps_content {float:left;width:70%;background-color:#fff;}
.haps_content:hover {background-color:#81807F;}
.haps_content:hover a {color:#fff !important;}
.haps_line {height:2px;clear:both;}

.tbar {min-height:40px;max-height:50;}
.tthumb {float:left;padding-right:10px;width:60px;height:auto;}

.fb-like {padding-right:30px;}

.about_box {padding:7px 10px;}
.about_thumb {height:110px;float:left;display:inline;padding-right:5%;}
.about_top {min-height:70px;height:auto;padding-right:2%;}

/* SECTION COLORS /////////////////////////// */

.news  {background-color:#4460AC;}
.m_news:hover {background-color:#4460AC;}
a.news, span.news {background-color:inherit;color:#4460AC;}

.commentary  {background-color:#57B947;}
.m_commentary:hover {background-color:#57B947;}
a.commentary, span.commentary {background-color:inherit;color:#57B947;}

.culture  {background-color:#FFCD2A;}
.m_culture:hover {background-color:#FFCD2A;}
a.culture, span.culture {background-color:inherit;color:#FFCD2A;}

.features  {background-color:#5DCAE9;}
.m_features:hover {background-color:#5DCAE9;}
a.features, span.features {background-color:inherit;color:#5DCAE9;}

.scitech  {background-color:#98499C;}
.m_scitech:hover {background-color:#98499C;}
a.scitech, span.scitech {background-color:inherit;color:#98499C;}

.healthandeducation  {background-color:#FAA542;}
.m_healthandeducation:hover {background-color:#FAA542;}
a.healthandeducation, span.healthandeducation {background-color:inherit;color:#FAA542;}

.sports  {background-color:#EC2426;}
.m_sports:hover {background-color:#EC2426;}
a.sports, span.sports {background-color:inherit;color:#EC2426;}

.blogs  {background-color:#313F76;}
.m_blogs:hover {background-color:#313F76;}
a.blogs, span.blogs {background-color:inherit;color:#313F76;}

.media {background-color:#FF3399;}
.m_media:hover {background-color:#FF3399 !important;}
a.media, span.media {background-color:inherit;color:#FF3399;}

.video  {background-color:#EE203E;}
.m_video:hover {background-color:#EE203E !important;}
a.video, span.video {background-color:inherit;color:#EE203E;}

.photos  {background-color:#2BB673;}
.m_photos:hover {background-color:#2BB673 !important;}
a.photos, span.photos {background-color:inherit;color:#2BB673;}

.unfit  {background-color:#5A357C;}
.m_unfit:hover {background-color:#5A357C !important;}
a.unfit, span.unfit {background-color:inherit;color:#5A357C;}

.illustrations  {background-color:#7E82AD;}
.m_illustrations:hover {background-color:#7E82AD !important;}
a.illustrations, span.illustrations {background-color:inherit;color:#7E82AD;}

.other  {background-color:#81807F;}
.m_other:hover {background-color:#81807F;}
a.other, span.other {background-color:inherit;color:#81807F;}

.compendium  {background-color:#f49ac1;}
.m_compendium:hover {background-color:#f49ac1;}
a.compendium, span.compendium {background-color:inherit;color:#f49ac1;}

.mind-complexities  {background-color:#ABCDF5;}
.m_mind-complexities:hover {background-color:#ACBDF5;}
a.mind-complexities, span.mind-complexities {background-color:inherit;color:#ABCDF5;}

.announce  {background-color:#000;}
.m_announce:hover {background-color:#000;}
a.announce, span.announce {background-color:inherit;color:#000;}

.spotlight  {background-color:#000;}
.m_spotlight:hover {background-color:#000;}
a.spotlight, span.spotlight {background-color:inherit;color:#000;}

.special {background-color:#98BF21;}
.m_special:hover {background-color:#98BF21;}
a.special, span.enviro {background-color:inherit;color:#98BF21;}

.disorient {background-color:#98BF21;}
.m_disorient:hover {background-color:#98BF21;}
a.disorient, span.disorient {background-color:inherit;color:#98BF21;}

.litsup15 {background-color:#D0A9E8;}
.m_litsup15:hover {background-color:#D0A9E8;}
a.litsup15, span.litsup15 {background-color:inherit;color:#D0A9E8;}

.talkteach {background-color:#22D9F5;}
.m_talkteach:hover {background-color:#22D9F5;}
a.talkteach, span.talkteach {background-color:inherit;color:#22D9F5;}

.enviro  {background-color:#98BF21;}
.m_enviro:hover {background-color:#7A991A !important;}
a.enviro, span.enviro {background-color:inherit;color:#98BF21;}

.artsup  {background-color:#903c27;}
.m_artsup:hover {background-color:#903c27 !important;}
a.artsup, span.artsup {background-color:inherit;color:#903c27;}

.archive  {background-color:#BEDFFA;}
.m_archive:hover {background-color:#BEDFFA !important;}
a.archive, span.archive {background-color:inherit;color:#BEDFFA;}

.elect  {background-color:#C20000;}
.m_elect:hover {background-color:#C20000 !important;}
a.elect, span.elect {background-color:inherit;color:#C20000;}

.race  {background-color:#3F6A46;}
.m_race:hover {background-color:#3F6A46 !important;}
a.race, span.race {background-color:inherit;color:#3F6A46;}

.comicstrips {background-color:#FAA542;}
a.comicstrips, span.comicstrips {background-color: inherit;color:#FAA542;}

.special-issues {background-color:#98BF21;}
a.special-issues, span.special-issues {background-color: inherit;color:#98BF21;}
.header.special-issues { width: 160px; background-color:#98BF21; }

a.twitter_link, span.twitter_link {background-color:inherit;color:#00ACED;}

/* CLASSIFIEDS  ///////////////////////////// */

.classified {padding:5px;}
.classified a {color:#000; text-decoration:underline;}

.cthumb {float:left;padding-right:3%;}
.cbox {margin-left:300px;}
.ccathousing 		{ color: #910a00; }
.ccatemployment 	{ color: #6ecc00; }
.ccatforsale 		{ color: #6ecc00; }
.ccatservices 		{ color: #DDA049; }
.ccatticketsevents 	{ color: #DDA049; }
.ccatwanted 		{ color: #e67400; }
.ccatlessons 		{ color: #509798; }
.ccatmisc 			{ color: #478400; }
.ccatnotice 		{ color: #e01200; }

/* PAGINATION  ///////////////////////////// */

.page-numbers {color:#000;padding-left:10px;}
a.page-numbers:link {color:#000;}
a.page-numbers:visited {color:#000;}
a.page-numbers:hover {color:#000;}
a.page-numbers:active {color:#000;}

/* SLIDER ELEMENTS ////////////////////////// */

#content-slideshow {position: relative;width: 100%;height: 475px;padding:0px !important;overflow:hidden;}
#content-slideshow ul {position: relative;margin: 0 !important;padding: 0 !important;border: none !important;list-style-type: none !important;background:transparent !important;}
#content-slideshow .content_slideshow ul {position: relative;float:left;overflow: hidden;width: 64.20%;height: 475px;margin: 0px !important;padding: 0px !important;}
#content-slideshow .content_slideshow ul li {display:none;position:relative;float: left;display:block;width: 100% !important;height: 475px !important;top: 0px !important;left: 0px !important;margin: 0px !important;padding: 0px !important;z-index:1;overflow: hidden;}
#content-slideshow .content_slideshow ul li img {cursor:pointer;margin: 0px !important;padding: 0px !important;border: none !important;float: left;width: 100%;position: absolute;top: 0px;height: 475px;}
#content-slideshow  ul.slideshow-nav {width:35.80%;height:475px;margin:0;padding: 0;float:right;overflow:hidden;}
#content-slideshow .slideshow-nav li {float: left;display:block;width: 100%;height:95px;margin:0px !important;padding: 0px !important;background-color:#f3f3f3;list-style-type:none;overflow:hidden;}
#content-slideshow .slideshow-nav .slider_sp {float:left;width:1.72%;height:95px;}
#content-slideshow .slideshow-nav .clearfix .slider_sp {width:0%;}
#content-slideshow .slideshow-nav .on .slider_sp {width:1.72%;}
#content-slideshow .slideshow-nav li.on {background-color:#fff;}
#content-slideshow .slideshow-nav li:hover,
#content-slideshow .slideshow-nav li:active {background-color:#fff;}
#content-slideshow .slideshow-nav li a {cursor:default;}

#wrapper { position: relative; margin-left:auto; margin-right:auto; max-width: 540px; height: auto; padding-bottom:0px; }
#carousel,
#thumbs { overflow: hidden; }
#carousel span,
#carousel img,
#thumbs a,
#thumbs img { display: block; float: left; }
#carousel span,
#carousel a,
#thumbs span,
#thumbs a { position: relative; }
#carousel img,
#thumbs img { border: none; width: auto; height: auto; }
#carousel span { width: 100%; height: auto; }
#thumbs-wrapper { padding: 0px 40px; position: relative; }
#thumbs a { border: 2px solid #fff; }
#thumbs a:hover,
#thumbs a.selected { border-color: #A09F9F; }
#prev { background: transparent url('/wp-content/themes/Daily2012/img/al.png') no-repeat 0 0; display: block; width: 40px; height: 130px; position: absolute; left:0%; top: 0%; }
#next { background: transparent url('/wp-content/themes/Daily2012/img/ar.png') no-repeat 0 0; display: block; width: 40px; height: 130px; position: absolute; right:0%; top: 0%; }
#prev:hover {  }
#next:hover {  }
#prev.disabled,
#next.disabled { display: none !important; }

.slider_main {max-width:680px !important;}
.slider_main #thumbs a { border: 2px solid #A09F9F; }
.slider_main #thumbs a:hover,
.slider_main #thumbs a.selected { border-color: #fff; }

/* ADVERTISING ELEMENTS ///////////////////// */



/* END MCGILLDAILY STYLE
///////////////////////////////////////////// */


/* COLUMNAL - CORE
///////////////////////////////////////////// */

/* Column code based on work from cssgrid.net:
Based on the 1140px Grid by Andy Taylor – http://cssgrid.net – http://www.twitter.com/andytlr – http://www.catchingzebra.com */
.container {padding-left: 20px; padding-right: 20px;}
.row {clear: both; width: 100%; max-width: 1000px; margin: 0 auto; z-index:10;}

/* Custom-sized columns*/
.col {float: left; position: relative;}

.full {width:100%;}

.logo {min-width:10%;}
.search {width:29%;margin-right:2%;}
.rbox {width:37%;margin-right:2%;}
.reader {width:19%;}

.bigcol {width:82%; margin-right:2%;}
.smlcol {width:16%;}

.leftcol {width:48%;margin-right:4%;}
.rightcol {width:48%;}

.leftthirdcol {width:32%;margin-right:2%;}
.rightthirdcol {width:32%;}

.adcol {width:37%;margin-right:3%;}
.mediacol {width:60%;}

.main {width:68%; margin-right:2%;}
.side {width:30%;}

.blogleft {width:22.25%;}
.blogright {width:74.75%;padding-left:3%;}

.last, .omega {margin-right: 0% !important;}
img, object, embed {max-width: 100%;}

/*
_______________________________
Columnal - vertical spacing options */

.margin_top_20 {margin-top: 20px !important;}
.margin_bottom_10 {margin-bottom: 10px !important;}
.margin_bottom_20 {margin-bottom: 20px !important;}
.margin_right_20 {margin-right: 20px !important;}
.margin_left_20 {margin-left: 20px !important;}

.padding_top_0 {padding-top:0px !important;}
.padding_top_10 {padding-top:10px !important;}
.padding_top_20 {padding-top:20px !important;}
.padding_top_30 {padding-top:30px !important;}
.padding_top_50 {padding-top:50px !important;}
.padding_bottom_10 {padding-bottom:10px !important;}
.padding_bottom_20 {padding-bottom:20px !important;}
.padding_bottom_50 {padding-bottom:50px !important;}
.padding_side_0 {padding-left:0px !important;padding-right:0px !important;}
.padding_side_5 {padding-left:2.5%;padding-right:2.5%;}
.padding_side_10 {padding-left:5%;padding-right:5%;}
.padding_side_20 {padding-left:3%;padding-right:3%;}

/*
_______________________________
Columnal - extras */

.clear, .clearboth {clear:both !important;}
.clearleft {clear:left !important;}
.clearright {clear:right !important;}

/* this will insert a pseduo element clears floats for an element containing floated content */
.selfclear:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}

.mobile-only {display: none;}

/* END COLUMNAL - CORE CODE
///////////////////////////////////////////// */

/* COLUMNAL - TABLET AND MOBILE
///////////////////////////////////////////// */

/* Screen - Smaller than 900 px */
@media only screen and (max-width: 950px) {
.info {font-size:0.85em;}

.search {width:30%;}
.rbox {width:30%;}
.reader {width:22%;}

}

/* iPad Tablet - Vertical orientation */
@media only screen and (max-width: 1024px) and (orientation:portrait) {

.search {width:30%;}
.rbox {width:26%;}
.reader {width:25%;}
.bigcol {width:73.25%; margin-right:2.75%;}
.smlcol {width:24%;}
.adcol {width:56.75%;margin-right:3.50%;}
.mediacol {width:39.75%}
.main {width:54.75%;margin-right:2.75%;}
.side {width:42.50%;}

.article {margin-left:20px;margin-right:20px;}
.pthumb {width:50%;padding-top:10px;padding-left:10px;margin-bottom:50%;}
.athumb {padding-right:10px;}
.vthumb {width:100%;height:50px;overflow:hidden;}
.cbox {margin-left:0px;}
.cthumb {margin-bottom:10px;margin-right:40px;}
.sml {font-size:0.6em;line-height:1.3em;}
.radio_icons {padding-top:8px;}

.info {font-size:0.78em;}

.padding_bottom_20 {padding-bottom:10px !important;}

/* SLIDER ELEMENTS ////////////////////////// */

#content-slideshow {height: 475px;}
#content-slideshow .content_slideshow ul {height: 475px;}
#content-slideshow .content_slideshow ul li {width:520px !important; height: 475px;}
#content-slideshow .content_slideshow ul li img {width: 520px !important;position: absolute;left: -85px;height: 475px;}
#content-slideshow  ul.slideshow-nav {height:475px;}
#content-slideshow .slideshow-nav li {height:95px;}

}

/* iPad Tablet - Horizontal orientation */
@media only screen and (max-width: 1024px) and (orientation:landscape) {

.search {width:29%;}

}

/* Velocity/Samsung Tablet - Vertical orientation */
@media only screen and (max-width: 600px) and (orientation:portrait) {

.bigcol {width:73.25%; margin-right:2.75%;}
.smlcol {width:24%;}
.adcol {width:56.75%;margin-right:3.50%;}
.mediacol {width:39.75%}
.main {width:54.75%;margin-right:2.75%;}
.side {width:42.50%;}

.article {margin-left:20px;margin-right:20px;}
.pthumb {width:50%;padding-top:10px;padding-left:10px;margin-bottom:50%;}
.athumb {padding-right:10px;}

.info {font-size:0.78em;}

.padding_bottom_20 {padding-bottom:10px !important;}

/* SLIDER ELEMENTS ////////////////////////// */

#content-slideshow {height: 475px;}
#content-slideshow .content_slideshow ul {height: 475px;}
#content-slideshow .content_slideshow ul li {width:520px !important; height: 475px;}
#content-slideshow .content_slideshow ul li img {width: 520px !important;position: absolute;left: -85px;height: 475px;}
#content-slideshow  ul.slideshow-nav {height:475px;}
#content-slideshow .slideshow-nav li {height:95px;}

}

/* Low-resolution computer - Horizontal orientation */
@media only screen and (max-width: 640px) and (orientation:landscape) {

.menu {height:80px;margin:0px 10px;}
.box {width:103px;}
.info {font-size:0.95em;}

}


/* Galaxy Tablet - Horizontal orientation */
@media only screen and (max-width: 800px) and (orientation:landscape) {

.bigcol {width:73.25%; margin-right:2.75%;}
.smlcol {width:24%;}
.adcol {width:56.75%;margin-right:3.50%;}
.mediacol {width:39.75%}
.main {width:54.75%;margin-right:2.75%;}
.side {width:42.50%;}

.article {margin-left:20px;margin-right:20px;}
.pthumb {width:50%;padding-top:10px;padding-left:10px;margin-bottom:50%;}
.athumb {padding-right:10px;}

.info {font-size:0.78em;}

.padding_bottom_20 {padding-bottom:10px !important;}

/* SLIDER ELEMENTS ////////////////////////// */

#content-slideshow {height: 475px;}
#content-slideshow .content_slideshow ul {height: 475px;}
#content-slideshow .content_slideshow ul li {width:520px !important; height: 475px;}
#content-slideshow .content_slideshow ul li img {width: 520px !important;position: absolute;left: -85px;height: 475px;}
#content-slideshow  ul.slideshow-nav {height:475px;}
#content-slideshow .slideshow-nav li {height:95px;}

}

/* Velocity Tablet - Vertical orientation */
@media only screen and (max-width: 603px) and (orientation:portrait) {

.menu {height:80px;margin:0px 10px;}
.box {width:96px;}
.info {font-size:0.95em;}

}

/* Smartphone - Horizontal orientation */
@media handheld, only screen and (min-width: 321px) and (max-width: 480px) {

.menu {height:160px;margin:0px 10px;}
.box {width:153px;}
.info {font-size:1.15em;}

.brkg_title {width:100%;}
.brkg_space {width:100%;line-height:25px;}

.pitem {height:115px !important;}
.pthumb {width:180px;}
.aitem {min-height:120px; max-height:150px;}
.aimg {padding-top:10px;padding-left:5%;}
.athumb {padding-top:10px;}
.item1 img, .item2 img {padding-top:10px;padding-left:10px;}

.cbox {margin-left:0px;}
.cthumb {width:150px;height:auto;margin-bottom:10px;margin-right:10px;margin-top:10px;}

/* SLIDER ELEMENTS ////////////////////////// */

#content-slideshow .content_slideshow ul {height: 200px !important;}
#content-slideshow .content_slideshow ul li img {width:100% !important; height:auto !important; left:0px !important; top: -50px !important;}

}

/* Smartphone - Vertical orientation */
@media only screen and (max-width: 320px) {

.menu {height:160px;margin:0px 10px;}
.box {width:100px;}
.info {font-size:1em;}

.bottom {position:relative;height:60px;top:40px;overflow: hidden;}
.search {width:190px;}
.slogan {font-size:0.75em; width:175px;}
.sml {font-size:0.6em;line-height:1.3em;}

.vitem1, .vitem2 {height:180px !important;}
.vthumb {width:100%;height:80px;overflow:hidden;}
.pthumb {padding-top:10px; padding-left:10px;}
.pitem {height:120px !important;}
.athumb {padding-top:10px;}
.blogtop {padding-left:5%;padding-right:5%;min-height:50px;}
.blogbot {margin-top:5px;}
.bthumb {display:none;}

.cbox {margin-left:0px;}
.cthumb {margin-bottom:10px;margin-right:40px;margin-top:10px;}

.logospacer {padding-right:5px;}

/* SLIDER ELEMENTS ////////////////////////// */

#content-slideshow {width:100% !important; height: auto  !important;}
#content-slideshow .content_slideshow ul {height: 220px !important;}
#content-slideshow .content_slideshow ul li {width:100% !important; height: auto !important;}
#content-slideshow .content_slideshow ul li img {width: 100% !important;position: absolute;left: 0px !important;height: auto !important;}
#content-slideshow  ul.slideshow-nav {height:95px !important;}
#content-slideshow .slideshow-nav li {float: left;display:none !important;height:95px !important;}
#content-slideshow .slideshow-nav li.on {display:block !important;background-color:#fff;}
#content-slideshow .slideshow-nav li:hover,
#content-slideshow .slideshow-nav li:active {display:block !important;background-color:#fff;}

}

/* Feature phone - Vertical orientation */
@media handheld, only screen and (max-width: 240px){

.menu {height:240px;margin:0px 10px;}
.box {width:110px;}
.info {font-size:1em;}

.big {font-size:1.5em;line-height:1em;margin-bottom: 7px;}
.logo {margin:0px 10px; width:220px;}
.search {margin:0px 10px;width:220px;}
.bottom {height:50px; top:5px; overflow:hidden;}
.header_long {width:220px;font-size:1em;}

.aitem {min-height:120px; max-height:200px;}

blockquote { font-family: 'Brandon-Italic', sans-serif; font-size:1em; line-height:1.1em; text-align:center; color: #000; margin: 10px 20px; }
.edbox {display:inline-block;margin-left:0px;}
.adcol {display:none;}

/* SLIDER ELEMENTS ////////////////////////// */

#content-slideshow .content_slideshow ul {height: 160px !important;}

}

@media handheld, only screen and (max-width: 767px) {

.row, .body, .container { width: 100%; margin-left:0; margin-right:0; padding-left:0; padding-right:0; }
.full, .bigcol, .smlcol, .main, .side, .leftthirdcol, .rightthirdcol { clear: both; float: none; margin-left: 0; margin-right: 0; padding-left: 10px; padding-right: 10px; width: auto; width: -moz-available; }
.leftcol, .rightcol, .mediacol { clear: both; float: none; margin-left: 0; margin-right: 0; padding: 10px 0px; width: auto; width: -moz-available; }
.adcol { clear: both; float: none; margin:0px auto; padding: 10px 0px; width: 300px; }

.search {width:60%;}

.logo {margin:0px 10px; width:100px;}
.stext {width:90px;}
.reader_thumb {float:left;height:70px;width:auto;padding-right:10px;}
.header_img {margin-bottom:10px;}
.article {margin-left:10px;margin-right:10px;}
.cbox {padding-bottom:5px;}

.brkg_title {width:93%;}
.brkg_space {width:96%;height:65px;}

.pitem {margin-bottom:10px;}
.spacer{height:0px;}
.spacer2, .spacer3 {height:10px;}
.margin_top_20 {margin-top:10px !important;}
.margin_bottom_20 {margin-bottom:10px !important;}
.margin_right_20 {margin-right: 10px !important;}
.margin_left_20 {margin-left: 10px !important;}
.padding_top_20 {padding-top:10px !important;}
.padding_top_30 {padding-top:10px !important;}
.padding_top_50 {padding-top:10px !important;}
.padding_bottom_20 {padding-bottom:10px !important;}
.padding_bottom_30 {padding-bottom:10px !important;}
.padding_bottom_50 {padding-bottom:10px !important;}
.padding_side_5 {padding-left:5%;padding-right:5%;}

/* Invert behavior of section buttons for smartphone version */
.m_news {background-color:#4460AC;}
.m_news:hover {background-color:#000000;}
.m_commentary {background-color:#57B947;}
.m_commentary:hover {background-color:#000000;}
.m_culture {background-color:#FFCD2A;}
.m_culture:hover {background-color:#000000;}
.m_features {background-color:#5DCAE9;}
.m_features:hover {background-color:#000000;}
.m_scitech {background-color:#98499C;}
.m_scitech:hover {background-color:#000000;}
.m_healthandeducation {background-color:#FAA542;}
.m_healthandeducation:hover {background-color:#000000;}
.m_sports {background-color:#EC2426;}
.m_sports:hover {background-color:#000000;}
.m_blogs {background-color:#313F76;}
.m_blogs:hover {background-color:#000000;}
.m_media {background-color:#FF3399 !important;}
.m_media:hover {background-color:#000000 !important;}
.m_video {background-color:#EE203E !important;}
.m_video:hover {background-color:#000000 !important;}
.m_photos {background-color:#2BB673 !important;}
.m_photos:hover {background-color:#000000 !important;}
.m_unfit {background-color:#5A357C !important;}
.m_unfit:hover {background-color:#000000 !important;}
.m_illustrations {background-color:#7E82AD !important;}
.m_illustrations:hover {background-color:#000000 !important;}
.m_comicstrips {background-color:#FAA542 !important;}
.m_comicstrips:hover {background-color:#000000 !important;}



/* SLIDER ELEMENTS MOBILE-STYLE ///////////// */

#content-slideshow {height: auto;}
#content-slideshow .content_slideshow ul {width:100%;height: auto;}
#content-slideshow .content_slideshow ul li {height: auto !important;}
#content-slideshow .content_slideshow ul li img {position: relative;width:100%;height: auto;}
#content-slideshow  ul.slideshow-nav {width:100%;height:95px;float:left;}
#content-slideshow .slideshow-nav li {float: left;display:none;width: 100%;height:95px;}
#content-slideshow .slideshow-nav li.on {display:block;background-color:#fff;}
#content-slideshow .slideshow-nav li:hover,
#content-slideshow .slideshow-nav li:active {display:block;background-color:#fff;}

/* Type presets */
.container h1 {margin:.5em 0 .5em;}
.container h2 {margin:.5em 0 .535em;}
.container h3 {margin:.5em 0 .57em;}
.container h4 {margin:.5em 0 .615em;}
.container h5 {margin:.5em 0 .67em;}
.container h6 {margin:.5em 0 .8em;}

/* Columnal content control - use on any elements to show/hide content on mobile */
.mobile-hide {display: none;}
.mobile-only {display: block;}

}
/* END COLUMNAL - MOBILE
///////////////////////////////////////////// */