/* Design for main page of murhaaya.com by murhaaya - murhaaya */
:root {
  --posts-spacing : 150px;
  --font-weight: 600;
  --h1-size : 265%;
  --links-size : 90%;
  --txtdiv-links-size : 200%;
  --pagination-size : 125%;
  --prevnext-size : 125%;
}

body {
 font-family : Unbounded, sans-serif;
 text-align : center;
 margin : 0px 0px 20px 0px;
 padding : 0px;
 background-color : #fff;
}

#all {
 text-align : left;
 margin : auto;
 padding : 0px;
 width : 900px;
}

#all-news {
 margin : auto;
 padding : 0px;
 width : 800px;
}

#page {
 margin : 0px;
 padding : 0px;
}

#top h1 {
 font-size : var(--h1-size);
 font-weight : var(--font-weight);
 letter-spacing : 1px;
 margin : 70px 0px 40px 0px;
 text-align : center;
 text-transform : uppercase;
}

#top h1 a {
 text-decoration : none;
 color : #000;
}

a img {
 border : 0px solid #ddd;
}

#images {
 position : relative;
}

.ImgCaptDescBox {
 position : absolute;
 top : 0px;
 right : 0px;
 width : 100px;
}

.ImgCaptDesc {
	text-align : left;
	padding : 0px;
	height : 100%;
 width : 798px;
	background-color : none;
}

/* info ----------------------------------------------------------------------*/
#info {
 width : 800px;
 color : #000;
 margin-bottom : 50px;
 background : #fff;
 position : relative;
}

#info h2 {
 text-align : left;
 margin : 20px 0px 10px 0px;
}

#info p {
 font-size : 80%;
 font-weight : var(--font-weight);
 text-align : justify;
}

#info b {
 font-size : 100%;
 color : #000;
}

#info li a, #info p a {
 color : #000;
}

ul {
 text-align : left;
 font-size : 80%;
 padding-left : 20px;
}

/* ---------------------------------------------------------------------------*/

/* misc divs -----------------------------------------------------------------*/

#copy {
 font-size : 75%;
 font-weight : var(--font-weight);
 color : #000;
 position : fixed;
 bottom : 0px;
 right : 0px;
 padding : 0px 5px 5px 0px;
 writing-mode : vertical-lr;
}

#bulletin {
 font-size : 1vw;
 font-weight : var(--font-weight);
 color : #fff;
 position : relative;
 text-align : center;
 width : 100%;
 margin : 0px 0px 5px 0px;
 padding : 10px;
 background : #000;
}

#bulletin a {
 color : #fff;
}

/*links bar ------------------------------------------------------------------*/
#links {
 cursor : default;
 margin-bottom : 20px;
 display : flex;
 justify-content: space-between;
}

#links a {
 font-size : var(--links-size);
 color : #000;
 font-weight : var(--font-weight);
 text-decoration : none;
 text-transform : lowercase;
 padding : 5px;
}

.active {
 color : #fff !important;
 background-color :#000;
}

/*news -----------------------------------------------------------------------*/
.post {
 margin-bottom: var(--posts-spacing);
  display: grid;
  grid-template-columns: 1fr; 
}

.post div { 
 grid-row-start: 1;
 grid-column-start: 1;
}

a img {
 margin : 0px;
 padding : 0px;
 border : 0px solid #000;
}

.txtdiv {
 padding-left : 1px;
 margin : auto 50px 50px 50px;
 line-height : 30px;
 text-align : left;
}

.txtdiv a {
 color : #fff;
 text-shadow : 3px 3px #000;
 font-weight : var(--font-weight);
 font-size : var(--txtdiv-links-size);
 text-decoration : none;
 text-transform : uppercase;
}
/*pagination -----------------------------------------------------------------*/
#pageSelect {
 font-size : var(--pagination-size);
 color : #000;
 letter-spacing : 0px;
 text-align : center;
 cursor : default;
 font-weight: var(--font-weight);
 margin-bottom : 50px;
}

#pageSelect span {
 padding : 4px;
 color : #fff;
 background-color : #000;
}

#pageSelect a {
 color : #000;
 text-decoration : none;
 padding : 4px;
}

#prev, #next {
  font-size : var(--prevnext-size);
}
/*----------------------------------------------------------------------------*/