/*
Theme Name: hospitality
Theme URI: http://thecodecentral.com
Version: 1.0
Author: Cuong Tham
Author URI: http://thecodecentral.com
Tags: blue, custom header, fixed width, two columns, widgets
Description: Theme designed by contrast creative ltd.
*/


@import 'reset.css';

/* added for forms */
table.padded-table td { padding:6px; } 


.clear{
  clear:both;
}


strong{font-weight:bold;}
em{font-style:italic;}
entry. blockquote, .entry ul,.entry ol,.entry dl{margin:1em;}
.entry ol,.entry ul,.entry dl{margin-left:2em;}
.entry ol li{list-style:decimal outside;}
.entry ul li{list-style:disc outside;}
.entry dl dd{margin-left:1em;}

body{
  font-family: Helvetica,Verdana,Arial,sans-serif;
  background-color:#fff;
  font-size:12px;;
}

a{
  text-decoration:none;
  color:#0e99c6;
}
a:hover{
  text-decoration:underline;
}

a.viewFull{
  font-size:11px;
}
p{
  margin-bottom:1em;
}
#wrapper{ 
margin:0pt auto;
width:940px;
}

#header{
  height:90px;
  position:relative;
  background:url('images/header-bottom.png') #5c0113 no-repeat left bottom;
}
#header .logo{
  position:absolute;
  left:20px;
  top:15px;
}

#header .banner{
background-color:#000000;
height:60px;
left:466px;
position:absolute;
top:15px;
width:450px;
color:#fff;
}
#topNav {
  border-bottom:1px solid #DBDBDB;
float:left;
margin-top:5px;
width:100%;
height:30px;
}
#topNav li{
border-left:#DBDBDB solid 1px;

float:left;
font-size:12px;
font-weight:bold;
padding:8px 16px;
}
#topNav li.first{
  border-left:none;
}
#topNav a{
  color:#000;
}

.contentbg{
  background:transparent url(images/contentbg.png) no-repeat scroll 759px 36px;
}


/* column one */
#column-1{
  float:left;
  margin-right:15px;
  width:450px;
  padding-top:10px;
}

#column-1.column-1-wide{
   width:740px;
}
#column-1 h1{
color:#0E99C6;
font-size:22px;
font-weight:bold;
margin:10px 0pt 20px;
}
#column-1.page h1{
  margin:10px 0pt 0 0;
}
#column-1.article{
  padding-top:15px;
}
#column-1.article h1{
color:#0E99C6;
font-size:24px;
font-weight:bold;
line-height:1em;
margin:4px 0 10px;
}

#column-1 h2{
color:#0E99C6;
font-size:16px;
font-weight:bold;
margin:10px 0pt 20px;
}
#column-1 .entry{
  padding-top:15px;
  line-height:1.5em;
  color:#686868;
}
#column-1  .authorMeta{
float:right;
height:72px;
position:relative;
width:210px;
}
#column-1  .authorMeta img.avatar{
position:absolute;
left:0;
top:0;
}
#column-1  .authorRss{
position:absolute;
bottom:0;
left:75px;

padding-right:18px;
}


#column-1  .authorMeta  cite{
color:#B4B4B4;
display:block;
font-size:20px;
font-weight:bold;
left:72px;
position:absolute;
}
#column-1 .titleBlock{
  float:left;
  width:240px;
}
#column-1 .titleMeta img{
  vertical-align:bottom;
}
#column-1 .extraMeta{
background:transparent url(images/extraMetaBg.png) no-repeat;
height:72px;
position:relative;
}
#column-1 .social img{
  vertical-align:bottom;
}
#column-1 .extraMeta span{
  font-weight:bold;
  font-size:12px;
}
#column-1 .tagSeparator{
  vertical-align:middle;
  margin:0 8px;
}
#column-1  .featuredImage{
  float:left;
  margin-right:20px;
}
#column-1 .social{
  position:absolute;
  top:10px;
  font-size:11px;
}
#column-1 .social a{
  margin:0 4px;
}
#column-1 .tags{
position:absolute;
  bottom:10px;
}
.contentDivider{
  height:1px;
  width:98%;
  border-bottom: solid rgb(222, 222, 222) 1px; 
  margin: 5px 0;
}
.photoMain{

}


.catTitle span{

border: none;
color:#B40129;
font-size:11px;
font-weight:bold;
letter-spacing:0.2em;
padding-bottom:2px;
text-decoration:none;
text-transform:uppercase;
}

.catTitle a{
color:#B40129 !important;
background:transparent url(images/dottedUnderline.png) repeat-x scroll center bottom;
padding-bottom:1px;
text-decoration:none;
}
.catTitle a:hover {
background:none;
}

.catTitle{
  margin-bottom: 5px;
}

.stickyCon{
border-bottom:1px solid #DEDEDE;
border-top:1px solid #DEDEDE;
float:left;
margin:20px 0pt 0pt;
padding:20px 0pt;
width:100%;
}
#column-1 .stickyCon h2{
   margin:0;
   font-size: 12px;
}
.sticky{
  width:230px;
  margin-right:10px;
  float:left;
 
}

.tbox{
  float:left;
  margin-right:20px; 
  border:1px solid #d4d4d4;
  border-collapse: collapse;
  width:90px;
  height:80px;
}
.tbox td{
  width:62px;
  height:64px;
  vertical-align:middle;
  text-align:center;
  padding:2px;
}


.sticky h2{
color:#0C99C4;
font-size:11px;
margin:8px 0pt 0pt;
 font-weight:bold;
}


.sticky h2 a{
  color:#0C99C4;
}

.viewFullCOn{
  background:url('images/social-bar.png') repeat-y 650px 0;
  padding:10px 0pt 5px;
}
.viewFullCOn .viewFull{
  float:left;
}

.viewFullCOn .articleFeed{
  float:right;
  background:url('images/jobs-feed.png') no-repeat 0 2px;
  padding-left:18px;
}



.homehrboxes{
  margin:25px 0;
  float:left;
}

.homehrboxes .box1{
  float:left;
  width: 220px;
  height: 178px;
}

.homehrboxes .box2{
  float:left;
  width: 220px;
  height:163px;
  color:#fff;
  padding: 15px 5px 0 15px;
  background:url('images/homehrbox2.png') repeat-x #9b0022;
}
#column-1 .homehrboxes .box2 h2{
  font-size:17px;
  font-weight:bold;
  color:#fff;
  margin:0;
}
#column-1 .homehrboxes .box2 p{
 font-size:11px;
} 
.homehrboxes .box2 .searchField{
  color:#999;
  height: 18px;
  margin-top:2px;
  padding-top:2px;
}
.homehrboxes .box2 form{
  margin:12px 0;
}
.homehrboxes .box2 .searchButton{
  vertical-align:bottom;
}
.homehrboxes .box3{
  float:left;
  width: 280px;
  height:178px;
  background:url('images/homehrbox3bg.png') #e3edf1 0px 126px no-repeat;
  position:relative;
}

.homehrboxes .box3 .box3viewjobs{
  left:20px;
position:absolute;
top:150px;
}

.homehrboxes .box3 .jobsfeed{
  position:absolute;
  right: 10px;
  top:150px;
}
.homehrboxes .box3 .jobsfeed img{
  vertical-align:bottom;
}
.col1Sub{
  float:left;
  border-bottom: 1px solid #dedede; 
  padding: 10px 0 8px 0pt; 
  margin-bottom: 15px;
}
#column-1 .col1Sub h2{
  margin:0;
}
.col1Sub img{
   float:left;
   margin-right:15px;
}


#column-1 .categoryHeader{
  float:left;
  width:100%;
  border-bottom:1px solid #dedede;
  padding-bottom:20px;
}
#column-1 .categoryHeader img{
  float:left;
}
#column-1 .categoryRight{
  float:right;
  width:250px;
}


/* comments */
.commentHeader{
  color:#0e99c6;
  font-size:18px;
  padding-bottom:4px;
  border-bottom:6px solid #dedede;
  margin: 15px 0;
  font-weight:bold;
}
.commentHeader span{}

.commentBlock{
  padding:15px 2px;
  background-color:#fff;
  float:left;
  width:99%;
  margin-bottom:5px;
}
.commentBlock .author{
 color:#000;
}

.commentLeft{
 float:left;
 width:150px;
}
.commentLeft .author{
  font-weight:bold;
  color:#000;
  margin-bottom:8px;
}
.commentLeft .date{
color:#afafaf;
font-size:11px;
}
.commentRight{
  float:right;
  width:280px;
  line-height:1.5em;
  font-size:12px;
  color:#686868;
}
.commentRight p{
  margin:0;
}
.commentFormLeft{
  float:left;
  width:140px;
}

.commentFormRight{
  float:left;
  width:300px;
}

.commentFormGuestRight{
  float:right;
}

.commentFormRight textarea{
  width: 300px;
}
.commentBlock{
  border-bottom:1px solid #dedede;
}
.commentBlock .text{
  width: 125px;
}
.commentHelp{
  color:#afafaf;
  font-size:10px;
}

.commentBlock label{
  font-size: 12px;
  font-weight:bold;
  display:block;
  margin-bottom:10px;
}

#commentform{
  padding-top:15px;
}




/* directory page */
.directoryBlock {
  font-size:11px;
  margin:15px 0;
}
.directoryBlock img{
  float:right;
}
.directoryBlock  address{
  margin-bottom:15px;
}
.directoryBlock .url{
  
  margin-bottom:15px;
}
.directoryBlock .url a{
color:#0e99c6;
}

.categoryBlock {
 border-bottom:#DEDEDE solid 1px;
 padding:20px 0;
}
.categoryBlock p{
  margin:0;
}
.categoryBlock  .gravatar{
  float:left;
  width: 80px;
  margin-right: 20px;
}

.categoryBlock .blockRight{
float:left;
width:370px;
}
#column-1 .categoryBlock  h2{
  margin: 0 0 10px 0;
}
.titleMeta{
  color:#9b9ba6;
  font-size:11px;
}
.categoryBlock .author{
  color:#9b9ba6;
  margin-bottom:8px;
}
.categoryBlock .author a, .categoryBlock .author cite{
  color:#0e99c6;
}
.categoryCon{
  width:470px;
  float:left;
}

#column-1 #column-2{
  float:right;
  margin-left:0;
}

.contactTitle{
  color:#b70029; 
  font-weight:bold;
font-size:14px;  
}


/* column 2 */
#column-2{
float:left;
margin:15px 0pt 15px 15px;
width:260px;
}
#column-2 h2 {
color:#9B9BA6;
font-size:12px;
font-weight:bold;
margin:15px 0pt 10px;
}

#column-2 .jobTopBg{
  background:url('images/job-top-bg.png') no-repeat;
  width:260px;
  height:7px;
}
#column-2 .jobListing{
background:#DCEAEE url(images/job-middle-bg.png) repeat-x scroll 0% 0%;
padding:5px 5px 1px 10px;
width:245px;
}

#column-2 .jobListing a.listing {
  float:left;
  display:block;
  width:176px;
}

#column-2 .jobListing h2{
  color:#1d9fc9;
  font-size:16px;
  font-weight:bold;
  margin: 0 0 12px 0;
}
#column-2 .jobListing li{
border-bottom:1px solid #CDDADE;
margin:6px 0pt;
padding:3px 0pt 9px 0px;
font-weight:bold;
}
#column-2 .jobListing li img{
vertical-align:middle;
  float:left;
  margin-right:8px; 
}
#column-2 .jobListing .fulltime{
  background:transparent url(images/btn-fulltime.png) no-repeat scroll 0 0;
}
#column-2 .jobListing .contract{
  background:transparent url(images/btn-contract.png) no-repeat scroll 0 0;
}
#column-2 .jobListing .parttime{
  background:transparent url(images/btn-parttime.png) no-repeat scroll 0 0;
}

#column-2 .jobBottom{
  background:url('images/job-bottom-bg.png') no-repeat;
  width:260px;
  height:33px;
  position:relative;
}
#column-2 .jobBottom .box3viewjobs{
  left:12px;
position:absolute;
top:6px;
}
#column-2 .jobBottom .jobsfeed{
  position:absolute;
  right: 10px;
  top:6px;
}
#column-2 .jobBottom .jobsfeed img{
  vertical-align:bottom;
}

#column-2 .latestArticles{
  border-top:1px solid #dedede;
  padding:15px 0;
}
#column-2 .latestArticles .tbox{
  margin-right: 10px;
  height:80px;
  width:90px;
}
#column-2 .latestArticles li{
  margin:0 0 20px 0;
}
#column-2 .latestArticles img{
}
#column-2 .latestArticles a{
  color:#0e99c6;
  font-weight:bold;
  font-size: 11px;
}

#column-2  .adBlock{
  margin:0 auto 15px auto;
}

#column-2  .adBlockNarrow{
  margin:0 auto 10px auto;
}

#column-2  .adContact{
  margin:0 auto 20px auto;
}

/* column 3 */
#column-3{
  float:right;
  width:180px;
  border-left:#DEDEDE solid 1px;
  padding-bottom:30px;
}

#column-3 .searchField{
   width: 130px; 
   color: rgb(118, 118, 118);
}

#column-3 .searchButton{
 vertical-align: bottom;
}

#column-3 .searchBlock{
   margin:14px 0pt 10px 10px;
}
#column-3 .crimsonBlock{
  margin: 15px 0;
}
#column-3 .crimsonBlock a{
  background:url('images/crimsonButton.png') no-repeat;
  display:block;
  width:170px;
  height:21px;
  font-weight:bold;
  color:#fff;
  padding:6px 0 0 8px;
  margin:0 0 4px 5px;
}

#column-3 h2{
 padding:0 0 8px 10px;
 font-weight: bold; 
 color: rgb(155, 155, 163); font-size: 12px;
}

#column-3 .magazineBlock{
  padding:0 0 0 8px;
  margin-bottom:20px;
}
#column-3 .magazineBlock h2{
  color:#0E99C6;
  font-size:18px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}
#column-3 .magazineBlock img{
  float:left;
  margin-right:10px;
}
#column-3 .magazineBlock p{
  background:url('images/magazineCover2bg.png') no-repeat;
  padding-top:8px;
  
}
#column-3 .searchJobsBlock{
  padding:15px 0 15px 8px;
  margin:10px 0;
  border-top:1px solid #DEDEDE;
  border-bottom:1px solid #DEDEDE;
}
#column-3 .searchJobsBlock a{
 font-size:11px;
}
#column-3 .searchJobsBlock h2{
color:#1D9FC9; 
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}
#column-3 .searchJobsBlock form{
  margin:5px 0;
} 

#column-3 .directory{
  border-top:1px solid #DEDEDE;
  
}
#column-3 .directory li{
  padding:12px 0 12px 10px; 
  border-bottom: 1px solid #DEDEDE;
  font-size:12px;
font-weight:bold;
}

/* footer */
#footer{
  height:50px;
  font-size:10px;
  color:#999999;
  background:url('images/footerbg.png');
  height:120px;
  position:relative;
  margin-top:8px;
}

#footer .bookshell{
position:absolute;
left:10px;
top:10px;
width:60px;
height:86px;
}
#footer .slogan{
  position:absolute;
  left: 90px;
  top:20px;
  width:180px;
  font-size:11px;
}
#footer .menu{
  position:absolute;
  left: 280px;
  top:15px;
  width:560px;
  
}

#footer .mainMenu{
 font-weight: bold;
 font-size:12px;
margin-bottom:10px;
} 

#footer .mainMenu li{
   float:left;
    margin-right: 15px;
}


#footer .subMenu{
 font-size:11px;
margin-top:8px;
} 

#footer .subMenu li{
   float:left;
    margin-right: 15px;
}

#column-1 .crimsonTitle{
  color:#a60025;
  margin:25px 0 22px 0;
  font-size:14px;
  
}

/* thumbnail box center align */
/*
.tbox{
 display: table; height: 60px;  position: relative; overflow: hidden;
}
.tboxI{
position: absolute; top: 50%;display: table-cell; vertical-align: middle;
}
.tboxC{
position: relative; top: -50%;
}
*/

.wp-pagenavi{
  margin:10px 0;
}