/* 
	Theme Name: Villa Roberni
	Theme URL: -
	Description: WPThemes for Villa Roberni
	Author: Achmad Bisri
	Author URI: -
	Version: 1.0
	Design by : Deden
*/

/* CSS Reset */
body {
	margin: 0;
	padding: 0;
	text-align: left; 
	background: #044C76;
	font: 14px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	color: #fff; 
}


:focus {
	outline: 0;
}

.clear {
	clear: both;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin:0;
	padding:0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {text-decoration:none; color: #CCFF33}
a:hover {
	text-decoration: underline;
}

a img {border:none;}

.clear {clear:both;}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;	
}

/* End CSS Reset */

/* General */
.alignleft {
	text-align:left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

/* Clearing Float */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* End Clearing Float */


/* Bug Fix PNG IE */
#logo h1, #inside #banner {
	behavior: url(iepngfix.htc);
}



/******************************
	MAIN LAYOUT
*******************************/
#container {
	width: 896px;
	margin: 0 auto;
	padding: 0;
	background: #1D8ECE url(images/bgcontainer.gif) repeat-x 0 210px;
	
}
#header {
	width: 896px;
	height: 184px;
	background: url(images/img-header.jpg) no-repeat;
	margin: 0 auto;
	padding: 0;
}

#address {
	width: 896px;
	height: 32px;
	background: url(images/address.jpg);
	margin: 0 auto;
	padding: 0;
}


/* Main Column */
#main {
	float: left;
	width: 600px;
	padding: 0; 
	margin: 0 0 0 38px;
	display: inline;
/*	background: #663399;	 */
}
#breadcrumb {
	height: 47px;
	background: url(images/bgbreadcrumb.gif) no-repeat right top;
}
#mainmenu {
	width: 609px;
	height: 270px;
	background: url(images/bg-menu.jpg);
}

/* Menu */
ul#nav {
	width: 221px;
	margin: 0;
	padding: 0;
	background: url(images/menu-sprite.gif);
}
ul#nav li {
 	margin: 0; padding: 0;
	list-style: none;
	height: 34px;
	width: 221px;
	text-indent: -10000px;
	display: block;
}
ul#nav a {
    height: 34px; display: block;}

ul#nav li#home {top: 0; width: 221px;}
ul#nav li#about {top: 34px; width: 221px;}
ul#nav li#facilities {top: 68px; width: 221px;}
ul#nav li#surroundingarea {top: 102px; width: 221px;}
ul#nav li#calendar {top: 136px; width: 221px;}
ul#nav li#contact {top: 178px; width: 221px;}
ul#nav li#reservation {top: 220px; width: 221px;}
ul#nav li#news {top: 262px; width: 221px;}

ul#nav li#home a:hover {
background: transparent url(images/menu-sprite.gif)
-221px 0 no-repeat;}
ul#nav #about a:hover {
background: transparent url(images/menu-sprite.gif)
-221px -34px no-repeat;}
ul#nav #facilities a:hover {
background: transparent url(images/menu-sprite.gif)
-221px -68px no-repeat;}
ul#nav #surroundingarea a:hover {
background: transparent url(images/menu-sprite.gif)
-221px -102px no-repeat;}
ul#nav #calendar a:hover {
background: transparent url(images/menu-sprite.gif)
-221px -136px no-repeat;}
ul#nav #contact a:hover {
background: transparent url(images/menu-sprite.gif)
-221px -170px no-repeat;}
ul#nav #reservation a:hover {
background: transparent url(images/menu-sprite.gif)
-221px -204px no-repeat;}
ul#nav #news a:hover {
background: transparent url(images/menu-sprite.gif)
-221px -238px no-repeat;}

.post h2 {
font-size: 22px;
font-weight: bold;
margin: 40px 0 30px 0;
text-transform: uppercase;
}

.thelist ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 25px 0;
}
.thelist ul li {
	background: url(images/bullet-blue.gif) no-repeat 0 8px;
	margin: 0 0 0 3px;
	padding-left: 15px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}	
.thelist ul li a {
	color: #fff;
}
.thelist ul li a:hover {
	color: #ffcc00;
}
table.rooms {
	background: #006699;
	border: 1px;
	border-color: #00CCFF;
	border-collapse: collapse;
}
td.roomtype {
	font-weight: bold;
	font-size: 18px;
	padding: 10px 10px 10px 40px;
	background: #003366;
}

#sidebar {
	float: right;
	width: 220px;
	height: 270px;
	padding: 0; 
	margin: 0;
	display: inline;
/*	background: #ffcc00;	 */
}
#extramenu {
	float: right;
	width: 210px;
	height: 270px;
	background: #2787BC;
}
#extramenu ul li {
	font-size: 16px;
	font-weight: bold;
}
#footer {
	height: 80px;
	background: url(images/bgcontainer.gif) repeat-x;
	padding: 10px 0 10px 30px;
}
#footer p {
	margin: 0 ;
	padding: 0;
	font-weight: bold;
	color: #E3F3FF;
	font-size: 10px;
}