/*  
Theme Name: New Art Of Skiing
Theme URI: http://www.new-art-of-skiing.com/
Description:  Theme New Art Of Skiing for SMA
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;
	font:12px arial,helvetica,verdana,sans-serif;
	background-color:#FFFFFF;
	color:#868686;
	font-size:13px;
	background:url(images/background.jpg) top center no-repeat;
}


h1 {
	font-size:22px;
}

h2, h2 a {
	font-size:21px;
	color:#ff9710;
	font-weight:normal;
}

h3 {
	font-size:15px;
	color:#555;
	font-weight:normal;
	background:url(images/h3_background.gif) right bottom no-repeat;
	padding-bottom:8px;
}

h4	{
	font-size:14px;
}

a	{
color:#333;
text-decoration:none;
}
a:hover {
	color:#666;
}

#wrapper{
	margin:0px auto;
	text-align:left;
	width:965px;
} 

/* masthead / footer - navigation and categories */
#masthead {
	margin:0px auto;
	width:965px;
}
#masthead h1 {
	height:93px;
}
#masthead h1 a{
	display:block;
	width:360px;
	height:93px;

}

#masthead h2 {
	display:block;
	width:250px;
	height:75px;
	margin-left:375px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin-bottom:39px;

}

#masthead #liens_stations {
	height:60px;
}

#masthead #liens_stations a {
	float:left;
	height:60px;
}

#masthead #liens_stations a.les-arcs {
	background:url(images/btn_les-arcs.gif) 0px 0px no-repeat;
	width:76px;
}

#masthead #liens_stations a.peisey-vallandry {
	background:url(images/btn_peisey.gif) 0px 0px no-repeat;
	width:80px;
}

#masthead #liens_stations a.paradiski {
	background:url(images/btn_paradiski.gif) 0px 0px no-repeat;
	width:129px;
}

#masthead #liens_stations a:hover {
	background-position:0px -60px;
}




#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:64px;
	list-style:none;
	background:url(images/background_nav.gif) 0px 0px repeat-x;
}

.nav li{
	border-right:1px solid #676767;
	float:left;
	display:block;
}


.nav li a{
	font-size:11px;
	outline:none;
	color:#FFAD42;
	text-decoration:none;
	display:block;
	padding:18px 15px 0px 15px;
	text-transform:uppercase;
	height:46px;

}

.nav li a:hover{
	background-color:000;
	color:#FFF;
}


.nav li.skip{
	border-left:1px solid #676767;
	float:right;
	display:block;
}

.nav li.skip a {

}

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;}
#archives{background:#333;}
#archives ul{list-style:none;padding:5px 0 3px 0;}
#archives li{float:left;display:block;width:101px;}
#archives li a{font-weight:bold;color:#7F7F7F;width:99px;display:block;padding:2px 0 4px 5px;}
#archives li a:hover{color:#EEE;}

#breadcrumb {
	padding:8px 12px 8px 12px;
	background-color:#eee;
	border-bottom:#ccc solid 1px;
}
#breadcrumb ul{list-style:none;padding:5px 0 3px 0;}


/* main - middle content and columns */
#mid {
	background:url(images/background_breadcrum.gif) 0px 0px repeat-y;
}


#mid{}#mainCol {
	float:left;
	margin:26px 0 0 0;
	width:451px; /* old 435px; */
	padding-left:20px;
}



/* style individual sidebars */
#midCol {
	color:#999;
	float:left;
	margin:0px;
	width:234px;
	line-height:1.3em;
	margin-left:20px;
	padding-top:10px;
}

#midCol a{font-weight:normal; color:#666;}
#midCol a:hover{font-weight:normal; color:#333;}
#midCol p{color:#999;}
#searchWrap,
.middle_links{margin-bottom:20px;}
#searchWrap input{vertical-align:middle;}
#searchWrap #s{font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:3px;width:200px;}
.middle_links h3{margin-bottom:7px;}

#searchForm {
	margin-top:8px;

}

#midCol ul{
	border-top:1px solid #BBB;
	list-style:none;
	margin:8px 0 4px;

}

#midCol .middle_links ul li {
	background:url(images/li.gif) no-repeat 0 3px;
	border-bottom:1px solid #BBB;
	padding:4px 0 4px 19px;
}



#tertCol {
	float:left;
	width:214px;
	margin:0px;
	margin-left:20px;
	padding-top:10px;
}

#tertCol p{color:#777;}
#elseWhere{margin:0 0 20px 0;}
#elseWhere h3{margin-bottom:7px;}
ul#imgLinks{list-style:none;margin:7px 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 {

}

.postMeta {
	font-size:11px;
	text-align:right;
	height:38px;
	background:url(images/hachures_postmeta.gif) top right no-repeat;
	padding-right:20px;
}

.bloc_postMeta {
	background:url(images/bloc_postmeta.gif) top right no-repeat;
	height:25px;
}

.postMeta div.date {
	float:right;
	height:21px;
	color:#fff;
	padding-top:4px;
	padding-right:5px;
}

.postMeta div.comments {
	float:right;
	height:21px;
	border-left:#999999 solid 1px;
	color:#fff;
	background:url(images/bulle_comments.gif) 90% 6px no-repeat;
	padding-right:20px;
	font-weight:bold;
	padding:4px 25px 0px 5px;
}

.postMeta div.comments a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

.postMeta div.comments a:hover {
	color:#ccc;
}




.post h2{ 
	background:url(images/hachures_h1_billets.gif) top right no-repeat;
	padding-right:20px;
	min-height:63px;
}

.post h2 a{ }

.entry {
	padding-right:20px;
}

.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 {margin-bottom: 57px; }
#footer p {padding-top: 7px; }
#footer p a{font-weight:bold;color:#333;}

/* 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) */
}


