/************ [2] ASSET: skeleton.css ************/

/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column                      { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }

        .container .one.column                      { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }




/************ [2] ASSET: layout.css ************/

/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* SYSTEM */

.hidden { display: none; }
._mootpl_, #MooTpl_Repo { display: none; }
/* ._new_count { font-size: 11px; } moved to main.css */

/* clear floats, unless there's a better way */

.cf { clear: both; height: 0.1em; width: 100%; font-size: 0.1em; line-height: 0 !important; /*border: 1px solid #000;*/ }
.cfline { clear: both; height: 0.1em; width: 100%; font-size: 0.1em; border-top: 1px solid black; }

.cf:after, .cfline:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cf, .cfline {display: inline-block;}

* html .cf, * html .cfline {height: 1%;}
.cf, .cfline {display: block;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clearfix { height: 1%; }

.padded { height: 4px; clear: both; }

.devnote {
	/*font-family: 'Ubuntu', Helvetica, Arial, Sans-Serif;*/
	font-weight: bold;
	color: #f33;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

._input_wrapper { float: left; }
._input_wrapper span { display: block; float: left; margin-top: 4px; }

/* END SYSTEM */

div._main_content { padding: 0 20px; margin: 0; }

#logo {
	position: absolute;
	width: 32px; height: 32px;
	top: 2px; left: 2px;
	background-color: transparent;/* url('') no-repeat;*/
	background-size: 100%;
	z-index: +1;
}

div.zine-top-logo-container { width: 1100px; margin: 0 auto; }
/* img.zine-top-logo { max-height: 4em !important; margin-left: -20px;} */

.topMenu {
	padding: 0 4px;
	background-color: #696969;
	height: 36px;
	margin-bottom: 6px;
	position: relative;

}

.topMenu > a {
	float: right; display: block; color: #fff; text-decoration: none;
}

.topMenu > ul { height: 25px; margin: 3px 0 0 0; }
.topMenu > ul.right { position: absolute; top: 0; right: 0; z-index: 10; }
.topMenu > ul.left { position: absolute; top: 0; left: 0; z-index: 10; }

.topMenu > ul li { position: relative; float: left; margin: 0; height: 25px; margin-left: 10px; padding: 0; list-style-type: none; }

.topMenu > ul li a { 
	text-decoration: none;
	display: block;
	height: 24px;
	font-size: 18px;
	padding-top: 2px;
	
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: 300;
	color: #fff;
	font-size: 12px;
}
.topMenu > ul li a.settings { width: 25px; height: 25px; text-indent: -2000px; background: transparent url('/gfx/v2/gear-icon_96x96.png') no-repeat; background-size: 100%; }
.topMenu > ul li a.messages { width: 25px; height: 25px; margin-left: -8px; text-indent: -2000px; background: transparent url('/gfx/v2/broadcast.png') no-repeat -4px 0; background-size: 150%; }

.topMenu strong {
	color: #fff;
	line-height: 26px;
}
.topMenu a {
	text-decoration: none;
	/*background-color: #dfdfdf;*/
	display: inline-block;
	padding: 0 6px; margin: 1px 8px;
	border-radius: 4px;
	line-height: 22px;
	color: #000 !important;
}

.topMenu a:hover {
	text-decoration: underline;
}

._new_count {
	float: right;
	display: inline-block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	font-weight: bold;
	text-align: center;
	background-color: #d40012;
	color: #fff;
	padding: 1px 2px;
	margin-left: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .4);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .4);
	cursor: pointer;
}

/* upload progress bar stuff */
.progress_bar_outer {
	margin-top: 8px;
	width: 30%;
	height: 6px;
	border: 1px solid #000;
}

.progress_bar_inner {
	position: relative;
	height: 6px;
	background-color: #00ff00;
	width: 0%;
}

.progress_bar_txt {
	font-size: 10px;
	font-family: tahoma;
	font-weight: 300;
	color: #00ff00;
}

.button.floater { margin-bottom: 0; }

/*-----------------------------------------------------------------------------------
	C-Clamp
-------------------------------------------------------------------------------------*/


div.comments_container h3 {font-size: 18px;}
.r88r-c-clamp .columndata  {text-align: left;}
.r88r-c-clamp .columndata h4 {font-size: 15px; text-align: left;}

.r88r-c-clamp .search_form form, .r88r-c-clamp .search_form form input {margin-bottom: 0px; height: auto;}
.r88r-c-clamp p.info {font-size: 12px; margin-bottom: 0px;}

div.r88r-influencers > div.inf-container { width: 570; }


/*-----------------------------------------------------------------------------------
	General styling 
-------------------------------------------------------------------------------------*/
.r88r-emphasis {font-size: 14px; font-weight: bold;}
h1.r88r-emphasis {margin-bottom: 0px;  line-height: 1; display: inline; border: 0px;}
.r88r-intro {padding: 0px 10px ;}

/*-----------------------------------------------------------------------------------
	Autocompleter
-------------------------------------------------------------------------------------*/

div._autocomplete-container {
	background-color: #fff;
	border: 1px solid #afafaf;
	font-size: 12px;
	max-height: 200px !important;
	width: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: inherit;
}

div._autocomplete-container > div {
	background-color: #fff;
	padding: 4px;
	border-bottom: 1px solid #afafaf;
	cursor: pointer;
}

div._autocomplete-container > div:last-child {
	border-bottom: 0;
}

div._autocomplete-container > div > span {
	font-size: 10px; font-style: italic;
}

div._autocomplete-container > div._ac-selected {
	background-color: #d1f859;
}

.acItem_container { float: left; margin: 4px 4px 0 0; padding: 2px; font-size: 11px; border: 1px solid #282a30; border-radius: 4px; background-color: #7fafff; text-transform: uppercase; }
.acItem_close { width: 5px; height: 5px; background-color: #fff; float: right; margin: 0 0 4px 4px; cursor: pointer; }
.acItem_display { float: left; color: #fff; line-height: 12px; }

/*
.acItem_container { float: left; margin: 4px 4px 0 0; padding: 2px; font-size: 11px; border: 1px solid #cfcfcf; border-radius: 4px; background-color: #efefef; text-transform: uppercase; }
.acItem_close { width: 5px; height: 5px; background-color: #ff0000; float: right; margin: 0 0 4px 4px; cursor: pointer; }
.acItem_nickname { float: left; }
*/


/* #Page Styles
================================================== */

.homeSplash { text-align: center; }
/*
a.login-with-local { text-indent: -4000px; background: transparent url('/gfx/v2/icons_login.png') no-repeat -323px 0; width: 138px; height: 21px; display: block; margin: 12px auto; }
a.login-with-twitter { text-indent: -4000px; background: transparent url('/gfx/v2/icons_login.png') no-repeat 0 0; width: 150px; height: 21px; display: block; margin: 12px auto; }
a.login-with-facebook { text-indent: -4000px; background: transparent url('/gfx/v2/icons_login.png') no-repeat -151px 0; width: 169px; height: 21px; display: block; margin: 12px auto; }

a.home-get-started-button {
	display: block; text-indent: -3000px; background: transparent url('/gfx/v2/icons_getStarted_learnMore.png') no-repeat; width: 168px; height: 38px; margin: 0 auto;
}
*/

div.connection-options { padding: 18px; border: 1px solid #dfdfdf; border-radius: 8px; background-color: #f8f8f8; margin: 0 auto 18px auto; width: 65%; }
div.connection-options p { margin-bottom: 0; padding-bottom: 0; }

div.connection-options a {
	text-decoration: none;
	background-color: #dfdfdf;
	display: inline-block;
	padding: 2px 6px; margin: 2px 8px;
	border-radius: 4px;
}

div.connection-options a:hover {
	text-decoration: underline;
	/*background-color: #969696;
	color: #fff;*/
}


ul.r88r-topics {
	list-style-type: none;
	margin: 0 auto;
	width: auto;
}

ul.r88r-topics li {
	display: inline-block;
	/*width: 120px;*/ /* disabled by Kent, this appears to be a setting meant for specific namespace / layout */
}

ul.r88r-topics li a {
	text-decoration: none;
	background-color: #dfdfdf;
	display: inline-block;
	padding: 2px 6px; margin: 2px 8px;
	border-radius: 4px;
}

ul.r88r-topics li a.__current, ul.r88r-topics li.__current a {
	background-color: #343434;
	color: #fff;
}

ul.r88r-topics li a:hover {
	text-decoration: underline;
	/*background-color: #969696;
	color: #fff;*/
}

div.routes {
	width: 380px;
}

div.moderator-tools div.routes {
	float: left;
}

.route-container {
	margin: 4px; border: 1px solid #fff; border-radius: 8px;
	min-height: 100px !important; padding: 8px;
	background-color: #fafafa !important;
}

div.tools {
	width: 180px;
	margin-left: 20px;
}

div.moderator-tools div.tools {
	float: left;
}

div.story-toolset {
	margin-right: 8px;
	background: #fff;
	-moz-box-shadow: 0.4em 0.4em 5em rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0.4em 0.4em 5em rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0.4em 0.4em 5em rgba(0, 0, 0, 0.5);
    box-shadow: 0.4em 0.4em 5em rgba(0, 0, 0, 0.5);
}

div.story-toolset div.tools li {
	float: right;
	clear: right;
}

.tools button { margin: 0; }

div.moderator-toolmenu {
	position: absolute;
	/*top: 300px; left: 300px;*/
	cursor: pointer;
	z-index: 20;
}
div.moderator-toolmenu ul, div.moderator-routes > div.routes, div.r88r-widget-container {
	border: 1px solid #b0b0b0;
	border-radius: 8px;
	padding: 0 8px;
	background-color: #efefef;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#dfdfdf));
	background: -webkit-linear-gradient(top, #dfdfdf, #efefef);
	background: -moz-linear-gradient(top, #dfdfdf, #efefef);
	background: -ms-linear-gradient(top, #dfdfdf, #efefef);
	background: -o-linear-gradient(top, #dfdfdf, #efefef);
	-moz-box-shadow: 0 3px 5px 0 #aaa;
	-webkit-box-shadow: 0 3px 5px 0 #aaa;
	box-shadow: 0 3px 5px 0 #aaa;
}

div.moderator-routes div.__routeSelectorButton {
	float: left; width: 40%; display: 'block';
	margin: 0 8px 8px 0;
	padding: 4px 8px;
	font-size: 14px; line-height: 14px;
	border: 1px solid #b0b0b0;
	border-radius: 4px;
	background-color: #fff;
	cursor: pointer;
	text-align: center;
}

div.moderator-routes div.__routeSelectorButton:hover {
	background-color: #454545;
	color: #fff;
}


div.moderator-toolmenu ul {
	border-radius: 3px;
	padding: 0 3px;
	margin-bottom: 0px;
}

div.moderator-toolmenu ul li {
	margin: 4px;
	border: 1px solid #b0b0b0;
	display: block;
	color: #fff;

	background-color: #bcbcbc;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bcbcbc), to(#9c9c9c));
	background: -webkit-linear-gradient(top, #9c9c9c, #bcbcbc);
	background: -moz-linear-gradient(top, #9c9c9c, #bcbcbc);
	background: -ms-linear-gradient(top, #9c9c9c, #bcbcbc);
	background: -o-linear-gradient(top, #9c9c9c, #bcbcbc);
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);

}

div.moderator-toolmenu ul li:hover {
	background-color: #fff;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efefef));
	background: -webkit-linear-gradient(top, #efefef, #fff);
	background: -moz-linear-gradient(top, #efefef, #fff);
	background: -ms-linear-gradient(top, #efefef, #fff);
	background: -o-linear-gradient(top, #efefef, #fff);
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.7);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.7);
}

div.moderator-toolmenu ul li a {
	text-decoration: none; text-transform: uppercase; color: #fff;
	display: block; font-size: 11px; line-height: 22px; height: 22px; padding: 0 8px;
	-moz-text-shadow: 1px 1px 1px #6c6c6c;
	-webkit-text-shadow: 1px 1px 1px #6c6c6c;
	text-shadow: 1px 1px 1px #6c6c6c;
}
div.moderator-toolmenu ul li a:hover {
	color: #000;
	-moz-text-shadow: 1px 1px 1px #acacac;
	-webkit-text-shadow: 1px 1px 1px #acacac;
	text-shadow: 1px 1px 1px #acacac;
}

div.r88r-wrapper-node { width: 720px; text-align: center; margin: 0 auto; }
div.r88r-headline { cursor: pointer; width: 340px; float: left; padding: 8px; overflow: hidden; border-right: 1px dotted #dfdfdf; border-bottom: 1px dotted #dfdfdf; text-align: left; background: #fff;} /*  height: 300px;  */
div.r88r-headline  .topic-name { text-transform: uppercase; font-size: 11px; line-height: 11px; font-weight: bold; padding: 4px; background-color: #454545; color: #fff; margin-bottom: 6px; border: 0px; border-radius: 0px;} /* .hl-inner */
div.r88r-headline .hl-inner .thumbnail { width: 340px; max-width: 340px !important; height: 140px; max-height: 140px ; overflow: hidden; }
div.r88r-headline .hl-inner h1 { font-size: 14px; font-weight: bold; line-height: 16px; margin-bottom: 8px; }
div.r88r-headline .hl-inner h1 > img { float: left; margin-right: 6px; }
div.r88r-headline .hl-inner .brief { height: 140px; max-height: 140px !important; overflow: hidden; font-size: 12px; }
div.r88r-headline .hl-inner .brief.long { height: 280px; max-height: 280px !important; }

div.r88r-influencers { width: 720px; height: 48px; margin: 0; padding: 0; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px dotted #dfdfdf; }
div.r88r-influencers > a.__numInfluencers { float: left !important; width: 86px !important; margin: 0; margin-top: 3px; }
div.r88r-influencers > div.inf-container > .infs { text-align: left; width: 10000px; left: 0; position: relative;}
div.r88r-influencers > div.inf-container { width: 570px; overflow-x: hidden; overflow-y: hidden;  }

div.r88r-influencers > div.inf-container div.infs > a {
	display: block; float: left; margin: 0; padding: 0; width: 36px; height: 36px;
}
div.r88r-influencers > div.inf-container div.infs > a img { width: 100%; height: 100%; }
div.r88r-influencers .mini-profile { text-align: left; border: 1px solid #666; padding: .5em .75em; font-size: 12px; line-height: 1.2; display:none;}
div.r88r-wrapper-node.headlines { width: 1100px; }

div.r88r-wrapper-node.headlines > div.r88r-influencers { width: 1100px; }
div.r88r-wrapper-node.headlines .headline-view-options { float: right; height: 22px; }
div.r88r-wrapper-node.headlines .headline-view-options a {
	display: block; float: right; margin-right: 8px !important; width: 22px; height: 22px;
}
div.r88r-wrapper-node.headlines .headline-view-options a.view-list {
	background: transparent url('/gfx/icons/view_options_sprite.gif') no-repeat -22px -22px;
}

div.r88r-wrapper-node.headlines .headline-view-options a.view-list.on { background-position: -22px 0; }

div.r88r-wrapper-node.headlines .headline-view-options a.view-grid {
	background: transparent url('/gfx/icons/view_options_sprite.gif') no-repeat 0 0;
}

div.r88r-wrapper-node.headlines .headline-view-options a.view-grid.on { background-position: 0 -22px; }


div.r88r-wrapper-node.headlines .headline-view-options a { width: 22px; height: 22px; padding: 0; margin: 0; display: inline-block;}
/* 
div.r88r-wrapper-node.headlines > div.r88r-influencers > div.inf-container div.infs { width: 1160px; }
div.r88r-influencers > div.inf-container div.infs {  height: 36px !important; }
*/

div.r88r-wrapper-node .r88r-story-block {
    width: 80%;
}

div.r88r-wrapper-node div.r88r-story {
	text-align: left;
	float: left;
	width: 58%;
	border: 1px solid #b2b2b2; padding: 10px 10px; background: #ffffff; 
}

div.r88r-wrapper-node div.r88r-story div.body { text-align: justify; margin: 20px 0; }
div.r88r-wrapper-node div.r88r-story div.body h1 { font-size: 22px; }
div.r88r-wrapper-node div.r88r-story div.body h2 { font-size: 18px; }

div.r88r-wrapper-node div.r88r-story h1 { font-size: 32px; line-height: 29px; }

div.r88r-wrapper-node div.r88r-story .dotdotdot { font-size: 16px; font-weight: bold; border: 1px solid #aaa; display: inline; float: left;}

div.r88r-wrapper-node div.comments_container textarea[name=_comments] {width: 95%;}

/* HEADLINES 
---------- */

.headline-list .r88r-headlines .r88r-headline { border-right: 1px solid #bbb; border-top: 1px solid #bbb;}
.headline-list .r88r-headlines { border-left: 1px solid #bbb; }
.headline-list.r88r-headlines.r88r-topStories .r88r-headline { border-right: 0px solid #bbb; border-top: 0px solid #bbb;}
.headline-list .r88r-headlines.r88r-topStories { border-left: 0px solid #bbb; }

div.r88r-wrapper-node div.r88r-story h2,
div.r88r-wrapper-node div.r88r-headline h2 {
	font-size: 18px; line-height: 19px;
	padding: 3px 6px;
	float: left;
}

/* ._from {  border: 1px solid #b0b0b0; border-radius: 4px; } */

div.r88r-wrapper-node div.r88r-headline h2 {
	font-size: 12px; line-height: 13px;
}

div.r88r-wrapper-node div.r88r-story h2 span, div.r88r-wrapper-node div.r88r-story h2 img,
div.r88r-wrapper-node div.r88r-headline h2 span, div.r88r-wrapper-node div.r88r-headline h2 img
{ float: left; margin-right: 8px; }
div.r88r-wrapper-node div.r88r-story h2 a,
div.r88r-wrapper-node div.r88r-headline h2 a
{ text-decoration: none; }
div.r88r-wrapper-node div.r88r-story h2 a:hover,
div.r88r-wrapper-node div.r88r-headline h2 a:hover
{ text-decoration: underline; }

.headline-stats { text-transform: uppercase; font-size: 9px; line-height: 10px; }
div.headline-stats { position: absolute; background-color: #454545; color: #fff; padding: 6px; border-radius: 3px; }

div.r88r-wrapper-node div.r88r-story .body .story-image {
	float: left; margin: 0 12px 12px 0; padding: 0;
}
div.r88r-wrapper-node div.r88r-story .body .story-image img { border: 1px solid #000; margin: 0; padding: 0; }

div.r88r-annotations {
	text-align: left;
	/*
	float: right;
	width: 210px;
	*/
}

div.r88r-annotations h1 { font-size: 24px; line-height: 24px; }

div.r88r-annotations h1.twitter_icon {
	padding-left: 36px;
	height: 36px;
	line-height: 36px;
	background: transparent url('/gfx/twitter-32x32.png') no-repeat;
	clear: both;
	margin-bottom: 12px;
}

div.r88r-annotations > div { /*float: left; width: 210px; */ padding-bottom: 12px;
	border: 1px solid rgba(204, 204, 204, 0.6); border-bottom: 0;
}

div.r88r-annotations > div:last-child { border-bottom: 1px solid rgba(204, 204, 204, 0.6); }

div.r88r-annotations > div:hover { border-color: rgba(204, 204, 204, 1); border-bottom: 1px solid rgba(204, 204, 204, 1); margin-bottom: -1px; }

div.r88r-annotations > div div.avatar { float: left; margin: 4px 8px 8px 4px; width: 48px; }
div.r88r-annotations > div div.uinfo { float: left; width: 90%; }
div.r88r-annotations > div div.uinfo > a { font-weight: bold; text-decoration: none; display: block; margin-bottom: 4px; color: #333333; }
div.r88r-annotations > div div.uinfo div.ago { float: right; font-size: 9px; }
div.r88r-annotations > div div.uinfo div.comment { font-size: 12px; line-height: 15px; }
div.r88r-annotations > div div.uinfo div.comment a { color: #0089c7; }

div.r88r-annotations > div {
	opacity: 0.8;
}
div.r88r-annotations > div:hover {
	opacity: 1;
}

div.twitactions p {
	margin-bottom: 0;
}

div.twitactions p a {
	font-size: 10px;
	font-weight: bold;
	color: #454545;
}

div.twitactions p a:hover {
	color: #232323;
}

div.twitactions p.retweeter {
	margin-top: 4px;
	font-size: 12px;
	background: #fff url('/gfx/icons/twitter-action-icons.gif') no-repeat 0 -45px;
	padding-left: 22px;
}

div.twitactions p a.twitter-reply {
	background: #fff url('/gfx/icons/twitter-action-icons.gif') no-repeat 0 2px;
	padding-left: 20px;
}

div.twitactions p a.twitter-retweet {
	background: #fff url('/gfx/icons/twitter-action-icons.gif') no-repeat 0 -12px;
	padding-left: 20px;
}

div.twitactions p a.twitter-favorite {
	background: #fff url('/gfx/icons/twitter-action-icons.gif') no-repeat 0 -29px;
	padding-left: 20px;
}

div.r88r-annotations > div div.twitactions {
	opacity: 0.3;
}

div.r88r-annotations > div:hover div.twitactions {
	display: block;
	opacity: 1;
}

div.story-editor { width: 600px; z-index: 100; }

/** new story editor styles **/
#story-toolset {
	text-align: left;
}
#story-toolset h3 {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 4px;
	padding-top: 4px;
	border-top: 2px solid #b0b0b0;
}

#story-toolset h3:first-child {
	/*border-top: 0; padding-top: 0; margin-top: 0;*/
}

#story-toolset button {
	margin-bottom: 6px;
}

.__tools ul { margin-bottom: 0; }
.__tools li button { margin-bottom: 0px; }
.__tools li { margin-bottom: 4px; }

div.story-editor-sidebar { }
div.story-editor-sidebar form input[type=text] {
	width: 310px; margin-bottom: 4px;
}

div.story-editor-sidebar form div.mooeditable-container {
	width: 318px !important;
}

p.r88r-pagination a { background-color: #969696; color: #fff; text-decoration: none; padding: 1px 12px; border: 1px solid #000; border-radius: 4px; display: inline-block; }
p.r88r-pagination a:hover { background-color: #b0b0b0; }

div.r88r-story-navigation { min-height: 16px; width: 100%; text-align: left; border: 1px solid #ccc;} 
div.r88r-story-navigation a { margin-right: 8px; border: 1px solid #dfdfdf; background-color: #fff; color: blue; padding: 2px 5px; font-size: 13px; line-height: 12px; text-transform: uppercase; width: auto; }
div.r88r-story-navigation a:hover { /*color: #fff; background-color: #ddddff;*/ text-decoration: underline; }


div.like-service { clear: both; margin-bottom: 8px; min-height: 20px; }
div.like-service > div { float: left; margin-right: 12px; }


/*** comments ***/

.comments_container {
	width: 33%;
	margin-left: 16px;
	padding: 10px;
	border: 1px solid #bfbfbf;
	float: left;
	background-color: #fff;
	text-align: left;
}
.comments_container form {
    margin-bottom: 0px;
}

#Story_Comments div.avatar {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	height: 32px;
}
#Story_Comments div.avatar img {
	width: 32px; height: 32px;
}
#Story_Comments div.content {
    font-size: 11px;
	float: left;
	width: 95%; margin-left: 10px;
}

#Story_Comments .content {
	margin-bottom: 12px;
	border-bottom: 1px solid #dfdfdf;
}

#Story_Comments .ts {
	font-size: 10px; font-style: italic;
}

#Story_Comments .ts .from{
	font-weight: bold; font-style: normal; font-size: 12px;
}

/**** USER SEARCH RESPONSE ***/
.user_matches {text-align: left; font-size: 75%;}
.user_matches h1 {font-size: 20px; font-weight: bold;}
.user_matches .avatar {float: left;}
.user_matches .uinfo h1 {margin-bottom: 0px; line-height: 100%;}
.user_matches .contexts {font-size: 14px;}


/*** FOCUSED CONTENT (kfancy thing) ***/

.focusedContent_container {
	width: 80%; margin: 0 auto; border: 1px solid #000; background-color: #fff; border-radius: 8px;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,.3);
	box-shadow: 0px 3px 10px 3px rgba(0,0,0,.3);
	z-index: 1101; /* one higher than the ".overlay_dark" mask */
	padding: 20px;
}

.focusedContent_container ._close {
	background: transparent url('/gfx/icons/icon_close.png') no-repeat;
	width: 50px; height: 50px;
	/*float: right; margin: 0 0 4px 4px;*/
	position: absolute; top: -25px; right: -25px;
	text-indent: -3000px;
	cursor: pointer; color: #fff; padding: 2px; font-size: 11px;
}

.overlay_dark {
	/*display: none;*/
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
	color: rgba(0, 0, 0, .7);
	z-index: 1100;
}

.overlay_light {
	/*display: none;*/
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .7);
	color: rgba(255, 255, 255, .7);
	z-index: 18;
}

.overlay_clear {
	/*display: none;*/
	position: absolute;
	width: 100%;
	height: 100%;
	/*background-color: rgba(255, 255, 255, .7);
	color: rgba(255, 255, 255, .7);*/
	background-color: transparent;
	color: #fff;
	z-index: 18;
}

/*** addition to skeleton "button" ***/
.button.small,
button.small,
input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small {
	padding: 2px 5px !important;
	}

.button.inline,
button.inline,
input[type="submit"].inline,
input[type="reset"].inline,
input[type="button"].inline {
	margin-bottom: 0;
	}


/* # Tooltip
================================================== */
.tooltip { width: 450px; background: #fff; z-index: 100 !important; border: 0px solid #aaa; padding: 10px;
    -moz-box-shadow: 0.4em 0.4em 5em rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0.4em 0.4em 5em rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0.4em 0.4em 5em rgba(0, 0, 0, 0.5);
    box-shadow: 0.4em 0.4em 5em rgba(0, 0, 0, 0.5);
	}
._tooltip p {margin: 5px 0;}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/


/************ [2] ASSET: white_label.css ************/

body { background-color: #fff; font-family: helvetica, arial, sans-serif; }
/* .r88r-wrapper-node {background-color: #fff;} */
div.zine-top-logo-container { height: 100px; vertical-align: center; position: relative;}
img.zine-top-logo { height: 70px; margin-left: 0px;} 

.zine-top-logo-container .tagline { font-size: 15px; font-weight: bold;vertical-align: 25%; margin-left: 10px;}
.zine-top-logo-container .sponsor {position: absolute; right: 0; margin-right: 10px; margin-top: 10px; width: 50px;}

#wrapper > .header  {  width: 100%; text-align: center;}
#wrapper > .header .topBar {  width: 1100px; margin: 0 auto;}
#wrapper > .header .topMenu { background: transparent;}

div.r88r-c-clamp.column-data { background: #fff; margin-top: 0px; }
div.r88r-c-clamp.column-data h4 {border-bottom: 2px solid #666; font-size: 17px;  padding: 12px 0px 14px 0px; line-height: 21px;}
div.r88r-c-clamp.column-data h4.no-bottom { border-bottom: 0; padding-bottom: 4px; }
div.r88r-c-clamp.column-data .r88r-trending .trending_stories { padding-top: 5px;}
div.r88r-c-clamp.column-data .r88r-trending .controls a { font-size: 14px; color: #111; }
div.r88r-c-clamp.column-data .r88r-trending .controls a.__current { color: #fff; background: #555; }

div.r88r-c-clamp.column-data div.partners {border-bottom: 1px solid #bbb; font-size: 14px;  padding: 12px 0px 14px 0px; line-height: 21px;}
div.r88r-c-clamp.column-data div.partners a { font-weight: bold; }
div.r88r-c-clamp.column-data .sociative-sites h1 { font-size: 17px; }
    
div.zine-top-logo-container .social {
	/*position: absolute; bottom: 0px; right: 0px;*/
	position: relative;
	float: right;
	margin-top: 7px;
} 
div.r88r-c-clamp.column-data .r88r-trending .controls {display: none;}

/*div.zine-top-logo-container .social div.fb-like { margin-top: -14px !important; }*/
div.zine-top-logo-container .social iframe:last-child { margin-top: -2px !important; }

div.zine-top-logo-container .story-search-container {padding-top: 5px; padding-bottom: 5px; float: none; }
div.zine-top-logo-container .story-search-container form input[type='text'] {background: #f1f1f1; border: 1px solid #949494;}
h1,h2,h3,h4,h5 {font-family:  helvetica, arial, sans-serif ;}
p {line-height: 1.4em; text-align: left;}
a { color: #22428e; color: #0623e5; text-decoration: none;}
a:visited { color: #62428e; color: #43007c;}

img.faq-link { display: inline; }

.social_icons_absolute {
	position: absolute;
	top: 64px;
	right: 0;
	z-index: 50;
}
.social_icons_absolute a {
	padding: 0;
	margin: 0;
	width: auto;
}

div.r88r-influencer-bar-control-links {
	width: 152px !important;
	max-width: 152px !important;
	padding-top: 6px;
	height: 30px;
	/*background-color: #7d1b06;*/
	border: 1px solid rgb(198, 198, 198);
	float: left;
}

div.r88r-influencers > div.r88r-influencer-bar-control-links > a:first-child {
	/*font-weight: bold !important;
	text-shadow: 1px 1px 1px rgb(0, 0, 0) !important;
	color: #fff;*/
	display: inline;
	border: none;
	background-image: none;
	background-color: none;
	background: none;
	box-shadow: none;
	font-size: 16px;
	padding: 6px 3px 5px 5px;
	max-width: none;
	border-radius: 0;
	font-family: "HelveticaNeue-CondensedBold","PT Sans Narrow", 'Arial Narrow', Arial, Helvetica, sans-serif;
}

div.r88r-influencers > div.r88r-influencer-bar-control-links > a:visited {
	color: #343434;
}

div.r88r-influencers.version2 {
	position: relative;
	background-color: #efefef;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#dfdfdf));
	background: -webkit-linear-gradient(top, #dfdfdf, #efefef);
	background: -moz-linear-gradient(top, #dfdfdf, #efefef);
	background: -ms-linear-gradient(top, #dfdfdf, #efefef);
	background: -o-linear-gradient(top, #dfdfdf, #efefef);
	border-top: 2px solid #343434;
	width: 748px;
	height: 44px;
	padding-bottom: 0;
	margin-bottom: 20px;
}

div.r88r-influencers.version2 div.inf-container {
	margin-left: 154px;
	width: 540px;
}

div.r88r-influencers.version2 div.r88r-influencer-bar-control-links {
	position: absolute;
	width: auto !important;
	height: 38px;
	top: 0;
	left: 0;
	border: 0;
	padding: 0;
	padding-top: 10px;
}

div.r88r-influencers.version2 div.more-link {
	position: absolute;
	width: auto;
	height: 38px;
	top: 10px;
	right: 8px;
}

div.r88r-influencers.version2 div.more-link a {
	font-size: 16px;
	font-family: 'pt sans narrow';
	color: #343434;
}

div.r88r-influencers.version2 div.inf-container div.infs a {
	display: block;
	float: left;
	border-radius: 4px;
	margin: 4px;
	margin-left: 0;
}

div.r88r-influencers.version2 div.inf-container div.infs a img,
#influencer-static-overlay div.influencer-list img {
	border-radius: 4px;
}

#influencer-static-overlay {
	width: 728px;
	padding: 10px;
	position: absolute;
	top: 0; left: 0;
	background-color: #DFDFDF;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DFDFDF), to(#EFEFEF));
	background: -webkit-linear-gradient(top, #EFEFEF, #DFDFDF);
	background: -moz-linear-gradient(top, #EFEFEF, #DFDFDF);
	background: -ms-linear-gradient(top, #EFEFEF, #DFDFDF);
	background: -o-linear-gradient(top, #EFEFEF, #DFDFDF);
	border-top: 2px solid #343434;
}

#influencer-static-overlay h1.current_topic {text-align: left; text-transform: capitalize; font-family: georgia, serif; font-size: 24px; color: #333; line-height: 20px;}


#influencer-static-overlay div.more-link2 {
	/*float: right;*/
}

#influencer-static-overlay div.influencer-list a {
	display: block;
	float: left;
	border-radius: 4px;
	margin: 4px;
	margin-left: 0;
}

div.r88r-topics-container { margin-top: 0; margin-bottom: 5px; }

#StorySearchFormContainer {
	width: 295px !important;
	margin: 0 auto;
	position: relative;
	height: 24px;
	display: none !important;
}

#StorySearchFormContainer form {
	margin: 0;
	width: 280px;
	height: 24px;
	position: relative;
	margin-right: 30px;
}

#StorySearchFormContainer form input[name=keyword] {
	border-radius: 0;
	float: left;
	width: 242px;
	background-color: #f1f1f1 !important; border-color: #c0c0c0 !important;
	padding: 0 8px;
	height: 22px;
}
#StorySearchFormContainer form input[name=search] {
	width: 25px; height: 24px !important;
	position: absolute; top: 0; right: 0;
	background: transparent url('/gfx/buttons/search_submit_sprite.gif') no-repeat top left;
	border: 0;
	border-radius: 0;
}

#StorySearchFormContainer form input[name=search]:hover {
	background-position: 0 -24px;
}

#StorySearchFormContainer form input[name=search]:active {
	background-position: 0 -48px;
}

/*
@font-face {
	src: url('/asset/font/HelveticaNeue-CondensedBold.ttf');
	font-family: 'HelveticaCondensed';
	font-style: normal;
	font-weight: bold;
	unicode-range: U+0021-007A; /* ! - z * /
}
*/

.topMenu {
	/*padding-left: 20px;*/
	height: 24px;
}

div.column-data > div.cf {
	box-shadow: none;
	background-color: transparent;
	margin-bottom: 0;
}

/*.topMenu > ul { float: right; clear: right; height: 20px; margin: 0px 0px 0 0; }*/
.topMenu > ul li {
	position: relative; float: left; margin: 0; height: 20px; padding: 0; list-style-type: none;
	padding-bottom: 4px; padding-right: 10px; margin-right: 10px;
	border-right: 1px solid #afafaf;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 12px;
}

.topMenu > ul li:last-child {
	padding-right: 0; margin-right: 0; border-right: 0;
}

.topMenu strong {
	color: #777;
}

.topMenu ul li a {
	text-decoration: none;
	/*background-color: #fff;*/
	display: inline-block;
	padding: 0;
	margin: 1px 1px;
	border-radius: 4px;
	line-height: 20px;
	font-size: 14px;
	height: 20px;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 12px;
}

.topMenu a:hover {
	text-decoration: underline;
}

/* tabs default */
#tab-topics-menu {
	width: 100%;
	height: 29px;
	background-color: #938a85;
}

#tab-topics-menu div.section {
	float: left;
	border-right: 1px solid #dfdfdf;
	padding: 0 8px;
	background-color: #fff;
	height: 28px;
	line-height: 28px;
	position: relative;
	cursor: pointer;
	background-color: #938a85;
	text-transform: capitalize;
	background-color: #938a85;
	border: 0;
}


#tab-topics-menu div.section span.topic {
	display: block; height: 29px !important; line-height: 28px !important;
	font-size: 18px;
}

#tab-topics-menu div.section:last-child {
	/*border-right: 1px solid #dfdfdf;*/
}

.r88r-c-clamp.column-data .ad {
    margin-top: 10px;
}
.r88r-c-clamp.column-data .ad {
    margin-top: 10px;
}
.r88r-c-clamp.column-data .promo {
    background: #efefef;
    border: 1px solid #cfcfcf;
    padding: 10px;
    padding-bottom: 0px;
}
.r88r-c-clamp.column-data .promo p {
    font-size: 12px;
    margin-bottom: 10px;
}
#tab-topics-menu div.section > div.subs {
	position: absolute;
	z-index: 1000;
	display: none;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-top: 0;
	top: 29px;
	left: -1px;
}

#tab-topics-menu div.section > div.subs a {
	display: block;
	padding: 4px 8px;
}
#tab-topics-menu div.section .subs a { margin: 0 0 0 0; padding: 2px 7px; line-height: 16px; white-space: nowrap;}


#tab-topics-menu div.section:hover, #tab-topics-menu div.section.raw:hover {
	background-color: #eee;
	background-color: #ccc0b9;
}


#tab-topics-menu div.section:hover > div.subs {
	display: block;
	-moz-box-shadow: 0.12em 0.12em 0.75em rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0.12em 0.12em 0.75em rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0.12em 0.12em 0.75em rgba(0, 0, 0, 0.5);
    box-shadow: 0.12em 0.12em 0.75em rgba(0, 0, 0, 0.5);
}



#tab-topics-menu > div.section:hover div.subs a:hover {
	background-color: #ddd;
	text-shadow: none;
}


#tab-topics-menu div.section.raw { /* [data-name=raw] */
	/*background:  #79716d; 
	background:  #8f504b;*/
	background-color: #000;
	float: right;
}


div.r88r-influencers > a.__numInfluencers {
	text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.4);
	font-weight: bold;
	line-height: 23px;
}

div.r88r-influencers > a.__numInfluencers img {
	/*margin-bottom: 5px;*/
	position: absolute;
	z-index: 100;
}

#tab-topics-menu div.section span.topic {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.4);
/*
	font: 15px Helvetica, Arial, sans-serif;
	font-weight: 700;
	'Open Sans Condensed'
*/
	font: 18px Lucida, "HelveticaNeue-CondensedBold","PT Sans Narrow", 'Arial Narrow', Arial, Helvetica, sans-serif;

	font-weight: bold;
}

#tab-topics-menu div.section:hover > span {
	color: #555;
	text-shadow: none;
} 

#tab-topics-menu > div.section:hover div.subs a {
    background-color: #f6f6f6;
	color: #222;
	text-shadow: none;
	border-top: 1px solid #ffffff; border-bottom: 1px solid #ccc;
	font-size: 15px;
}





.search-form.r88r,  {width: 100%; text-align: center;}
#r88r-search-form input { display: inline; float: left; margin-bottom: 0px; }

div.___turningoffbutkeepingforreference___r88r-influencers a.inf img {
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url('/css/filters/image.svg#desaturate'); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
    /*opacity: 0.5;*/
}

div.___turningoffbutkeepingforreference___r88r-influencers a.inf img:hover {
    filter: grayscale(0); /* Current draft standard */
    -webkit-filter: grayscale(0); /* New WebKit */
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0); 
    -o-filter: grayscale(0); /* Not yet supported in Gecko, Opera or IE */ 
    filter: none; /* Gecko */
    filter: none; /* IE */
    -webkit-filter: grayscale(0); /* Old WebKit */
    opacity: 1;
}

/* more */

.zine-top-logo-container .tagline {color: #333; }

div.r88r-headline {border: 1px solid #ddd; } /*  min-height: 300px;  */

div.r88r-headline > h1, div.r88r-headline h1.headline {font-weight: bold; font-size: 16px; line-height: 1.2; padding: 3px 0 ; font-family: "HelveticaNeue-CondensedBold","PT Sans Narrow", "FranklinGothicFSDemiCondensed", 'Arial Narrow',  "proxima-nova-condensed","Helvetica Neue", Arial, Helvetica; z-index: 10; margin-bottom: 0px; }
div.r88r-headline h1 a {color: #181818;}
/* "Open Sans Condensed", */
/* make headlines smaller and not condensed */
.r88r-topStories div.r88r-headline h1, .r88r-headlines div.r88r-headline h1.headline {font-weight: bold; font-size: 16px; font-family:"HelveticaNeue-CondensedBold","PT Sans Narrow", 'Arial Narrow', "Helvetica Neue", Arial, Helvetica; z-index: 10; margin-top: 10px; margin-bottom: 5px;}

div.r88r-headline .brief {line-height: 1.4; color: #222; font-size: 14px; margin-top: 8px; font-family: "Georgia"; overflow: hidden;}
div.r88r-wrapper-node {width: 1100px }

div.r88r-wrapper-node div.r88r-story-block {width: 100%;}
div.r88r-wrapper-node div.r88r-story, div.r88r-story-block .comments_container {width: 96%;}
div.r88r-story-block .comments_container {margin-left: 0px; border-top: 0px;}
div.r88r-wrapper-node div.r88r-story h1, div.r88r-story h1 {font-size: 26px; line-height: 29px;  font-family: "Georgia", "Times New Roman", "Times Roman", "Times", serif; }
/* font-family: "HelveticaNeue-CondensedBold", "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica;  */

div.r88r-wrapper-node div.r88r-story h2._from,
	div.r88r-story h2._from {font-size: 14px; line-height: 24px !important; font-family: "Georgia", "Times New Roman", "Times Roman", "Times", serif;  padding-left: 0px;}
div.r88r-wrapper-node div.r88r-story h2._from a,
	div.r88r-story h2._from a {font-size: 14px; line-height: 24px !important; color: #333;vertical-align: bottom; }
div.r88r-wrapper-node div.r88r-story h2._from a span.source,
	div.r88r-story h2._from a span.source {font-size: 18px; }
div.r88r-wrapper-node div.r88r-story h2._from img.favicon,
	div.r88r-story h2._from img.favicon {display: none;}
div.r88r-wrapper-node div.r88r-story h2._from span,
	div.r88r-story h2._from span {vertical-align: bottom; font-style: italic;}

/* alignment of funky story nodes: */
div.r88r-wrapper-node  div.r88r-story h2._from span.editable,
	div.r88r-story h2._from span.editable { line-height: 22px; }
div.r88r-wrapper-node  div.r88r-story h2._from span.mentions,
	div.r88r-story h2._from span.mentions { line-height: 23px; }

div.r88r-wrapper-node  div.r88r-story .abstract {font-size: 15px; color: #111;}
div.r88r-wrapper-node  div.r88r-annotations h1 {font-size: 15px;}

.sourcename { color: #666;}

h1.r88r-zine-title {display: none;}

ul.r88r-topics { text-align: left;}

/* rivers and streams stuff */
div.r88r-topics-container {text-align: left; height: 130px;  }
div.r88r-topics-container.pulldown { width: 500px;}
div.r88r-topics-container > div { position: relative; }
div.r88r-topics-container h1, h1.topic_category { font-size: 20px; margin: 0 0 0 0; line-height: 1.0; color: #1e3f6e; font-weight: 900; font-family:  "PT Sans Narrow", rockwell, "proxima-nova-condensed","Helvetica Neue", Arial, Helvetica;padding-left: 5px;}
div.r88r-topics-container .rivers  { margin-bottom: 5px; }
div.r88r-topics-container .inner {background-color: #fff; border-right: 2px solid #fff; border-bottom: 2px solid #c9c9c9;} /* z-index: 10; */
ul.r88r-topics { text-align: left; }
div.r88r-topics-container .rivers .r88r-topics { top: 3px; left: 0px; height: 25px;}
div.r88r-topics-container .streams { height: 45px; }
div.r88r-topics-container .streams .more {  position: relative; top: 24px;}
div.r88r-topics-container .streams .more img { height: 20px;}
div.r88r-topics-container .streams .inner {  top: 20px; left: 0px;  height: 23px; overflow: hidden; position: absolute;} /* z-index: 10; */
/* rivers and streams stuff */

div.r88r-topics-container {height: auto; margin-top: 5px;}
div.r88r-topics-container select { margin-bottom: 0px; font-size: 15px; text-transform: capitalize; color: #e1000a;}
div.r88r-topics-container select option { text-transform: capitalize; }
div.r88r-topics-container .feed-header {width: 45%; display: inline; float: left; color: #000;}
div.r88r-topics-container .feed-header span {text-transform: uppercase; font-family: georgia, serif;}
img.r88r-widget-link {float: left; display: inline;}

ul.r88r-topics li { border-right: 1px solid #f51800; margin-bottom: 0px; width:auto; line-height: auto; }
ul.r88r-topics li:last-child { border-right: 0; }
ul.r88r-topics li a { color: #484848; background-color: transparent; padding: 0 6px; font-family: rockwell, serif;  margin: 2px 5px;}
ul.r88r-topics li a.__current { color: #f51800; background-color: transparent; }
div.r88r-influencers { border-bottom: 0px solid #c6c6c6; border-top: 0px solid #c6c6c6; padding-top: 0px; margin-bottom: 0px; padding-right: 0; margin-right: 0; width: 748px;}
div.r88r-wrapper-node.headlines-user div.r88r-influencers { margin-top: 20px;}
div.r88r-influencers > div.inf-container {width: 593px;}
div.r88r-influencers > a.__numInfluencers, p.r88r-pagination a{
	border: 1px solid #c6c6c6;
	background-image: none;
	background-color: #fff;
	text-shadow: none;
	box-shadow: none;
	font-size: 18px;
	padding: 6px 3px 5px 3px;
	max-width: none;
	font-weight: normal;
	border-radius: 0;
	margin-top: 0;
	color: #4476b3;
}
div.r88r-influencers > a.__numInfluencers { padding-right: 8px;} /* adjust for ? */

/***

	needed to decouple the width of pagination (more) link from num-influencers link.
	they're drammatically different, should probably be 100% separate when we do SASS
	
***/
div.r88r-influencers > a.__numInfluencers {
	width: 140px !important;
}

/**** styles borrowed from "view original story" button: ****/
p.r88r-pagination a, p.r88r-pagination a:hover {
	font-family: "HelveticaNeue-CondensedBold", "PT Sans Narrow"; font-size: 20px; background: #f1f1f1;
	border: 1px solid #949494; padding: 5px 10px;
	color: #777;
}

div.r88r-influencers > a.__numInfluencers {
}

div.r88r-influencers > a.__numInfluencers { font-size: 14px;}

/*
p.r88r-pagination a { font-size: 13px; width: auto !important; padding: 3px 12px; margin-top: 10px;}
p.r88r-pagination a:hover {
	background-image: none;
	background-color: #fff;
}
*/



/* NETWORK VIEW */
.r88r-network .search_form {margin-bottom: 10px; height: 30px; vertical-align: bottom;  margin-left: 15px;}
.r88r-network .search_form span { padding-top: 10px; padding-right:  10px; font-size: 15px;}
.r88r-network h2 {margin-bottom: 0px; line-height: 32px; }
.r88r-network .header.influencers div.legends {height: 30px; display: inline; float: left; vertical-align: top; line-height: 40px;}
.r88r-network .header.influencers {
  height: 3.2em;
  line-height: 3.8em;
  /* border-bottom: 0.1em solid $gray; */
  margin: 0 0em;
  overflow: hidden; }
  .r88r-network .header.influencers h2 {
    float: left;
    white-space: nowrap;
    margin-right: 1em; }
    .r88r-network .header.influencers h2 span {
      font-size: 2em; }
      .r88r-network .header.influencers h2 span em {
        margin-left: 0.5em;
        font-style: normal;
        color: #484848; }
  .r88r-network .header.influencers fieldset {
    text-align: center; }
  .r88r-network .header.influencers label.influencers_sort_by {
    position: relative;
    background: url(/images/down.png) no-repeat right center;
    overflow: hidden;
    vertical-align: middle;
    border: 0.1em solid #c6c6c6;
    padding: 0.5em 2.5em  0.5em 0.5em; }
    .r88r-network .header.influencers label.influencers_sort_by select, .r88r-network .header.influencers label.influencers_sort_by .label_wrapper {
      font-size: 1.4em; }
    .r88r-network .header.influencers label.influencers_sort_by .sort_text {
      margin-left: 0.25em; }
    .r88r-network .header.influencers label.influencers_sort_by select {
      margin: 0;
      padding: 0;
      border: 0;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      filter: alpha(opacity=0);
      opacity: 0;
      width: 100%; }
      
  .r88r-network ol.influencers {
    position: relative;
    z-index: 1;
    font-size: 1em; }
      .r88r-network ol.influencers li a span { display: block; }
    .r88r-network ol.influencers.twitter_name a.user span.fullname {
      display: none; }
    .r88r-network ol.influencers.fullname a.user span.twitter_name {
      display: none; }
    .r88r-network ol.influencers li {
      display: inline-block;
      /*margin-right: 1em; margin-bottom: 0;*/
      margin: 0;
      margin-bottom: -6px;
      }
      .r88r-network ol.influencers li a {
        float: left;
        padding: 0.25em;
        color: #1a43ab; }
        .r88r-network ol.influencers li a:hover {
          text-decoration: none; }
      .r88r-network ol.influencers li.ins a {
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        -o-border-radius: 0.5em;
        border-radius: 0.5em;
        color: #484848;
        background-color: #fcfdcd; } /* #dfefff; } WAS BACKWARDS */
      .r88r-network ol.influencers li.outs a {
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        -o-border-radius: 0.5em;
        border-radius: 0.5em;
        color: #484848;
        background-color: #dfefff; } /* #fcfdcd; } */
      .r88r-network ol.influencers li.ins.outs a {
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        -o-border-radius: 0.5em;
        border-radius: 0.5em;
        color: #484848;
        background-color: #e4fdd2; }
      .r88r-network ol.influencers li.neutral a {
        /* @include transition(opacity .5s ease-out); */
        opacity: 0.40; }
      .r88r-network ol.influencers li.current a {
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        -o-border-radius: 0.5em;
        border-radius: 0.5em;
        background-color: #8f8c90;
        color: white;
        opacity: 1; }
  .r88r-network canvas.network {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%; }
  .r88r-network .legend {
    display: inline-block;
    vertical-align: middle;
    height: 2.4em;
    margin-left: 1conem; }
  .r88r-network .one_way {
    width: auto;
    background-image: url(/images/1way_24.png); }
  .r88r-network .two_way {
    width: auto;
    background-image: url(/images/2way_24.png); }

.r88r-network .netview_wrapper {
  width: auto; }
  .r88r-network .influencers_wrapper ol li {
    /*display: inline;*/ }
    /*.r88r-network .influencers_wrapper ol li.center {
      background: #f00; }
    .r88r-network .influencers_wrapper ol li.outs {
      background: #0f0; }
    .r88r-network .influencers_wrapper ol li.ins a {
      color: #484848; }*/
  .r88r-network .influencers_wrapper ol a {
    font-size: 13px; }
  .r88r-network .influencers_wrapper ol a.size_0 {
    font-size: 9px; }
  .r88r-network .influencers_wrapper ol a.size_1 {
    font-size: 10px; }
  .r88r-network .influencers_wrapper ol a.size_2 {
    font-size: 12px; }
  .r88r-network .influencers_wrapper ol a.size_3 {
    font-size: 14px; }
  .r88r-network .influencers_wrapper ol a.size_4 {
    font-size: 15px; }
  .r88r-network .influencers_wrapper ol a.size_5 {
    font-size: 16px; }
  .r88r-network .influencers_wrapper ol a.size_6 {
    font-size: 17px; }
  .r88r-network .influencers_wrapper ol a.size_7 {
    font-size: 18px; }
  .r88r-network .influencers_wrapper ol a.size_8 {
    font-size: 19px; }
  .r88r-network .influencers_wrapper ol a.size_9 {
    font-size: 20px; }
  .r88r-network .influencers_wrapper ol a.size_10 {
    font-size: 21px; }

.r88r-network li.netNode {font-family: "HelveticaNeue-CondensedBold", "PT Sans Narrow","proxima-nova-condensed","Helvetica Neue", Arial, Helvetica; ;}
.r88r-network li.netNode a { padding: 2px 4px;}
.r88r-network { width: 100%; text-align: justify; }
.r88r-network .header.influencers h2 span {
  font-size: 18px; }
.r88r-network ol.influencers { margin: 0 0 0 0; padding: 0 0 0 0;}

.r88r-network #mini_profile {
    text-align: left;
    font-size: 75%;
    height: auto;
  -moz-box-shadow: 0.4em 0.4em 5em rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0.4em 0.4em 5em rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0.4em 0.4em 5em rgba(0, 0, 0, 0.5);
  box-shadow: 0.4em 0.4em 5em rgba(0, 0, 0, 0.5);
  position: absolute;
  display: none;
  z-index: 1000;
  width: 25em;
  border: 1px solid #aaa;
  padding: 2em;
  background: white;
  overflow: hidden; }
  .r88r-network #mini_profile div {
    padding-bottom: .5em; }
  .r88r-network #mini_profile img {
    float: left;
    padding: .5em 1em .5em 0;
    width: 6em; }
  .r88r-network #mini_profile .key {
    font-size: 1.2em;
    color: #f33; }
  .r88r-network #mini_profile .val {
    font-size: 1.3em;
    font-family: helvetica; 
    text-align: left;}
  .r88r-network #mini_profile .closer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2.4em;
    display: none; }
  .r88r-network #mini_profile .prompt {
    font-size: 1.6em; }




#r88r-network-inpage {
    text-align: center;
    border: 0px ;
}
.r88r-network-view div.r8nw-netnode, #r88r-network-inpage div.r8nw-netnode{
    display: inline-block !important;
    float: none !important;
    line-height: 24px !important;
    font-family: HelveticaNeue-CondensedBold, 'PT Sans Narrow', proxima-nova-condensed, 'Helvetica Neue', Arial, Helvetica;
    margin-right: 2px;
    margin-left: 2px;
    text-align: justify;
}
.r88r-network .r8nw-netnode.dwght-10 {
    font-size: 22px;
}

.r88r-network-profile-floater {
	padding: 12px;
	border: 1px solid #cfcfcf;
	background-color: #fff;
	box-shadow: 0 0 12px rgba(0,0,0,0.3);
	width: 300px;
}
.r88r-network-profile-floater dl {
	text-align: left
}
.r88r-network-profile-floater dl dt {
	text-align: right;
	color: #000;
	float: left;
	font-weight: 700;
	margin-right: 10px;
	min-width: 80px;
	width: 33%;
	font-size: 10px;
	text-transform: uppercase
}
.r88r-network-profile-floater dl dd {
	font-size:  11px;
}
.r88r-network-profile-floater dl dd a {
	overflow: hidden;
	display: block;
	max-width: 67%
}

.r88r-network-profile-floater .r8nw-avatar {
	float: right;
	margin: 0 0 12px 12px
}
.r88r-network-profile-floater .r8nw-avatar img {
	border: 1px solid #000;
	box-shadow: 0 0 6px rgba(0,0,0,0.3)
}


/* END  NETWORK VIEW */

.r88r-c-clamp.main-content .headlines-header {width: 100%; padding: 5px 0px;}
.r88r-c-clamp.main-content .headlines-header form.since_filter {float: right; margin-bottom: 0px; margin-top: 8px; vertical-align: bottom; font-size: 12px;}

.r88r-headlines ._from {max-width: 66%;}
.r88r-headlines .mentions {font-size: 11px; font-style: italic; line-height: 1;}
.r88r-headlines .mentions .ts, .r88r-headlines .metions .count {width: 100%; line-height: .9; text-align: right;}
.r88r-headlines .sourcename img { margin-bottom: -3px; }



.headline-list .r88r-headlines {height: 600px;  border-left: 0;}
.r88r-wrapper-node .current_topic {float: left;}
.r88r-wrapper-node h1.current_topic a.rsslink {line-height: 1px; height: 1px; font-size: 12px; vertical-align: bottom;}


div.r88r-wrapper-node div.r88r-story,  div.r88r-wrapper-node .comments_container { border: 0px; }
div.r88r-wrapper-node .comments_container h3 {border-bottom: 2px solid #666;}
div.r88r-wrapper-node div.r88r-story {border-top: 2px solid #666;}

div.r88r-wrapper-node div.r88r-story div.body {font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 0px;}
div.r88r-wrapper-node div.r88r-story div.body a {color: #777;}
div.r88r-story-navigation { padding: 12px 3px 12px 0px; width: 100%; text-align: left; border: 0px solid #ccc; height: auto;} 
div.r88r-story-navigation a { margin-right: 0px; border: 0px ; background-color: #fff; color: #222; padding: 2px 5px; font-size: 15px;  text-transform: capitalize; width: auto; } /* line-height: 12px; */
div.r88r-story-navigation a:hover { /*color: #444; background-color: #ddddff;*/ text-decoration: underline; }
.r88r-wrapper-node .main-content .current_topic, .r88r-story-navigation a.back {text-align: left; text-transform: capitalize; font-family: georgia, serif; font-size: 24px; margin-bottom: 0px; margin-top: 5px; padding: 0 0 0 0 ; line-height: 20px;  color: #333;}

.r88r-wrapper-node .current_topic, .r88r-story-navigation .back {text-align: left; text-transform: uppercase; font-family: helvetica; font-size: 16px; margin-bottom: 0px; padding: 3px 3px 3px -2px ; line-height: 20px;  color: #d9261e;}


.r88r-story-navigation .prev_next {display: inline; float: right; text-transform: uppercase; height: 16px; margin-top: 3px; margin-right: 3px;}
.r88r-story-navigation .prev_next a {
	text-transform: uppercase;
	padding-right: 12px; margin-right: 8px; border-right: 1px solid #949494;
}
.r88r-story-navigation .prev_next a:last-child {
	padding-right: 0; margin-right: 0; border-right: 0;
}

div.r88r-story-navigation .other_contexts {display: none; }
div.r88r-story-navigation .other_contexts a.moderator {color: #f33;}



.r88r-wrapper-node .r88r-story h1.headline { margin-bottom: 0px; }
.r88r-wrapper-node .r88r-story h2._from { border: 0; width: 100%;}
.r88r-wrapper-node .r88r-story h2._from span.source{ width: auto;}
.r88r-wrapper-node .r88r-story h2._from a.original.link { font-style: italic;}
div.r88r-wrapper-node div.r88r-story .body .story-image img {border: 0;}
div.r88r-wrapper-node div.r88r-story .dotdotdot { border: 0; float: left; display: none;}
div.r88r-wrapper-node div.r88r-story .original.button { text-align: center; margin-top: 10px;}
div.r88r-wrapper-node div.r88r-story .original.button span.source {font-family: "HelveticaNeue-CondensedBold", "PT Sans Narrow"; font-size: 20px; background: #f1f1f1; border: 1px solid #949494; padding: 5px 10px;}

/* TOP STORIES */
.r88r-headlines.r88r-topStories {height: auto; text-align: left; padding-top: 0px;}
.r88r-headlines.r88r-topStories  div.r88r-headline {height: 200px; width: 212px; min-height: 200px; position: relative; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; padding-bottom: 0px; padding-right: 0px;}
.r88r-headlines.r88r-topStories  div.r88r-headline .topic-name, .r88r-headlines  div.r88r-headline.dynamicgrid .topic-name {position: absolute; font-size: 15px; background: rgba(0, 0, 0, 0.6); z-index: 10; line-height: 1; }
.r88r-headlines  div.r88r-headline.dynamicgrid .topic-name { top: 8px; left: 8px; }
    
.r88r-headlines.r88r-topStories  div.r88r-headline  >h1 {position: absolute; bottom: 0px; background: rgba(0, 0, 0, 0.6); color: #fff;}

.r88r-headlines.r88r-topStories  div.r88r-headline .thumbnail { height: 200px; max-height: 200px;}


.r88r-headlines.r88r-topStories div.r88r-headline > h1 { margin-bottom: 0px; }


/* .r88r-story h1.headline {color: #fff; background: #444; padding: 10px;} */



/* PCT headline styling, default now */
.headline-list :not(.r88r-topStories) .r88r-headlines {width: 730px;}
.r88r-headlines  div.r88r-headline {height: 185px; width: 220px;position: relative; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;} /*  min-height: 200px;  */
.r88r-headlines  div.r88r-headline  h1.headline {position: absolute; bottom: 0px; background: rgba(0, 0, 0, 0.6); color: #fff; margin-bottom: 0px;}

.r88r-headlines  div.r88r-headline .upper {position: relative;}
.r88r-headlines  div.r88r-headline .thumbnail { height: 150px; max-height: 150px; overflow: hidden; background-color: #ddd  ; width: 100%;}

.r88r-headlines  div.r88r-headline .upper .count.button {position: absolute; background: #fff; top: 0; left: 0; font-size: 13px; width: auto !important; padding: 3px 9px;}

.count.button {
    margin: 3px 3px;
    opacity: .6;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
      filter: alpha(opacity=60);
      -moz-opacity: 0.6;
      -khtml-opacity: 0.6; 
      }


.r88r-headlines  div.r88r-headline h2._from {font-size: 15px; width: 100%; max-width: 100%; margin-bottom: 0px; border: 0px ;}
.r88r-headlines  div.r88r-headline ._from .favicon {float: left; }
.r88r-headlines  div.r88r-headline ._from .sourcename {font-size: 13px;}
.r88r-headlines  div.r88r-headline .sourcename span {}

.r88r-headlines .headline-stats { max-height: 0px; height: 0px; max-width: 0px; width: 0px; }
/* end of PCT Headline styling */

/* ListView styling */
.r88r-headlines.listview .r88r-headline.listview {width: 90%; height: 120px;}
.r88r-headlines.listview .r88r-headline.listview .upper {width: 20% ; float: left; margin-right: 10px;}
.r88r-headlines.listview .r88r-headline.listview .upper .thumbnail {height: 120px;}
.r88r-headlines.listview .r88r-headline.listview .right {float: left; width: 75%;}
.r88r-headlines.listview .r88r-headline.listview h1.headline {position: relative; z-index: 0; float: left; background: #fff; color: #111; font-family: georgia, serif; font-size: 18px;}


/* KENT ADDITION for dynamic grid */
div.r88r-headline.dynamicgrid {
	height: auto !important;
	position: relative;
}
div.r88r-headline.dynamicgrid { border: 0; border-top: 0 !important; border-right: 0 !important;
	/*border-bottom: 1px solid #999 !important;
	padding-bottom: 20px;*/
	padding-top: 0;
	margin-right: 20px; margin-bottom: 15px; }

div.r88r-headline.dynamicgrid div.brief {
	padding-bottom: 20px;
	margin-bottom: 0;
	border-bottom: 1px solid #949494 !important;
}

div.about form  {display: inline;}
div.about a {color: #11f;}
div.about .trademark { vertical-align: super; }
div.about.container .offset-by-two {padding-left: 0px;}

.r88r-headlines .siblings { color: #f00; font-size: 10px; display:none;}
div.r88r-headline.dynamicgrid h1 {
	font-weight: bold; font-size: 17px; z-index: 10; margin-top: 10px; margin-bottom: 5px;
}


/** footer **/

.footer.sub-footer {
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.footer.sub-footer p {
	text-align: center;	
}


/************ [2] ASSET: roar.css ************/

.roar-body
{
	position:				absolute;
	font:					12px/14px "Tahoma", Arial, Helvetica, Verdana, sans-serif;
	color:					#fff;
	text-align:				left;
	z-index:				2000;
}

.roar
{
	position:				absolute;
	width:					300px;
	cursor:					pointer;
}
.roar-bg
{
	position:				absolute;
	z-index:				2001;
	width:					100%;
	height:					100%;
	left:					0;
	top:					0;
	background-color:		#000;
	border: 1px solid #696969;
	-moz-border-radius:		10px;
	-webkit-border-radius:	5px;
	-webkit-box-shadow:		0 0 5px rgba(0, 0, 0, 0.5);
}
.roar-body-ugly .roar
{
	background-color:		#333;
}
.roar-body-ugly .roar-bg
{
	display:				none;
}
.roar h3
{
	position:				relative;
	padding:				15px 10px 0;
	margin:					0;
	border:					0;
	font-size:				13px;
	color:					#fff;
	z-index:				2002;
	font-weight: bold;
	text-transform: uppercase;
	visibility: visible;
}

.roar p
{
	position:				relative;
	padding:				10px 10px 15px;
	margin:					0;
	font-size:				12px;
	line-height: 14px;
	color:					#fff;
	z-index:				2002;
	font-weight: normal;
	visibility: visible;
}

.roar a { color: #f47321; }


/************ [2] ASSET: WIDGET_OCEANS.css ************/

html {overflow-x: hidden;}
#wrapper {width: 300px; }
#wrapper .header, div.zine-top-logo-container, div.r88r-topics-container {text-align: center; width: 100%;}
div._main_content {padding: 0px;}
div.r88r-wrapper-node, div.r88r-wrapper-node.headlines, #wrapper .header .topBar, div.r88r-wrapper-node .r88r-story-block  {width: 100%;}
div.r88r-wrapper-node .r88r-story-block  {width: 92%;}
#wrapper .header .topBar {text-align: right;}

div.r88r-c-clamp.headline-list {width: 100%;}

div.zine-top-logo-container, div.zine-top-logo-container a.logo, img.zine-top-logo {height: 30px;}
div.zine-top-logo-container .sponsor {display: none;}
.r88r-headlines {height: auto; width: 300px;}

h1.current_topic, .r88r-toggle {display: none;} 


/* from Smooty r88r-trending-stories css */
.r88r-headlines.widget { text-align: left; width: 100%; }
div.r88r-headlines.widget div.r88r-headline { height: 50px; min-height: 0px; padding: 2px 2px 2px 2px; position: relative; border: 1px solid #999; border-bottom: 0; width: 99%; max-height: 50px !important; overflow: hidden; cursor: pointer; }
.r88r-headlines.widget div.r88r-headline:last-child { border-bottom: 1px solid #eee; }
.r88r-headlines.widget div.r88r-headline:hover { background-color: #fff; }
.r88r-headlines.widget div.r88r-headline .thumbnail { float: left; width: 50px; height: 50px; overflow: hidden; margin-right: 10px; }
.r88r-headlines.widget div.r88r-headline .title a { color: #444; font-family: Helvetica, sans-serif; line-height: 15px; margin-top: 0px; display: block; }

div.r88r-wrapper-node  div.r88r-story {width: 100%; }
div.r88r-wrapper-node  div.r88r-story h1.headline {font-size: 15px; line-height: 1;}
div.r88r-wrapper-node  div.r88r-story  .story-image img {width: 200px; height: auto;}
div.r88r-wrapper-node  div.r88r-story-block .comments_container {display: none;}

.r88r-story-navigation .back {display: none;}


div.zine-top-logo-container, div.r88r-topics-container, .r88r-story-navigation .back {display: none;}
div.r88r-headlines.widget div.r88r-headline {border: 0px; border-top: 1px solid #ccc;}
.headline-list .r88r-headlines {border: 0px;}