/*
Theme Name: Child of TwentyTwelve
Theme URI: 
Description: Child Theme based on TwentyTwelve
Author: Mark Taylor
Version: 0.0.1
Template: twentytwelve
*/

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

	/* General Remove Styles and Padding */
img.header-image {
    box-shadow: none;
}

.header-image {
    margin-top: 1px;
    }
    
.main-navigation {
    margin-top: 2px;
    margin-top: .05rem;
    }
    
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: none;
    border-top: none;
    text-align: center; 
    }
    
.site-header {
        padding-bottom: 0px;
}
    
.main-navigation ul {
        margin-left: 1.5rem;
        }
        
body .site {
    box-shadow: none;
    margin-top: 0px;
}

#page {
margin-top: 0px;
}

#primary {
padding-top: 0px;
margin-top: 0px;
}

.site-content {
	margin-top: 5px;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: 0;
    box-shadow: none;
}

.site-content article {
    border-bottom: none;
}

	/* General Add Color */

.site {
    background-color: #e2dede; }

#artwork p, h1, h2, h3, h4, h5, h6 {
color:#dedede;
}

a:link { color: #b2995d;
	text-decoration: none; 
	}

a:visited { color: #b2995d;
	text-decoration: none; }
	
a:active { color:#b2995d;
	text-decoration: none; }

a:hover { color: #626262;
	text-decoration: none; }
	
ul.nav-menu li a {
	color: #626262;
	font-size: 120%;
}

ul.nav-menu li {
	color: #b2995d;
}
ul.nav-menu li a:hover,
ul.nav-menu li a:focus {
	color: #b2995d;
}


	/* Home Page */
	
.entry-content p a:link {
color: #b2995d;
text-decoration: none;
}

.entry-content p a:visited {
color: #b2995d;
}

.entry-content p a:hover {
color: #dedede;
text-decoration: underline;
}
	
.home-page-image {
    float: left;
    margin-bottom: 0;
    width: 57.916666667%;
}

#intro-elements {
	float: right;
	width: 37.916666667%;
	color:#dedede;
	text-align: center;
	padding-top: 5%;
}

#intro-elements p {
	color:#dedede;
}

#intro-elements .entry-header {
width: 100%;
}

#intro-text p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714rem;
}

/* Minimum width of 600 pixels. */
@media screen and (max-width: 600px) {
	
	.home-page-image {
    float: none;
    margin-bottom: 5px;
    width: 100%;
}
	#intro-elements {
		float: none;
		width: 100%;
	}
	
	.main-navigation ul {
        margin-left: 0px;
        }
	
}

	/* Artwork Page */

#artwork img {
border: 1px solid #515151; 
}

#artwork .nav-previous {
text-align: center;
padding-bottom: 20px;
font-size: 90%;
text-transform: lowercase;
float: right;
}

#artwork .nav-previous a:link { color: #c9c9c9;
	text-decoration: none; 
	}
	
#artwork .nav-previous a:visited { color: #c9c9c9;
	text-decoration: none; }
	
#artwork .nav-previous a:active { color:#c9c9c9;
	text-decoration: none; }

#artwork .nav-previous a:hover { color: #b2995d;
	text-decoration: none; }

#artwork .nav-next {
text-align: center;
padding-bottom: 20px;
font-size: 90%;
text-transform: lowercase;
float: left;
}

#artwork .nav-next a:link { color: #c9c9c9;
	text-decoration: none; }

#artwork .nav-next a:visited { color: #c9c9c9;
	text-decoration: none; }
	
#artwork .nav-next a:active { color: #c9c9c9;
	text-decoration: none; }

#artwork .nav-next a:hover { color: #b2995d;
	text-decoration: none; }

	/* Gallery Page */

.gallery-icon div {
border: 1px solid #515151; 
}

	/* Footer */
.site-info {
text-align: center;
color: #626262;
}

/* Blog Post Page */

.attachment-post-thumbnail .size-post-thumbnail .wp-post-image {
	height: auto;
    width: 100%;
    border: 1px solid #515151; 
}

.widget-area .widget {
    margin-bottom: 0px;
    margin-bottom: .5rem;
}

.widget-area .widget h3 {
    margin-bottom: 0px;
    margin-bottom: .5rem;
}

#singlepage .entry-header {
    width: 100%;
}
.entry-header {
    width: 70%;
}
 
/* Blog Archive Page */

.listing-item a:link {
color: #b2995d;
text-decoration: underline;
}

.listing-item a:visited {
color: #b2995d;
text-decoration: underline;
}

.listing-item a:hover {
color: #626262;
text-decoration: none;
}

.display-posts-listing .listing-item {
 clear: both;
 }

.display-posts-listing img {
 float: left;
 margin: 0 10px 10px 0;
 width: 40%;
 }
 
 .display-posts-listing .title {
 font-size: 130%;
 }

.display-posts-listing .date {
 display: block;
 }