/* Alexis Gaming Reviews Classic Print Stylesheet 2.5

Updated 2025-01-26
*/

@font-face {
    font-family: 'Tahoma';
    src: url('styles/Tahoma.eot');
    src: url('styles/Tahoma.eot?#iefix') format('embedded-opentype'),
        url('styles/Tahoma.woff2') format('woff2'),
        url('styles/Tahoma.woff') format('woff'),
        url('styles/Tahoma.ttf') format('truetype'),
        url('styles/Tahoma.svg#Tahoma') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tahoma';
    src: url('styles/Tahoma-Bold.eot');
    src: url('styles/Tahoma-Bold.eot?#iefix') format('embedded-opentype'),
        url('styles/Tahoma-Bold.woff2') format('woff2'),
        url('styles/Tahoma-Bold.woff') format('woff'),
        url('styles/Tahoma-Bold.ttf') format('truetype'),
        url('styles/Tahoma-Bold.svg#Tahoma-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@page {
    margin: 0.4in;
    size: portrait;
    border: 1px solid black !important;
}
    

body {
    /* Cursors */
    cursor: url("cursors/arrow.png"), default;
    cursor: url("cursors/arrow.png"), auto;
    font-family: Tahoma, Verdana, sans-serif;
    margin: 0;
    background-size: 65px;
    color: #000;
    background-color: #fff;
    background-image: none;
}

* {
    box-sizing: border-box;
    color: #000;
    background-color: #fff;
}

.screen {

    display: none;

}

.print {

    display: inline;

}

.downloadpost {
    display: none;
}

img {

    filter: grayscale(100%);
}

picture {
    filter: invert(100%) contrast(250%);
}
/*Layout styling
The #container element is the main layout*/
#container {
    max-width: 900px;
    margin: 0 auto;
    color: #000;
    background-color: #fff;
    background-image: none;
}

#topBar

{
    display: none;
}

/* the area below is for all links on your page
    EXCEPT for the navigation */
#container a:link {
    color: #121212;
    font-family: Tahoma, Verdana, sans-serif;
}

#container a:visited {
    color: #343434;
}

#container a:active {
    color: #565656;
}

#container a:hover {
    cursor: url("cursors/hand.png"), pointer;
}

/*Header styling!*/
#header {
    width: 100%;
    background-color: #fff;
    background-image: none;
    height: auto;
    float: center;
    background-size: 10%;
    display: flex;
    justify-content: center;
    border: 1px solid #000;
}

#flex {
    display: flex;
    background-image: none;
}

a {

    text-decoration: none;

}

p a[href^="https://"]:after, a[href^="http://"]:after {

    content: " (" attr(href) ")";
    font-size: 80%;

}

p a {

    word-wrap: break-word;

}

/*The Homepage layout styling! */
.icon {
    width: 32px;
    height: 32px;
    margin-top: -48px;
}

.Item {
    height: 75px;
}

.Title {
    left: 40px;
    max-width: 90%;
}

.TextContainer {
    max-height: 10%;
}

.Caption {
    left: 50px;
    max-width: 90%;
}

.Blog {
    display: inline-block;
    border: 1px solid #000;
    width: 100%;
}

.ItemBlog {
    display: flex;
    border: 1px solid #000;
    margin: -1px;
}

.ContainerBlog {
    display: flex;
    width: 100%;
    flex-direction: row;
}

.Thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 19.5%;

}

.Thumb:hover {
    filter: brightness(50%);
}

.ThumbImg {
    width: 90%;
    height: auto;
    margin-left: 5%;
}

.ThumbImg1 {
    width: 90%;
    height: auto;
    padding: 2px;
    margin-left: 5%;
}

.ThumbImg2 {
    width: 90%;
    height: auto;
    padding: 2px;
    margin-left: 5%;
}

.BlogItem {
    border: 1px solid #000;
    margin: -1px;
    display: flex;
    flex-direction: column;
    height: auto;
    width: 79%;
    padding: 5px;
}

.Date,
.Download {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 22.5%;
    margin-top: -1px;
    padding: 5px;
}

.Date {
    font-size: 1em;
}

.Download {
    font-size: 1em;
}

.DownloadStuff {
    width: 48px;
}

.DownloadIcon {
    border: 0px none #000;
    display: block;
    height: 48px;
    background: url(faviconset/download48.ico) -0 0 no-repeat;
    filter: grayscale(100%);
}

.Date {
    line-height: 1px;
}

.Month {
    font-size: 1.0em;
}

.Day {
    font-size: 3em;
}

#WebTimelineContainer {
	display: flex;
	max-width: 387px;
	height: 100%;
	justify-content: flex-start;
	overflow-x: hidden;
	overflow-y: hidden;
	border: 1px solid #000;
	margin-right: -1px;
}

.WebTimelineItemContainer {
	border: 0px solid #000;
	height: 100%;
    display: grid;
}

.WebTimelineItem,
.WebTimelineItem1 {
	border: 1px solid #000;
	width: 130px;
	height: 100%;
	margin-top: 1px;
}

.WebTimelineText {
    border-left: 1px solid #000;
	font-size: 1em;
	padding: 3px;
	margin-top: -1px;
}

.WebTimelineThumb,
.WebTimelineThumb1 {
	width: 85%;
	padding: 3px;
}

.WebTimelineThumbContainer,
.WebTimelineThumbContainer1, {
	width: 100%;
	padding: 3px;
}
.WebTimelineThumbContainer, .WebTimelineThumbContainer1 {
	border-top: 1px solid #000;
	height: 85px;
}
/* this colors BOTH sidebars
    if you want to style them separately,
    create styles for #leftSidebar and #rightSidebar */
aside {
    background-color: #fff;
    width: 0px;
    padding: 0px;
    font-size: smaller;
    border: 1px #000;
    border-style: none solid solid none;
    display: none;
}


/* this is the color of the main content area,
    between the sidebars! */
main {
    background-color: #fff;
    background-image: none;
    flex: 1;
    padding: 20px;
    order: 2;
    border: 1px #000;
    border-style: none solid solid;
}



/* what's this "order" stuff about??
    allow me to explain!
    if you're using both sidebars, the "order" value
    tells the CSS the order in which to display them.
    left sidebar is 1, content is 2, and right sidebar is 3! */

*/ #leftSidebar {
    order: 1;
}

#rightSidebar {
    order: 3;
}

footer {
    color: #000;
    background-color: #fff;
    background-image: none;
    /* background color for footer */
    width: 100%;
    height: auto;
    padding: 10px;
    text-align: center;
    border: 1px #000;
    border-style: none solid solid solid;
    /* this centers the footer text */
}

.mstheme-topbar-font {
    font-family: Tahoma, Verdana, sans-serif;
    color: #000;
}

h1 {
    color: #121212;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 25px;
}

h2 {
    color: #343434;
    font-family: Tahoma, Verdana, sans-serif;
}

h3 {
    color: #565656;
    font-family: Tahoma, Verdana, sans-serif;
}

h4 {
    color: #121212;
    font-family: Tahoma, Verdana, sans-serif;
}

h5 {
    color: #343434;
    font-family: Tahoma, Verdana, sans-serif;
}

/* Ah! You found me again! */
h6 {
    color: #565656;
    font-family: Tahoma, Verdana, sans-serif;
}

strong,
p {
    color: #000;
}

strong:hover,
p:hover {
    cursor: url("cursors/beam.png"), text;
}

ul {
    list-style-image: url('_themes/pstmdrn/posbul1l.gif');
    filter: grayscale(100%);
}

.Wallpaper {
    width: 55%;
    height: auto;
}

.seperator {
    width: 50%;
    height: auto;
}

#Dembed {
    width: 60%;
    height: 340px;
    display: none;
}

/*Browser landing page styling */
#search_button_homepage {
    font: 15px Arial, sans-serif;
    width: 28px;
    height: 28px;
    border: 1px solid #000;
    background-image: url('_themes/pstmdrn/postextd.jpg');
    background-attachment: local;
    background-color: #fff;
    color: #000;
}

#search_form_input_homepage {
    font: 15px Arial, sans-serif;
    width: 90%;
    height: 28px;
    border: 1px solid #000;
    background-image: url('_themes/pstmdrn/postextd.jpg');
    background-attachment: local;
    background-color: #fff;
    color: #000;
}

.Row {
    width: 100%;
    border: 0px none black;
}

.Speedlink {
    text-decoration: none;
}

.Stuff1,
.Stuff2,
.Stuff3 {
    border-color: #000;
    color: #000;
}