/*
Theme Name: TwentyTwelve - Graphicarto Version
Description: Child theme for the twentytwelve theme
Author: Mike Foster (@mjfoster83)
Template: twentytwelve
*/

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

img.header-image {
	margin-left: auto;
	margin-right: auto;
	display: block;
	box-shadow: none;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	font-family: 'Merriweather', serif;
	font-size: 1.5rem;
}

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

.site-header {
	padding: 0px 0;
	padding: 0.714285714rem 0;
}

.featured-post {
	display: none;
}

body .site {
	padding: 0 40px;
	padding: 0 2.857142857rem;
	margin-top: 0px;
	margin-bottom: 0px;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

.post-type-archive-project article.entry-content {
	position: relative;
	float: left;
	clear: none;
	margin: 3px;
}

/* styling to add image overlay and opaque background */
.post-type-archive-project .entry-content img {
	position: relative;
	overflow: hidden;
	background: transparent;
	float: left;
}
 
.post-type-archive-project .archive-title {
	position: absolute;
	text-align: center;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 70px;
	opacity: 0;
	padding: 50px 0px 30px 0px;
	line-height: 1.285714286rem;
} 

header.archive-header {
	display: none;
}

/* styling to add the hover effect */
.post-type-archive-project .archive-title:hover {
	display: block;
	background: rgba(255, 255, 255, 0.75);
	-moz-opacity: 0.7;
	filter: alpha(opacity=50);
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
} 

.post-type-archive-project .archive-title a:hover  {
	display: block;
	-moz-opacity: 0.7;
	filter: alpha(opacity=50);
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
} 

.page .entry-title {
	font-size: 1rem;
	text-transform: uppercase;
	color:#3a3a3a;
	display: none;
}

/* Social Icons */
@media (min-width: 600px) {
.main-navigation .nav-social-facebook {
	background: url(http://www.graphicarto.com/wp-content/uploads/2014/02/facebook.png) no-repeat right;
	float:right;
	margin-right:5px;
}

.main-navigation .nav-social-facebook:hover {
	background: url(http://www.graphicarto.com/wp-content/uploads/2014/02/facebook-hover.png) no-repeat right;
	float:right;
	margin-right:5px;
}

.main-navigation .nav-social-twitter {
	background: url(http://www.graphicarto.com/wp-content/uploads/2014/02/twitter.png) no-repeat right;
	float:right;
	margin-right:-6px;
}

.main-navigation .nav-social-twitter:hover {
	background: url(http://www.graphicarto.com/wp-content/uploads/2014/02/twitter-hover.png) no-repeat right;
	float:right;
	margin-right:-6px;
}

.main-navigation .nav-social-linkedin {
	background: url(http://www.graphicarto.com/wp-content/uploads/2014/02/linkedin.png) no-repeat right;
	float:right;
	margin-right:-25px;
}

.main-navigation .nav-social-linkedin:hover {
	background: url(http://www.graphicarto.com/wp-content/uploads/2014/02/linkedin-hover.png) no-repeat right;
	float:right;
	margin-right:-25px;
}

.main-navigation .nav-social-github {
	background: url(http://www.graphicarto.com/wp-content/uploads/2014/02/github.png) no-repeat right;
	float:right;
	margin-right:-21px;
}

.main-navigation .nav-social-github:hover {
	background: url(http://www.graphicarto.com/wp-content/uploads/2014/02/github-hover.png) no-repeat right;
	float:right;
	margin-right:-21px;
}

.nav-social-facebook a {
	opacity: 0;
}

.nav-social-twitter a {
	opacity: 0;
}

.nav-social-github a {
	opacity: 0;
}

.nav-social-linkedin a {
	opacity: 0;
}
}

article h2 a {
	text-transform: capitalize;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
}

article h2 a:link {
	color:#000000;
}
article h2 a:visited {
	color:#000000;
}
article h2 a:hover {
	color:#000000;
}

img.archive-image.wp-post-image {
	width: 100%;
}

h3.widget-title {
	font-size: 1.25rem;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
	text-transform: capitalize;
}

h1.entry-title {
	font-family: 'Merriweather', serif;
}

.main-navigation {
	margin-top: 0px;
	margin-top: 0rem;
	text-align: center;
}

.header-image {
	margin-top: 0px;
	margin-top: 0rem;
}

div#primary.site-content {
	margin-top: 0px;
	margin-top: 0rem;
}

article h3, article h2 {
	font-family: 'Merriweather', serif;
}

article p {
	font-family: 'Merriweather', serif;
}

.entry-header .entry-title {
	font-weight: bold;
}

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

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

.entry-header {
	margin-top: 36px;
}

a {
	color: #333333;
}

blockquote {
	text-align: center;
}

blockquote cite {
	display: block;
	text-align: right;
	letter-spacing: 0.01em;
	line-height: 2em;
	text-transform: none;
	font-size: 1em;
	color: #666666;
}

.entry-content p {
	margin-bottom: 12px;
}

.entry-content li {
	font-family: 'Merriweather', serif;
}