/*
Theme Name: Color Palette
Theme URI: http://www.bluelimemedia.com/themes/color-palette/
Author: Christine Rondeau
Author URI: http://bluelimemedia.com/
Description: Simple colourful theme inspired by Color Lovers. This theme doesn't support headers or featured images, but it comes with a selection of color schemes ( blue, red, green, gray, brown and christmas ) which have been incorporated in the theme customizer. You can also upload your own logo. Ideally your logo should not exceed 380px wide. The theme comes with French translation.

This theme was created using Underscores.me. 
To create your very own theme or learn more please visit <a href="http://underscores.me/">Underscores</a>

Version: 1.3.4

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
More information: http://codex.wordpress.org/Theme_Review#Licensing

Tags: two-columns, right-sidebar, fixed-width, custom-menu, full-width-template, theme-options, post-formats, editor-style, threaded-comments, sticky-post, rtl-language-support, translation-ready, red, green, blue, brown, gray, holiday, seasonal

/* =Notes
--------------------------------------------------------------
Please do not edit this file or any other files in this themes. 
Otherwise your work will be overwritten if I make changes, then you'll be sad, 
or worse, angry. 

Instead, feel free to make a child theme. 
Making a child theme is easy. Here is a link to get you started:
 
- http://codex.wordpress.org/Child_Themes

Alternatively, check out Jetpack. 
http://wordpress.org/extend/plugins/jetpack/
Jetpack now comes with a custom CSS editor and it's awesome!


/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

/* =Global
If you are looking for colors, look at the individual 
color files in the css folder. 
----------------------------------------------- */
body,
button,
input,
select,
textarea {
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}
h1,h2,h3,h4,h5,h6 {/* Headings */
	clear: both;
	font-family: 'Kameron', serif;
	line-height: 1.1em;
}
h1 {
	font-size: 30px;
	font-size: 3.0rem;
}
h1.page-title {
	padding: 2%;
}
h1 a { 
	text-decoration: none;
}
h1.entry-title {
	margin-bottom: 0.5em;
}
h2 {
	font-size: 26px;
	font-size: 2.6rem;
}
h3 {
	font-size: 22px;
	font-size: 2.2rem;
}
h4, h5, h6 {
	font-size: 18px;
	font-size: 1.8rem;
}
hr {
	background-color: #E2E2E2;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
/* Text elements */
p {
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 2.5em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: 'Bad Script', cursive;
	font-size: 20px;
	font-size: 2.0rem;
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-radius: 3px;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	line-height: 1;
	padding: 0.625em 0.5em;
	-moz-box-shadow: inset 0 -5px 20px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 -5px 20px rgba(0, 0, 0, .1);
	box-shadow: inset 0 -5px 20px rgba(0, 0, 0, .1);	
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
#respond form label {
	display: block;
	line-height: 1em;
}
input[type=text],
input[type=email],
textarea {
	color: #E2E2E2;
	border: 1px solid #E2E2E2;
	border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	color: #111;
}
input[type=password],
input[type=text],
input[type=email] {
	padding: 0.5em;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 0.1875em;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}
.required {
	color: #fff;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* =Layout
----------------------------------------------- */
#page, #main {	
	margin: 0;
	padding: 0;
	width: 100%;
}
#header {
	min-height: 200px;
	width: 100%;
}
.container {
	margin: 0 auto 0 auto;
	width: 1000px;
}
#main {
}
#primary {
	float: left;
	margin: -110px 0 0;
	width: 68%;
}
.hentry {
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.30);
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.30);
	background: #FFF;
	border:5px solid #fff;
	border-radius: 2px;
	margin-bottom: 1.5em;
}
.wrap {
	border:1px solid #E2E2E2;
	border-radius: 2px;
	padding: 1.875em;
}
#secondary { 
	float: right;
	margin: -80px 0 0;
	overflow: hidden;
	width: 30%;
}
.site-footer {
	clear: both;
	width: 100%;
}
.error404 .wrap,
.no-results .wrap {
	padding-bottom: 200px;
}
.page-template-full-width-php #primary {
	width: 100%;
}
.page-template-full-width-php .wrap {
	padding: 3% 15% 3% 6%;
}

/* =Header 
----------------------------------------------- */
#header .title-header {
	display:block;
	float: left;
	height: auto;
	margin: 1.5625em 0 3.75em;
	max-width: 380px;
	overflow: visible;
	margin-left: 1.25em;
	padding: 0 0 2.5em;	
}
.site-title a {
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.1em;	
	text-decoration: none;
}
.site-description {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
}

/* =Menu
----------------------------------------------- */
.main-navigation {
	float: right;
	font-family: 'Kameron', serif;
	margin-bottom: 6.25em;
	padding: 2.1875em 0 0;
	width: 59%;
}
.main-navigation .menu { 
	float: right;
}
.main-navigation ul {	
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0.3125em 0.9375em;
}
.main-navigation ul ul {
	border-radius: 2px;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	display: none;
	float: left;
	padding: 0.625em 0.9375em;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: 80%;
	top: 0;
}
.main-navigation ul ul a {
	padding: 0.3125em 0;
	width: 160px;
	text-transform: none;
	text-shadow: none;
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation li > a:after {
    content: ' ▾';
}
.main-navigation li > a:hover:after {
    content: ' ▾';
}
.main-navigation li > a:only-child:after {
    content: '';
}
/* Small menu */
.menu-toggle {
	cursor: pointer;
}
.main-small-navigation .menu {
	display: none;
}

/* =Content
----------------------------------------------- */
.sticky {
}
.entry-meta {
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
}
.entry-meta a {
	text-decoration: none;
}
.entry-meta a:hover {
	text-decoration: underline;
}
footer.entry-meta {
	border-top: 1px solid #E2E2E2;
	font-style: normal;
	padding: 0.625em 0;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.more-link {
	display: block;
	font-family: 'Bad Script', cursive;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 0 0 0.625em;
	text-align: right;
	text-decoration:none;
}
.sep {
	padding: 0 0.625em;
}

/* =Post Navigation
----------------------------------------------- */
.site-content .site-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.site-content .nav-previous {
	float: left;
	margin-left: 2%;
	width: 48%;
}
.site-content .nav-next {
	float: right;	
	margin-right: 2%;
	text-align: right;
	width: 48%;
}
.post-navigation a,
.site-content .site-navigation a {
	font-family: 'Bad Script', cursive;
	font-size: 18px;
	font-size: 1.8rem;
	text-decoration:none;
}

/* =Asides
----------------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/* =Media
----------------------------------------------- */
.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"],
.widget img {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #E2E2E2;
	max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-bottom: 1.5em;
}
.wp-caption img {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* =Widgets
----------------------------------------------- */
.widget {
	background: #FFF;
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.30);
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.30);
	border:5px solid #fff;
	border-radius: 2px;
	margin: 0.625em 0.125em
}
.widget-wrap {
	border:1px solid #E2E2E2;
	border-radius: 2px;
	padding: 0.625em;
}
h1.widget-title {	
	font-size: 22px;
	font-size: 2.2rem;
	margin: 0.5em 0;
	text-align: center;
}
.widget ul {
	list-style:none;
	margin-left: 1em;
}
.widget ul li {
	padding: 0.1875em;
}
#searchform {
	margin: 10px 0;
}
.entry-content #searchform  {
	width: 60%;
}
.widget #s {
	width: 72%;
}
.widget select {
	max-width: 100%;
}

/* =Footer 
----------------------------------------------- */
.site-footer h3 {
	padding: 0.3125em 0;
	margin-bottom: 0.625em;
}
.site-footer a {
	text-decoration: none;
}
.site-footer a:hover {
	text-decoration: underline;
}
.site-footer .widget-area {
	float:left;
	width: 30%;
	margin: 1.25em 0;
}
.site-footer #second {
	margin: 1.25em 5%;
}
#footer-widget-area {
	display: block;
	padding: 2% 0;
	width: 100%;
}
.site-info {
	font-size: 11px;
	font-size: 1.1rem;
	padding: 2% 5%;
	text-align: right;
	width: 90%;
}

/* Comments
----------------------------------------------- */
#comments {
	clear:left;
}
.bypostauthor {
}
.avatar {
	float: left;
	display: block;
	padding: 0 20px 10px 0px;
}		
.commentlist {
	padding: 20px 0px;
}
.commentmetadata {
	margin-top: 0;
}
ol.commentlist, ol.commentlist li {	
	list-style: none;
	margin: 0; 
	padding: 0;
}
ol.commentlist li {	
	background: #FFF;
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.30);
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.30);
	border:5px solid #fff;
	margin: 15px 0;
	padding: 10px; 
}
ol.commentlist ul li,
ol.commentlist ol li {
	border: none;
}
.comment-content ul li{
	list-style: disc;
	margin: 5px 0; 
	padding: 5px;
	border: none;
}
.comment-content ol li {
	list-style: decimal;
	margin: 5px 0; 
	padding: 5px;
	border: 1px solid red;
}
.comment-content ol li, 
.comment-content ul li {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
ol.commentlist ul.children {
	margin: 10px 10px 0 25px;
	padding: 0;
}
ol.commentlist ul.children li {
	border: none;
	border-top: 1px solid #ddd;
}
ol.commentlist li p {
	padding: 6px 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 20px;
}
ol.commentlist li blockquote p {
	font-size: 22px;
	font-size: 2.2rem;
	line-height:1.5em;
}
.commentform {padding: 20px 0;}
.commentform p {margin-bottom: 10px;}

/* Hides the content explaining what html tags are allowed*/
.form-allowed-tags {display: none;}


/* =Media Print
    If you're working on a Child Theme, make sure that all
	media queries are included in your style.css
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after: avoid;
    }

    ul,  ol,  dl {
	    page-break-before: avoid;
    }
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 1000px) {
    .container {
		width: 100%;
	}  
}
@media (max-device-width: 800px) { 
	.widget-area #s {
		width: 60%;
	}
}
@media screen and (max-width: 650px) { 
	#header {
		min-height: none;
	}
	#header .title-header {
		margin-bottom: 0;
	}	
	.main-navigation {
		float: left;
		padding: 0 2%;
		margin: 0;
		width: 96%;
	}
	.main-navigation .menu { 
		float: left;
	}
	#primary, 
	#secondary{
		float: left;
		width: 100%;
		margin-top: 0;
	}
	.page-template-full-width-php .wrap {
		padding: 3% 5%;
	}
	#footer-widget-area {
		width: 90%;
		margin: 5%;
	}
	.site-footer .widget-area,
	.site-footer #second {
		width: 100%;
		margin: 1em 0;
	}
	#comments {
		width: 96%;
		padding: 2%;
	}
}
@media screen and (max-width: 600px) { 	
	.main-navigation,
	.menu {
		display: none;
	}
	h1.menu-toggle {
		color: #FFF;
		display: block;
		font-size: 18px;
		font-size: 1.8rem;
		margin: 0 auto 5% auto;
		text-align: center;	
		text-transform: uppercase;
	}
	.main-small-navigation,
	.widget .main-navigation,
	.widget .menu {
		display: block;
	}
	.main-small-navigation {
		margin-bottom: 1em;
	}
	.main-small-navigation ul {
		background: #fff;
		border: 1px solid #E2E2E2;
		border-bottom-width: 0;
		clear: both;
		list-style: none;
		margin: 0;
		text-transform: none;
	}
	.main-small-navigation .sub-menu {
		border: none;
	}
	.main-small-navigation li {
	}
	.main-small-navigation a {
		border-bottom: 1px solid #E2E2E2;
		border-top: 1px solid #fff;
		display: block;
		font-size: 14px;
		font-size: 1.4rem;
		padding: 2% 5%;
		text-shadow: 0 1px 0 rgba( 255, 255, 255, .8 );
		text-decoration:none;
	}
	.main-small-navigation a:hover {
		background-color: #E2E2E2;
	}
	.main-small-navigation .sub-menu a {
		padding-left: 10%;
	}
	.main-small-navigation .sub-menu .sub-menu a {
		padding-left: 15%;
	}
	.menu-item-parent > a:after,
	.sub-menu .menu-item-parent > a:after {
		content: '';
	}
}
@media screen and (max-width: 320px) {
	.wrap {
		padding: 1em;
	}
}