/* golden
by fable.nu */

body {
    background:#ffffff;
}


a {
    text-decoration:none;
    display:inline;
    color:#000000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
color: var(--sidebar-links-hover);

    }
 
a:hover {
    border-bottom:4px #FFD700 solid;
    margin-bottom:20px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
    
 
.cr {
	    font-family:calibri;
	    font-size:8px;
	    letter-spacing:1px;
	    position:fixed;
	    bottom:20px;
	    right:20px;
	    text-transform:uppercase;
	}

.cr a {color:#777; border-bottom:1px solid #88d8c0;}

/*images*/
    
.image1 {
    position:absolute;
    height:500px;
    width:333px;
    left:450px;
    top: 300px;
    z-index:9;
    border: 10px solid #eee;
}

.image1bg {
    position:absolute;
    background:#000;
    height:500px;
    width:333px;
    left:350px;
    top:300px;
    z-index:-9;
}
    
.image2 {
    position:absolute;
    height:333px;
    width:600px;
    left:550px;
    top:130px;
    border: 10px solid #FFD700;
    z-index:-99;
}

/*headers*/

.blogtitle {
    position:fixed;
    width:auto;
    height:auto;
    left:130px;
    top:30px;
    font-family:'Nunito Sans';
    color:#000000;
    font-weight:900;
    font-size:30px;
    z-index:99;
}

.blogtitle a {
    text-decoration:none;
    color:#000000;
}
    
.title1 {
    position:absolute;
    width:200px;
    height:auto;
    left:100px;
    top:150px;
    font-family:'Nunito Sans';
    color:#FFD700;
    font-weight:900;
    font-size:100px;
    line-height:75px;
    z-index:99;
}
    
.title2 {
    position:absolute;
    width:200px;
    height:auto;
    left:700px;
    top:550px;
    font-family:'Nunito Sans';
    color:#000000;
    font-weight:800;
    font-size:16px;
    line-height:none;
    z-index:99;
}

.title3 {
    position:absolute;
    width:200px;
    height:auto;
    left:150px;
    top:430px;
    font-family:'Nunito Sans';
    color:#000000;
    font-weight:800;
    font-size:16px;
    line-height:none;
    z-index:99;
}

.title4 {
    position:absolute;
    width:200px;
    height:auto;
    left:150px;
    top:600px;
    font-family:'Nunito Sans';
    color:#000000;
    font-weight:800;
    font-size:16px;
    line-height:none;
    z-index:99;
}

.introduction {
    font-family:'Nunito Sans';
    color:#000;
    padding: 6px;
    margin-top: -30px;
    margin-left: 20px;
    margin-bottom: 10px;
    width: 100px;
    font-weight:800;
    background-color: #FFD700;
    font-size:16px;
    border-radius: 5px;}

h2 {
    font-family:'Nunito Sans';
    color:#000;
    padding: 6px;
    text-align: right;
    font-weight:800;
    font-size:16px;
    margin-bottom: 5px;
}

/*body text*/
    
.quote {
    position:absolute;
    width:245px;
    height:auto;
    left:150px;
    top:280px;
    font-family:'Karla';
    color:#222222;
    font-size:13px;
    line-height:20px;
    z-index:99;
}

.about {
    position:absolute;
    width:450px;
    height:500px;
    left:750px;
    top:440px;
    font-family:'Karla';
    color:#222222;
    font-size:12px;
    line-height:20px;
    z-index:99;
    padding-bottom:20px;
    overflow:auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
}

.about a {
    text-decoration:none;
    display:inline;
    color:#000000;
    border-bottom:4px #FFD700 solid;
    margin-bottom:20px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
color: var(--sidebar-links-hover);

    }
 
.about a:hover {
    border-bottom:4px #FFD700 solid;
    margin-bottom:20px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

.profile {
    position:absolute;
    width:300px;
    height:200px;
    left:150px;
    top:460px;
    font-family:'Karla';
    color:#222222;
    font-size:12px;
    line-height:26px;
    z-index:99;
    padding-bottom:20px;
    overflow:auto;
}

.socialmedia{
    position:absolute;
    width:300px;
    height:200px;
    left:150px;
    top:640px;
    font-family:'Karla';
    color:#222222;
    font-size:12px;
    line-height:26px;
    z-index:99;
    padding-bottom:20px;
    overflow:auto;
}

.socialmedia a {
    background: #FFD700;
    font-family:'PT Mono';
    padding: 5px;
    text-decoration:none;
    color:#222222;
}

/*links*/

.navlinks {
    position:fixed;
    width:150px;
    height:100%;
    left:1130px;
    top:30px;
    font-size:16px;
    z-index:99;
    text-align:right;
    font-weight:800;
    font-family:'Nunito Sans';
    text-transform:none;
    margin-bottom:0px;
    border-bottom:1px transparent solid;
    }
 
.navlinks a {
    text-decoration:none;
    display:inline;
    color:#000000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
color: var(--sidebar-links-hover);

    }
 
.navlinks a:hover {
    border-bottom:4px #FFD700 solid;
    margin-bottom:20px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}