/*  
Theme Name: HPTE
Theme URI: http://www.blog.tourisme-hautes-pyrenees.com/
Description:  Theme Tourisme Haute Pyrenees
Version: 1.0
Author: Felix Creation
Author URI: http://www.felix-creation.fr/

Notes: Inspired and created for minimalist, content focused blogs 
or websites. Customize, edit, poke, prod, and adapt to your own 
style. Please leave credit where credit is due so that others may
find the source for your site and adapt a suitable version for their
own website.
*/

*{margin:0;padding:0;}


body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	color:#333;
	font-size:12px;
	background:url(images/background.jpg) top center no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


h1 {
	font-size:22px;
}

h2, h2 a {
	font-size:26px;
	font:Arial, Helvetica, sans-serif;
	color:#8652a0;
	font-weight:normal;
}

h3 {
	font-size:12px;
	color:#fff;
	font-weight:normal;
	background:url(images/h3_fond.gif) 0px 0px no-repeat;
	height:22px;
	padding-left:32px;
	padding-top:7px;
}

.middle_links_hacks h3 {
	font-size:12px;
	color:#fff;
	font-weight:normal;
	background:url(images/h3_fond_rss.gif) 0px 0px no-repeat;
	height:22px;
	padding-left:32px;
	padding-top:7px;
}


h4	{
	font-size:14px;
}

a	{
color:#333;
text-decoration:none;
}
a:hover {
	color:#666;
}

#wrapper{
	margin:0px auto;
	text-align:left;
	width:965px;
} 

#comments_wrapper {
	padding-left:32px;
	padding-right:32px;
}

/* masthead / footer - navigation and categories */
#masthead {
	margin:0px auto;
	width:965px;
	height:321px;
}

#masthead h2 {
	float:left;
	width:300px;
	height:88px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	line-height:25px;
	padding-left:40px;
	padding-top:20px;
}

#masthead h1 {
	float:right;
	height:108px;
	width:320px;
}

#masthead h1 a{
	display:block;
	height:108px;
	width:320px;
}

#authorBlurb img{float:right;width:42px;height:42px;border:3px solid #EEE;}
#optin_newsletter{float:right;width:42px;height:42px;border:3px solid #EEE;}
#authorIntro a{font-weight:bold;} 
#authorIntro{line-height:1.4em;width:400px;float:right;margin:8px 0 0 0;}

ul.nav{
	height:29px;
	list-style:none;
	padding-left:32px;
}

.nav li{
	border-right:1px solid #FFF;
	float:left;
	display:block;
}


.nav li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2e002b;
	text-decoration:none;
	display:block;
	height:24px;
	padding:5px 15px 0px 15px;
}

.nav li a:hover{
	background-color:#FFF;
}

.nav li.rss a {
	background:url(images/nav_rss_picto.gif) 90% 5px no-repeat;
	padding:5px 32px 0px 15px;
}
.nav li.rss a:hover {
	background:url(images/nav_rss_picto.gif) 90% 5px no-repeat;
	background-color:#FFFFFF;
}


.nav li.skip{
	border-left:1px solid #fff;
	float:right;
	display:block;
}

.nav li.skip a {
	background:url(images/nav_hpte_picto.gif) 6px 8px no-repeat;
	padding:5px 15px 0px 20px;
}
.nav li.skip a:hover {
	background:url(images/nav_hpte_picto.gif) 6px 8px no-repeat;
	background-color:#FFFFFF;
}



li.top{border-left:1px solid #DDD;float:right;display:block width:100px;}
li.top a{width:100px;}
li.top a:hover { background: transparent;color: #333 !important;}

/* sous nav */
#archives {

}
#archives ul {
	list-style:none;
	margin-left:32px;
	background:#fff;
}
#archives li {
	float:left;
	display:block;
	border-right:#ddd solid 1px;
}
#archives li a {
	display:block;
	font-size:11px;
	padding:3px 10px 3px 10px;
}
#archives li a:hover {
	color:#78428d;
}




#breadcrumb {
	float:left;
	width:933px;
	height:32px;
	padding:12px 0px 0px 32px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#breadcrumb ul{list-style:none;padding:5px 0 3px 0;}


/* main - middle content and columns */
#mid {
	float:left;
	width:965px;
}


#mid #mainCol {
	float:left;
	width:553px;
	padding-bottom:15px;
}

#mid #midCol {
	float:left;
	width:190px;
	margin-left:9px;
	color:#57326b;
	padding-bottom:15px;
}

#mid #tertCol {
	float:right;
	width:190px;
	padding-bottom:15px;
}


#midCol a{font-weight:normal; color:#57326b;}
#midCol a:hover{font-weight:normal; color:#2e002b;}
#midCol p{color:#57326b; margin-top:5px; margin-bottom:5px;}
#searchWrap {
	margin-bottom:10px;
}

.middle_links_hacks {
margin-top:-16px;
}

html[xmlns*=""] body:last-child .middle_links2 { /* pour safari uniquement */
margin-top:0px;
}


#searchWrap input{vertical-align:middle;}
#searchWrap #s{font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:3px;width:150px;}

.middle_links h3{margin:0px;}

#searchForm {
	margin-top:8px;

}

#midCol ul, #tertCol ul, #tertCol .middle_links_hacks ul {
	border-top:1px solid #BBB;
	list-style:none;
	margin-left:0px;

}

#midCol .middle_links ul li, #tertCol .middle_links ul li, #midCol .middle_links_hacks ul li, #tertCol .middle_links_hacks ul li {
	background:url(images/li.gif) no-repeat 0 7px;
	border-bottom:1px solid #BBB;
	padding:4px 0 4px 24px;
	border-right:none;
	display:block;
	width:166px;
}

#tertCol .middle_links #archives ul li a {
	display:inline;
	padding:0;
	margin:0;
}





#elseWhere{margin:0 0 0 0;}
#elseWhere h3{margin-bottom:0px;}
ul#imgLinks{list-style:none;margin:0px 0;}
#imgLinks li{color:#7F7F7F;line-height:1.2em;padding:0 0 1px;}
#imgLinks li a img{border:3px solid #EEE;width:208px;height:69px;color:#333;font-weight:bold;}
#imgLinks li a:hover img{border-color:#DDD;}

/* wordpress entries styling - main content column */
.post {
	background:url(images/post_fond.gif) 0px 45px no-repeat;
	

}

.postMeta {
	background:url(images/bloc_post_fond.gif) 0px 0px no-repeat;
	height:45px;
	padding-left:14px;
	padding-right:14px;
}

.postMeta div.date {
	float:left;
	height:28px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	width:154px;
	background:url(images/bloc_date_fond.gif) 0px 0px repeat-x;
	margin-left:18px;
	padding-top:17px;
	text-align:center;
}

.postMeta div.heure {
	float:left;
	height:28px;
	color:#78428d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	width:49px;
	background:url(images/bloc_heure_fond.gif) 0px 0px repeat-x;
	padding-top:17px;
	text-align:center;
}

.postMeta div.comments {
	float:right;
	height:23px;
	width:47px;
	background:url(images/bloc_comments_fond.gif) 0px 0px no-repeat;
	text-align:center;
	padding-top:22px;
	padding-left:16px;
}

.postMeta div.comments a {
	color:#8652a0;
	font-weight:bold;
	text-decoration:underline;
}

.postMeta div.comments a:hover {
	color:#2e002b;
}

.postMeta div.editer {
	float:left;
	height:45px;
}



.post h2{ 
	padding-left:32px;
	padding-right:32px;
}

.post h2 a{ }

.entry {
	padding-left:32px;
	padding-right:32px;
}

.entry h3{margin:1em 0;}

.post .entry{line-height:1.4em;overflow:hidden;}
.post .entry p{margin:1em 0;}
.post .entry p a{background:url(images/dot.gif) repeat-x bottom left;font-weight:bold;}

.entry blockquote{margin:0 1.3em 0;}
.entry ul{margin:0 1.3em 0;list-style:none;}
.entry li a{color:#333;font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.entry ul li{background:url(images/li.gif) no-repeat 0 1px;padding-left:18px;margin-bottom:7px;}
.entry ol{margin:0 1em 0 3em;}
.entry ol li{margin:0 0 7px 0;}
.entry img,.entry a img{border:3px solid #EEE;}
.entry a:hover img{border-color:#DFDFDF;}
.entry table tr { padding: 15px 0; }
.entry table tr.alt { background: #eee; }

/* style pagination buttons */
#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; text-align: right; }
#more_reading p, #more_reading img { vertical-align: middle; }
#more_reading a img { border: none; margin:0 0 3px 2px; }

/* style me some comments and inputs */
#comments{width:435px;padding:12px 0 0 0;}
#comments h3,
h3#respond{color:#555;margin-bottom:7px;}
ol.commentslist{list-style:none;margin:5px 0 12px;}
.commentslist li{background:#FFF url(images/lgrey_diag.gif) repeat top left;border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}
.commentslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.commentslist li.alt{background:#FFF;}
.commentslist li:hover{border-color:#888;}
.commentslist .comment_text{margin:0 7px;line-height:1.4em;overflow:hidden;}
.comment_text p,
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:1em 0;}
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:0 1em;}p.author_meta{font-weight:bold;text-transform:uppercase;margin:0 0 0 7px;}
p.post_meta{font-size:11px;text-transform:uppercase;text-align:right;margin:0 7px 0 0;}
.commentslist li.author{background:#333;color:#CCC;}
.commentslist li.author a{color:#DDD;}
.commentslist li.author a:hover{color:#FFF;}
#comments_closed{background:#333;color:#ccc;padding:7px 0;margin-top:12px;line-height: 1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}
p.nocomments a:hover{color:#FFF;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#commentform p{margin:1em 0;}
#commentform p a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#author,
#email,
#url,
#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
#comment{width:429px;overflow:auto;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{background:transparent;}

/* footer - text string and links */
#footer {
	background:url(images/background_footer.jpg) center top no-repeat;
	height:200px;
}

/* float rules */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}



form.authorIntro fieldset {
  margin-bottom: 10px;
}
form.authorIntro legend {
  padding: 0 2px;
  font-weight: bold;
}
form.authorIntro label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.authorIntro fieldset ol {
  margin: 0;
  padding: 0;
}
form.authorIntro fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.authorIntro fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.authorIntro fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.authorIntro fieldset fieldset label {
  display: block;
  width: auto;
}
form.authorIntro em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.authorIntro label {
  width: 120px; /* Width of labels */
}
form.authorIntro fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

#more_reading a {
	background:url(images/more_reading.gif) -40px 0px repeat-y;
	color:#FFFFFF;
	padding:2px 6px 2px 6px;
	border:#c8abd6 solid 1px;
	border-right:#573567 solid 1px;
	border-bottom:#573567 solid 1px;
}

#more_reading a:hover {
	background-position:0px 0px;
	color:#2e002b;
}