* {
    margin: 0;
    border: 0;
    padding: 0;
}


body {
    background-color: rgb(255,255,255);
    font-family: "corbertregular", "ArchDaughter", Helvetica;
    color: rgb(80,80,60);
    color: rgb(200,201,201);
    font-weight: light;
    font-size: 100%;
    text-align: center;
    background: rgb(120,32,32);
    background: rgb(90,32,32);
    background: rgb(170,130,20);
    background: rgb(115,130,60);
    background-image: url(../picts/burlap6.jpg);
    
}


#content {
    position: relative;
    clear: both;
/*    min-height: 40%; 
    height: auto !important; 
    height: 40%; */
    margin: 0;
    font-size: 100%;
    background-color: white;
    background-color: rgb(60,60,59);
    background-color: rgb(60,60,40);
    background-color: rgb(50,50,10);
    background: rgb(85,100,30);
    background-image: url(../picts/walnut.jpg);
}

#inner-content {
    margin-top: 0em;
    padding: 2em 10% 3em 10%;
    text-align: center;
    line-height: 1.5em;
    font-size: 100%;

/*    background-image: url(../picts/grill3.jpg); */
    background: rgb(203,211,212);
    background: light-grey;
    background: rgb(252,253,254);
    background: rgb(39,38,38);
    background: rgb(165,165,140);
    background: rgb(80,80,40);
    background: rgb(160,165,110);
    background: rgb(170,172,130);
    background: rgb(195,200,175);

    color: rgb(0,30,40);
    color: rgb(65,55,53);
    color: rgb(180,182,182);
    color: rgb(40,40,10);
    color: rgb(200,200,170);
    color: rgb(60,65,30);
/*    text-shadow: rgb(184,180,179) 0.1em 0.1em 0.5em; */
    

/*    background-repeat: repeat-y;
    background-size: 100%; */

    -moz-box-shadow:    inset 0px 11px 10px -10px #000,
                        inset 0px -11px 10px -10px #000;
    -webkit-box-shadow: inset 0px 11px 10px -10px #000,
                        inset 0px -11px 10px -10px #000;
    box-shadow: inset 0px 11px 10px -10px #000,
                inset 0px -11px 10px -10px #000;
/*    background-color: rgb(61,85,91);
    color: rgb(185,195,180); */

}

#inner-content-index {
    margin-top: 0em;
    text-align: center;
    line-height: 1.5em;
    font-size: 100%;

    color: rgb(180,182,182);

    margin-top: 0em;
    font-size: 100%;
    

    background: rgb(160,165,110);
    background: rgb(170,172,130);
    background: rgb(195,200,175);

    color: rgb(0,30,40);
    color: rgb(65,55,53);
    text-shadow: rgb(179,175,174) 0.1em 0.1em 0.5em;
    
    -moz-box-shadow:    inset 0px 11px 10px -10px #000,
                        inset 0px -11px 10px -10px #000;
    -webkit-box-shadow: inset 0px 11px 10px -10px #000,
                        inset 0px -11px 10px -10px #000;
    box-shadow: inset 0px 11px 10px -10px #000,
                inset 0px -11px 10px -10px #000;

}


#footer {
    position: relative;
    font-size: 100%;
    margin: 0;
    border: 0;
    min-width: 40em;
/*    height: 22em; */
    color: rgb(100,100,80);
    background-color: rgb(60,60,40);
    background-color: rgb(60,60,50);
    background-color: white;

}

@font-face {
    font-family: 'corbertregular';
    src: url(../fonts/Corbert-Regular-webfont.eot);
    src: url(../fonts/Corbert-Regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/Corbert-Regular-webfont.woff) format('woff'),
         url(../fonts/Corbert-Regular-webfont.ttf) format('truetype'),
         url(../fonts/Corbert-Regular-webfont.svg#corbertregular) format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: "Quark";
    src: url(../fonts/Quark.ttf) format("truetype");
}

@font-face {
    font-family: "Sansation";
    src: url(../fonts/Sansation_Regular.ttf) format("truetype");
}

@font-face {
    font-family: "La-Chata";
    src: url(../fonts/La-chata-normal.ttf) format("truetype");
}

@font-face {
    font-family: "ArchDaughter";
    src: url(../fonts/ArchitectsDaughter.ttf) format("truetype");
}

@font-face {
    font-family: "Anonymous";
    src: url(../fonts/Anonymous_Pro.ttf) format("truetype");
}

@font-face {
    font-family: "Whitehall";
    src: url(../fonts/whitehall.ttf) format("truetype");
}


#logo a:link {
    color: rgb(180,130,80);
    color: rgb(220,220,60);
    color: rgb(120,32,32);
    color: rgb(180,182,182);
    color: rgb(200,200,170);
    color: rgb(180,182,140);


    text-decoration: none;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;

}
#logo a:visited {
    color: rgb(220,220,60);
    color: rgb(120,32,32);
    color: rgb(180,182,182);
    color: rgb(200,200,170);
    color: rgb(180,182,140);

}

#logo a:hover {
    color: rgb(220,220,60);
    color: rgb(229,144,56);
    color: rgb(248,209,78);
    color: rgb(230,132,67);
    color: rgb(223,210,13);
    color: rgb(50,50,80);
    color: rgb(90,32,32);
    color: rgb(220,220,40);
    text-shadow:
    -1px -1px 0 rgb(50,22,22),
    1px -1px 0 rgb(50,22,22),
    -1px 1px 0 rgb(50,22,22),
    1px 1px 0 rgb(50,22,22);


}

#logo {
    font-family: "Quark";
    font-size: 4em;
    position: relative;
    padding: 0.1em 0.2em;
    letter-spacing: 0.1em;
    top: 0em;
    padding-bottom: 0.2em;
    float: right;
    text-align: right;
    color: rgb(80,80,60);
    background-color: white;
    background-color: transparent;
/*    text-shadow: 0 1px 0 rgb(230,230,230),
               0 2px 0 rgb(215,215,215),
               0 3px 0 rgb(200,200,200),
               0 4px 0 rgb(195,195,195),
/*	       0 5px 0 rgb(180,180,180), */
               0 5px 3px rgba(190,190,190,.1),
               0 0 5px rgba(150,150,150,.1),
               0 1px 3px rgba(150,150,150,.2),
               0 3px 5px rgba(150,150,150,.2),
               0 5px 10px rgba(150,150,150,.15),
               0 12px 12px rgba(180,180,180,.3); */
/*               0 20px 20px rgba(150,150,150,.15); */
/*    text-shadow: 2px 5px 0px rgb(220,220,220),
             4px 10px 10px rgba(100,100,100,0.15),
             4px 15px 20px rgba(100,100,100,0.1),
             4px 20px 30px rgba(100,100,100,0.1); */

}

#small-logo {
    font-family: "Quark";
    font-size: 1.2em;
    letter-spacing: 0.1em;
}




#logo2 {
    font-family: Arial;
    font-size: 1.1em;
    position: relative;
    top: -0.2em;
    right: 40px;
    text-align: right;
    letter-spacing: 0.75em;
    color: rgb(30,30,0);
}


#email-me a:link {
    color: rgb(170,180,150);
    color: rgb(220,220,40);
    text-decoration: none;
}

#email-me a:hover {
    color: rgb(170,180,150);
    color: rgb(220,220,40);
    text-decoration: underline;
}

#email-me {
    position: relative;
    text-align: left;
    float: left;
    padding: 0.5em;
    padding-left: 3em;
    bottom: 0;
    color: rgb(200,200,0);
    color: rgb(100,60,0);
    color: rgb(50,22,20);
}

#ask-fedge {
    position: relative;
    text-align: left;
    width: 37em;
    float: right;
    padding: 0.5em;
    color: rgb(145,145,130);
    color: rgb(100,60,0);
    color: rgb(50,22,20);
}

a:link {
    text-decoration: none;
    color: rgb(80,80,255);
    color: rgb(0,101,181);
    color: rgb(40,40,250);
    color: rgb(250,255,30);

}

a:hover {
    text-decoration: underline;
}

a:visited {
    text-decoration: none;
    color: rgb(80,80,255);
    color: rgb(0,101,181);
    color: rgb(40,40,250);
    color: rgb(250,255,30);

}


#line {
    clear: both;
    width: 100%;
    background: transparent;
    height: 1px;
    border-top: 1px rgb(120,32,32) dotted;
    border-bottom: 1px rgb(120,32,32) dotted;
    border: none;
    border-top: 1px rgb(120,32,32) solid;
    border-top: 2px rgb(120,32,32) solid;
    border-top: 1px black solid;
    border-top: 1px transparent solid;


}

body, html {
    height: 100%;
}

#menu {
    position: relative;
    z-index: 0;
    padding: 0.5em;
/*    top: 0.6em; */
    top: 0.6em;
    bottom: 0.1em;
    float: left;
    margin: 0.2em;
/*    margin-bottom: 1em; */
    font-size: 1.1em;
    background-color: transparent;
}

#menu a:link {
    border: transparent solid 1px;
    border: rgb(60,62,40) solid 2px;
    border: rgb(60,30,15) solid 2px;
    background-color: rgb(70,70,69);
    background: rgb(50,50,40);
    background: rgb(115,120,80);
    background: rgb(90,92,70);
    text-decoration: none;
    color: rgb(180,182,182);
    color: rgb(200,200,170);
    padding: 0.4em 1.1em;
    margin: 0.0em 0.5em;
    text-align:right;
    line-height: 2.5em;
    display:inline;
/*    opacity: 0.6; */
    border-radius: 15px;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
}

#menu a:visited {
    border: rgb(70,70,60) solid 2px;
    border: rgb(60,30,15) solid 2px;
    background-color: rgb(70,70,69);
    background: rgb(50,50,40);
    background: rgb(115,120,80);
    background: rgb(90,92,70);

    color: rgb(180,182,182);
    color: rgb(200,200,170);
/*    opacity: 0.6; */
}


#menu a:hover {
/*    opacity: 0.8; */
    color: rgb(180,182,182);
    background: rgb(50,50,48);
    border: rgb(50,50,48) solid 2px;
    border: rgb(50,22,22) solid 2px;
    border: rgb(220,220,40) solid 2px;
    background: rgb(90,32,32);
    background: rgb(50,50,10);
    color: rgb(0,101,181);
    color: rgb(180,182,182);
    color: rgb(200,200,170);
    text-align: right;
/*    -moz-box-shadow: rgba(75,75,60,0.7) 0px 2px 8px;
    -webkit-box-shadow: rgba(75,75,60,0.7) 0px 2px 8px;
    box-shadow: rgba(75,75,60,0.7) 0px 2px 8px; */
}


.albumThumb {
    border: rgb(31,33,33) solid 4px;
    border: rgb(50,50,10) solid 4px;
    border-radius: 7px;
    margin: 1em;
    width: 85px;
    height: 85px;
    text-decoration: none;
/*    -moz-box-shadow: rgba(50,50,48,0.5) 0px 1px 10px;
    -webkit-box-shadow: rgba(50,50,48,0.5) 0px 1px 10px;
    box-shadow: rgba(50,50,48,0.5) 0px 1px 10px; */

}

.thumbnail{
    position: relative;
    z-index: 0;
    text-decoration: none;

}

.thumbnail:hover{
    background-color: transparent;
    text-decoration: none;
    z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: rgb(50,50,48);
    opacity: 0.9;
    box-shadow:rgba(0,0,0,0.7) 0px 0px 12px;
    border-radius: 10px;
    border: solid 1px black;
    padding: 1em;
    width: 16em;
    left: -1000px;
    visibility: hidden;
    color: white;
    text-decoration: none;
}


.thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    text-decoration: none;
    z-index: 0;
    top: -20px;
    left: -83px; /*position where enlarged image should offset horizontally */

}

#to-left {
    text-align: left;
    padding: 0em 4em;
    font-weight: 600;
    font-size: 1.2em;
    text-decoration: underline;
}

#left-just {
    text-align: left;
}

#straight-font {
    font-family: "corbertregular", Arial, Helvetica;
    color: rgb(145,145,130);
    color: rgb(145,135,133);
    color: rgb(102,100,100);
    color: rgb(170,170,100);
    color: rgb(100,90,50);
    font-weight: 900;
}

#out-list {
    padding: 0 2em;
    text-align: left;
    text-indent: -2em;
}

form {
	font-family: Arial;
}

::-webkit-input-placeholder {
	color: rgba(80,30,30,0.5);
	color: rgba(200,182,182,0.3);
/*	text-shadow: 2px 2px 3px rgba(255,255,255,0.1);*/
}
::-moz-placeholder {
	color: rgba(80,30,30,0.5);
	color: rgba(200,182,182,0.3);
/*	text-shadow: 2px 2px 3px rgba(255,255,255,0.1);*/
} /* firefox 19+ */
:-ms-input-placeholder { 
	color: rgba(80,30,30,0.5);
	color: rgba(200,182,182,0.3);
/*	text-shadow: 2px 2px 3px rgba(255,255,255,0.1); */
} /* ie */
input:-moz-placeholder { 
	color: rgba(80,30,30,0.5);
	color: rgba(200,182,182,0.3);
/*	text-shadow: 2px 2px 3px rgba(255,255,255,0.1); */
}
textarea:-moz-placeholder {
	color: rgba(80,30,30,0.5);
	color: rgba(200,182,182,0.3);
/*	text-shadow: 2px 2px 3px rgba(255,255,255,0.1); */
}

input, textarea {
    position: relative;
    width: 92%;
    height:1.1em;
    background: rgb(100,52,52);
    background: rgb(140,100,10);
    background: rgb(160,130,20);
    background: rgb(130,110,90);
    background: rgb(110,112,90);

    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border: rgb(90,22,22) solid 2px;
    border: rgb(100,60,0) solid 2px;
    border: rgb(80,72,60) solid 2px;
    padding:0.5em;
    margin: 0.2em;
    font-family: Arial;
    font-size: 1em;
    color: rgb(230,121,54);
    color: yellow;

}

input:focus, textarea:focus {
	border:2px solid rgb(200,200,180);
}

textarea {
	height:8em;
}

#submit {
    border: rgb(60,0,0) solid 2px;
    text-decoration: none;
    color: rgb(180,180,170);
    background: rgb(60,0,0);
/*    opacity: 0.7; */
    border-radius: 15px;
    -webkit-transition:all 0.1s;
    -moz-transition:all 0.1s;

    width:6em;
    height:2.5em;
    margin-top:0.5em;
/*    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow:rgba(75,75,60,0.7) 0px 2px 8px; */

}

#submit:link {
    border: rgb(60,0,0) solid 2px;
    text-decoration: none;
    color: rgb(180,182,182);
    background: rgb(60,0,0);
/*    opacity: 0.7; */
    border-radius: 15px;
    -webkit-transition:all 0.1s;
    -moz-transition:all 0.1s;

    width:6em;
    height:2.5em;
    margin-top:0.5em;
/*    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow:rgba(75,75,60,0.7) 0px 2px 8px; */

}

#submit:visited {
    border: rgb(60,0,0) solid 2px;
    text-decoration: none;
    color: rgb(150,80,80);
    background: rgb(60,0,0);
/*    opacity: 0.7; */
    border-radius: 15px;
    -webkit-transition:all 0.1s;
    -moz-transition:all 0.1s;

    width:6em;
    height:2.5em;
    margin-top:0.5em;
/*    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow:rgba(75,75,60,0.7) 0px 2px 8px; */

}

#submit:hover {
    border: rgb(220,220,40) solid 2px;
    background: rgb(70,80,60);
    background: rgb(150,80,80);
    background: rgb(170,130,20);
    background: rgb(60,45,20);
    color: rgb(200,200,165);
/*    -webkit-box-shadow: rgba(70,80,60,0.7) 0px 2px 8px;
    -moz-box-shadow: rgba(70,80,60,0.7) 0px 2px 8px;
    box-shadow: rgba(70,80,60,0.7) 0px 2px 8px; */
    cursor: pointer;
}

#studio-picts {
    margin-top: 2em;
    width: 96%;
    height: 50%;
    width: 85%;

    margin-bottom: 2em;
/*    -moz-box-shadow: rgba(60,75,75,0.7) 0px 2px 8px;
    -webkit-box-shadow: rgba(60,75,75,0.7) 0px 2px 8px;
    box-shadow: rgba(60,75,75,0.7) 0px 2px 8px; */
    border-top: black solid 1px;
    border-bottom: black solid 1px;
    border: rgb(31,33,33) solid 8px;
    border: rgb(50,50,10) solid 8px;
    border-radius: 10px;
}

#mfit-pict {
    height: 2em;
    margin-bottom: -0.5em;
    margin-left: 0.5em;
}