/*
Theme Name: Pyrenean Way
Theme URI: http://www.pyreneanway.com/blog/wp-content/themes/pyrenees
Description: For Pyrenees blog.
Version: 1.0
Author: Steve
Author URI: http://www.archetype-it.com
*/
body {
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;   /* ie 12 point */
	text-align:left;
	color:#369;
	line-height:1.3;
	background: #fff;
	}

p{
	font-size: 100%;	
	margin:0px;
	padding:0px 0px 9px 0px;
	/*ie 11 point */
	}
.center{text-align:center;}	
div#pics p{
	margin:0px;
	padding:0px;
	}
div#pics p.caption{
	font-family: arial, helvetica, verdana, sans-serif;
	line-height:1.4;
	color:#fff;
	margin:0px 0px 9px 0px;
	padding:0px;
	font-size:80%;
	}
div.aligncenter {margin: 0px auto; display:block;}


div.alignright p.wp-caption-text, div.alignleft p.wp-caption-text, div.aligncenter p.wp-caption-text{
	font-family: arial, helvetica, verdana, sans-serif;
	line-height:1.4;
	font-style: italic;
	color:#000;
	font-size:90%;
	margin:0px;
	padding:5px 0px;
	}
	
#sidebar, .caption{
	font-family: arial, helvetica, verdana, sans-serif;
	line-height:1.4;
	color:#fff;
	margin:0px;
	padding:0px 5px 0px 5px;
	font-size:90%;
	}

#sidebar .screen-reader-text{
	display:none;
}
div.navigation div.alignleft, div.navigation div.alignright{font-size: 60%;}

/* headings -----------------------------------------------*/
h1{font-size:120%;
	color:#063;
	margin:5px 0px;
	padding:0px;
	}
h1.caption{margin: 5px 0px;
	padding:0px;
	font-size:90%;}
h1.sitetitle a:link,h1.sitetitle a:visited {
	font-size:100%;
	color:#336;
	margin:0px 5px;
}
h1.sitetitle a:hover, h1.sitetitle a:active{
	color: 	rgb(255, 153, 51);
	text-decoration:none;
}	
h2{font-size:120%;
	font-weight:bold;
	clear:both;
	}
h3{font-size:100%;
	font-weight:bold;
	}	
	
.big{font-size:120%;}
.bigger{font-size:150%;}
.biggest{font-size:170%;}
.mega{font-size:250%;}
/* images -----------------------------------------------*/
img {margin:0px;padding: 0px;
border:0px;}
img.alignleft{margin-right:8px; float:left; border:1px solid #748db2;line-height: 1.0:}
img.alignright{margin-left:8px; float:right; line-height: 1.0:}
.comment-book img{
	height:178px;
	overflow:hidden;
}
.alignright img, .alignleft img, .aligncenter img{
	border:1px solid #748db2;
}

/* lists -----------------------------------------------*/
ul{
	margin:16px;
	padding:0px;
	text-align:left;
	}
#sidebar ul:nth-child(3), #sidebar ul:nth-child(4){
	margin:0px;
}
#sidebar ul ul:nth-child(3), #sidebar ul ul:nth-child(4){
	margin:0px 16px;
}		
li{
	font-size:100%;
	list-style-type:square;
	}
#sidebar > ul > li{
	list-style-type:none;
}
/* links -----------------------------------------------*/	
a {
	color:#f93;
	text-decoration: none;
	font-weight:bold;
}

a:hover{
	color:#000;
	text-decoration:underline;
}
.wp-caption a{
	line-height: 1em;
}
#sidebar a:link, #sidebar a:visited {
	color:#fff;
	text-decoration: underline;
	font-weight:bold;
}
#sidebar a:hover, #sidebar a:active {
	color:#000;
}
#sidebar #lang_sel a:link, #sidebar #lang_sel a:visited {
	color:#000;
	text-decoration: none;
	font-weight:bold;
}
/* forms -----------------------------------------------*/	
input{background-color:#99c;
	border:1px solid #fff;
	margin:6px 0px 0px 0px;
	color:#fff;}
input#searchsubmit{
	display:none;
	background-color:transparent;
}
input#s,
input.form-control{
	width: 154px !important;
	padding:5px;
}
.mc4wp-form-fields input[type=text], .mc4wp-form-fields input[type=email]{
	padding:5px;
	border:1px solid black;
	color:black;
	margin:5px 0px 10px 0px;
	width:164px;
	background:white;
}
.mc4wp-form-fields input[type=submit]{
	color:black;
	font-weight:bold;
	border:1px black solid;
	text-align:left;
	padding:3px;
	background:white;
}
.widget_mc4wp_form_widget h2{
	margin: 15px 0px 5px;
}
/* tables----------------------------------------------- */
table.kit td{text-align:left;padding:0px 3px;}
table.kit td.right{text-align:right;padding:0px 3px;}
td{vertical-align:top;text-align:center;}
td.left, table.left td{text-align:left;}
table.left th{font-weight:bold;text-align:left;padding: 2px;}
td.right{text-align:right;}	
/* divisions----------------------------------------------- */

div.alignleft{float:left; 	
	margin: 0px 10px 5px 0px;
	padding:1px 1px 10px 1px;
	}
div.alignright{float:right; 	
	margin: 0px 0px 5px 10px;
	padding:1px 1px 10px 1px;}
#base{position:relative;
	margin:0px;
	padding:0px;
	}
.clearer{clear:both}
.comment-book{
	float: left;
	width: 137px;
	margin:0px 10px 0px 0px;
}
#content-blog{position:relative;
	padding:20px 20px 5px 20px;
	}
	
div#devbar.live{background-color:black; color:white; text-align:center;}

#head img.headpic{ /*container for header image only*/
	max-width:100%; 
	height:164px;
}
#homelink{
	position:absolute;
	z-index:30;
}

.leftpic{float:left;
	width:250px;
	background-color:#748db2;
	margin: 0px 0px 5px 0px;
	padding:1px 1px 10px 1px;}
.leftpicvert{float:left;
	width:188px;
	background-color:#748db2;
	margin: 0px 0px 5px 0px;
	padding:1px 1px 10px 1px;}
#main {
	position:relative;
	float: left;
	top:0px;
	margin:0px;
	width: 750px;
	padding:0px;
	text-align:left;


	}
/*===============MENUS=============*/	
#menu{
	/*position:absolute;
	top:0px;
	left:0px; */
	margin:0px; padding:0px;
	color:black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
	font-size:80%;
	line-height:100%;}

#menu img{margin:0px; padding:0px;}

#menu-social{
	position:absolute;
	top:110px;
	right:5px;
	border:0px red solid;
	}	
	
#navmenu{
	position:absolute;
	top:90px;
	left:20px;
}

#navmenu ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}
#navmenu li {
/*	display: inline; */
	line-height: 200%;
	white-space: nowrap;
}
#navmenu ul li a {
	text-decoration:none;  
	margin: 4px 4px 4px 0px;
	padding: 5px 5px 5px 0px; 
	color: 	rgb(255, 153, 51);
	background: transparent;
}
#navmenu ul li a:hover {
	color: black;
}	
/*FRENCH MENU*/
#navmenu  div > ul li#menu-item-2674{ /*premiers pas*/
	position:absolute;
	top:10px;
	left:0px;
}
#navmenu  div > ul li#menu-item-2682{/*photos*/
	position:absolute;
	top:35px;
	left:90px;
}
#navmenu  div > ul li#menu-item-2683{/*mode empoli*/
	position:absolute;
	top:0px;
	left:140px;
}
#navmenu div > ul li#menu-item-2675{/*livre*/
	position:absolute;
	top:50px;
	left:200px;
}
#navmenu div > ul li#menu-item-2678{/*carte*/
	position:absolute;
	top:40px;
	left:390px;
}
#navmenu div > ul li#menu-item-2685{/*diapo*/
	position:absolute;
	top:30px;
	left:490px;
}
#navmenu div > ul li#menu-item-2681{/*gr10 chez vous*/
	position:absolute;
	top:10px;
	left:530px;
}
/*ENGLISH MENU*/
#navmenu  div > ul li#menu-item-2690{ /*first steps*/
	position:absolute;
	top:10px;
	left:0px;
}
#navmenu  div > ul li#menu-item-2686{/*photos*/
	position:absolute;
	top:35px;
	left:90px;
}
#navmenu  div > ul li#menu-item-2693{/*guide*/
	position:absolute;
	top:10px;
	left:200px;
}
#navmenu div > ul li#menu-item-2689{/*book*/
	position:absolute;
	top:60px;
	left:250px;
}
#navmenu div > ul li#menu-item-2688{/*map*/
	position:absolute;
	top:40px;
	left:390px;
}
#navmenu div > ul li#menu-item-2691{/*slideshow*/
	position:absolute;
	top:40px;
	left:480px;
}
#navmenu div > ul li#menu-item-2694{/*about*/
	position:absolute;
	top:0px;
	left:400px;
}
#navmenu div > ul li#menu-item-2687{/*gr10 at home*/
	position:absolute;
	top:10px;
	left:540px;
}
.menu-item-has-children .sub-menu{
	display:none;
}
.menu-item-has-children:hover .sub-menu {
	display:block;
}
/*
ul.submenu {
position:relative !important;
display: inline;
margin-top:30px;
background-color:red;
}
*/
#icl{
display:none;}
#pics{
	position:relative;
	border-left:2px #000 solid;
	padding-top:15px;
	padding-left:5px;
	padding-right:10px;
	top:0px;
	float:left;
	text-align:left;
	width: 203px;
	background-color:#748db2;
	}
.rightpic{float:right;
	background-color:#748db2;
	width:250px;
	margin: 0px 0px 5px 10px;
	padding:1px 1px 10px 1px;
	}
.rightplain{float:right;
	margin: 0px 0px 5px 10px;
	padding:1px 1px 10px 1px;
	}
#wrap {
	
	top:0px;
	width:970px;

	margin:0px  auto;
	padding:0px;
	border: 2px solid #000;
	background-image:url(/images/background-cols.jpg);	
	background-repeat:repeat-y;
	}
.col1 { /*added for 3 col effect*/
width:20%;
float:left;
padding:0 0 0 5px;
margin:0 0 20px 0;
}
.col2 { 
width:48%;
float:left;
padding:0 0 0 5px;
margin:0 0 20px 0;
}
.col3 { 
width:20%;
float:left;
padding:0 0 0 5px;
margin:0 0 20px 0;
}
/*for google translate*/
#google_translate_element select{display:block; }
#google_translate_element{display:block; margin: 0px auto 8px; text-align:left;}

#lang_sel{display:block;}
#lang_sel li {width:166px !important;}

/* RESPONSIVE*/
#base{
	background-image:url(/images/pyrenees-map4.gif);
	background-size:100%;
}
img, .wp-caption{
	max-width:100% !important;
	height:auto;
}
#linkwithin_inner{
	max-width:100%;
}

#main{
	max-width:100%;
}
#menu-social{
	text-align:right;
	}
#menu-social img{
	display:inline-block;
	}
textarea{
	max-width:95%;
}

#wpml_credit_footer{
	display:none;
}
#wrap{
	max-width:99%;
}
@media screen and (max-width: 980px) {
	#base{
		background-image:none;
	}
	#buy{
	display:none;
	}
	#wrap{
		width:741px;
		background-image:url(/images/background.jpg);	
	background-repeat:repeat;
	}
	#icl{
		position:absolute;
		top:5px;
		right:5px;
		display:block;
	}
	#menu-social{
	top:90px;
	}
	#pics{
		width:741px;
		max-width:100%;
		padding:10px 0px;
		margin:0;
		border-left-width:0;
	}

}
@media screen and (max-width: 756px) {
	#content-blog{
	padding: 5px;
	}
	#head{
	height:160px;
	}
	#navmenu{
		top:50px;
		margin:0px 100px 20px 0px;
		background-color:white;
	}
	#navmenu  div > ul li#menu-item-2674, 
	#navmenu  div > ul li#menu-item-2682,
	#navmenu  div > ul li#menu-item-2683,
	#navmenu  div > ul li#menu-item-2675,
	#navmenu  div > ul li#menu-item-2678,
	#navmenu  div > ul li#menu-item-2685,
	#navmenu  div > ul li#menu-item-2681,
	#navmenu  div > ul li#menu-item-2690,
	#navmenu  div > ul li#menu-item-2686,
	#navmenu  div > ul li#menu-item-2693,
	#navmenu  div > ul li#menu-item-2689,
	#navmenu  div > ul li#menu-item-2688,
	#navmenu  div > ul li#menu-item-2691,
	#navmenu  div > ul li#menu-item-2694,
	#navmenu  div > ul li#menu-item-2687	
	{
		position:relative;
		top:0px;
		left:0px;
		background-color:white;
		line-height:140%;

	}
	#navmenu  div > ul li a{
		margin:4px 0px;
		padding: 2px;
	}
	.thethe_image_slider,
	.thethe_image_slider_inner,
	.thethe-image-slider-slides li.show,
	.thethe-image-slider-image{
		max-width:100% !important;

	}
	.thethe-image-slider-slides, 
	.thethe-image-slider-image,
	.thethe-image-slider-slides li.show{
		height:auto !important;
	}
	#wrap{
	border:0;
	}
}

@media screen and (max-width: 580px) {
	div.alignleft, 
	div.alignright, 
	img.alignleft, 
	img.alignright{
		float:none;
		margin:0 auto;
		padding:0;
	}
	#icl{
		top:50px;
		left:5px;
	}
	#head{
	height:190px;
	}	
	#navmenu{
		top:90px;
	}	
}
