/*  
Theme Name: Siam View Hotel 2008
Theme URI: http://www.arugam.com/
Description: Wordpress Theme for Siam View Hotel
Version: 1.0
Author: Greg Reemers, for New Dawn Media
Author URI: http://www.hwr-design.com/


*/

/* I start with Eric Meyer Reset 
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end of the Eric Meyer Reset
----------------------------------------------------------------------------------------------------*/

/* CONSTANT
---------------------------------------------------------------------------------------------------- */

a, a:link, a:visited  {font-weight: bold; color: #009ee0; text-decoration: none;}
a:hover {text-decoration: underline;}
.bold {	font-weight: bold;}

p {padding-bottom: 1em; line-height: 1.2em;}

hr  {
	clear:both;
	width: 100%;
	border-top: 1px solid #ccc7b9;
	height: 1px;
	margin-top:50px;
	margin-bottom:15px; 
	}
	.alignleft{float:left;}
.alignright{float:right;}	.clear{clear:both;}	

h2{margin-bottom:10px;}
h3{font-size:2em; text-transform: uppercase; color:#8a6c35; margin-bottom:10px;}
/* end of CONSTANT
---------------------------------------------------------------------------------------------------- */

	/* LAYOUT
---------------------------------------------------------------------------------------------------- */
html,body {
		margin:0;
		padding:0;
		height:100%;
	}
body {		color: black;
	font-family: Arial, Helvetica, sans-serif ;
	background: #fff url(images/background.png) repeat-x;
	margin:0;
	padding:0;
	height:100%;
	}

#container {
	min-height:100%;
	position:relative;
	}
	.area{
	width: 960px;
	margin: 0 auto;
	}
		#body {
	padding-bottom:250px;	/* Height of the footer */
	color:#000;
	text-align:justify;
	}

	/* HEADER */

	#headerArea{height:400px;}
		.header h1 { border:0; margin:0; padding: 0; display: block; width: 232px; height:120px; background: transparent url(images/svhLogo.jpg) no-repeat 0 0; text-indent:-10000px;}		/* end HEADER */
		/* COLUMNS */

	.oneColumn{
		width: 960px;
		display: inline;
		float: left;
		margin: 0;
	  }		/* end COLUMNS*/

	/* FOOTER*/		#footer {
		position:absolute;
		bottom:0;
		width:100%;
		height:250px;			/* Height of the footer */
		background:#212121 url(images/footerBG.png) repeat-x 0 0;
		}
	/* end FOOTER*/		/* end LAYOUT
---------------------------------------------------------------------------------------------------- */	/* NAVIGATION
---------------------------------------------------------------------------------------------------- */
	/* TOP NAVIGATION BAR */
	/*
	
	#topNavBar {		
		height: 24px;
		margin: 0;
		padding: 0;		
		list-style: none;
		top: 58px; 
		margin-left: 400px;
		width: 529px;
		background: transparent url(images/topnavBar_.png) no-repeat 0 0;
		position: absolute;
		z-index: 5;
		}	

	#topNavBarList li {
		margin: 0; 
		padding: 0;
		list-style-type: none;
		display: inline;
		text-indent:-10000px;
		}

	#topNavBarList a {
		float: left;
		margin: 0;
		padding: 24px 0 0 0;
		overflow: hidden;
		height: 0; 
		}
	#topNavHome a {width: 52px;background:  url(images/topnavBar.png) no-repeat 0 0; }
		#topNavHome  a:hover {background:  url(images/topnavBar.png) no-repeat 0 -24px;}
	#topNavHotel a {width: 58px;background:  url(images/topnavBar.png) no-repeat -52px 0; }
		#topNavHotel a:hover {background:  url(images/topnavBar.png) no-repeat -52px -24px;}
	#topNavRestaurant a {width: 125 px; background:  url(images/topnavBar.png) no-repeat -111px -24px; }
		#topNavRestaurant  a:hover {background:  url(images/topnavBar.png) no-repeat -111px -24px; }
		
	#topNavBeachbar a {width: 93px; background:  url(images/topnavBar.png) no-repeat -216px 0; ;}
		#topNavBeachbar a:hover {background:  url(images/topnavBar.png) no-repeat -216px -24px;}
	#topNavNews a {width: 53 px; background:  url(images/topnavBar.png) no-repeat -308px 0; }
		#topNavNews a:hover {background:  url(images/topnavBar.png) no-repeat -308px -24px;}
	#topNavGenInfos a {width: 89px; background:  url(images/topnavBar.png) no-repeat -361px 0; }
		#topNavGenInfos a:hover {background:  url(images/topnavBar.png) no-repeat -361px -24px;}
	#topNavContact a {width: 78px; background:  url(images/topnavBar.png) no-repeat -450px 0; }
		#topNavContact a:hover {background:  url(images/topnavBar.png) no-repeat -450px -24px;}
*/		
		

	#topNavBar {		
		height: 24px;
		margin: 0;
		padding: 0;		
		list-style: none;
		top: 61px; 
		margin-left: 345px;
		width: 529px;
		position: absolute;
		z-index: 5;
		}


ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #acadac;
text-decoration: none;
}











	/* end TOP NAVIGATION BAR */

	/* ADDITIONNAL NAVIGATION BAR */
	#addiNavBar- {			height: 29px;
		margin: 0;
		padding: 0;
		list-style: none;
		top: 0px;
		right: 0px;
		width: 99px;
		background: transparent url(images/addinavBar.png) no-repeat 0 0;
		position: absolute;
 		z-index: 6; 
		}			
	#addiNavBar {			height: 29px;
		margin: 0;
		padding: 0;			list-style: none;
		top: 56px; 
		margin-left: 859px;
		width: 99px;
		background: transparent url(images/addinavBar.png) no-repeat 0 0;
		position: absolute;
		z-index: 5;
		}					
	#addiNavBarList li {
		margin: 0; 
		padding: 0;
		list-style-type: none;
		display: inline;
		}	
	#addiNavBarList a {
		float: left;
		margin: 0;
		padding: 29px 0 0 0;
		overflow: hidden;
		height: 0; 
		}

	#addiNavInfo a {width: 27px;background:  url(images/addinavBar.png) no-repeat 0 0;}
	#addiNavContact a {width: 37px;background:  url(images/addinavBar.png) no-repeat -27px 0;}
	#addiNavRss a {width: 35px; background:  url(images/addinavBar.png) no-repeat -64px 0;}

	/* end ADDITIONNAL NAVIGATION BAR */


/* end NAVIGATION
---------------------------------------------------------------------------------------------------- */			/* A regorganiser */
			/* Rajout */
.photosPostNav{
height:34px; clear:both;
}


.photosPostThumb{border:1px solid #000; margin:0 0 5px 0;}


.photosPostListingLeft{
	width: 50%; 
	display: inline;
	float: left;
	text-align:left;
}





.photosPostListingLeft a{ text-transform: uppercase; text-decoration: none; font-weight: normal; color:#959393;}
.photosPostListingLeft a:hover{text-decoration: underline; color:#000; }

.photosPostListingRight{
	width: 200px; height: 29px;
	display: inline;
	float: right;
  }

.photosCatList{
	width: 50%;
	float: left;
}





	#photoDetail h2{font-size:1.5em; text-transform: uppercase; text-decoration: none; font-weight: normal; color:#959393;}



.photosPostMeta{ margin: 0 auto; padding-bottom:20px; }
.photosPostMeta li { 
	padding: 10px;
display: inline;
width:300px;
} 

.photosPostMetaTitle{height:109px; width:600px; background-color:#CCC;}


.photosPostMeta h2 {  font-size:0.7em; text-transform: uppercase; display:inline; }
.photosPostMeta h2 a: {color:#CCC;}
.photosPostMeta h2 a:hover {text-decoration: none;}

.buttonDetail a {border:0; margin:0; display: inline; height:29px; width:60px;  background: transparent url(images/buttonDetail.png) no-repeat 0 0; text-indent:-10000px; }


.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* comment */
div#comments-template {
	margin-left: 10px;
	width: 660px;
}

div#comments-template h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #2f2f2f;
	letter-spacing: -1px;
}

div#comments-template .commentWrap {
	margin-bottom: 15px;
	width: 952px;
	background: url(images/comments_bg.png) repeat-y top;
	overflow: hidden;
}

div#comments-template .commentWrap .bottom {
	width: 952px;
	height: 15px;
	background: url(images/comment_bottom.png) no-repeat bottom;
	overflow: hidden;
}

div#comments-template .commentlist {
	padding-top: 28px;
	width: 952px;
	background: url(images/ol_top.png) no-repeat top;
	overflow: hidden;
}


div.commentmetadata .gravatar {
	width: 60px;
	height: 60px;
	margin-left: 18px;
	margin-bottom: 10px;
	float: left;
	display: inline;
}

div.commentmetadata .gravatar img {
	padding: 3px;
	border: 1px solid #28657e;
}

div.commentmetadata .text {
	margin-left: 96px;
	text-align: left;
}

div.commentmetadata .text p a {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

div.commentmetadata .text p {
	padding-bottom: 5px;
	padding-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.7em;
	text-align: justify;
}

div.commentmetadata .text p.author {
	margin-right: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #28657e;
	font-size: 14px;
}

div.commentmetadata .text p.author a {
	color: #000;
}

div#commentForm {
	padding-top: 30px;
	clear: both;
}

#commentform label {
	font-size : 10px;
	color : #666666;
}

#commentform input {
	margin-top : 5px;
	width : 300px;
	font-size: 14px;
	padding : 2px 0 2px 2px;
	border : 1px solid #e2e2e2;
background: #f0f1f2;
}

#commentform textarea {
	border: 1px solid #e2e2e2;
background: #f0f1f2;
}

#commentform #submit {
	margin-bottom : 20px;
	padding: 0;
	width : 250px;
	height : 32px;
	border : none;
	overflow : hidden;
	background: #acd0df;
}

#commentform p {
	padding : 5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #606060;
}

#commentform p a {
	color: #0066FF;
	text-decoration : none;
}

#commentform p a:hover {
	text-decoration : underline;
}




	.top2NavBar {		
		height: 43px;
		margin: 0;
		padding: 0;		
		list-style: none;
		top: 0; 
		margin-left: 100px;
		width: 100%;
		background: transparent url(images/topnavBar_.png) no-repeat 0 0;
		position: absolute;
		z-index: 5;
background-color:#CCC;
		}	

.top2NavBarList li {
		margin: 0; 
		padding: 0;
		list-style-type: none;
		display: inline;
		}

.top2NavBarList a {
		float: left;
		margin: 0;
		padding: 43px 0 0 0;
		overflow: hidden;
		height: 0; 
		}

.top2NavPortraits a {width: 60px;background:  url(images/buttonDetail.png) no-repeat 0 0; }
.top2NavPortraits a:hover {background:  url(images/_topnavBar.png) no-repeat 0 -43px;}

.top2NavMariages a {width: 300px;background:  url(images/buttonDetail.png) no-repeat 0px 0; }
.top2NavMariages a:hover {background:  url(images/buttonDetail.png) no-repeat 0px -43px;}

.top2NavEvenements a {width: 60px;background:  url(images/buttonDetail.png) no-repeat 0 0; }
.top2NavEvenements a:hover {width: 60px; background:  url(images/buttonDetail.png) no-repeat 0px -43px; }

.top2NavPaysages a {width: 87px; background:  url(_images/topnavBar.png) no-repeat -291px 0; ;}
.top2NavPaysages a:hover {background:  url(images/_topnavBar.png) no-repeat -291px -43px;}
.top2NavIndustries a {width: 97px; background:  url(_images/topnavBar.png) no-repeat -378px 0; }
.top2NavIndustries a:hover {background:  url(_images/topnavBar.png) no-repeat -378px -43px;}
.top2NavArchitectures a {width: 128px; background:  url(images/topnavBar.png) no-repeat -475px 0; }
.top2NavArchitectures a:hover {background:  url(images/topnavBar.png) no-repeat -475px -43px;}

.top2NavRating {width: 200px; background:#CCC;}
.top2NavDetail a {width: 60px;background:  url(images/buttonDetail.png) no-repeat 0 0; }
	/* end TOP NAVIGATION BAR */




.photoNameColumn{
float:left;
width:700px;
}

.photoNameColumn h2 { font-size:0.7em; text-transform: uppercase; color:#333333; }
.photoNameColumn h2 a:{color:#CCC;}
.photoNameColumn h2 a:hover {text-decoration: none;}

.photoRatingColumn{
float:left;
width:150px;
}

.photoRatingColumn span{
width:50px; height: 21px;
float:left; background: transparent url(images/iconBuble.png) no-repeat 0 0; 

}

.photoRatingColumn span p {
font-size:10px;
color:#fff;
padding:3px 0 0 11px;

}

.photoDetailColumn{
float:right;
width:60px;
text-indent:-10000px;
}

.photoDetailColumn h3 { border:0; margin:0; padding: 0; display: block; width: 60px; height:29px; background: transparent url(images/buttonDetail.png) no-repeat 0 0; text-indent:-10000px;}


--------------------------------------------------------------------------------*/
/* WARNING MESSAGES
---------------------------------------------------------------------------------------------------- */
#underDeveloppement_ {
background-color:#f2a511;
color:#FFF;
padding:5px;
position:absolute;
z-index:4;
right:0;
font-size:.7em;
text-align:right;
}

#underdeveloppement{
background-color:#f2a511;
color:#FFF;
padding:5px;
position:absolute;
z-index:4;
right:0;
font-size:.7em;
text-align:right;
}

a.headerAlert,a.headerAlert:link,a.headerAlert:visited {
color:#fff;
text-decoration:none;
}

a.headerAlert:hover {
text-decoration:underline;
}

#ieMessage {
width:455px;
top:30px;
background-color:red;
color:#FFF;
padding:5px;
font-size:1em;
text-align:right;
position:absolute;
z-index:6;
right:0;
}

/* end WARNING MESSAGE
------------------------------------------------------------------------------------------------