/*
Theme Name: Deux Milles Douze
Theme URI: http://www.bluelimemedia.com/themes/deux-milles-douze/
Description: Child-Theme of Twenty Twelve-- The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image (which unlike its parent will display above the navigation area), and background. The changes in the child theme are minor colour changes, but if you've ever wanted learn how to make a child theme, this is a good example of what you can do. 

Version: 1.3.4
Template: twentytwelve
Template Version: 1.3
Author: Christine Rondeau
Author URI: http://bluelimemedia.com

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve
*/

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

/* Header */
body {
	background-color: #f7f6f1;
}
a {
	color: #444444;
}
a:hover {
	color: #d62647;
}
.site-header h1 a {
	color: #d62647;
	display: block;
	font-size: 36px;
	font-size: 2.57142857rem;
	line-height: 1.285714286;
	font-weight: normal;
}
.site-header h2 { 
	font-style:italic;
}
.site-content {
	margin-left:40px;
}
.widget-area .widget h3 {
	background:#d62647;
	color:#FFF;
	font-size:14px;
	font-size:1rem;
	font-weight:normal;
	padding:3px 10px;
}
.site-header h1 a:hover,
.widget-area .widget a:hover,
.comments-link a:hover,
.entry-meta a:hover,
footer[role="contentinfo"] a:hover,
.format-status .entry-header header a:hover,
.comments-area article header a:hover,
a.comment-reply-link:hover  {
	color: #444;
}
.hentry {
	position:relative;
}
.entry-meta .posted_on {
	background:#d62647;
	color:#FFF;
	font-weight:bold;
	left:-100px;
	padding:5px 5px 5px 25px;
	position:absolute;
	top:0px; 
	text-align:center;
	text-transform:uppercase;
	width:60px;	
}
article.format-aside .aside {
	background: #f7f6f1;
	border-left: none;
}

.widget select {
	max-width: 100%;
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	/* Navigation Menu*/
	.main-navigation {
		background: #d62647;
		border:none;
		width:100%;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom:none;
		border-top:none;
	}
	.main-navigation li {
		border:none;
		margin-top: 0;
	}
	.main-navigation a {
		color: #fff;
	}
	.main-navigation a:hover {
		color: #f7f6f1;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #fff;
		padding: 0 10px;
		padding: 0 0.714285714rem;	
	}
	.main-navigation li a:hover {
		color: #f7f6f1;
	}
	.main-navigation li ul li a {
		background: #d62647;
		border-bottom: 1px solid #fff;
	}
	.main-navigation li ul li a:hover {
		background: #f7f6f1;
		color: #d62647;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #f7f6f1;
		font-weight: bold;
	}

}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
		div.site, div.wrapper {
			overflow:visible;
		}
		div.site {
			margin-top:10px; 
			position:relative;
		}
		header#masthead > hgroup h2 {
			text-align:right;
		}
		#secondary {
			padding:20px; 
			margin-right:-60px; 
			background:#fff;
			box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
		}
}