/*
Theme Name: Deux Milles Douze
Theme URI: http://www.bluelimemedia.com/wordpress-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. 
Version: 1.3.2
Template: twentytwelve
Template Version: 1.1
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;
}

/* 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);
		}
}