﻿.pagehead h1 .glyphicon {font-size: 0.7em;margin-right: 5px;}
/*.pagehead h1:hover {text-decoration: underline;}*/
.headingandbutton h1 span {font-size:13px;color:#999;vertical-align:middle;}
.headingandbutton h1 span:before {content: '|';color: #ddd;margin: 0 8px;}
.pageintro {font-size:13px;margin-top:15px;}
.cardcontainer {background: #87965B;color: #fff;border: 1px solid #ebebeb;margin-top:20px;border-radius:10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
.hcard, .vcard {padding: 15px 80px;text-align: center;word-wrap: break-word;}
/*.cardcontainer object {width:500px;height:370px;}*/
.cardcontainer h3 {font-size: 20px;line-height: 123%;font-family: Verdana,Arial,sans-serif;margin: 15px 20px 24px;}
.cardcontainer .cardmessage {font: 13px/16px Verdana,Arial,Helvetica,sans-serif;text-align: left;margin: 0 20px 15px;}
.cardcontainer .midicontainer {margin:40px 0 10px;}
.cardcontainer .midicontainer audio {width: 100%;}
.cardcontainer img.pull-right{margin:5px 0 5px 30px;float:right}
.cardcontainer img.pull-left{margin:5px 30px 5px 0;float:left}
.cardcontainer img {border:1px solid #000;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.cardcontainer img {max-width:100%}
.linkblock {border-top: 1px solid #ebebeb;padding-top: 30px;margin-top: 40px;}
/*.linkblock .heading {border-bottom: 1px solid #ebebeb;padding: 0 0 10px;margin: 0 0 20px;}*/
.linkblock h4 {margin-bottom:15px}
.linkblock p {margin-bottom: 20px;}
.linkblock a {font-size: 15px;}
.linkblock a.active {color: #999;}
.sharebox h4 {font-weight: 700;font-size: 12px;}
.btnsbar {padding: 25px 0 15px;text-align: center;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;margin-bottom:15px}
.btnsbar .btn {margin:0 10px 10px 0}
/*.photosSidebar img.pic {border: 1px solid transparent;margin-right: 10px;}
.photosSidebar img.pic:hover {border: 1px solid #000;}
.photosSidebar .frame {overflow:hidden; font-size:12px;}
.photosSidebar .frame h3 {font-size:15px;color: #0066cc;margin-bottom:10px;}
.photosSidebar .frame h3:hover {color: #ed4e8e;}
.photosSidebar .frame span {display: block;color: #797b7d;}*/
/*.list-group {box-shadow: 0 2px 4px rgba(0,0,0,0.08);}
.list-group-item span.glyphicon-chevron-right {position: absolute;right: 14px;top: 12px;font-size: 0.714em;}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {color: #555;background-color: #f9f9f9;border-color: #ddd;}
.list-group-item.active:hover {background-color: #f5f5f5;}*/

/*.sendbox {border:2px solid #f1f1f1;padding:20px;margin:20px 0 20px}*/
.sendbox {margin-top:30px}
.sendbox .horizontalbtns {margin-top:26px}
.sendbox fieldset {border: 2px solid #ddd;padding: 20px;margin: 20px 0 20px;} /*f1f1f1*/
.sendbox legend {width:auto;padding:0 5px;border-bottom:none;margin:0;font-weight:700;font-size:30px}
.horizontalbtns .btn {margin:0 10px 10px 0}

.statsbox .authorrow {padding-bottom:0;margin-bottom:0}
.statsbox .authorrow .boy, .statsbox .authorrow .girl, .statsbox .authorrow .unknown {font-size:16px;}
.statsbox .unknown {color:#8b97b3}
.statsbox .thedate {margin-left:8px}
.statsbox a.pic, .statsbox span.pic {float:left;}
.statsbox a.pic img, .statsbox span.pic img {margin-right:10px;margin-bottom:5px;border-radius: 40%;}
.statsbox .panel-body > div {margin-bottom:5px;color:#666;}
.statsbox .panel-body > div span {margin-right:10px;}
.statsbox .usermore {text-decoration:underline}
.statsbox .overright {margin-left:7px}
.statsbox .panel-body input {margin-left:10px}
.statsbox .separator {border-bottom:1px solid #ebebeb;padding-bottom:5px;margin-top:10px;margin-bottom:15px !important}
.statsbox .sepbottom {border-bottom:1px solid red;background:#ccc;margin-bottom:20px !important} 
.statsbox hr {background-color:#ebebeb;margin:10px 0 8px;border-color:#ebebeb;color:#ebebeb;height:1px;border: 0 none;}
.statsbox .countrow {color:#666}
.statsbox .countrow small {color:#aaa;margin-left:5px}
.statsbox .helplink a {color:#aaa}
.statsbox .helplink a:hover {color:#000}

.likesrow {margin-top:12px}
.likesrow > form .btn {padding: 7px;}
.likesrow > form .btn .glyphicon {margin-left:5px;}
.likesrow .like-bubble {border: 1px solid silver;position: relative;background: #fff;color: #000!important;font-size: 12px;line-height: 14px;display: inline-block;vertical-align: middle!important;padding: 1px 3px;margin: 0 0 0 6px;border-radius: 2px;}
.likesrow .like-bubble:after, .likesrow .like-bubble:before {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.likesrow .like-bubble:before {border-color: rgba(192,192,192,0);border-right-color: silver;border-width: 4px;margin-top: -4px;}
.likesrow .like-bubble:after {border-color: rgba(255,255,255,0);border-right-color: #fff;border-width: 3px;margin-top: -3px;}
.likesrow small {color:#aaa;margin-left:5px}


.relatedblock {padding: 10px 0 20px;margin-bottom:10px;} /*border-bottom: 1px solid #ebebeb;*/
.relatedblock h5 {font-weight:bold}
.relatedblock h5 .morelinkmobile {margin-left:10px}
.relatedblock h5 .morelinkmobile a {text-decoration:underline;}
.relatedblock ul {list-style: none;margin: 0;letter-spacing: -4px;padding: 0px;text-align: left;}
.relatedblock li {vertical-align: top;display: inline-block;letter-spacing: 0;width: 100px;margin: 0 6px 5px 0;text-align:left;}
.relatedblock li.more {width:unset}
.relatedblock li.more a {color:#ccc;padding-top: 0px;font-size: 7em;line-height:100%;}
.relatedblock li.more a:hover {color: #2f97e6;}
.relatedblock.bordertop {border-top:1px solid #ddd;padding-top:30px;margin-top:20px}
.relatedblock.borderboth {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding-top:30px;margin-top:20px}

.commentsection {margin-bottom:20px;}
.commentsection .goginbet {border-bottom:1px solid #ccc;padding:20px 0}
.commentsection .gogcommentsection {margin:0 auto 0;border-bottom:1px solid #ccc;padding:20px 0}
.commentboxheader, .commentboxfooter {background:#f5f5f5;padding:20px 10px;border:1px solid #ccc;}
.commentboxheader .glyphicon {top:4px;}
.commentbox {border: 1px solid #ccc;padding:10px 10px 20px;border-top:none;border-bottom-color:#ddd}
.boybox {border-right: 5px solid #c3e0fe;}
.girlbox {border-right: 5px solid #fbbecb;}
.unknownbox {border-right: 5px solid #cccccc;}
.commentbox a.pic, .commentbox span.pic {margin-right: 15px;float: left;}
.commentbox a.pic .img-circle, .commentbox span.pic .img-circle {border-radius: 50%;width: 55px;height: 55px;}
.commentbox .metadata {color: #888;font-size: 13px;}
.commentbox .boy {color: #86bdf7 !important;font-weight: bold;font-size: 14px;}
.commentbox .girl {color: #ffa6c4 !important;font-weight: bold;font-size: 14px;}
.commentbox .unknown {color: #8a96b4 !important;font-weight: bold;font-size: 14px;}
.commentbox .metadata>span+span:before {content: '|';color: #ddd;margin: 0 8px;}
.commentbox .thetext {margin-top:15px;overflow:hidden;}
.commentbox .thetext img {max-width:100%}
.commentboxfooter {border-top:none;}
.commentbox .metadata .author:before {content: '';margin: 0;}
.commentbox .author {color:#fff;margin: 0 0 0 7px;font-size: 11px;padding:2px 5px 1px;border-radius:2px;line-height:15px;font-family:arial}
.commentbox.girlbox .author {background-color:#f193b7;}
.commentbox.boybox .author {background-color:#a2cdfa;}
.commentbox.unknownbox .author {background-color:#8b97b3;} /*aaa*/

.commentbox .quotebox  {background:#f5f6f9;border:1px solid #ddd;margin:30px 50px 30px 0;line-height:120%;color:#876b3e;font-size:12px;padding:10px;}  
.commentbox .quotebox cite {font-weight:bold}  

/*.comment-block .detail .author{text-transform:uppercase;color:#fff;font-weight:700;padding:1px 5px 0;border-radius:2px;font-size:11px;line-height:15px;margin-top:2px;background:#999;font-family:arial;margin-left:10px}
.comment-block .detail .author:before{content: '';margin: 0;}*/

.reportbox {text-align: center;padding: 10px;font-size: 14px;margin: 0px auto;margin-top:70px;border: 1px solid #ebebeb}
.reportbox a {color: #fb2f2f;margin-right: 5px;}
.reportbox a:hover {text-decoration:underline;}


/*.btndarkpink {background: linear-gradient(to bottom,#f7287b 0%,#e90e66 100%);}
.btndarkpink:hover {background: linear-gradient(to bottom,#c20a54 0%,#a70445 100%);}*/

/*poem*/
.poemcontainer{background:#f5f5e9;border:4px solid #ccc;margin:0;line-height:120%;position:relative;color:#555;font-family:Georgia;padding:0px 0px 40px;text-align:center}
.poemcontainer h3 {margin: 40px auto 0;padding: 0;font-size: 25px;font-weight: 700;line-height: 110%;font-family: inherit;word-wrap: break-word;}
.poemcontainer > div, .poemcontainer > ul, .poemcontainer > h3, .poemcontainer > a.btn.btngray {margin-left: 40px!important;margin-right: 40px!important;}
.poemcontainer .bylinetop {margin: 10px 0 30px;font-size: 11px;}
.poempost {font-size: 20px;line-height: 29px;margin-top: 15px;overflow: hidden;}
.poempost img {max-width:100%}
.poemcontainer .squigs {font-size: 27px;margin: 18px 0 17px;}
.poemcontainer .thedate {font-size: 12px;}
.poemabout {font-family: Arial,Helvetica,sans-serif;text-align: left;font-style: normal;font-size: 13px;line-height: 21px;margin-top: 20px;}
.poemabout h6 {margin-bottom: 7px;padding-bottom: 0;margin-bottom: 0;font-weight: bold;line-height: 24px;}
.poemabout img {max-width:100%}
.pagertopholder {padding: 8px 20px 3px;background: whitesmoke;border: 1px solid #cccccc;border-top: 0}
.pagertopholder .pagination {margin: 0;}

.imageholder {margin:10px 0}



.titlesbox .panel-body {padding:15px 0;background-color:#f1f1f1;}
.titlesbox ul {padding:0;margin:0;list-style:none;}
.titlesbox ul li:hover a, .titlesbox ul li.active a {background-color:#337ab7;color:#fff;}
.titlesbox ul li:hover {background-color:#ebebeb;}
.titlesbox ul li a {padding:7px 15px;display:block;font-size:13px;}
.titlesbox .more-btn {padding:10px 15px 0;text-align:center;}

.poemcontainer {border-radius: 10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.authorbox {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 0px 20px;display: flex;align-items: center;position: relative;margin-bottom:20px;}
.authorbox a.pic, .authorbox span.pic {position: absolute;float:left;}
.authorbox a.pic img, .authorbox span.pic img {border-radius: 50%;margin-right: 20px;width:70px;height:70px;}
.authorbox .detail {width: 100%;padding: 15px 0 15px 90px;color:#999;}
.authorbox .detail .boy, .authorbox .detail .girl, .authorbox .detail .unknown {font-weight:bold;}
.authorbox .detail>span+span:before {content: '|';color: #ddd;margin: 0 8px;}


.authorbox {background:#f5f5f5}
.authorbox .detail {color:#666}

.authorboxcontainer fieldset {border: 1px solid #cccccc;padding:5px 0 0;margin:0 0 2px;background:#f5f5f5;border-radius:5px} /*f1f1f1*/
.authorboxcontainer legend {width:auto;padding:0 5px;border-bottom:none;margin:0;font-weight:700;font-size:20px}
.authorboxcontainer .authorbox {border-top:0;border-bottom:0}


@media(max-width:767px)
{
    .heading h1 {font-size:1.99em;}
    /*.photosSidebar .frame {overflow:visible;}*/
    .hcard, .vcard {padding: 15px;}
    .cardcontainer h3 {margin: 15px 0;}
    .cardcontainer .cardmessage{margin: 0 0 15px;}
    .cardcontainer object {width:100%;height:100%;}
    .commentbox .thetext {overflow:visible;}
	.report-box {width: 100%;}
	.poemcontainer > div, .poemcontainer > ul, .poemcontainer > a.btn.btngray {margin-left: 15px!important;margin-right: 15px!important;}
}


/*.titlesbox ul {padding:0;margin:0;}
.titlesbox ul li {list-style:none;}
.titlesbox ul li+li {margin-top:10px;}
.titlesbox a:visited {color:purple}*/

.copyrightpoem{color:#666;font:11px/16px Verdana,Arial,Geneva,sans-serif;margin:15px 0 20px;padding:0 0 1px}


/*.btnyellow{color:#fff;border:1px solid #d19e15;background:#febe13;background:linear-gradient(to bottom,#fdc329 0%,#fcb802 100%)}
.btnyellow:hover {background:#d69a10;color:#fff}
.btnyellow {padding:9px 20px;font-size:16px;line-height:20px;}*/

.textpage{line-height:21px;padding:0 40px 25px 0;font-size:15px;color:#333} /*28px*/
.textpage:after{display:block;content:"";clear:both}
.textpage .pull-left{margin:2px 25px 0 0}
.textpage p{margin-bottom:25px}
.textpage ul {margin:20px 0 20px}
.textpage ul li,.textpage ol li{padding:0 0 8px 13px}
/*
.textpage .alertbox{margin-bottom:40px}
.textpage hr{border:0;height:1px;background-image:linear-gradient(to right,rgba(153,153,153,0),rgba(153,153,153,0.75),rgba(153,153,153,0));margin-bottom:35px}
*/

.trailerholder {background:#222222;padding:10px 10px 13px;border:1px solid #000;margin-top:10px;margin-bottom:30px;color:#ccc}
.trailerholder h4 {margin-bottom:20px}
.traileraddbox {background:#ebebeb;padding:30px 20px;margin-top:30px}

.verticalbtns .btn {margin-bottom:10px}

/*try this*/
/*.pagehead {margin-bottom:0;}*/
.byline {border-bottom: 1px solid #ebebeb;margin: 0 0 20px;font-size: 12px;font-family: verdana;color: #666;position: relative;display: flex;align-items: center;padding: 5px 0;flex-wrap: wrap;}
.byline > div {display: inline-block;}
.byline > div+div+div+div:before {content: "\007c";color: #ccc;margin: 0px 15px;}
.byline a.pic, .byline span.pic {display: inline-block;margin-left: 15px;}
.byline img {border-radius: 50%;width: 40px;height: 40px;}
.byline .girl, .byline .boy, .byline span.unknown {font-size: 13px;margin-left: 15px;}
.byline .usermore {margin-left: 5px;color: #666666;}
.byline .btn-tool-holder {vertical-align: middle;}
.byline .btn-tool-holder:hover span.btngray {color: #fff!important;border: 1px solid #c73d74;opacity: 1;background: linear-gradient(to bottom,#f75d9b 0%,#ee4f8f 100%);}
.byline .like-bubble {border: 1px solid silver;position: relative;background: #fff;line-height: 14px;display: inline-block;vertical-align: middle!important;padding: 1px 3px;border-radius: 2px;}
.byline .like-bubble:after, .byline .like-bubble:before {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.byline .like-bubble:before {border-color: rgba(192,192,192,0);border-right-color: silver;border-width: 4px;margin-top: -4px;}
.byline .like-bubble:after {border-color: rgba(255,255,255,0);border-right-color: #fff;border-width: 3px;margin-top: -3px;}
.usertextpage {border-bottom:1px solid #ccc;margin-bottom:30px;padding-bottom:30px;}
.amazontextpagehead {font-weight:bold;margin-bottom:10px;font-size:18px;}
.textpage .btnblack {margin-top:15px;}
.amazontextpage .movieInfoSection {margin:20px 0;}
.amazontextpage .hideDescription, .movieInfo {display:none;}
.pagehead .movietxt {color:#ccc;}
.statsbox .separator {border-bottom: 1px solid #ebebeb;padding-bottom: 5px;}

.videoplayholder {margin: 0 0 5px 0;clear: both;position: relative;}
.icon-youtube-play {position: absolute;top: 50%;left: 50%;z-index: 5;width: 84px;height: 60px;margin: -30px 0 0 -42px;}
a:hover .icon-youtube-play #play-button-bg {fill: #CD181F;}
.videoHeader {font-weight:bold;color:#fff;margin-top:5px;border-top:1px solid #ccc;margin-top:20px;padding-top:10px;font-size:16px;}
.photo-list {list-style: none;margin: 0;padding: 0;}
.photo-list li {display: inline-block;vertical-align: top;max-width: 160px;margin-top:15px;}
.photo-list a {display: block;width: 100%;height: 100%;}
.photo-list li a.more {color: #ccc;font-size: 5em;}
.photo-list .more:hover {color: #2f97e6;}
.player-row a.pic img {border:none;}
.player-row .desc {font-weight:bold;color:#fff;margin-top:5px;}
.player-row.active a {border:2px solid #f700ca;}

.byline2 {border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin:0;background:#f9f9f9;font-size:12px;font-family:verdana;padding-left:30px;color:#666;border-left:0;border-right:0}
.byline2 .textual {padding:20px 30px 0 0;line-height:180%}
.byline2 .pull-left {margin-right:20px}
.byline2 .textual p>span:not(:last-child){padding-right:9px;margin-right:9px;border-right:1px solid #ddd}
.byline2 .textual p {margin-bottom:0}
.byline2 .girl {font-size:13px}
.byline2 .boy {font-size:13px}
.byline2 .unknown {font-size:13px}

/*.byline2 {border:1px solid #ccc;padding-left:0;border-top-right-radius:10px;background:#f7f7f4;border-left:0;border-right:0}
.byline2, .byline2 img  {border-top-left-radius:10px}*/
.byline2 {border:1px solid #ccc;padding-left:0;background:#f7f7f4;border-left:0;border-right:0;margin-bottom:16px}

@media(max-width:500px) {
.byline2 {padding-left: 0;}
}

.byline2 {background:#f5f5f5}

@media(max-width:767px)
{    
	.noMarginInMobile {padding-left:0;padding-right:0;}
	.noMarginInMobile .pagination {margin: 20px 15px;}
    .noMarginInMobile .copyrightpoem {padding-right:10px;padding-left:10px}
}