/*
Theme Name: High Street Hostel
Theme URI: http://highstreethostel.com/
Description: The brand spanking new design for the High Street Hostel website - Whoop-ah!.
Version: 1.0
Author: Phil Stephens
Author URI: http://gettogethr.net/
*/

body
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	font-family:Verdana, Arial, sans-serif;
	font-size:0.8em;
}

h2,
h3,
p.commentBody
{
	font-family:Georgia, "Times New Roman", serif;
}

a
{
	color:#000000;
}

h2.sifrH2
{
	margin:0 0 0 0;
}

.alignright
{
	float:right;
	margin:0 0 0 10px;
}

.alignleft
{
	float:left;
	margin:0 10px 0 0;
}

#wrapper
{
	width:1000px;
	margin:0 auto 0 auto;
	text-align:left;
}

#header
{
	position:relative;
	height:455px;
}

#flashHeader
{
	position:absolute;
	width:1138px;
	height:330px;
	left:-64px;
	top:0px;
	/*background:url('media/flash_content_temp.png') no-repeat left top;*/
	text-indent:-1000em;
	letter-spacing:-1000em;
	overflow:hidden;
}

#noFlash
{
	position:relative;
	margin:0 0 0 0;
	background:url('media/noflash_back.png') no-repeat left bottom;
	width:1138px;
	height:330px;
}

#noFlash h1,
#noFlash h2,
#noFlash h3
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:absolute;
}

#noFlash h1
{
	width:243px;
	height:330px;
	left:65px;
	top:0px;
}

#noFlash h1 a
{
	display:block;
	float:left;
	width:243px;
	height:330px;
	background:url('media/hsh_sign.png') no-repeat left top;
}

#noFlash h2
{
	width:495px;
	height:133px;
	left:307px;
	top:9px;
	background:url('media/subhead.png') no-repeat left top;
}

#noFlash h3
{
	width:263px;
	height:83px;
	right:5px;
	top:5px;
}

#noFlash h3 a
{
	display:block;
	float:left;
	width:263px;
	height:83px;
	background:url('media/need_flash.png') no-repeat left top;
}


/* Main menu */

ul#mainMenu
{
	float:left;
	margin:370px 0 0 55px;
	padding:0 0 0 0;
	list-style-type:none;
}

ul#mainMenu li
{
	float:left;
	margin:0 15px 0 0;
	text-indent:-1000em;
	letter-spacing:-1000em;
	height:40px;
}

ul#mainMenu li a
{
	display:block;
	background:url('media/mainMenu3.png') no-repeat;
	height:40px;
}

ul#mainMenu li.item1 a
{
	width:90px;
	background-position:0px 0px;
}

ul#mainMenu li.item1 a:hover,
ul#mainMenu li.item1 a.hovering,
ul#mainMenu li.item1 a.active

{
	background-position:0px -40px;
}

ul#mainMenu li.item2 a
{
	width:117px;
	background-position:-90px 0px;
}

ul#mainMenu li.item2 a:hover,
ul#mainMenu li.item2 a.hovering,
ul#mainMenu li.item2 a.active
{
	background-position:-90px -40px;
}

ul#mainMenu li.item3 a
{
	width:170px;
	background-position:-207px 0px;
}

ul#mainMenu li.item3 a:hover,
ul#mainMenu li.item3 a.hovering,
ul#mainMenu li.item3 a.active
{
	background-position:-207px -40px;
}

#dropMenus
{
	position:absolute;
	top:410px;
	left:0px;
	z-index:300;
}

#dropMenus ul
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
	width:210px;
}

#dropHostel
{
	position:absolute;
	left:60px;
	background:#fefae1;
	-webkit-box-shadow: 0px 0px 10px #000000;
}

#dropContact
{
	position:absolute;
	left:165px;
	background:#fefae1;
	-webkit-box-shadow: 0px 0px 10px #000000;
}

#dropEdinburgh
{
	position:absolute;
	left:297px;
	background:#fefae1;
	-webkit-box-shadow: 0px 0px 10px #000000;
}

#dropHostel a,
#dropContact a,
#dropEdinburgh a
{
	display:block;
	padding:5px;
	color:#000000;
	text-decoration:none;
}

#dropHostel a:hover,
#dropContact a:hover,
#dropEdinburgh a:hover
{
	background:#3e3e3e;
	color:#ffffff;
}

/* Booking widget */

ul#bookingWidget
{
	float:right;
	margin:330px 45px 0 0;
	padding:0;
	list-style-type:none;
	width:470px;
	height:100px;
	overflow:hidden;
}

ul#bookingWidget li
{
	float:left;
}

ul#bookingWidget li.hiddenRegion
{
	text-indent:-1000em;
	letter-spacing:-1000em;
	overflow:hidden;
	height:0px;
}

ul#bookingWidget li.telephone
{
	width:228px;
	text-align:center;
}

ul#bookingWidget li.telephone p
{
	margin:0px;
	font-size:0.9em;
}

ul#bookingWidget li.telephone p.callOrBook
{
	margin:12px 0 0 25px;
	width:178px;
	height:25px;
	background:url('media/callOrBook.png') no-repeat left top;
	text-indent:-1000em;
	letter-spacing:-1000em;
	overflow:hidden;
}

ul#bookingWidget li.telephone h3
{
	margin:5px 0 5px 0;
	font-size:1.65em;
	
}


ul#bookingWidget li.online
{
	width:235px;
	margin:0 0 0 7px;
	/*background:#aaaaaa;*/
}

ul#bookingWidget li.online ul
{
	margin:5px 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
}

ul#bookingWidget li.online ul li
{
	float:left;
	margin:0 5px 5px 0;
}

ul#bookingWidget li.online ul li label
{
	display:block;
	margin:0 0 5px 0;
	font-size:0.9em;
}



ul#bookingWidget li.online ul li input[type="submit"],
ul#bookingWidget li.online ul li input.goSubmit
{
	margin:0px 0 0 5px;
	width:49px;
	height:43px;
	background:url('media/bookingWidgetSubmit3.png') no-repeat left top;
	border:none;
	text-indent:-1000em;
	letter-spacing:-1000em;
	overflow:hidden;
	cursor:pointer;
	display:block;
}

ul#bookingWidget li.online ul li input[type="submit"]:hover,
ul#bookingWidget li.online ul li input.goSubmit:hover
{
	background-position:-49px 0px;
}





/* Main Content */

#mainContent
{
	padding:0 45px 0 55px;
	min-height:541px;
}

.lCol
{
	float:left;
	width:570px;
}

.rCol
{
	float:right;
	width:280px;
}

.pageElement
{
	margin:0 0 20px 20px;
}

.pageElement h2:first-child
{
	margin-top:0px;
}

.pageElement h2 a
{
	color:#000000;
	text-decoration:none;
}

.pageElement h2 a:hover
{
	text-decoration:underline;
}

.imageStack
{
	text-align:center;
}

ul.linksList
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
}

ul.linksList li
{
	margin:0 0 5px 0;
}

ul.linksList li a
{
	display:block;
	font-size:1.2em;
	color:#000000;
}

ul.galleryList
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
}

ul.galleryList li
{
	margin:0 0 15px 0;
}

.imageBlock
{
	display:block;
	float:left;
	width:130px;
}

.textBlock
{
	width:400px;
	float:left;
}

h2.galleryTitle 
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	width:400px;
}

.imageCount
{
	font-weight:bold;
	margin:0 0 5px 0;
}

ul.lColSmall
{
	margin:20px 0 20px 10px;
	padding:0;
	list-style-type:none;
	width:260px;
	_width:280px;
	float:left;	
}

ul.lColSmall li.lColTop
{
	background:url('media/lColSmall_top.png') no-repeat left top;
	padding:25px 10px 0 10px;
	margin:0 0 0 0;
}

li.lColSmallBottom
{
	height:17px;
	background:url('media/lColSmall_bottom.png') no-repeat left top;
}

ul.rColSmall
{
	margin:20px 0 20px 10px;
	padding:10px 0 10px 0;
	list-style-type:none;
	width:260px;
	_width:280px;
	float:right;
	
}

.fullNewsItem
{
	float:left;
	width:480px;
	margin-left:20px;
}

.postdate {
  position: relative;
  width: 50px;
  height: 50px;
  float: left;
}

#latestNews
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
	font-size:0.85em;
}

#latestNews .newsItem
{
	width:200px;
}

#latestNews .newsItem h3
{
	margin:0 0 0 0;
}

#latestNews .newsItem h3 a
{
	color:#000000;
	text-decoration:none;
	font-size:1.2em;
}

#latestNews .newsItem h3 a:hover
{
	text-decoration:underline;
}

#latestNews .postdate {
  position: relative;
  width: 50px;
  height: 50px;
  float: right;
}
.month, .day, .year {
  position: absolute;
  text-indent: -1000em;
  background-image: url('media/dates.png');
  background-repeat: no-repeat;
}
.month { top: 2px; left: 0; width: 32px; height: 24px;}
.day { top: 25px; left: 0; width: 32px; height: 25px;}
.year { bottom: 0; right: 0; width: 17px; height: 48px;}

.m-01 { background-position: 0 0;}
.m-02 { background-position: 0 -31px;}
.m-03 { background-position: 0 -62px;}
.m-04 { background-position: 0 -93px;}
.m-05 { background-position: 0 -124px;}
.m-06 { background-position: 0 -155px;}
.m-07 { background-position: 0 -186px;}
.m-08 { background-position: 0 -217px;}
.m-09 { background-position: 0 -248px;}
.m-10 { background-position: 0 -279px;}
.m-11 { background-position: 0 -310px;}
.m-12 { background-position: 0 -341px;}


.d-01 { background-position: -50px 0;}
.d-02 { background-position: -50px -31px;}
.d-03 { background-position: -50px -62px;}
.d-04 { background-position: -50px -93px;}
.d-05 { background-position: -50px -124px;}
.d-06 { background-position: -50px -155px;}
.d-07 { background-position: -50px -186px;}
.d-08 { background-position: -50px -217px;}
.d-09 { background-position: -50px -248px;}
.d-10 { background-position: -50px -279px;}
.d-11 { background-position: -50px -310px;}
.d-12 { background-position: -50px -341px;}
.d-13 { background-position: -50px -372px;}
.d-14 { background-position: -50px -403px;}
.d-15 { background-position: -50px -434px;}
.d-16 { background-position: -50px -465px;}

.d-17 { background-position: -100px 0px;}
.d-18 { background-position: -100px -31px;}
.d-19 { background-position: -100px -62px;}
.d-20 { background-position: -100px -93px;}
.d-21 { background-position: -100px -124px;}
.d-22 { background-position: -100px -155px;}
.d-23 { background-position: -100px -186px;}
.d-24 { background-position: -100px -217px;}
.d-25 { background-position: -100px -248px;}
.d-26 { background-position: -100px -279px;}
.d-27 { background-position: -100px -310px;}
.d-28 { background-position: -100px -341px;}
.d-29 { background-position: -100px -372px;}
.d-30 { background-position: -100px -403px;}
.d-31 { background-position: -100px -434px;}

.y-2006 { background-position: -150px -4px;}
.y-2007 { background-position: -150px -54px;}
.y-2008 { background-position: -150px -104px;}
.y-2009 { background-position: -150px -154px;}
.y-2010 { background-position: -150px -204px;}
.y-2011 { background-position: -150px -254px;}
.y-2012 { background-position: -150px -304px;}
.y-2013 { background-position: -150px -354px;}
.y-2014 { background-position: -150px -404px;}

/* Sidebar */

#sidebar
{
	margin:0 20px 0 0;
	padding:0 0 0 0;
	list-style-type:none;
}

#accommodationPhotoWidget,
#edinburghPhotoWidget
{
	padding:0 10px 0 0;
	margin:0 0 0 0;
}

#accommodationPhotoWidget ul,
#edinburghPhotoWidget ul
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
}

#accommodationPhotoWidget ul li,
#edinburghPhotoWidget ul li
{
	position:relative;
	margin:-20px 0 0 0;
	text-align:center;
}

#facilityPhotoWidget
{
	padding:0 10px 0 0;
	margin:0 0 0 0;
}

#facilityPhotoWidget ul
{
	margin:0 0 0 0;
	padding:25px 0 0 0;
	list-style-type:none;
}

#facilityPhotoWidget ul li
{
	position:relative;
	margin:0px 0 0 0;
	text-align:center;
}

p.photo1_star
{
	position:absolute;
	z-index:10;
	width:114px;
	height:114px;
	top:-60px;
	margin:0;
	overflow:hidden;
}

p.photo1_star a
{
	display:block;
	float:left;
	width:114px;
	height:114px;
	background:url('media/location_star.png') no-repeat left top;
	text-indent:-1000em;
	letter-spacing:-1000em;
	overflow:hidden;
}

p.photo2_star
{
	position:absolute;
	z-index:10;
	width:114px;
	height:114px;
	right:0px;
	top:-50px;
	margin:0;
	background:url('media/staff_star.png') no-repeat left top;
	text-indent:-1000em;
	letter-spacing:-1000em;
	overflow:hidden;
}

p.photo3_star
{
	position:absolute;
	z-index:10;
	width:114px;
	height:114px;
	margin:0;
	top:-35px;
	background:url('media/bedlinen_star.png') no-repeat left top;
	text-indent:-1000em;
	letter-spacing:-1000em;
	overflow:hidden;
}

#guestCommentsWidget
{
	padding-right:10px;
	background:url('media/quotes_opening.png') no-repeat left 42px;
}

.lColSmall #guestCommentsWidget
{
	padding:0 10px 0 10px;
	margin:0 0 0 0;
	background-position:10px 42px;
}

#guestCommentsWidget h2
{


}

#guestCommentsWidget .commentRegion
{
	margin:32px 0 0 0;
	font-size:1.3em;
	font-style:italic;
	padding-bottom:20px;
	background:url('media/quotes_closing.png') no-repeat right bottom;
}

#guestCommentsWidget .commentRegion p
{
	margin:5px 0 5px 0;
}

#guestCommentsWidget .commentFrom
{
	margin:5px 0 0 0;
	text-align:right;
	font-size:1.1em;
	font-weight:normal;
	font-style:normal;
}


#guestCommentsWidget .commentFrom a
{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

#guestCommentsWidget .commentFrom a:hover
{
	text-decoration:underline;
}

.lColSmall #facilitiesWidget
{
	background:url('media/lColSmall_top.png') no-repeat left top;
	padding:25px 10px 0 10px;
	margin:0 0 0 0;
}


#facilitiesWidget ul
{
	margin:0 0 0 0;
	padding:0 0 0 20px;
	list-style-type:disc;
}

#macbSmall
{
	margin:0 0 10px 0;
	text-indent:-1000em;
	letter-spacing:-1000em;
	overflow:hidden;
}

#macbSmall a
{
	display:block;
	background:url('media/macb_ad_small.png') no-repeat left top;
	height:172px;

}

iframe
{
	border:solid 1px #000000;
	
}
/* Footer */

#footer
{
	margin:0 65px 0 55px;
	padding:45px 0 20px 20px;
	font-size:0.85em;
}

#footer a
{
	color:#000000;
	text-decoration:none;
}

#footer a:hover
{
	text-decoration:underline;
}

#footer ul
{
	margin:0 0 10px 0;
	padding:0 0 0 0;
	list-style-type:none;
}

#footer ul li
{
	float:left;
	margin:0 7px 0 0;
}

ul.footerNav li
{
	float:left;
	margin:0 5px 0 0;
	padding:0 5px 0 0;
	border-right:solid 1px #000000;
}

#footer .rCol
{
	width:280px;
}

a.sth
{
	display:block;
	margin:0 0 0 20px;
	width:222px;
	height:24px;
	background:url('media/sth_logo.png') no-repeat left top;
	text-indent:-1000em;
	letter-spacing:-1000em;
	overflow:hidden;
}

#footer ul.socialLinks
{
	margin:10px 0 0 20px;
}

#footer ul.socialLinks li
{
	margin:0 7px 0 7px;
	text-indent:-1000em;
	letter-spacing:-1000em;
	height:26px;
}

ul.socialLinks li a
{
	display:block;
	background:url('media/social_logos.png') no-repeat;
	height:26px;
}

ul.socialLinks li.fb a
{
	width:88px;
	background-position:0px 0px;
}

ul.socialLinks li.fb a:hover
{
	background-position:0px -26px;
}

ul.socialLinks li.hw a
{
	width:34px;
	background-position:-88px 0px;
}

ul.socialLinks li.hw a:hover
{
	background-position:-88px -26px;
}

ul.socialLinks li.fr a
{
	width:56px;
	background-position:-123px 0px;
}

ul.socialLinks li.fr a:hover
{
	background-position:-123px -26px;
}

/* General overrides */
#wrapper .noBorder
{
	border:none;
}


/* Float fix */
.floatFix:after
{
	content:""; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden
}

.floatFix
{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .floatFix
{
	height:1%;
}

.floatFix
{
	display:block;
}
/* End hide from IE-mac */


/* These are standard sIFR styles... do not modify */

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

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

span.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. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2.sifrH2
{
	visibility: hidden;
	font-size:2em;
}


.sIFR-hasFlash p.sifrLink
{
	visibility: hidden;
	font-size:1.2em;
}

.hiddenImage
{
	display:none;
}