/** General tags **/

body {background:url(../images/layout/bg_page_v.jpg) top center repeat-y; color:#333333; font: 80%/1.5em Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align: center;}
h1 {color:#0066cc; font: bold 180%/1.4em Arial, sans-serif; margin:0px 0px 10px 0px;}

h2 {color:#01a8ec; font: bold 150%/1.3em "Helvetica Neue", Geneva, Arial, sans-serif; margin:0px 0px 15px 0px;}
h3 {color:#666; font: bold 130%/1.3em "Helvetica Neue", Geneva, Arial, sans-serif; margin:0px 0px 10px 0px;}

h1 a {color:#0f4dbc; text-decoration:none}
h2 a {color: #0742ad; text-decoration:none}
	h2 a:hover {color:#01a8ec; text-decoration:underline}
	.main {color:#0f4dbc;}
h3 a {color:#666; text-decoration:none}

a {color:#1c55aa;}
a:hover {color:#333;}
p { margin:0 0 15px 0}
img {border:none}
form {margin:0; padding:0}

/** General Classes **/

.picLeft {float:left; margin:0 15px 15px 0}

/** Structure **/

#header {background: url(../images/layout/bg_header_h.jpg) top center no-repeat; height:175px; margin-bottom:10px; padding:0; width:100%;}

#logoWrap {background:#fff; height:75px; margin:0 auto; overflow:hidden; text-align:left; width:960px;}
	#logoWrap img {float:left; margin:10px 20px 0 15px;}

#destBar {background:#e1e1e1; clear:both; margin:0 15px 15px 15px; padding:5px 15px 5px 15px; overflow:hidden; width:900px}
	#destBar input, select {height:20px; margin:0; }
	#destBar input.btn_dest {background: url(../images/layout/btn_dest.gif) 0 0 no-repeat; border:none; height:25px; width:72px}
	#destBar input.btn_search {background: url(../images/layout/btn_search.gif) 0 0 no-repeat; border:none; height:25px; width:72px}

#destMenu {float:left}
 #destMenu span {color:#333; font: bold 130%/1.3em Arial, sans-serif; margin:0px 0px 10px 0px;}
	#destMenu img {float:left; margin:0 10px 0 0 }
	#destMenu select {border:1px solid #666; color:#666; font:bold 14px Arial, Helvetica, sans-serif; width:150px;}

#destSearch {float:right; width:300px}
	#destSearch input {border:1px solid #666; color:#0066cc; padding-left:3px; width:200px; }

#login {float:right;margin:20px 15px 0 0; width:300px}
	#login a {color:#666; font:bold 10px Arial, Helvetica, sans-serif; text-decoration:none;}
		#login a:hover {color:#333;}
		#login a.blocked {display:block; margin-bottom:10px;}
	
#menuStrip {height:100px; margin:0 auto; overflow:hidden; width:960px;}
#menuPic {background: url(../images/layout/pic_tab.jpg) top right no-repeat; float:left; height:100px; margin-right:20px; text-align:left; width:313px;}

#bodyWrap {margin: 0 auto; overflow:hidden; text-align:left; width:960px}

#contentWrap {float:left; overflow:hidden; margin:0 25px 0 15px; width:500px;}
	#contentWrap #catMenu {background:#b6e0fa; margin-bottom:20px; padding:0 5px 10px 10px}
	#catMenu a.city {color:#000}
	#contentWrap #articleInfo {background:#ccc; border-top:1px solid #fff; margin-bottom:15px; overflow:auto; padding:5px;}
	#contentWrap #content {width:500px;float:right;}
	#contentWrap .pic {background:#fff; border:1px solid #666; margin-bottom:15px; padding:3px; width:200px;}
	#contentWrap .listGoogle {border-bottom:1px dotted #666; margin-bottom:15px; padding:5px 0 5px 0;}
		.read .listGoogle, .myStuff .listGoogle, .weather .listGoogle {border-top:1px dotted #666; padding-top:15px}
	#contentWrap .divider {border-bottom:1px dotted #666; margin-bottom:10px; padding-bottom:10px;}
	
#contentIntro {border-bottom:1px dotted #666; margin:0 0 15px 0; overflow:hidden; width:400px;}
		
#lowdownBar {background:url(../images/layout/bg_lowdown.jpg) 0 0 no-repeat; border-bottom:1px solid #fff; float:left; margin:0 15px 10px 0; padding-top:10px; width:500px;}
	#lowdownBar h2{color:#fff; font-size:165%; padding:0 5px 0px 10px}
	#lowdownBar h1 {color:#fff; font-size:165%; padding:0 5px 0px 10px}
	#lowdownBar h1 img, #lowdownBar h2 img {vertical-align:middle; padding-bottom:3px}
		.lowdown img {text-align:middle}
	#lowdownBar div {padding:0 5px 5px 25px;}
	#lowdownBar a {color:#333;} 
	#lowdownBar a:hover {color:#000;} 
	
#columnLeft {float:left; margin-bottom:20px; width:250px;}
	#columnLeft a {display:block; margin-bottom:5px; text-decoration:none}
	#columnLeft a:hover {color:#0f4dbc; text-decoration:underline}
	div input.search {border:1px solid #666; margin-bottom:5px; width:200px;}
	div select.search {border:1px solid #666;}
	
#columnRight { float:right; margin-bottom:20px; width:230px;}

#columnAdVert {float:right; margin-right:15px; width:120px;}

#columnDetails {float:left; width:250px;}
	ul, #columnDetails ul {list-style:none; margin:0 0 20px 0; padding:0}
	#columnDetails .pic {background:#fff; border:1px solid #666; margin-bottom:20px; padding:3px; width:242px;}
		#columnDetails .pic img {width:242px;}
	#columnDetails h3 {border-bottom:1px dotted #666;}
	#columnDetails p {margin-bottom:10px;}
	#columnDetails a {color:#0066cc; margin-bottom:5px; text-decoration:none;}
	#columnDetails a:hover {color:#333; text-decoration:underline;}
		#columnDetails a img {vertical-align:middle;}
	#columnDetails .featuredCity {background:url(../images/layout/littleStar2.gif) 0 1px no-repeat; display:block; margin-bottom:5px; padding-left:15px;}
	#columnDetails .featuredCom {background:url(../images/layout/littleStar.gif) 0 1px no-repeat; display:block; margin-bottom:5px; padding-left:15px;}
	#columnDetails .detailBottom {margin:0 0 20px 0}

#changeHostelDate {margin:5px 0 15px 0} 	
.hostelList {border-bottom:1px dotted #666; margin-bottom:15px; padding-bottom:10px;}
.hostelList img {border:1px solid #666; float:left; margin-right:10px;padding:4px}
.cats h3 a, hostels h3 a {color:#1c55aa}
.cats img {float:left; margin:0 15px 15px 0}

#hostelSearch #country, #hostelSearch #city {font-size:90%; margin-bottom:10px; width:160px;}

#footer {background:#e1e1e1; margin:0 auto; margin-top:30px; padding:10px; width:920px}

.introParagraph {font-weight:bold; text-transform:uppercase}

/** Main Menu Css **/

#navBox {margin-top:50px; overflow:hidden;}
#nav {display: inline; height: 52px; left: 5px; list-style: none; margin: 0; overflow: hidden; padding: 0;}	
	#nav li {display: inline; list-style-type: none; margin: 0; padding: 0;}
	#nav a {float: left; height: 0px !important; height /**/:52px; /* for IE5/Win */ overflow: hidden; padding: 52px 5px 0 0;}
		#nav a:hover {background-position: 0 -52px;}
		#nav a:active, #nav a.selected {background-position: 0 -104px;}
	
#home a {background: url(../images/layout/tabs/home.gif) top left no-repeat; width: 60px;}
#destinations a {background: url(../images/layout/tabs/destinations.gif) top left no-repeat; width: 100px;}
#hostels a {background: url(../images/layout/tabs/hostels.gif) top left no-repeat; width: 70px;}
#resources a {background: url(../images/layout/tabs/resources.gif) top left no-repeat; width: 90px;}
#writers a {background: url(../images/layout/tabs/writers.gif) top left no-repeat; width: 70px;}
#about a {background: url(../images/layout/tabs/about.gif) top left no-repeat; width: 67px;}
#mystuff a {background: url(../images/layout/tabs/mystuff.gif) top left no-repeat; width: 90px;}

/** Article formatting **/

.listTitle, .listTitle a {color:#1c55aa; font:bold 115% Arial, Helvetica, sans-serif; margin-bottom:7px; text-decoration:none;}
	.listTitle a:hover {color:#0066cc; text-decoration:underline;}
	
.listDate {font:bold 10px Arial, Helvetica, sans-serif; margin-bottom:10px; text-transform:uppercase}
.listDate img {vertical-align:middle}

.listCat, .listCat a {color:#0066cc; margin-bottom:7px;}
	.listCat a:hover {color:#333; margin-bottom:7px;}
	
.listContent {border-bottom:1px dotted #666; margin-bottom:15px;padding-bottom:10px;}

#showCityLink {font-weight:bold;}
.bold {font-weight:bold}
input.btn_search {background: url(../images/layout/btn_search.jpg) 0 0 no-repeat; border:none; height:20px; width:72px}
.introText {color:#666666; font-weight:bold; text-transform:uppercase}
.topMarg {margin-top:20px;}

.floatRight {float:right;}
.floatLeft {float:left;}

#bookmarks {border-bottom:1px dotted #666; margin-bottom:15px; padding-bottom:5px;}
	#bookmarks img { vertical-align:middle}
.cats #bookmarks, .hostels #bookmarks {border-top:1px dotted #666;padding-top:5px}

/** Hostel Formatting **/
#hostelSide strong {display:block}
#hostelSide select {border:1px solid #666; font: 100%/1.5em Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px}
	select.full {display:block; margin-bottom:10px}
#showHostels {margin:0 0 15px 10px;}

ul.subsection_tabs {
	list-style:none;
	margin:0;
	height:21px;
	padding:0;
	clear:both;
	border-bottom:1px solid #666;
}

ul.subsection_tabs li {
	float:left;
	margin-right:7px;
	text-align:center;
}

ul.subsection_tabs li a {
	display:block;
		border:1px solid #666;

	height:20px;
	padding:0 6px 0 6px;
	background-color:#fff;
	color:#666;
	text-decoration:none;
}

ul.subsection_tabs li a:hover {
	color:#666;
}

ul.subsection_tabs li a.active {
	background-color:#ddd;
	border-bottom:1px solid #fff;
}

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}

/*---- Header styling ---*/

.sIFR-active h1 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	margin-bottom:0;
	font-size: 22px;
}

.sIFR-active h2 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 18px;
	margin-bottom:0;
}

.sIFR-active h3 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	margin:15px 0 10px 0;
	font-size: 16px;
}

.sIFR-active .lowdown {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 18px;
	margin:0px 0px 15px 0px;
}