/*
Theme Name: Web in Alps v1.0
Theme URI: http://www.webinalps.com
Description: Web In Alps
Version: 1.0
Author: Séverin MOUSSEL
Author URI: http://www.gamesandgeeks.com/blog

	 Web In Alps
	 http://www.webinalps.com
*/

*{margin:0;padding:0;}

/** Recommendations W3C **/
	body{font-size:12px}

	html, address,
	blockquote,
	body, dd, div,
	dl, dt, fieldset, form,
	frame, frameset,
	h1, h2, h3, h4,
	h5, h6, noframes,
	ol, p, ul, center,
	dir, hr, menu, pre   {display:block}
	li              {display:list-item}
	head            {display:none}
	table           {display:table}
	tr              {display:table-row}
	thead           {display:table-header-group}
	tbody           {display:table-row-group}
	tfoot           {display:table-footer-group}
	col             {display:table-column}
	colgroup        {display:table-column-group}
	td, th          {display:table-cell}
	caption         {display:table-caption}
	th              {font-weight:bolder; text-align:center}
	caption         {text-align:center}
	body            {margin:0px}
	h1              {font-size:200%; margin:8px 0}
	h2              {font-size:150%; margin:7px 0}
	h3              {font-size:117%; margin:7px 0}
	h4, p,
	blockquote, ul,
	fieldset, form,
	ol, dl, dir,
	menu            {margin:13px 0}
	h5              {font-size:83%; margin:18px 0}
	h6              {font-size:75%; margin:19px 0}
	h1, h2, h3, h4,
	h5, h6, b,
	strong          {font-weight:bolder}
	blockquote      {margin-left:40px; margin-right:40px}
	i, cite, em,
	var, address    {font-style:italic}
	pre, tt, code,
	kbd, samp       {font-family:monospace}
	pre             {white-space:pre}
	button, textarea,
	input, select   {display:inline-block}
	img				{border:0}
	big             {font-size:117%}
	small, sub, sup {font-size:83%}
	sub             {vertical-align:sub}
	sup             {vertical-align:super}
	table           {border-spacing:2px}
	thead, tbody,
	tfoot           {vertical-align:middle}
	td, th          {vertical-align:inherit}
	s, strike, del  {text-decoration:line-through}
	hr              {border:1px inset}
	ol, ul, dir,
	menu, dd        {margin-left:20px; padding:0}
	li              {margin-left:20px; padding:0;}
	ol              {list-style-type:decimal}
	ol ul, ul ol,
	ul ul, ol ol    {margin-top:0; margin-bottom:0}
	u, ins          {text-decoration:underline}
	br:before       {content:"\A"}
	:before, :after {white-space:pre-line}
	center          {text-align:center}
	:link, :visited {text-decoration:underline}
	:focus          {outline:thin dotted invert}

	/* Begin bidirectionality settings (do not change) */
	BDO[DIR="ltr"]  {direction:ltr; unicode-bidi:bidi-override}
	BDO[DIR="rtl"]  {direction:rtl; unicode-bidi:bidi-override}

	*[DIR="ltr"]    {direction:ltr; unicode-bidi:embed}
	*[DIR="rtl"]    {direction:rtl; unicode-bidi:embed}

	@media print {
	  h1            {page-break-before:always}
	  h1, h2, h3,
	  h4, h5, h6    {page-break-after:avoid}
	  ul, ol, dl    {page-break-before:avoid}
	}

form{padding:0;margin:0}


/** Clearfix et Contexte de formatage **/
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

	.clearfix {
		display: inline-block;
	}

	html[xmlns] .clearfix {
		display: block;
	}

	* html .clearfix {
		height: 1%;
	}

	.newcontext {
		overflow:hidden;
		zoom:1;
	}

/** Début du code **/
	body  {
		text-align:center;
		background:#eeece0 url(img/bg.png) repeat-x top;
		color:#363636;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		padding-top:14px;
	}
	p{margin:0 0 18px 0}





#header,#body,#footer{
	margin:auto;
	width:982px;
	text-align:left;
}
#header{
	width:984px;
	height:157px;
	overflow:hidden;
}
#body,#footer{
	clear:left;
}

h1{margin:0;padding:0}

#header h1{
	float:left
}




#header div.photos{
	padding-top:29px;
}

#header div img{
	border-top:1px solid #fff;
	border-right:2px solid #fff;
}

#menu {
	float:right;
	padding-top:0px;
}
#menu ul, #menu li {
	display:inline;
	margin:0;
	padding :0;
	list-style:none;
}
#menu li *{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}

#menu li{
	padding:0 15px;
	line-height:20px;
	background:url(img/menusep.gif) no-repeat right center;
}
#menu li.rss{
	padding:0 0 0 15px;
	background:none;
}
#body{
	background:#fff url(img/bgmain.gif);
	border-left:1px solid #dcdbd1;
	border-right:1px solid #fff;
	border-bottom:1px solid #ffd15c;
	padding-top:1px;
}

#footer{
	border-top:1px solid #e9a802;
	border-left:1px solid #dcdbd1;
	border-right:1px solid #fff;
	background:#f6f5f2;
}
#footer .copyright{
	padding:3px 0 3px 50px;
	font-style:italic;
}

#maincol{
	width:643px;
	border-right:1px solid #e4e2d8;
	float:left;
	padding:24px 24px 0;
}

ul#rightcol{
	float:left;
	background:#e4e2d8;
	border-left:1px solid #fff;
	width:268px;
	padding:0 10px;
	margin:0;
	list-style:none;
}
ul#rightcol li.widget{
	list-style:none;
	padding:0;
	margin:20px 0 40px;
}

ul#rightcol h2 {
	color:#363636;
	font-weight:bold;
	font-size:18px;
	margin-bottom:10px;
}

ul#rightcol #recentcomments li {
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
}

ul#rightcol .blogroll li{
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
}

.post .header h1 {
	color:#e9a802;
	font-family:Georgia,Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:24px;
	padding:0;
	margin:0;
}
	.post .header a,
	.post .header a:visited,
	.post .header a:link {
		text-decoration:none;
		color:#e9a802;
	}

	.post .header a:hover {
		text-decoration:none;
		color:#df7004;
	}

.post .header span{
	font-family:Georgia,Verdana,Arial,Helvetica,sans-serif;
	line-height:29px;
	float:left;
	padding:0 24px;
	color:#363636;
	font-style:italic;
}
.post .content {
	background:url(img/h1sub.png) no-repeat top right;
	margin-top:10px; padding-top:10px;
}

.post h2{margin : 20px 0 7px 0;}
.post p{line-height: 16px;}

.post .footer{
	background:#f6f5f2;
	padding:4px;
}
.post .footer .comments a{
	color:#000;
	text-decoration:none;
	font-size:11px;
}
.post .footer .comments a span{
	color:#e9a802;
	font-weight:bold;
}

.post {
	padding-bottom:4px;
	border-bottom:1px solid #e9e8e6;
	margin-bottom:50px;
}

span .icon{
	display:block;
	float:left;
	margin-right:5px;
}
span .icon16{
	height:16px;
	width:16px;
	background:url(img/ic16.gif);
}

span .ic_comments{
	background-position:0 0;
}

a, a:link {
	color:#c97800;
	text-decoration:none;
}

a:visited {
	color:#d92;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

#commentform textarea {width:640px}




.event-registration label {
	display:block;
	clear:left;
	float:left;
	height:20px;
	width:100px;
}

a.eventbtn,
a.eventbtn:link,
a.eventbtn:visited {
	display:block;
	margin:auto;
	width:164px;
	height:51px;
	*width:232px;
	*height:67px;
	background:transparent url(img/eventbg.gif) no-repeat;
	font-size:18px;
	color:#eee;
	text-align:center;
	padding:11px 63px 5px 5px;
	text-decoration:none;
	font--weight:bold;
	line-height:22px;
}
a.eventbtn:hover {
	color:#fff;
	text-decoration:none;
}