/* 
Litton Lane Hostel : Dublin, Ireland
http://www.littonlane.hostel.com
------------------------------------------------------------------*/

/* 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; }
a:hover[title="Visit our Brewery Hostel website"] { text-decoration: none; }
	
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#banner, div#branding, div#nav_main, div#content, 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: #9e9483; }

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

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

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

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

/* =Banner
------------------------------------------------------------------*/

div#banner { height: 90px; }

.home div#banner { background: transparent url(../images/banner_home.gif) no-repeat top left; }
.booking div#banner { background: transparent url(../images/banner_booking.gif) no-repeat top left; }
.gallery div#banner { background: transparent url(../images/banner_gallery.gif) no-repeat top left; }
.faq div#banner { background: transparent url(../images/banner_faq.gif) no-repeat top left; }
.maps div#banner { background: transparent url(../images/banner_maps.gif) no-repeat top left; }

/* =Branding
------------------------------------------------------------------*/

div#branding {
margin-left: -20px;
height: 175px;
background: url(../images/header_litton.gif) top left no-repeat; }

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

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

div#content { position : relative; }

div#content_main {
float: left;
margin-left: 20px; 
width: 332px;
padding: 1em 0; }
  
div#content_sub {
float: right;
margin-right: 20px;
width: 332px; 
padding: 1em 0; }

/* Corners
------------------------------------------------------------------*/

.round { 
margin-left: 10px;
width: 310px;
list-style: none;
background-color: #642714; }

.roundTop ul { 
background: url(../images/roundTopLeft_red.gif) top left no-repeat;
height: 8px;
list-style: none; }

.roundTop ul li { 
float: right;
width: 8px;
line-height: 8px; }

.roundBottom ul {
background: url(../images/roundLeft_red.gif) top left no-repeat;
height: 8px;
list-style: none; }

.roundBottom ul li {
float: right;
background: url(../images/roundRight_red.gif) top right no-repeat;
width: 8px;
line-height: 8px; }

/* =Directions
------------------------------------------------------------------*/

.directions {
position: relative;
margin-left: 10px;
font-size: 1.2em; }

.directions li { display: inline }

.directions li span { 
position: absolute;
top: 0;
left: 230px; }

.directions li span a:hover { text-decoration: underline; }

/* =Facilities
------------------------------------------------------------------*/

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

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

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

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

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

ul#flags li { display: inline; }

li#english, li#deutsch, li#francais, 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#italiano { left : 95px; }
li#castellano { left : 130px; }

li#english a, li#deutsch a, li#francais 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#italiano a:hover, li#castellano a:hover { text-decoration: none; }

/* =Form
------------------------------------------------------------------*/

input, select { font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; }

.details, .upload, textarea { 
padding: 2px;
width: 200px;
margin-bottom: 1px; }

submit_button {
display: block;
width: 120px;
height: 47px; }
			
textarea { height: 100px; }

/* =Group Bookings
------------------------------------------------------------------*/

ul#groupBookings { margin: 10px 20px; }

ul#groupBookings li { 
margin-bottom: 10px; 
padding-left: 6px;
list-style: disc; 
color: #9e9483;
font-size: 1.2em; }

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

h1 { font-size: 1.5em; text-indent: -9999px; }

h2 { font-size: 1.5em; text-indent: -9999px; }

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

/* =Hostel
------------------------------------------------------------------*/

ul#hostel {
position : absolute;
top : 110px;
left : 500px;
margin : 0;
width : 200px;
height : 25px; }

ul#hostel li { display : inline; }

li#brewery {
position : absolute; 
display : block;
height : 25px; 
width : 200px; 
font-size: 1.2em; 
font-weight: bold; }

li#brewery { left : 0; }

li#brewery a {
display : block;
height : 25px; 
width : 200px; 
overflow : hidden;
text-indent: -9999px; }

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

div#nav_main { 
position : relative;
z-index : 1;
height : 40px; }

ul#nav_features {
position : absolute;
top : -20px;
left : 325px;
margin : 0;
width : 400px;
height : 40px; }

ul#nav_features li { display : inline; }

li#home, li#booking, li#gallery, li#faq, li#maps {
position : absolute; 
display : block;
height : 40px; 
width : 60px; 
font-size: 1.2em; 
font-weight: bold; }

li#home { left : 0; }
li#booking { left : 80px; }
li#gallery { left : 185px; }
li#faq { left : 270px; }
li#maps { left : 330px; }

li#home a, li#booking a, li#gallery a, li#faq a, li#maps a {
display : block;
height : 40px; 
width : 60px; }

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

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

ul#nav_sub li { display: inline; }

/* =Photos
------------------------------------------------------------------*/

div#photos { padding: 8px 10px 8px 8px; }

/* =Photos_index
------------------------------------------------------------------*/

div#photos_index { padding: 8px 10px 8px 35px; }

/* =Proximity
------------------------------------------------------------------*/

ul#proximity { 
margin-left: 34px;
margin-right: 30px;
margin-top: 10px;
margin-bottom: 10px; 
font-size: 1.2em;
color: #bdb5a3; }

ul#proximity li { margin-bottom: 3px; }

/* =Reservations
------------------------------------------------------------------*/

div#reservations { 
padding-left: 30px; 
padding-top: 6px;
width: 280px; }

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

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

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

/* =Upload
------------------------------------------------------------------*/

div#upload { margin-left: 10px; padding-top: 6px; }

/* =Wrapper
------------------------------------------------------------------*/

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