body.v2 {
 width:96% !important;
 float:none !important;
 position:static !important;
 margin-left:auto !important;
 margin-right:auto !important;
}

.main, #mainlayout, .photos_v1 { /* rstamp remove #head to keep its 980px width */
/* rstamp remove #body as affecting 3 per row, need separate in-page style */
 width:100% !important;
 float:none !important;
 position:static !important;
 margin-left:0px !important;
 margin-right:0px !important;
}

#titleWS, #titleWSh4, .album_title {
 max-width:980px !important; /* rstamp with later narrow screen dev in mind, change width to max-width */
 margin:0 auto !important;
}

.layout.one.photos_v1 .doclist {
 width:100% !important; /* by spo: width replaces max-width */
 display:grid !important;
 /* by spo: the next line does the trick: */
 grid-template-columns:repeat(auto-fit, minmax(280px, max-content)) !important;
 grid-column-gap:20px !important; /* rstamp this gap allows 1920 to fit 6, actual limit=1855+~20scrollbar=1875screen */
 grid-row-gap:33px !important;
 justify-content:space-evenly !important;
 justify-items:center !important;
}

.layout.one.photos_v1 .doclist .docItem .details {
 width:245px !important;
}

.content.description {
 font-size:12px;
 color:#666;
 max-height:58px;
 overflow:hidden;
 width:240px
}

.stats_TD { /*for statistics line on photos.240*/
 min-width:30px; 
 max-width:80px;
}

.stats_TD.L {
 text-align:left;
}

.stats_TD.C {
 text-align:center;
}

.stats_TD.R {
 text-align:right;
}

/* spo: Targeted like this #paginate affects every paginator anywhere. */
#paginate {
 max-width:978px !important; /* rstamp added max-, thinking ahead to possibly cater to narrow screen */
 margin-top:33px !important;
 margin-left:auto !important;  /* by spo: to center horizontally */
 margin-right:auto !important; /* by spo: to center horizontally */
}
