body{margin: 0 auto;padding:0%;font-family: Calibri,Hind,Arial,sans-serif;
background-color: #fff;background-image:url('../img/subbg.png');
text-align:center;font-size: 1.1em;line-height: 1.0em;
background-attachment:fixed;
background-size:cover;color:#fff;
}

h1{	display:inline;font-size:22px;font-weight:bold;}
h2{	display:inline;font-size:18px;font-weight:bold;}
h3{	display:inline;font-size:16px;font-weight:bold;}
h4{	display:inline;font-size:14px;font-weight:bold;}
h6{	display:inline;font-size:12px;font-weight:normal;text-decoration:italic;margin:0px;}

hr{margin:0px;height:1px;border-width:0;color:#111;background-color:#111;}
#banner{
display:inline-block;border:1px solid black;border-radius: 15px 15px 0px 0px;
width:60%;margin:0px;height:150px;padding-top:0px;margin-top:5px;
font-size:2.4em;font-weight: bold;text-shadow: 1px 2px #111;color:#fff;
opacity:1;
background-color: hsla(221,55%,60%,1);
background-image:url('../img/stwhead.png');
background-size:cover;box-shadow:0px 1px 2px #fff;
}
#banner h2{font-size:1.3em;z-index:98;text-shadow:0px 2px 11px #000;font-family: Crete Round;}
.menu, .redbar{
	width:60%;display:inline-block;margin:0;padding:4px 0;
	text-align:left;border:1px solid #111;border-width:0px 1px 1px 1px;border-color:#000 #000 #D16C09 #000;
	background-color: hsla(60,99%,90%,.8);box-shadow:0px 0px 1px #fff;
}
.logout{float:right;margin:0 5px 0 0;padding:0 5px;}
.logout:hover{background-color: hsla(60,99%,10%,.8);text-shadow:1px 1px 1px #f00;}
.logout a,.logout a:hover,.logout a:visited,.logout a:active{color:#fff;text-decoration:none;text-shadow:1px 1px 2px #f00;}

.redbar{font-size:13px;padding:2px 0 ;}
.redbar h4,.redbar h5{	display:inline;font-size:15px;font-weight:bold;color:#fff;text-shadow:0px 0px 1px black;}
.redbar h5{	font-weight:bold;font-size:15px;color:#EFEAA1;text-shadow:0px 0px 1px black;}
.menu ul{width:auto;text-align: left; display: inline;  margin: 0;  padding: 2px 10px 0px 5px;  list-style-type: none;z-index:99;}
.menu ul li{ width: auto;display: inline-block;    position: relative; padding: 0px 45px 0px 15px;  cursor: pointer;}
.menu ul li:hover {color: #f00;text-shadow:0px 0 2px #fff;}
.menu ul li ul {  padding: 0;  position: absolute;  top: 20px;  left: 30px;  width: 150px;
background:#fff;
	box-shadow:0px 1px 2px #9D8753;border-radius: 8px 8px 8px 8px;
		background: -webkit-linear-gradient( top left, #F7F4C1  , hsla(40,45%,52%,1) );
	background: -o-linear-gradient( top  right, #F7F4C1	 , hsla(40,45%,52%,1) );
	background: -moz-linear-gradient( top  right, #F7F4C1 , hsla(40,45%,52%,1) );
	background: linear-gradient(to  bottom  right, #F7F4C1  , hsla(40,45%,52%,1) );
	border-width:1px 1px 2px 1px;border-style: solid;border-radius: 0px 0px 15px 15px;border-color:#000;
  -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
  display: none; opacity: 0; visibility: hidden; padding:10px 0 10px 0;box-shadow:1px 2px 6px #8b6607;
}
.menu ul li:hover ul {  display: block;  opacity: 1;  visibility: visible;}
.menu ul li ul li {	display: block; padding: 5px 5px 5px 20px; }
.menu ul li ul li:hover {	display: block; padding: 5px 5px 5px 20px;background-color: hsla(60,20%,40%,.5);color:#fff;text-shadow:0px 0px 2px #000; }
.menu ul li ul li a:hover {color:#fff;text-shadow:0px 1px 2px #000; }

.menu a,.menu a:visited,.menu a:hover,.menu a:active{font-family:Hind;font-size:18px;font-weight:bold;text-decoration: none;color: #111;text-shadow:0px 0px 1px #fff;}
.menu a:hover,.menu a:active{color: #f00;}

.fmenu a,.fmenu a:visited,.fmenu a:hover,.fmenu a:active{text-decoration: none;color: #111;text-shadow:0px 0px 1px #fff;font-family:Hind;font-size:16px;font-weight:normal;
text-shadow:0px 0px 1px #fff;
}
.fmenu a:hover,.fmenu a:active{color: #f00;color:#fff;text-shadow:0px 0px 2px #000;}
.lil,ul.lil a{ margin:0;padding:0;padding: 0px 0px 0px 15px;text-align:right;float:right;width:10%;}

.servbox{width:400px;display:inline-block;margin:0 5px;padding:0px;vertical-align:top;text-align:center;
}
#artb {background: url('../img/filebg.png');border:1px solid #111;border-width:1px 1px 1px 1px;border-radius:18px;box-shadow:0px 2px 3px #9b7617;
}


#description-box{ 
	width:60%;display:inline-block;
	margin:0;padding:0;text-align:center;min-height:590px;
	border:1px solid #111;border-width:0px 1px 1px 1px;
	box-shadow:0px 0px 1px #fff;border-radius: 0px 0px 8px 8px;
	background-color: hsla(20,55%,52%,.2);color:#111;
	
}
#page-details{
	width:95%;display:inline-block;min-height:550px;
	padding:40px 20px 0px 20px;margin:10px;
	border:1px solid #111;border-width:1px 1px 1px 1px;box-shadow:0px 1px 1px #9D8753;border-radius: 8px 8px 8px 8px;
	font-size:16px;text-align:left;line-height:1.1em;font-family: Hind;
	background-color: hsla(50,100%,90%,.8);text-align:justify;
	background: -webkit-linear-gradient( top left, #F7F4C1  , hsla(40,65%,52%,.3) );
	background: -o-linear-gradient( top  right, #F7F4C1	 , hsla(40,65%,52%,.3) );
	background: -moz-linear-gradient( top  right, #F7F4C1 , hsla(40,65%,52%,.3) );
	background: linear-gradient(to  bottom  right, #F7F4C1  , hsla(40,65%,52%,.3) );
}


#page-details h1{font-size:24px;font-family: Hind;text-align:center;}
#page-details h2{font-size:18px;font-family: Hind;}
.centered{text-align:center;}
.inlined{display:inline;}
.float-left{ float: left; display:inline; padding:10px 10px 0px 0px;}
.float-right{ float: right;display:inline;padding:0px 0px 0px 15px;}
.ifloat-right img{ float: right;border:1px solid #111;border-width:0px 1px 1px 1px;border-radius: 5px 5px 5px 5px;margin:0px 0px 0px 20px;width:220px;height:140px;}
footer{
	font-size:13px;font-family:Calibri;margin-top:5px;
}

.arts,.arts2,.arts3{list-style-type:none;line-height:2em;width:450px;padding:0;margin:0;}
.arts{}
.arts2{width:505px;margin:0px 0px 10px 2px;padding:0;box-shadow:0px 1px 2px #9D8753;border-radius: 5px;background-color: hsla(30,80%,60%,.5);}
.arts2 li{padding:0px 0px 0px 15px;margin:0px;width:490px;}

.arts a,.arts a:visited,.arts a:hover,.arts a:active{
	font-family:Hind;font-size:18px;font-weight:normal;text-decoration: none;color: #111;text-shadow:0px 0px 1px #fff;border-radius: 5px;
	}
.arts a:hover,.arts2 a:hover,.arts a:active{color: #f00;text-shadow:-1px 1px 3px #fff;border-radius: 5px;}

.arts li:hover{border-radius: 5px;}
.arts2 li:hover{border-radius: 5px;background-color: hsla(60,20%,40%,.7);color:#fff;text-shadow:0px 0px 2px #000;}

.rcleft, .rcright{width:47%;display:inline-block;vertical-align:top;margin:12px 5px 5px 0;text-decoration:none;}
.arts3{
	font-family:Hind;font-size:18px;color:#111;width:100%;margin:0px 0px 10px 2px;padding:0;
	} 
.arts3 li{font-family:Hind;font-size:18px;text-decoration: none;padding:0px 0px 0px 15px;margin:0px;}
.arts3 li:hover,.arts3 a  li:hover{border-radius: 5px;background-color: hsla(60,20%,40%,.7);color:#fff;text-shadow:0px 0px 2px #000;text-decoration: none;}
.arts3  a{font-family:Hind;font-size:18px;color:#111;text-decoration: none;}

.arttext{width:96%;background-color: hsla(60,99%,90%,.8);box-shadow:0px 0px 1px black;padding:5px 20px 5px 20px;margin:10px 0 0 0;
text-align:justify;line-height:1.4em;font-family: Calibri;font-size:18px;
}

.comments, .commentsred{padding:10px;margin:0;width:82%;background-color:#fff;
box-shadow:0px 0px 1px black;
text-align:justify;line-height:1.4em;font-family: Hind;font-size:14px;

}
.comments,.arttext, #postcommentbox,#loginbox,#adminbox,.arts2,#adminaction {
	box-shadow:1px 1px 2px #7C5D38;border-radius: 8px 8px 8px 8px;
	background: -webkit-linear-gradient( top left, #FFFDE1  , hsla(40,95%,52%,.3) );
	background: -o-linear-gradient(top  right, #FFFDE1 , hsla(40,95%,52%,.3) );
	background: -moz-linear-gradient(top  right, #FFFDE1 , hsla(40,95%,52%,.3) );
	background: linear-gradient(to bottom  right, #FFFDE1  , hsla(40,95%,52%,.3) );
}
.commentsred{
	box-shadow:0px 0px 4px #f00;border-radius: 8px;
	background: -webkit-linear-gradient( left, #FFFDE1  , #f00 );
	background: -o-linear-gradient( right, #FFFDE1 , #f00 );
	background: -moz-linear-gradient( right, #FFFDE1 , #f00 );
	background: linear-gradient(to  right, #FFFDE1  , #f00 );
	width:80%;display:inline-block;margin:0;padding:10px;margin-bottom:20px;
}
.red-post{width:99%;background:#fff;display:inline-block;margin:0px -3px; text-align:left;line-height:2.4em;
padding:5px  0 5px 15px;border-radius: 5px;vertical-align:top;box-shadow:0px 0px 1px #111;
}
.deleteb{width:19%;background:#fff;display:inline;margin:0px -3px; text-align:left;line-height:2.4em;
padding:0px;border-radius: 0px;vertical-align:top;box-shadow:0px 0px 0px #111;text-align:right;
}
#postcommentbox,#loginbox,#adminbox,#adminaction{
	border:1px solid #9D8753;margin:0 0 20px 0;padding:10px;line-height:.9em;width:62%;
	background: -webkit-linear-gradient(top left, #FFFDE1  , hsla(40,95%,2%,.2) );
	background: -o-linear-gradient(top right, #FFFDE1 , hsla(40,95%,2%,.2) );
	background: -moz-linear-gradient( right, #FFFDE1 ,hsla(40,95%,2%,.2) );
	background: linear-gradient(to top right, #FFFDE1  ,hsla(40,95%,2%,.2) );
}

#toggle1 {margin:0;padding:5px;display:none;}
#toggle, #toggle1 {margin:10px 0;padding:0px;cursor:pointer;line-height:2em;width:250px;background-color: hsla(60,99%,90%,.5);
border-radius: 5px;border:1px solid #9D8753;}
#toggle:hover, #toggle1:hover {margin:10px 0;padding:0px;cursor:pointer;line-height:2em;width:250px;background:#fff;}
	
#toggle img,#toggle1 img{float:left;width:32px;height:32px;padding:1px 5px 5px 0; }
	
}

#contactinfo {
	border-color: #111;border-style: solid;border-width: 0px;	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	line-height: 10px;padding: 4px 4px;text-align:left;
}
#contactinfo input,#loginbox input,#contactinfo select,#adminbox input{width:350px;margin:0px 0px 10px 0px;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
line-height:1.6em;font-size:16px;background:#eee;
font-family:Calibri;
	background: -webkit-linear-gradient(top left, #fff , #FFFDE1);
	background: -o-linear-gradient(bottom right, #fff, #FFFDE1);
	background: -moz-linear-gradient(bottom right, #fff, #FFFDE1);
	background: linear-gradient(to bottom right, #fff , #FFFDE1);
}
#contactinfo textarea,#etb textarea,#adminbox textarea{
	width:95%;height:8em;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	font-size:15px;background:#eee;font-family:Calibri;padding:5px;
	background: -webkit-linear-gradient(top left, #fff , #FFFDE1);
	background: -o-linear-gradient(bottom right, #fff, #FFFDE1);
	background: -moz-linear-gradient(bottom right, #fff, #FFFDE1);
	background: linear-gradient(to bottom right, #fff , #FFFDE1);
	}
#contactinfo select{width:auto;}
#admen{display:inline;background:#F00;padding:50px;}
#contactinfo button,#loginbox button, #admin button, #ebox button,#adminbox button,#admen button{margin:4px;color:#111;font-size:13px;font-weight:bold;cursor:pointer;
	padding:2px 10px;background:#fff;
	background: -webkit-linear-gradient(top, #fff , #EFEAA1);background: -o-linear-gradient(bottom, #fff, #EFEAA1);
	background: -moz-linear-gradient(bottom, #fff, #EFEAA1);background: linear-gradient(to bottom, #fff , #EFEAA1);
	border:1px solid #aaa;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);box-shadow: 0 0 1px rgba(0,0,0, .75);
	}
#contactinfo button:hover,#loginbox button:hover, #admin button:hover, #ebox button:hover,#adminbox button:hover{
	background:#fff;
	background: -webkit-linear-gradient(top, #FFFDE1 , #fff);background: -o-linear-gradient(bottom, #FFFDE1 , #fff);
	background: -moz-linear-gradient(bottom, #FFFDE1 , #fff);background: linear-gradient(to bottom, #FFFDE1 , #fff);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0, .75);-moz-box-shadow: 0 0 2px rgba(0,0,0, .75);box-shadow: 0 0 2px rgba(0,0,0, .75);
	}
#ebox {width:99%;margin:0px;padding:0px;text-align:center;display:inline-block;}
#loginbox{text-align:left;width:42%;}
#loginbox button{float:right;}
#adminbox,#adminaction{width:99%;text-align:left;padding:10px 15px;}
#adminaction ul{padding-left:20px;font-size:13px;text-align:left;}
#admin{display:inline; float:right;margin-right:10px;}	
#rate{width:100%;margin:0;padding:0px 2px;display:inline;}
#rate img{width:24px;height:20px;float:left;padding:4px 1px 0 0; }
#ft{display:none;}
.gar{float:right;vertical-align:center;}

 #rating {float: right;

      }

	  
	  
.admactsame{display:inline;}
.admactbad{color:#800;display:inline;font-weight:bold;}
.admactgood{color:#080;display:inline;font-weight:bold;}

 #filestat{ /* this is the new file form id*/ 
 text-align:left;
 } 
 .js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    /*max-width: 80%;*/
	width:99%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}
.fileupldsmall{max-width:29%;display: inline-block;background-color: hsla(180,50%,80%,.9);margin:0;padding:0	}
.filenamedisplay{max-width:59%;display: inline-block;}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label img {
    width: 2em;
    height: 2em;
	vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}
.inputfile-1:valid + label,.inputfile-1:focus:valid + label {
    color: #111;
	box-shadow:0px 1px 2px #9D8753;border-radius: 5px;border:1px solid #080;
	background-color: hsla(90,50%,80%,.9);	
	background-image:url('../img/valid.png');
	background-size:18px 28px;
	background-position:right 5px top 3px;
	background-repeat:no-repeat;
	
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {    
	background-color: hsla(60,20%,40%,.7);color:#fff;text-shadow:0px 0px 0px #000;border:1px solid #080;
}
.inputfile-1:invalid + label,
.inputfile-1.has-focus:invalid + label,.redbar
 {    
	background-color: hsla(10,90%,30%,.8);color:#fff;text-shadow:0px 0px 2px #f00;border:1px solid #800;
}
#adminbox textarea{width:815px;margin-top:5px;background:none;}
#adminbox textarea:invalid{box-shadow:0px 1px 2	px hsla(10,100%,45%,.2);border-radius: 5px;border:1px solid hsla(10,100%,25%,.7);
	background-color: hsla(10,99%,95%,.5);margin-top:5px;} 
  
#contactinfo input:valid,#loginbox:valid input,#contactinfo:valid select,#adminbox:valid input,#adminbox textarea:valid{ box-shadow:0px 1px 2px hsla(90,100%,45%,.2);
border:1px solid hsla(90,100%,25%,.7);background-color: hsla(90,90%,90%,.5);
}
#contactinfo input:invalid,#loginbox:invalid input,#contactinfo:invalid select,#adminbox:invalid input,#adminbox textarea:invalid{ box-shadow:0px 1px 2px hsla(10,100%,45%,.2);
border:1px solid hsla(10,100%,25%,.7);background-color: hsla(10,90%,90%,.5);
}
  
  
#adminboxcbl,#adminboxcbr {width:48%;display:inline-block; text-overflow: ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top;margin:0px 10px 0 0px;padding:0 15px;border-radius: 5px;}
#adminboxcbr {}
#admincb{display:inline;background:none;}
#admincb h3{text-decoration:underline;}
#adminvalid{display:inline-block;margin:0;padding:8px 8px 10px 8px;border:1px solid hsla(50,0%,50%,0);border-radius: 5px;}


/* .squaredFour */
.squaredFour {
  position: relative;margin:2px 0 0 0;padding-left:30px;
 
}


.squaredFour label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #f00;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 4px;
  box-shadow: inset 0px 1px 1px white, 0px 0px 2px rgba(0, 0, 0, 0.4);
  
  
}
.squaredFour label:after {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 12px solid #181;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;box-shadow: 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  
  
}
.squaredFour label:hover:after {
  opacity: 0.5;
}
.squaredFour input[type=checkbox] {
  visibility: hidden;

  
}
.squaredFour input[type=checkbox]:checked + label:after {
  opacity: 1;
}


  
@media screen and (max-width: 1440px){
	#banner, .menu,#description-box,.redbar{width:80%;}
	#description-box{min-height:430px;}
	#page-details{min-height:380px;}
	#page-details{
		padding:30px 20px 0px 20px;margin:10px;
		font-size:14px;text-align:left;line-height:1.0em;font-family: Hind;	
	}
	.ifloat-right img{width:200px;height:120px;margin-right:35px;}
}