/*
Theme Name: Maldivianos
Theme URI: http://www.ooopx.info/
Description: WordPress Custom Theme for Enjoy Maldives created with the <a href="http://www.yvoschaap.com/wpthemegen/">WordPress Theme Generator</a>. To edit your current theme go: <a href="http://tinyurl.com/ydsr9lq">edit settings</a>.
Version: 0.2
Author: Inerd Hussein	
Author URI: http://twitter.com/inerds

*/
@charset "utf-8";
/* CSS Document */

<!--

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.3em;
	color: #666;
}
body {
	background: url(images/back-sky.png) repeat-x #f1ece3;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 16px;
	margin-bottom:10px;
	color: #333;
}
h2, h3 {
	font-size: 14px;
	margin-bottom:5px;
	padding-top:3px;

	color: #333;
}

img
{
	behavior:url(css/iepngfix.htc);
	border:none;
}

#sidebar ul li { margin-bottom:5px; list-style:inside square;}
a { text-decoration:none; color:#777;}
a:links { color:#09F;}
a:visited { color:#09F;}
a:hover { text-decoration:underline;}

p {
	margin-bottom:0.6em;
	line-height:1.3em;
}
.clear { clear:both;}
.left { float:left;}
.right { float:right;}
.center { text-align:center;}

hr {
	border: 0;
	background-color: #45c9e2;
	color:#333;;
	height: 1px;
}
/*--Block items--*/
#header {
	color:#CCC;
	height:115px;
	width:940px;
	margin:0 auto;
	background:#fff;
	padding-right:10px;
}
#topnav { 
	float:right; 
	margin-top:40px;
	margin-bottom:5px;
}
#topnav li  {
	display:inline;
	padding:3px 2px;
}
#topnav li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FC5A14;
	}
.logo { margin-bottom:0;}	
h1.logo a {
	float:left;
	width:244px;
	height:43px;
	text-indent:-9999px;
	background:url(images/logo.png) no-repeat;
	margin-top:35px;
	margin-left:35px;
}

#translator { right:10px; top:5px; text-align:right; width:500px; float:right; font-size:12px; border-top:1px solid #eee; padding-top:2px;}
#translator img { padding:0 2px;}
#content {
	background:url(images/content-top.png) top no-repeat #fff;
	width:930px;
	margin:10px auto 0 auto;
	padding:10px;
}
#topslider {
	background:#48AFC2;
	height:250px;
	overflow:hidden;
	margin-bottom:10px;
}

#subBar span {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:1000;
	color:#000;
text-shadow:2px 2px 2px #fff;
}

#sdesc {
	/*font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align:center;*/
	color:#fff;
	width:270px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	}
#sdesc h2{ color:#fff; margin-top:15px; padding:5px; border-bottom:1px solid #09F;}
.sthumb {
	background:#fff;
	margin-top:15px;
	border:1px solid #09F;
	padding:0.5px;
}
.slidepic {
	float:right;
	}
-->
#infoside {
	width:250px;
}
#infolinks { 
	background:#fff;
	color:#09b5d6;
	padding:5px 10px;


}
linklist {}

#linklist li{
	list-style:inside;
   list-style-image: url(images/bullet.gif);
   padding-left:5px;
   height:20px;
}
#linklist li a{
   color:#09b5d6;
}


/********** Pages ********************/
#infolinks h2 {
	color:#09b5d6;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
#infofacts {
	background:#09b5d6;
	color:#fff;
	padding:5px 10px;

}
#infofacts h2 {
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#sidebar { 
	width:270px;
}
#main {
	float:right;
	width:640px;
	padding:0 0;
	}
#page {	
	float:left;
	width:640px;
	padding:0 0;
}	
/********** Resorts ********************/
#resort {	
	float:left;
	width:610px;
	padding:0 0;
}

#resort h1 {	
	color:#FC5A14;
	text-shadow: #eee 1px 1px 1px;
}

#resortside{
	width:300px;
	padding:5px;
	height:600px;
	border-left:1px solid #eee;
	background:#eee;
	
}
#resort h2 {color:#09b5d6; font-weight:normal; font-size:17px; font-family:Georgia, "Times New Roman", Times, serif;}
#imageset {
}
#imageset img {
	padding:5px;
	border-bottom: 1px solid #ccc;
	background:url(images/thumb_bg.png) repeat-y;
	margin-right:5px;
	
}

#resortinfo {
	padding:5px;
	margin-bottom:10px;
	background:#c6e2df;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}
.resortinfolist {
	float:left;
	width:280px;
	margin-top:5px;
	padding:2px 10px;
	list-style:disc inside;
}

/*------Star Rating--------*/
.rating_bar {
  width: 60px;
  background: url(images/star_fav_empty.png) 0 0 repeat-x;
  margin-right:150px;
}

.rating_bar div {
  height: 13px;
  background:  url(images/star_fav.png) 0 0 repeat-x;
}

.resortinfolist2 {
	margin-top:5px;
	list-style:disc inside;
}
.black { color:#111; font-family:Georgia, "Times New Roman", Times, serif;
 }
.resortsmall { background:#fff; padding:5px 2px; margin-bottom:5px; }
.resortsmall h3 { color:#fc5e1a; margin-bottom:1px; font-weight:normal;}
.resortsmalldesc { width:185px; float:right; overflow:hidden;}
.resort-thumb { padding-right:3px; margin-left:5px; margin-top:5px; }
.resortimg {
	float:left;
	padding-right:10px;
}
.resortdescat {
	float:right;
	width:310px;
	padding:5px 10px;
}


#moreinfotabs { 
	background:#C6E2DF; padding:3px; margin-top:5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-bottom:20px;
	}
#moreinfotabs li { display:inline; padding:2px 10px;}
.tabs a { padding:5px; color:#111; }
.tabs a:hover { background:#fff; color:#111; text-decoration:none;}
.tabs a.selected { background:#fff; color:#09b5d6; border-top:1px solid #C6E2DF}





/*--Offers--*/
#offerpage {}
#offerpage h2 { font-weight:bold; font-size:14px; color:#333; margin:0;}
#offerpage h3 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:16px; line-height:22px; color:#FC5A14; margin-top:5px;}


.poffer {
	float:left;
	width:290px;
	border:5px solid #eee;
	height:370px;
	margin:0 5px 10px 5px;
}
.inoffer {
	padding:5px;
}





.singlecat {
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	margin-bottom:25px;
	}
.buttonbox {
	padding:5px 5px; 
}		
.article { }	
.homead { padding-left:10px;}
.thumbi {
	background:#FFF;
	padding:5px;
	border:1px solid #ddd;
	margin:3px 3px 3px 0;
	}
.list { list-style:disc inside; color:#666; line-height:1.3em; margin-left:5px; }
.list li { margin-bottom:5px;}
.list li a { color:#48AFC2; text-decoration:none;}
.list li a:hover { color:#48AFC2; text-decoration:underline;}
.list li a:visited { }




div.vac_style {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 130px;
  width: 640px;
  background: #f2ede4;
  margin-bottom:15px;

  /* Add scroll-bars */
  overflow: auto;
}
ul.vac_style {
  display: block;
  height: 130px;
  /* Max width here, for users without Javascript */
  width: 1500px;
  padding: 5px 0 0 10px;
  /* Remove default margin */
  margin: 0;
  background: #f2ede4;
  list-style: none;
}
.vac_style li {
  display: block;
  float: left;
  padding: 0 4px;
}
.vac_style a {
  display: block;
  text-decoration: none;
}
.vac_style span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
    padding:3px 0;

  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  color: #666;
}
.vac_style span {
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #666;
}
.vac_style a:hover span {
  display: block;
  background:#fff;
}
.vac_style img {
  border: 1px #ddd solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.vac_style a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}
#offers { border-top:1px solid #ddd;}
#offers h3 { color:#666; margin-bottom:1px;}
.offer {
	border-bottom:1px dashed #ccc;
	height:45px;
	padding-top:5px;
}
.offer:hover { background:#f2ede4;}
.desc, .valid, .btns { height:50px;}
.desc {
	width:235px;
	padding-left:10px;
}
.valid {
	width:195px;
	text-align:center;
}
.valid p {  line-height:53px;}
.btns {
	text-align:right;
	width:195px;
	line-height:46px;
}
  /* Start custom button CSS here
    ---------------------------------------- */
    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      text-decoration:none;
      color:#A2E6F2;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#48AFC2 url(images/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
	  color:#A2E6F2;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
	  color:#A2E6F2;
	  text-shadow:0 0 1px #09C;
      }

    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#9cf !important;
      color:#fff;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }
 
    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }
#footer {
	height:238px;
	background:url(images/footer_bg.png) repeat-x;
}
#finner {
margin:0 auto;
width:965px;
}
#finner 
#finnerwrap {background:#f2f2e8; border-top:1px solid #dfdeda; border-bottom:1px solid #ddddd5; clear:both; overflow:hidden; padding:20px 0 21px; margin:21px auto 0 auto; float:left; width:100%;}
#finner {width:940px; margin:0 auto; padding:20px 15px 0px 15px;  }
#finnerlist ul {margin-left:20px; }
#finnerlist li {float:left; margin-right:50px; padding-left:40px; padding-right:10px; position:relative; }
#finnerlist li.last {margin-right:0}
#finner h3 {font-size:1.1em; font-weight:bold; margin:4px 0 0 0; padding:0; color:#666;}
#finner h3 a:link, #finner h3 a:visited { color:#666;}
#finner a:hover { color:#666; text-decoration:underline}

#finner p {font-size:0.9em; color:#666; margin-top:3px}
#finner img {position:absolute; top:5px; left:3px;}

#footerlinks { width:930px; margin:85px auto 10px auto;}
#footerlinks ul { list-style:none; padding-bottom:15px; border-bottom:1px solid #ccc;}
#footerlinks li { display:inline; color:#666; margin-right:30px;}
#footer li a:link, #footer li a:visited { color:#666; text-decoration:none;}
#footer li a:hover { color:#666; text-decoration:underline;}

#flogo {
	height:60px;
	width:60px;
	background:url(images/logo-color.gif) no-repeat;
}
#bottom { width:930px; margin:auto; height:60px;}
.copyright { padding-top:20px; font-size:11px; margin-left:30px;}

#breadcrump {
	
}
#crumbs {
	border-bottom: 1px solid #eee;
	color:#A2E6F2;
	height:2.3em;
	margin-bottom:10px;
}
#crumbs li {
	float:left;
	line-height:2.3em;
	padding-left:.75em;
	color:#ccc;
}
#crumbs li a {
	display:block;
	padding:0 15px 0 0;
	background:url(images/crumbs.gif) no-repeat right center;
}