/* 
Litton Lane Hostel, Dublin, Ireland
http://littonlanehostel.ie
------------------------------------------------------------------*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/* Removes list-style from lists */
ol,ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse: collapse; border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset,img { border: 0; }

/* Left-aligns text in caption and th */
caption,th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content:''; }

a { color: #F1D857; text-decoration: none; }
a .imageborder { margin-right: 1px; margin-bottom: 2px; border: 1px solid #b8ce83; }
a:hover { color: #F1D857; text-decoration: underline; }
a:hover .imageborder { border: 1px solid #cb8445; }
	
body { 
position : relative; 
margin-left: 20px;
width : 750px; 
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align : left; 
background: #252114 url(../images/bg_litton.gif) repeat top left; }

div#header, div#banner, div#top, div#nav_main, div#content, div#bottom, div#site_info { width : 100%; }

.large  { font-size: 1.1em; font-weight: bold; }

p { 
padding: 8px; 
font-size: 1.2em; 
line-height: 1.5; 
color: #FFFFCC; }

strong { font-weight: bold; color: #ccc2ab; }

td { font-size: 11px; font-family: verdana, sans-serif; }


  /*============================================*/
 /*=============HEADER PAGE====================*/
/*============================================*/

/* =Header
------------------------------------------------------------------*/
div#header {
position:absolute;
top:0px;
left:-20px;
}

/* =Flags
------------------------------------------------------------------*/

ul#flags {
position: absolute;
top: -132px;
left: 450px;
width: 200px;
height: 20px; }

ul#flags li { display: inline; }

li#english, li#deutsch, li#francais, li#sved, li#italiano, li#castellano {
position : absolute; 
display : block;
height : 20px; 
width : 20px; 
font-size: 1.1em; 
font-weight: bold; }

li#english { left : 0; }
li#deutsch { left : 30px; }
li#francais { left : 65px; }
li#sved { left : 95px; }
li#italiano { left : 130px; }
li#castellano { left : 175px; }

li#english a, li#deutsch a, li#francais a, li#sved a, li#italiano a, li#castellano a {
display : block;
height : 20px; 
width : 20px; 
overflow : hidden;
text-indent: -9999px; }

li#english a:hover, li#deutsch a:hover, li#francais a:hover, li#sved a:hover, li#italiano a:hover, li#castellano a:hover { text-decoration: none; }

/* Nav_main
------------------------------------------------------------------*/

div#nav_main { 
position : absolute;
top: 185px;
left: 30px;
z-index : 1;
height : 40px;
font-size: 1.2em; 
font-weight: bold; 
}

ul#nav_main li { display: inline; }


  /*============================================*/
 /*=============FOOTER PAGE====================*/
/*============================================*/

/* =Site_info
------------------------------------------------------------------*/

div#site_info {
position: absolute;
clear: both;
height: 180px;
background: url(../images/footer_litton.gif) top left no-repeat; }

div#site_info p { margin-top: -10px; margin-left: 20px; }

/* =Address
------------------------------------------------------------------*/

div#address {  padding: 20px 0px 0px 100px; }

/* =Nav_sub
------------------------------------------------------------------*/

ul#nav_sub {
position : absolute;
top : 115px;
left : 128px;
font-size: 1.2em; }

ul#nav_sub li { display: inline; }

  /*============================================*/
 /*=============PAGES FRAME====================*/
/*============================================*/

/* =speaker
------------------------------------------------------------------*/
div#speaker {
z-index: 3;
position: absolute;
top: 205px;
right: 35px;
padding: 1em 0; }

/* =top
------------------------------------------------------------------*/
div#top {
position: absolute;
left: 0px;
top: 0px;
margin-left: -20px;
height: 175px;}

/* =bottom
------------------------------------------------------------------*/
div#bottom {
z-index: 3;
position: absolute;
left: 0px;
top: 1200px;
margin-left: -20px;
height: 175px;}

div#shortbottom {
z-index: 3;
position: absolute;
left: 0px;
top: 1000px;
margin-left: -20px;
height: 175px;}

div#branding p { text-indent: -9999px; }

/* =Wrapper
------------------------------------------------------------------*/
div#wrapper { 
float: left;
margin-top: -40px;
width: 730px;
height: 1400px;
background: #292828 url(../images/runner_litton.gif) top right repeat-y; }

div#shortwrapper {
float: left;
margin-top: -40px;
width: 730px;
height: 1200px;
background: #292828 url(../images/runner_litton.gif) top right repeat-y; }

/* =iframe
------------------------------------------------------------------*/
div#iframe {
position: absolute;
left: 31px;
top: 65px;
margin-left: -20px;
height: 175px;}

  /*============================================*/
 /*============PAGES CONTENTS==================*/
/*============================================*/

/* =Content
------------------------------------------------------------------*/

div#content { position : relative; top: 270px; z-index: 1;}

div#content_title {
position: absolute;
top: 0px;
left: 20px;
width: 100%;
padding: 1em 0; }

div#content_left {
position: absolute;
top: 65px;
left: 25px;
float: left;
width: 330px;
padding: 1em 0;
text-align: justify; }
  
div#content_right {
position: absolute;
top: 65px;
left: 375px;
float: right;
width: 330px; 
padding: 1em 0;
text-align: justify; }

div#content_single {
position: absolute;
top: 65px;
left: 25px;
float: left;
width: 650px;
padding: 1em 0;
text-align: justify; }

/* =Lists
------------------------------------------------------------------*/

ul#lists { margin-left: 20px; margin-right: 20px; }

ul#lists li {
display: block;
padding: 6px;
list-style :none;
color: #bdb5a3;
background: url(../images/divider.gif) repeat-x bottom left; }

ul#lists li span {
padding: 0 0 0 20px;
font-size: 1.1em;
background: url(../images/bullet_litton.gif) no-repeat 0 50%; }

/* =H1, h2, h3, h4, h5
-------------------------------------------------------------------*/

h1  {
padding: 10px 8px;
font-size: 2.5em; 
color: #F1D857; 
letter-spacing: 1px; }

h2  {
padding: 10px 8px; 
font-size: 1.4em; 
color: #e3944d; 
letter-spacing: 1px; }

h3  {
padding: 10px 8px;
font-size: 1.2em; 
color: #e3944d; }

.playerInnerBox_gsvb .player_gsvb {
width: 320px;
height: 260px;
}
#like {
position:absolute;
left:800px;
top:10px;
}
#networks {
position:absolute;
width:500px;
left:800px;
top:125px;
}
#bar {
height:40px;
}
#revb {
position:absolute;
left:1195px;
top:127px;
}
#hostel {
background-color:#1c1b1b;
position:absolute;
left:800px;
top:165px;
}
#welike {
white-space:nowrap;
position:absolute;
left:800px;
top:160px;
}
#events {
background-color:#1c1b1b;
position:absolute;
left:800px;
top:775px;
}
#whatson {
white-space:nowrap;
position:absolute;
left:800px;
top:770px;
}
.virtual {
position:absolute;
height:240px;
width:500px;
left:800px;
top:105px;
}
.edge {
position:absolute;
top:130px;
left:1300px;
}
.virtualbg{
height:240px;
width:10px;
}
#google_translate_element {
position:absolute;
left:450px;
top:5px;
}
#logoimage {
height:90px;
}
#reviews {
border:groove;
}
#CDSWIDWRM {
position:absolute;
left:50px;
top:750px;
}
table.logo {
margin:75px 15px 0px 15px;
}
td.logo {
vertical-align:top;
padding-top:15px;
}
#recommends {
position:absolute;
left:750px;
top:0px;
width:150px;
background-color:#1c1b1b;
}
.lightbox{width:150px}
.content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;}
#galleria{height:320px}