*{
margin:0;
padding:0;
font-family: 'Titillium Web', sans-serif;
}
#topbar{
text-align:center;
padding:0.5em 0;
    width:570px;
    margin:0px auto;
    position:relative;
    z-index:2;
  
}#topbar img{
width:150px;
    float:left;
}
#topbar h1{

    font-size:6em;
    padding:0;
font-family: 'Lobster', cursive;
    color:white;
}
nav ul{

margin:20px auto;
    margin-bottom: 0;

}
#search{
    position:relative;
    z-index:2;
width:520px;
margin:0px auto;

    margin-bottom: 20px;
}

.free{
clear:both;
}

article > h2:first-child{
    
    
    margin: 20px auto;
    
    font-family: 'Lobster', cursive;
    padding: 10px;
    font-size:1.6em;
    text-align: center;
    color:#1E90FF;
}

.qbox h2{
       font-family: 'Lobster', cursive;
    padding:20px 10px;
    color:#1E90FF;
    font-size:1.32em;
}
article{
 padding: 2%;
width: 69%;
    float: left;
    background:#f9f9f9;
    position:relative;
     height:100%;
}
#morealso h3{
    padding:20px 0;
    text-align: center;
    color:#696969;
    font-size:1.5em;
    border-top:1px solid #696969;
    
 font-family: 'Lobster', cursive;
}
#seeme{
    position:relative;
   height:100%;
    background:#F5F5F5 ;
}
aside{
    padding: 2% 0;
    float: left;
    width: 27%;
    position:relative;
    height:100%;
   background:#F5F5F5;
}
aside .quote{
    width:49.4%;
}
.quoteboxx{
padding: 0;
margin:10px 0
    
}
.quoteboxx > h3:first-child{
  width: 250px;
    margin: 20px auto;
   
    padding: 10px;
    text-align: center;
    color:#696969;
    font-family: 'Lobster', cursive;
    font-size: 1.4em;
}
.quote{
    width:24.4%;}
.quotee{
position:relative;
overflow:hidden;

padding:40px 0;
background:#333;
background-size:100%;
background-image:url('../images/scroll-quotes-logo-aside.jpg');

text-align:right;
    padding-right:10px;
color:#1E90FF;
font-size:1.3em;

}
.quotee img{
position:absolute;
top:0px;
left:0px;
height:100%;
}
.quotee h5{
position:relative;
z-index:12;
    font-family: 'Staatliches', cursive;
font-size:1.2em;
color:white;
text-shadow:#333 2px 3px 10px;
}
#secbox{

    margin:80px auto;
    width: 70%
        border:1px solid red;
    position:relative;
}
.left{
     font-family: "FontAwesome";
    left:0;
    font-size: 3em;
    z-index:19;
    position: absolute;
    text-align: center;
    top: 20%;
      color:#ed008c;
}
.right{
     font-family: "FontAwesome";
    right:0;
    font-size: 3em;
    text-align: center;
z-index:19;
    position: absolute;
    top: 20%;
      color:#ed008c;
}
#mainquote{
//position: relative;
   width:85%;
    margin:0px auto;
    min-height:500px;
    
}
#mainquote .qbox:hover{
    cursor:pointer;
background:white;
   
box-shadow:rgb(110,110,110) 0px 0px 0px;

}
.linkno{
    
    background:#333;
    margin:1px;
    color:white;
    text-align:center;
    float:left;
    width:35px;
    padding:8px 0;
    border-radius:30px;
}
.np{
    float:left;
    position:relative;
    top:-8px;
    color:#ed008c;
    margin:1px;
     padding:0;
    font-size:2.5em;
    font-family: 'Staatliches', cursive;
    
}
#comment{
padding:20px 5%;
background:white;
text-align:center;
}
.color{
   background:#1E90FF;
}
#mainimage{
    margin-bottom:50px;
}

#textback{
     position: absolute;
    top:0px;
   left:0px;
z-index: -1;
    text-align: center; 
    padding:2%;
    margin-bottom:2px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
   
 
}
#texthead{
    
    background: rgba(255,255,255,0.3);
    box-shadow: white 0px 0px 3px;
    padding:2%;                
    line-height: 3em;      

}

#textback h2{

    padding:5% 0;
    color:white;
 
    font-size:1.9em;
    text-shadow: 0px 0px 5px #333;
    font-family: 'Titillium Web', sans-serif;
    
}
#textback h3{
     text-shadow: 0px 0px 5px #333;
    color:white;
    font-size:1.4em;
    border:0;
    padding:0;
    border-left:0;
    
}
#textback p{
     text-shadow: 0px 0px 5px white;
    color:#333;
    padding:0;
    font-size:0.9em;
    border-left:0;
    WIDTH:100%;
    padding:10px 0 0 0;
    CLEAR:BOTH;
    padding:0;
    text-align: center;

    
}
#textthumb img{
    float:left;
    height:120px;
    width:20%;
}
#quotesign{
    font-family: "FontAwesome";
    font-size: 2.5em;
    text-align: left;
    margin-left:4%;
    color:#696969;
}

#quotesignright{
    font-family: "FontAwesome";
    font-size: 2.5em;
    text-align: right;
    margin-right:4%;
   color:#696969;
}