body{
    text-align:center;
    font-family:"Lucida Console", Monaco, monospace;
    font-family: Verdana, Geneva, sans-serif;
    background-color: #000;
    padding:0px;
    margin:0px;}
/* ############## */
/* Base structure */
#parent{
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    border:1px solid black;
    width:640px;
    color:#fff;
    background-color: #191919;
    padding-top:10px;
    padding-bottom: 10px;
    padding: 17px;}



.column{
    float:left;
    width:48%;
    margin-right:4%;} 
.norightmargin{margin-right:0px;}
hr{
    border: 0px solid transparent;
    height: 0px;
    clear:both;}
/* Base structure */
/* ############## */

/* ############### */
/* Base typography */
@font-face {
    font-family:'Commodore';
    src: URL(./rounded.ttf);}
h1,h2,h3{
    background-color:#CCC;
    color:#000;    
    font-family:"Commodore";
    padding:10px;
    font-weight:normal;
    font-size:24px;
    margin:0px;
    margin-bottom:17px;}
h2{
    padding:5px;
    font-size:22px;
    line-height:18px;
    clear:both;
    margin-top: 34px;}
h3{
    padding:5px;
    font-size:16px;
    line-height:18px;
    clear:both;}

p{
    font-size: 14px;
    margin:0px;
    margin-bottom:17px;
    line-height:20px;
    text-align: left;}

li{ font-size: 14px; 
    margin-bottom: 0px;  
    line-height:20px;   
    text-align: ;}
li ul{margin-top:5px;}

em{
    font-weight: bold;
    border: 0px solid white;}

blockquote{
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}

blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #c76c0c;
  border-right: 2px solid #c76c0c;
  
  /*Box Shadow - (Optional)
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;*/
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}


figure,figcaption{
    padding: 0px;
    margin: 0px;}
figure{
     margin-bottom:17px;
     padding: 10px;
     display: block;}
figure img{
    width:100%;}
figcaption{
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    padding-top: 5px;}
figure.half{
    width:46%;
    float: left;
    padding: 2%;}
figure.third{
    width:29%;
    float: left;
    padding: 2%;}
figure.content-half{
    width:46%;
    float: right;
    padding: 2%;
    margin-left: 18px;}


div.toc{
    float: right;
    width:50%;
    margin-left: 18px;}
div h2{
    font-size: 16px;
    margin-top: 0px;}



a{
    color: #fff;
    text-decoration: none;
    border-bottom: dotted 1px #fff;}
a:hover{
    text-decoration: none;   
    border-bottom: solid 1px #fff;

}


.invert{
    background-color:#CCC;
    color:#000;    
    font-family:Commodore;
    padding:10px;
    font-size: 14px;}
/* Base typography */
/* ############### */

/* ################# */
/* Qlink Grid Layout */
#qlinkgrid{
    background-color: #000000;
    padding-top: 17px;
    margin-bottom: 17px;}
#qlinkgrid ul, #qlinkgrid li{
    display:block;
    margin:0px;
    padding:0px;}
#qlinkgrid ul{
    position:relative;
    display:block;
    font-family:Commodore;}
#qlinkgrid li{
    float:left;
    margin-right:17px;
    margin-bottom:17px;}
#qlinkgrid li.norightmargin{margin-right:0px;}
#qlinkgrid li#learning{margin-left:272px;}
#qlinkgrid li#mall{margin-top:15px;}
#qlinkgrid a{
    border:0px solid #ccc;
    width:207px;
    height:112px;
    text-align:center;
    display:block;
    color:#000000;
    font-size:20px;
    line-height: 100%;
    text-decoration: none;}
#qlinkgrid a.small{width:192px;}
#qlinkgrid a.short{height:97px;}
#qlinkgrid a.narrow{width:175px;}
#qlinkgrid a.logo{width:275px;}
/* Qlink Grid Layout */
/* ################# */

/* ############################## */
/* Qlink Grid custom text spacing */
#qlinkgrid a span{
    display:block;
    padding-top:25px;
    border:0px solid;}
#software a span{
    text-align: left;
    padding-left: 25px;}
/* Qlink Grid custom text spacing */
/* ############################## */

/* ########### */
/* Colouration */
#software,.softwarebtt,.software h1,.software h2{
                                                background-color: #FC5454;}
#people,.people h1,.people h2{                  background-color: #A800A8;}
#information,.information h1,.information h2{   background-color: #5454FC;}

#fun,.fun h1,.fun h2{                           background-color: #A85400;}
#learning,.learning h1,.learning h2{            background-color: #54FCFC;}

#service,.service h1,.service h2{               background-color: #FCFC00;}
#mall,.mall h1,.mall h2{                        background-color: #54FC54;}
#news,.news h1,.news h2{                        background-color: #00A800;}
/* Colouration */
/* ########### */

/* ############## */
/* Qlink Grid Logo*/
#logo{position:absolute; top:113px; left:182px; }
#logo img{width:100%;}
/* Qlink Grid Logo*/
/* ############## z-index: -1;*/


/* ############## */
/* Social Buttons*/
.share {
    margin-bottom:12px;
    background-color:#CCC;
    color:#000;    
    font-family:Commodore;
    padding:10px;}


.share .tshares{
    font-size:16px;
    padding:3px;
    background:#333333;
    background:rgba(255,255,255,0.75);}
.share  a{border:0px; text-decoration:none;}
.share  a:hover{border:0px; text-decoration:underline;}
a.fb{background-color:#3b5998;} /* facebook */
a.tw{background-color:#4099FF;} /* twitter */
a.go{background-color:#d34836;} /* google+ */
a.in{background-color:#007bb6;} /* linkedin */
a.re{background-color:#cb2027;} /* reddit */
a.su{background-color:#EB4823;} /* stumbleupon */
a.co{background-color:#00bf8f;} /* comments  */
a:hover.fb {background-color:#293E6A;} /* facebook */
a:hover.tw{background-color:#2D6BB2;} /* twitter */
a:hover.go{background-color:#943226;} /* google+ */
a:hover.in{background-color:#00567F;} /* linkedin */
a:hover.re{background-color:#8E161B;} /* reddit */
a:hover.su{background-color:#A43218;} /* stumbleupon */
a:hover.co{background-color:#008664;} /* comments  */
.round-button {
    display:block;
    width:25px;
    height:25px;
    line-height:20px;
    border: 2px solid #f5f5f5;
    border-radius: 0%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;  
    font-size:20px;
    font-weight:bold;
    float:right;
    margin-left:10px;}
.round-button:hover {background: #262626;}
/* http://designpieces.com/2012/12/social-media-colours-hex-and-rgb/ */
/* Social Buttons*/
/* ############## */

#btt{
    margin-bottom:12px;  
    font-family:Commodore;
    padding:10px;}

#btt a{
    font-size:16px;
    color:#000;
    text-transform: uppercase;
    text-decoration: none;}



#footer{font-size:12px;}
#footer a{color:#fff;}


.features{
    float:left;
    border:0px solid red;
    width:33%;}

iframe{margin-bottom:17px;} 
/*
     FILE ARCHIVED ON 07:42:51 Sep 17, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:00:04 May 20, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.876
  exclusion.robots: 0.109
  exclusion.robots.policy: 0.095
  esindex: 0.014
  cdx.remote: 6.296
  LoadShardBlock: 39.029 (3)
  PetaboxLoader3.datanode: 53.754 (4)
  load_resource: 64.819
  PetaboxLoader3.resolve: 47.803
*/