td {
	padding:			0px;
}
html, body {
	height: 100%;
	margin: 0;
}
body {

	background-image:url(/images/bg.jpg);
		background-position: top left;
		background-repeat: repeat-y;
		background-color:#F0F2F2;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:   13px;
		line-height: 18px;
		color:#333333;
}

a.none, a.none:hover{
	background: none;

}
a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }
#menu a, h1, .detailPost, .title{
	font-family:Arial, Helvetica, sans-serif;

}
div#container {
	min-height: 100%;
	width: 795px;
	padding: 0px;
	margin: 0;
	position: relative;
}
	
div#center {
	padding-bottom: 50px; 
	overflow: auto;
}

div#footer {
	position: absolute;
	width: 100%;
	bottom: 0;
}
	
div#sidebar {
	float: left;
	width: 255px;	
}
div#blogEntries{
	margin-left:256px;
	/*float: right;
	width: 540px;*/
}

/*&&&&&&&&&&&&&&&&&header&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
#header{/*container for the header part*/
	background:url(/images/bgHeader.jpg) top left repeat-y;
}
#logo{/*hotel gault logo*/
	float:left; 
	width:255px;
}
#logo img{
	padding-left:35px; padding-top:10px;
}
#banner{/*div for the image*/
	clear:both; 
	background:url(/images/banner.jpg) top left no-repeat; 
	width:780px; 
	height:143px;
}
/*menu*/
#menu{/*div for the menu elements*/
	margin-left:255px;
	height:88px;
}
#menu a{/*menu links*/
	color:#7B7265;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
	padding-left: 8px;
	
}
#menu1, #menu2, #menu3, #menu4{
	height:22px;
	float:left;line-height:22px;
	vertical-align:middle;
	margin-top:66px;
}
#menu1 p, #menu2 p, #menu3 p, #menu4 p{
	line-height:22px;  
	vertical-align:middle; 
	text-align:center;
	margin:0px; 
	padding:0px;
}
#menu1{
	background:url(/images/menu1.jpg) bottom no-repeat; 
	width:131px;
}
#menu2{	
	background:url(/images/menu2.jpg) bottom no-repeat; 
	width:105px;
}
#menu3{
	background:url(/images/menu3.jpg) bottom no-repeat; 
	width:134px;
}
#menu4{
	background:url(/images/menu4.jpg) bottom no-repeat; 
	width:154px;
}

/*&&&&&&&&&&&&&&&&& end header&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

/*&&&&&&&&&&&&&&&&& content &&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
h1{
	font-size:24px;
	padding-top:20px;
	margin-left:20px;
}

h2 {
	font-size:18px;
	line-height:20px;
	padding-top:20px;
	margin-left:20px;
}

h4 {
	padding-top:20px;
	margin-left:20px;
}

div#blogEntries p, img.imgBlog{
	margin:15px 30px 15px 20px;
}

.posting{
	margin-top:-10px;
	padding-top:0px;
	
	background:url(/images/top.jpg) top left no-repeat;
}
.detailPost{
	font-size:10px;
	margin-left:20px;
	margin-bottom:0px;

}
.detailPost img{
	line-height:22px;
	vertical-align:middle;
	padding:0px;
}
.line{color:#7B7265;}

/*to position content in different section --> when there is no p, etc.*/
.positionneur {margin-left:20px;margin-right:30px;}

.title_positionneur {margin-right:20px;}

/*&&&&&&&&&&&&&&&&& end content&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

/*&&&&&&&&&&&&&&&&& side bar (left section) &&&&&&&&&&&&&&&&*/
#sidebar p, hr{margin-left:10px; margin-right:20px;}
.title{
	padding:0px;
	margin-top:0px;
	color:#ffffff;
	font-size:18px;
	border-bottom:1px dashed #ffffff;
	
}
.small{font-weight:bold; font-size:10px;margin-bottom:0px; padding-bottom:0px;}
.more a{
	font-weight:bold;
	color:#ffffff;
	margin-top:0px;
	text-decoration:none;
}
.black{color:#333333; }
hr.separator{
	border:1px dashed #ffffff; 
	margin-top:0px;
	margin-bottom:0px; 
	padding:0px;
}
/*&&&&&&&&&&&&&&&&& end side bar (left section) &&&&&&&&&&&&&&&*/





#mainBox {
	width:				780px;
	height:				auto;
	background-color:	#CCBBA5;
}

#logoBox {
	
	width:				255px;
	height:				88px;
	float: left;
}

#brownBox {
	width:				523px;
	height:				66px;
	float:				left;
	clear:				right;
	position: 			absolute;
	left: 				255px;
}

#menuBox {
	float: 				left;
	position: 			absolute;
	left: 				255px;
	top:				66px;
	}

#headerImage {
	width:				778px;
	height:				123px;

	clear: both;
}

#leftColumn {
	width:				212px;
	height:				auto;
	float: 				left;
	background-color:	#CCBBA5;
	padding: 			30px 20px 20px 23px;
}

/*#blogEntries {
	position: absolute;
	left: 				245px;
	width:				503px;
	background-color: 	white;
	float: 				left;
	padding: 			5px 15px 5px 15px;
}
*/
hr.white_dash {
	border: none 0; 
	border-top: 1px dashed #fff;/*the border*/
	/*width: 100%;*/margin-left:20px; margin-right:3ß0px;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	
}

hr.brown_dash {
	border: none 0; 
	margin-left:20px; margin-right:30px;
	border-top: 1px dashed #CCBBA5;/*the border*/
/*	width: 100%;*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	
}

p.white_header_small {
	font-size: 1.2em;
	color: #fff;
	margin:7px 20px;
}


#comment_list {
		padding-right: 5px;
		padding-left: 5px;
		border-width: 1px;
		border-color: #c9c9c9;
		border-style: solid;
		background-color: #eeeeee;
}