/* CSS Document */

body{
	background-color:black;
	background-size: cover;
	text-align:center;
	margin:0;
	padding:0;
}

#box{
background-image:url(https://cyberiagallery.neocities.org/img/obamna.jpg);
background-size:cover;
width:75%;
height:100%;
margin-left:0;
font-family: "Newsreader", serif;
}

#leftside img{
  padding: 30px 0 30px 0;
  width: 70%;
  }

#leftside{
background:url(img/middle.jpg) no-repeat top right transparent;
width:700px;
color:#DDD;
margin:auto;
text-align:center;
padding-top:1px;
padding-bottom:1px;
height:100%;
}

#leftside h1{
color:#f20c9a;
font-size: 40px;
text-shadow: 0 0 10px #3d14b8;
text-transform:uppercase;
letter-spacing:1px;
margin:30px 60px 0 45px;
line-height:40px;
}

#leftside h3{
text-shadow: 0 0 10px #3d14b8;
font-stretch:condensed;
font-size: 13px;
color:#33ff47;
text-transform:uppercase;
letter-spacing:1px;
margin:0 60px 10px 30px;
padding-left:4px;
line-height:18px;
}

#leftside p{
  font-size:25px;
    text-shadow: 0 0 10px #3d14b8;
    color: #0ec22f;
  line-height:25px;
  letter-spacing:1px;
  margin:10px 50px 10px 45px;
}

#leftside b{
color:black;
font-weight:400;
}

#leftside em,#leftside i{
color:black;;
font-style:italic;
}


#leftside ul,#leftside ol{
  margin:40px 55px 100px 0;
color: #33ff47;
font-size:20px;
list-style-position:inside;
line-height:30px;
letter-spacing:1px;
}

#art img{
  max-height:225px;
  width: auto;
}

#leftside ul{
list-style-image:url(img/bullet.gif);
}


#rightbox{
  top:0;
  right:0;
  background-color:black;
  width:350px;
  min-height:700px;
position:fixed;
background-image:url(https://cyberiagallery.neocities.org/img/psychosic.jpg);
 background-size:cover; 
 border-left:2px solid #f20c9a;
}

#rightside{
  height:100%;
  text-align:center;
}

#title{
background-position:-70px 50px;
background-size:400px 400px;
height:372px;
}



#title p{
text-shadow: 0 0 10px #3d14b8;
margin:-10px 0 0px -30px;
color:#f20c9a;
font:55px "Arial Black", serif;
font-weight:900;
text-transform:uppercase;
padding:80px 30px 0px 0px;
line-height:45px;
letter-spacing:-8px;
}

#sidebar{
font-size: 27px;
height:100%;
margin:-150px 0 0 -30px;
color:black;
letter-spacing:1px;
text-align:left;
padding:0 40px;
}

#sidebar h1{
border-top:4px solid #FFF000;
color:#f20c9a;
text-transform:uppercase;
letter-spacing:-1px;
margin:30px 0 0 0;
line-height:28px;
}

#sidebar h3{
background-color:#FFF000;
color:#f20c9a;
text-transform:uppercase;
letter-spacing:-1px;
margin:0 0 10px 0;
padding-left:4px;
line-height:18px;
}

#sidebar p{
line-height:16px;
padding:4px 4px 4px 10px;
margin:-10px 0 0 0;
width:214px;
border:4px solid #FFF000;
border-top:none;
}

#sidebar a{
text-shadow: 0 0 10px #3d14b8;
color:#2585cf;
font-weight:900;
margin-left: 60px;
text-decoration:none;
}

#sidebar a:hover{
color:#000;
}

#sidebar .nav{
list-style-position:inside;
list-style-type:none;
text-transform:uppercase;
letter-spacing:-1px;
padding-left:0;
margin-left:0;
}

#sidebar .nav a{
color:#f20c9a;
text-decoration:none;
}

#sidebar .nav a:hover{
color:#2585cf;
}

#gallery{
padding:0;
margin:-10px 0 0 0;
list-style-type:none;
overflow:hidden;
width:228px;
height:380px;
border:4px solid #2585cf;
border-top:none;
background-color:#ED145A;
}

#gallery li a{
display:block;
height:30px;
width:218px;
text-decoration:none;
color:#FFF;
overflow:hidden;
padding-left:10px;
}

#gallery li a:hover{
background-color:#2585cf;
height:180px;
color:#333;
}

#gallery b{
text-transform:uppercase;
font-weight:600;
letter-spacing:-1px;
}

#gallery .spacer{
line-height:10px;
}

#gallery i{
font-style:normal;
color:#ED145A;
font-weight:900;
}