/*------------------------------------------------------------------------
# "Hot Hotel" Joomla template - January, 2012
# Copyright (C) 2012 ArhiNet d.o.o. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotJoomlaTemplates.com
# Website: http://www.hotjoomlatemplates.com
-------------------------------------------------------------------------*/

/* basics */
a:link,a:visited {
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

.breadcrumbs {
  text-align:right;
  font-size:10px;
  display:block;
}

p.readon, p.readmore {
  text-align:right;
}

a.readon, a.readmore, p.readon a, p.readmore a {
  font-size:11px;
  text-transform:uppercase;
  font-weight:300;
  padding:5px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

a.readon:hover, a.readmore:hover, p.readon a:hover, p.readmore a:hover {
  background:#333;
  color:#fff !important;
}

p.readon a:hover, p.readmore a:hover {
  -webkit-transition:.5s linear all;
  -moz-transition:.5s linear all;
  -o-transition:.5s linear all;
  transition:.5s linear all;
  cursor:pointer;
}

.small {
  font-size:10px;
  font-style:italic;  
}

/* heading icons */

ul.actions {
  margin:0 !important;
  padding:0 !important;
}

ul.actions li {
  margin:0 !important;
  padding:0 !important;
  list-style:none;
  float:right;
  position:relative;
  top:-55px;
  width:25px;
}

/* acticle details */

dl.article-info,
dl.article-info dd {
  padding:0;
  margin:0;  
}

dl.article-info dt.article-info-term {
  display:none;
}

/* category name */

dl.article-info dd.category-name,
dl.article-info dd.category-name a:link,
dl.article-info dd.category-name a:visited,
dl.article-info dd.category-name a:hover {
  font-size:10px;
}

/* created date */

dl.article-info dd.create {
  font-size:10px;
}

/* modified date */

dl.article-info dd.modified {
  font-size:10px;
}

/* published date */

dl.article-info dd.published {
  font-size:10px;
}

/* author name */

dl.article-info dd.createdby {
  font-size:10px;
}

/* hits */

dl.article-info dd.hits {
  font-size:10px;
}

/* page navigation */

.pagination ul {
  margin:0 !important;
  padding:0 !important;
}

.pagination li {
  list-style:none;
  float:left;
  padding:0 15px 0 0 !important;
  margin:0 !important;
}

ul.pagenav {
  margin:0;
  padding:0;
}

ul.pagenav li {
  list-style:none;
  float:left;
  padding:0 15px 0 0 !important;
  margin:0 !important;
}

/* multi-column layout */

.row-separator {
  clear:both;
  display:block;
}

.cols-2 div.item {
  width:48%;
  float:left;
  margin:0 2% 0 0;
}

.cols-3 div.item {
  width:31%;
  float:left;
  margin:0 2% 0 0;
}

.cols-4 div.item {
  width:23%;
  float:left;
  margin:0 2% 0 0;
}

/* category list layout */

table.category {
  width:100%;
}

.category th {
  color:#eee;
  font-weight:700;
  padding:5px;
  text-align:left;
  border-bottom:1px dotted #cccccc;
}

.cat-list-row0 td {
  padding:5px;
  text-align:left;
}

.cat-list-row1 td {
  padding:5px;
  text-align:left;
  background:#ccc;
}

.category .list-title {
  width:50%;
}

.category .list-date {
  width:20%;
}

.category .list-author {
  width:20%;
}

.category .list-hits {
  width:10%;
}

.category td.hits {
  text-align:center;
}

/* contacts category layout */

.category .item-title {
  width:20%;
}

.category td.item-title a:link,
.category td.item-title a:visited,
.category td.item-title a:hover {
  text-decoration:underline;
}

.category .item-position {
  width:20%;
}

.category .item-phone {
  width:20%;
}

.category .item-suburb {
  width:20%;
}

.category .item-state {
  width:20%;
}

/* contact form */

#contact-form dl dd {
  padding-bottom:10px;
}

#contact-form dl dt {
  width:100px;
  float:left;
  padding-bottom:10px;
}

div.pane-slider {
  background:none;
}

.jicons-icons img {
  float:left;
}

.jicons-icons img {
  float:left;
  margin-right:10px;
}

address span.contact-street {
  padding:0 8px 0 0;
  display:block;
}

address span.contact-suburb,
address span.contact-state,
address span.contact-postcode,
address span.contact-country {
  padding:0 8px 0 25px;
  display:block;
}

.contact-email label {
  display:block;
  float:left;
  width:100px;
}

.contact-email .inputbox {
  margin-bottom:10px;
}

.contact-email .button {
  margin-top:30px;
}

#jform_contact_message {
  width:320px;
}

input {
  border:1px solid #999;
}

/* pane toggler */

.pane-toggler-down, .pane-toggler {
  background:#222;
  padding:5px 20px;
}

.pane-sliders .content {
  padding:0 20px;
}

/* modules */

.column_left div.moduletable, .column_right div.moduletable,
.column_left div.moduletable_circle, .column_right div.moduletable_circle,
.column_left div.moduletable_star, .column_right div.moduletable_star,
.column_left div.moduletable_triangle, .column_right div.moduletable_triangle {
  margin-bottom:25px;
}

div.moduletable h3 {
  font-size: 24px;
  line-height:24px;
  font-weight: 300;
  margin:0;
  padding:0 0 15px 0;
  color:#fff;
  text-align:center;
}

.module_user1 div.moduletable {
  margin:0 0 15px 0;
}

.user59_content div.moduletable h3, .advert_content2 div.moduletable h3 {
  font-family: 'Tangerine', cursive;
  font-style:italic;
  font-size:48px;
  padding-bottom:15px;
  position:relative;
  left:-10px;
  text-align:left;
}

.user59_content, .advert_content2 {
  font-family: 'Droid Serif', serif;
  font-style:italic;
}

.footer_content div.moduletable h3 {
  font-weight:300;
  font-size:32px;
  padding-bottom:30px;
  text-align:left;
}

.advert_wrap2 div.moduletable h3 {
  text-align:left;
}

/* main menu */

.column_left ul.menu, .column_right ul.menu {
  padding:0;
  margin:0;
}

.column_left ul.menu li, .column_right ul.menu li {
  padding:8px 0;
  margin:0;
  list-style:none;
  border-bottom:1px dotted #67635b;
  text-align:center;
}

/* footer menu */

.footer_content ul.menu {
  margin:0;
  padding:0;  
}

.footer_content ul.menu li {
  list-style:none;
  margin:0;
  padding:8px 0;
  border-bottom:1px solid #121212;
}

.bottom_area, .bottom_area a {
  text-align:right;
  clear:both;
  font-size:11px;
}

.footer_area {
  font-size:11px;
}

img {
  border:0;
}

fieldset {
  border:0;
}

hr {
  border-bottom:none;
  border-left:none;
  border-right:none;
}

/* headings */

h1 {
  font-size:54px;
  font-weight:700;
  padding:3px 0 20px 0;
  margin:0;
  line-height:54px;
  font-family: 'Tangerine', cursive;
  text-align:center;
}

h2 {
  font-size:40px;
  line-height:40px;
  font-weight:300;
  padding:20px 0 20px 0;
  margin:0;
  text-decoration:none;
  text-align:center;
}

h3 {
  font-size:24px;
}

h4 {
  font-weight:bold;
  font-size:15px;
  text-transform:uppercase;  
}

.footer_wrap h4 {
  margin:0;
  padding:0;
}

.rapid_contact {
  text-transform:uppercase;
  font-weight:300;
}

.inputbox, textarea {
  border:1px solid #666;
  padding:8px;
  margin:2px 0;
  font-family: 'Droid Serif', serif;
  font-style:italic;
  font-size:13px;
  text-transform:none !important;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  box-shadow:0px 0px 5px #fff;
  -moz-box-shadow:0px 0px 5px #fff;
  -webkit-box-shadow:0px 0px 5px #fff;
}

.search .inputbox {
  padding:2px;
}

.button {
  color:#fff;
  background:#414141;
  border:none;
  padding:8px;
  font-size:13px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

table.searchinto {
  width:100%;
}

form {
  margin:0;
  padding:0;
}

#hot-jm{position: absolute; top: 0px; left: -5000px;}
/* top menu */

ul#nav {
  margin:0;
  padding:0;
}

#nav, #nav ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:absolute;
  z-index:100;
}

#nav ul {
  display:none;
}

#nav a {
  display:block;
  padding:15px;
  margin:0;
  text-decoration:none;
  font-size:20px;
  text-transform:uppercase;
  font-weight:400;
  text-shadow: 2px 2px 2px black;
}

#topmenu ul.menu > li:hover > a, #topmenu ul.menu > li#current > a {
  padding:15px;
}

#nav > li {
  float:left;
  margin:0;
  padding:0;
  position:relative;
  border-radius:15px 15px 0 0;
}

#nav li {
  position:relative;
}

#nav li ul {
  -moz-border-radius:0 15px 15px 15px;
  -webkit-border-radius:0 15px 15px 15px;
  border-radius:0 15px 15px 15px;
}

#nav li ul li {
  padding:8px 0;
  width:190px;
  margin:0;
}

#nav li ul a {
  line-height:normal;
  padding:0 0 0 10px;
  font-size:12px;
  text-transform:none;
  font-weight:bold;
  margin:0;
}

#nav li ul ul {
  left:190px;
  margin:-25px 0 0 0 !important;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul {
  display:none;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul {
  display:block;
}

#nav li ul {
  z-index:200;
  padding:0 10px 10px 10px;
  border:none;
    margin:0 !important;
}

.copyright_area ul.menu {
  margin:0;
  padding:0;  
}

.copyright_area ul.menu li {
  margin:0;
  padding:0 0 10px 20px;
  float:right;
  list-style:none;
  font-size:12px;
}

.social_icons {
  line-height:16px;
}

.social_icons img {
  margin:0 5px 0 15px;
  position:relative;
  top:3px;  
}

/* lists */

ol {
  margin-left:35px;
  padding-left:7px;
}

ol li {
  padding-left:0;
  padding-top:0;
  padding-bottom:5px;
}

li ol {
  padding-top:5px;
}

ul.checklist {
  padding:0 !important;
  margin:0 0 0 15px;
}

ul.checklist li {
  background:url(../images/icon_checklist.png) no-repeat;
  padding:0 0 0 22px !important;
  margin:0 0 10px 0 !important;
  list-style:none;
}

ul.arrow {
  padding:0 !important;
  margin:15px 0 0 15px;
}

ul.arrow li {
  background:url(../images/icon_arrow.png) no-repeat;
  padding:0 0 0 22px !important;
  margin:0 0 10px 0 !important;
  list-style:none;
}

ul.star {
  padding:0 !important;
  margin:0 0 0 15px;
}

ul.star li {
  background:url(../images/icon_star.png) no-repeat;
  padding:0 0 0 22px !important;
  margin:0 0 10px 0 !important;
  list-style:none;
}

/* typography */

.warning {
  padding:15px 15px 15px 60px;
  color:#000;
  border-top:4px solid #c10000;
  border-bottom:4px solid #c10000;
  background:#FFDE25 url(../images/warning.png) no-repeat center left;
}

.info {
  padding:15px 15px 15px 60px;
  color:#006699;
  border-top:4px solid #006699;
  border-bottom:4px solid #006699;
  background:#bde1ff url(../images/info.png) no-repeat center left;
}

.error {
  padding:15px 15px 15px 60px;
  color:#900;
  border-top:4px solid #900;
  border-bottom:4px solid #900;
  background:#f8b5b5 url(../images/error.png) no-repeat center left;
}

.code {
  padding:0 10px;
  color:#218023;
  font-family:"Courier New", Courier, monospace;
  font-size:14px;
  line-height:20px;
  background:url(../images/code_bg.png);
}

.quote {
  border-top:4px solid #444;
  border-bottom:4px solid #444;
  padding:8px;
  font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size:18px;
  text-align:center;
  background:url(../images/quote_bg.jpg) repeat-x;
  color:#000;
  font-style:italic;
  margin-top:15px;
  line-height:20px;
}

/* scroll to */

.box {
  padding: 10px;
}

.container {
  padding: 0 0 20px 0;
}

#message {
  display: block;
  display: none;
  z-index: 999; 
  position: fixed;
  bottom: 25px;
  right: 0;
  width: 100px;
  line-height: 28px;
  height: 28px;
  padding: 2px;
  font-size: 11px;
  text-align: center;
}

#message a {
  color: #999;
  border-bottom:none;
}


.advert_wrap2 img {
  box-shadow: 0 0 5px black;
}

.hkd_top_logo h2 {
  color: #5F5F5F;
  font: bold 310%/100% Arial,sans-serif;
  letter-spacing: -2px;
  margin: 0;
  padding: 0 0 15px 0;
  position: relative;
  text-transform: uppercase;
  text-shadow: 3px 3px 3px silver;
}
.hkd_top_logo p {
  margin: 0;
}
