/* -------------------------------------------------------------------------- */
/* classes to add an attribute */
/* -------------------------------------------------------------------------- */
.inline { display: inline;}
.text-align-center { text-align: center; }

*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   /* Introduced in IE 10. See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/ */
   -ms-user-select: none;
   user-select: none;
}

#share-list {
    margin: 0px;
}

/* -------------------------------------------------------------------------- */
/* Custom colors */
/* -------------------------------------------------------------------------- */

div.ui-btn-left a.ui-link, div.ui-btn-right a.ui-link { background-color: #ff6c0a; }
div.ui-page a.ui-btn-left { background-color: #ff6c0a; color:white; text-shadow: none; }
div a.ui-page a.ui-btn-right { background-color: #ff6c0a; }
#summary-page-header, #detail-page-header-div { background-color: #ff6c0a; hover }

div.ui-panel li.ui-li-divider { background-color: #ff6c0a; }

/* -------------------------------------------------------------------------- */
/* Header*/
/* -------------------------------------------------------------------------- */

#summary-page-header { 
	/* background-color:#ff6c0a; */
	text-shadow: none;
	color: white;
 }


/* -------------------------------------------------------------------------- */
/* reset, all DIV margins and padding to 0 */
/* -------------------------------------------------------------------------- */
div {
    margin: 0;
    padding: 0;
    text-shadow: none;
}

#log-page, #log-list-div, #log-list {
    overflow: scroll;
}
#log-list {
    list-style-type: none;
    padding-left:3px;
}
#log-list li {
    padding: 0;
}
body {
    overflow: hidden;
}

#branding-div {
    text-align: center;
}
.header-icon-div {
    padding-top: 15px;
}

/* -------------------------------------------------------------------------- */
/* featured feeds */
/* -------------------------------------------------------------------------- */
.featured-feed-div {
    background-color: white;
    color: black;
    position: absolute; 
    text-shadow: none;
}
.featured-feed-header {
    background-color: white;
    color: black;
    margin: 0 0 10px 0;
}
.featured-feed-label {
    display: inline-block;
    padding: 3px 6px;
    background-color: rgb(91, 121, 144);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
}
.featured-feed-button-prev, .featured-feed-button-next {
    display: inline-block;
    padding: 3px 6px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: black;
    color: white;
}
.featured-feed-counter {
    display: inline-block;
    padding: 3px 6px;
    background-color: rgb(91, 121, 144);
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

.featured-feed-body .summary-title {
    background-color: rgb(91, 121, 144);
    color: white;
}

/* -------------------------------------------------------------------------- */
/* detail page */
/* -------------------------------------------------------------------------- */
#detail-title {padding: 0;}

/* no margins or padding in ui-content */
div.ui-content {
    margin: 0;
    padding: 0;
}

#detail-page-content, #ad-page-content {
    margin-top: 40px;
}

#log-list-div {
    margin: 40px 0px 10px 5px;
}

#ad-text-frame {
    width: 100%;
    height: auto;
    background-color: white;
}
#detail-text-frame {
    background-color: white;
    overflow: auto;
    width: 100%;
}

/* -------------------------------------------------------------------------- */
/* sharing */
/* -------------------------------------------------------------------------- */
#share-page-content {
    margin: 10px 0px 0px 10px;
}
#custom-tweet-button a {
    display: block;
    padding: 2px 5px 2px 20px;
    background: url('https://twitter.com/favicons/favicon.ico') 1px center no-repeat;
    border: 1px solid #ccc;
}


/* -------------------------------------------------------------------------- */
/* summary DIV */
/* -------------------------------------------------------------------------- */
/* the area of a summary page that holds the summary cells */
#summary-grid {
    overflow: auto;
    position: relative;
    background-color: white;
    height: 100%;
    margin-top: 69px;
}

/* a summary cell DIV */
.summary-div {
    /* border: 1px solid red;  -- for debugging */
    background-color: white;
    position: absolute;
}

/* the image at the top of a summary cell */
.summary-img-div {
    overflow: hidden;
    background-color: white;
}
.summary-img {
    overflow: hidden;
    background-color: white;
}


/* the title of the summary cell, below the image */
.summary-title {
    margin: 5px 0 5px 0;
    text-weight: bold;
    color: black;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15pt;
    background-color: white;
}


.summary-feed-name {
    display: inline-block;
    cursor: pointer;
    color: white;
    background-color: #ff6c0a;
    border: 1px solid gray;
    width:175px;
    padding: 3px;
    margin: 0;
}

.summary-feed-ago {
   display: inline-block;
    margin: 0px 10px 0px 10px;
    padding: 3px;
    border: 1px solid gray;

}

.summary-feed-likes {
    display: inline-block;
    cursor: crosshair;
    padding: 3px;
    border: 1px solid gray;

}


.summary-feed {
    margin: 5px 0 5px 0px;
    font-family: "Roboto Condensed", sans-serif;
    font-style: italic;
    font-size: 9pt;
    line-height: 15px;
    color: #B0B0B0;
    background-color: white;
}

/* The text of a summary cell */
.summary-text {
    margin: 5px 0 0 0;
    overflow: hidden;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 11pt;
    line-height: 20px;
    color: #808080;
    background-color: transparent;
}