/*
	Copyright 2015:	    Skyler Hart - K. Grey Web Development
    Contact:            info@kgreywebdevelopment.com    	http://kgreywebdevelopment.com
	Site for:			Cheryl Hart - Shop Just by Hand		http://shopjustbyhand.com
	Date:			    20 Aug 2015
*/







/* font-face definition for uploaded university roman font */
@font-face {
        font-family:                'university-roman';
        src:                        url("../fonts/ufonts.com_university-roman-bold-plain.eot"); /* EOT file for IE */
}

@font-face {
        font-family:                'university-roman';
        src:                        url(../fonts/ufonts.com_university-roman-bold-plain.ttf);
}







/* Transitions	*/
nav, #nav_hider, header, #back_header_filler, #nav_jbh, a {
        -webkit-transition:         all 0.5s ease;
        -moz-transition:            all 0.5s ease;
        -o-transition:              all 0.5s ease;
        -ms-transition:             all 0.5s ease;
        transition:                 all 0.5s ease;
}





body  {
        background-color:           #438E76;
        text-align:                 center;
}

#back_div {
        background-color:           #FFF0DD;
}



a {
        text-decoration:            none;
        color:                      #170C03;
}

a:hover {
        color:                      #9B9;
		text-decoration:			none;
}


header {
        font-family:                'university-roman';
        font-size:                  38pt;
        background-color:           #236E56;
        color:                      #DFE6E5;
}











/* *********************************** BEGIN #back_header_jbh ******************************************** */
#back_header_jbh {
        margin-top:                 -20px;
        margin-bottom:              -65px;
		padding-left:				40px;
        text-shadow:
                                    -1px -1px 0 black,  
                                    1px -1px 0 black,
                                    -1px 1px 0 black,
                                    1px 1px 0 black;			
}

.t70 {
        font-size:                  70pt;
}

.t44 {
        font-size:                  44pt;
}

.t30 {
        font-size:                  30pt;
}

#J {
}

#ust {
        position:                   relative;
        top:                        -23px;
}

#by {
        position:                   relative;
        top:                        13px;
        left:                       -90px;
}

#hand {
        position:                   relative;
        left:                       -11px;
        top:                        -38px;
}

#H {
        padding:                    0;
}

#and {
        position:                   relative;
        left:                       -3px;
}

#nd {
        position:                   relative;
        left:                       -3px;
}
/* *********************************** END #back_header_jbg ******************************************** */














/* *********************************** BEGIN #back_header_subtext ******************************************** */
#subtext_contr {
        padding-top:                4px;
		margin-bottom:				0.3em;
}

#back_header_jbh_subtext {
        margin-top:                 5px;
        font-size:                  0.6em;
        border:                     1px solid black;
        background:                 #0F6046;
        -moz-box-shadow:            1px 1px 2px #222;
        -webkit-box-shadow:         1px 1px 2px #222;
        box-shadow:                 1px 1px 2px #222;
        -ms-filter:                 "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#222')";
        filter:                     progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#222');
}

#back_header_jbh_subtext ul {    
        list-style-type:            none;
        padding:                    0;
        margin:                     0;
}

#back_header_jbh_subtext li {
        padding-bottom:             5px;
        padding-top:                5px;
}
/* *********************************** END #back_header_subtext ******************************************** */









/* *********************************** BEGIN #back_header_contact ******************************************** */
#back_header_contact {
        text-align:                 right;
        font-family:                'Josefin Sans', sans-serif;
        font-size:                  12pt;
        font-weight:                bold;
        text-shadow:                1px 1px black;
		margin-top:					5px;
		margin-bottom:				0.6em;
}        

/* Align text to the center at sm and xs breakpoints */
@media (max-width: 991px) {
    #back_header_contact {
        text-align:                 center;
    }
}


#back_header_contact ul {    
        list-style-type:            none;
        padding:                    5px 25px 0 25px;
        margin:                     0;
}

#back_header_contact li {
        padding:                    0 10px 0 10px;
}

#back_header_contact a {
		color:						#DFE6E5;
}

#back_header_contact a:hover {
		color:						#978C83;
}
/* *********************************** END #back_header_contact ******************************************** */












#back_header_filler {
        height:                     190px;
        width:                      100%;        
        min-width:                  1130px;
		z-index:					-100;
}











/* *********************************** BEGIN nav ******************************************** */

nav {
		clear:						both;
        text-align:                 center;
        font-family:                'Josefin Sans', sans-serif;		
        background-color:           #FFF0DD;
        box-shadow:                 1px 3px 8px #170C03, 0px -2px 8px black;
        z-index:                    500;
}

/*		The Just by Hand mini Logo that appears when the header is hidden		*/
nav span {
        display:					none;
		text-align:					right;
        font-size:                  1.2em;
		margin-top:					-2px;
        font-family:                'university-roman';
        color:                      #FFF0DD;
}

#nav_jbh {
		padding:					0;
		margin-bottom:				-1px;
}

nav ul {    
        list-style-type:            none;
        margin:                     0;
		margin-bottom:				1px;
        display:                    block;
}

nav li {
        display:                    inline;
        padding:                    5px 20px 5px 20px;
}

nav a {
        padding:                    4px;
}

#nav_hider {
		margin-top:					1px;
		text-align:					right;
        cursor:                     pointer;
        font-size:                  0.9em;
        font-style:                 italic;
        color:                      #170C03;
}

#nav_hider:hover {
        color:                      #9B9;
}

#nav_hider:active {
        color:                      #776666;
}

/* *********************************** END #back_nav ******************************************** */














/* *********************************** BEGIN #back_content ******************************************** */
#back_content {
        padding-top:                3em; 
		padding-bottom:				4em;
}



/* classes for the images and text on all pages */
.image_cntr {
		margin-top:					2em;
}

.image {
		padding:					0;
        border:						1px solid black;
        border-bottom:				2px solid black;
        border-right: 				2px solid black;
        -moz-box-shadow:            3px 3px 6px #444;
        -webkit-box-shadow:         3px 3px 6px #444;
        box-shadow:                 3px 3px 6px #444;
        -ms-filter:                 "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#444444')";
        filter:                     progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#444444');        
}

/* Center images at sm and xs breakpoints */
@media (max-width: 991px) {
    .image {
		margin:						0 auto;
    }
}


.text_cntr {
		margin-top:					2em;
}

.text {
		padding:					8px 20px;
		text-align:					justify;
        font-family:                'Josefin Sans', sans-serif;
        font-size:                  1.6em;
		font-weight:				normal;
        color:                      #170C03;
        background-color:           #DDE2E0;
        border-right:               2px solid #828181;
        border-bottom:              2px solid #828181;  
        border-left:                2px solid #CCBBBB;
        border-top:                 2px solid #CCBBBB;
        -moz-box-shadow:            3px 3px 6px #828181;
        -webkit-box-shadow:         3px 3px 6px #828181;
        box-shadow:                 3px 3px 6px #828181;
        -ms-filter:                 "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#828181')";
        filter:                     progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#828181');        
}

.text a {
		padding:					0;
		color:						#48BD97;
		font-weight:				bold;
}

.text a:hover {
		color:						white;
}
/* end classes for images and text on all pages */
/* *********************************** END #back_content ******************************************** */













footer {
        clear:                      both;
        font-family:                'Arial Black', Arial, Helvetica, sans-serif;
        font-size:                  10pt;
        text-align:                 center;
        background-color:           #438E76;
        padding:                    0 5px 0 10px;
        height:                     42px;
        color:                      #170C03;
        border-top:                 1px solid #111;
}

#copyright {
        margin-top:                 0.8%;
        font-family:                'Titillium Web', Arial, Helvetica, sans-serif;
}

#poweredby_div {
        position:                   relative;
        top:                        1px;
}

/* Place padding below the poweredby_div at low res */
@media (max-width: 767px) {
	#copyright, #poweredby_div {
		text-align:					center;
	}
	
    #poweredby_div {
		padding-top:				0.5em;
		padding-bottom:				1em;
    }
}


.incosolata {
        font-family:                'Inconsolata', 'Courier', sans-serif;
        letter-spacing:             5px;
        font-size:                  8pt;
}

.titillium {
        font-family:                'Titillium Web', sans-serif;
        font-size:                  10pt;
        padding-right:              7px;
        text-shadow:                1px 1px 2px #555;
}

footer a:hover {
        color:                      #BBAAAA;
}

.final_p {
		margin-bottom:				0;
		padding-bottom:				0;
}