/*
Theme Name:     Twenty Twelve Child
Theme URI:      http://example.com/
Description:    Child theme for the Twenty Twelve theme 
Author:         Your name here
Author URI:     http://example.com/about/
Template:       twentytwelve
Version:        0.1.0
*/

@import url("../twentytwelve/style.css");

.site-header h1,
.site-header h2 {
		text-align: center;
	}

.site-content article {
	border-bottom: 4px #ededed;
	margin-bottom: 42px;
	margin-bottom: 3rem;
	padding-bottom: 14px;
	padding-bottom: 1rem;
}


body {
	font-size: 16px;
	font-size: 1.14285714rem;
	font-family: Tahoma;
			text-rendering: optimizeLegibility;
}

body.custom-font-enabled {
	font-family: Tahoma;
	color: #194F00;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
img.wp-post-image {
    border-radius:0;
    box-shadow:0 0 0 rgba(0,0,0,0);
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	border-bottom:0;
	border-top:0;
}

#colophon {
	border: 0;
}

.site-content article {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 80;
left: 430px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*-- move sidebar to the left --*/
@media screen and (min-width: 600px) {
    .site-content {
        float: right;
	width: 85%;
    }
    .widget-area {
        float: left;
	width: 15%;
    }
}

/* for IE8 and IE7 ----------------*/
.ie .site-content {
    float: right;
}
.ie .widget-area {
    float: left;
}

@media screen and (min-width: 600px) {
    .site {
	max-width: 960px;
        max-width: 68.571428571rem;
    }
}

.ie .site {
	    max-width: 960px;
	}

.single-product .product {
   width:100%;
}


@media screen and (max-width: 600px) {
body {
	width: fit-content;
}
}