/* -------------------------------------------------------------- 
   
   Move About Design & Layout by Fatguy - fatguy.no
   design.css
   * All the good stuff.
      
-------------------------------------------------------------- */

div.provgratis a{
	display:block;
	cursor: pointer;
	width:118px;
	height:117px;
	background: url(../images/provgratis.png) no-repeat;
	position:absolute;
	top: 150px;
	left: -20px;
	color: #FFF;
	text-decoration:none;
	text-align:center;
	font-size:2em;
	font-weight:bold;
	padding-top:25px;
	line-height:28px;
	text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
}

/* Colors */
.green	{ color: green;}
.blue	{ color: #0a5a8f;}
.cyan	{ color: #d1fffb;}
.green a { color: green; text-decoration: none; display: block;}
.cyan a { color: #d1fffb;}		
		


html, body {
	height: 100%;
}

body { 
	background: #fff url(../images/bg.gif) repeat-x;
}

.container {
	background: url(../images/skygge_bg.gif) no-repeat;
	padding: 0 0 0 10px;
	height: auto;
	min-height: 100%;
}


#wrapper {
background: url(../images/bg.jpg) no-repeat;
position: relative;
width: 950px;
}

#wrapper-lys {
background: url(../images/bg_lys.jpg) no-repeat;
position: relative;
width: 950px;
}

#wrapper-frontpage {
background: url(../images/bg-bil.jpg) no-repeat;
position: relative;
width: 950px;
}

#logo_moveabout {
	background: url(../images/moveabout-logo-ny.png) transparent no-repeat;
	float: left;
	height: 86px;
	width: 327px;
}


#top {
	background: url(../images/skyer_bg.jpg) no-repeat;
	height: 86px;
	padding-top: 10px;
}


#topmenu {
	color: #D1FFFB;
	text-align: right;
	padding-top: 10px;
}

#topmenu a:focus, 
#topmenu a:hover     { color: #D1FFFB; }
#topmenu a           { color: #FFF; text-decoration: underline; }

#topmenu em {
font-weight: normal;
font-size: 1.5em;
font-style: italic;
}

#shade {
position: absolute;
top:0;
background-image: url(../images/shade.png);
background-repeat: repeat-x;
background-position: bottom;
height: 10px;
z-index: 100;
}

.info {
background-color: white;
padding-top: 30px;
}

.info h3 a {
text-decoration: underline;
}

.info ul,
.info ul a {
color: green;
text-decoration: none;
}

.graybg {
background-image: url(../images/graybg.gif);
background-repeat: repeat-x;
background-position: bottom;
background-color: #efefef;
color: #0a5a8f;
}

.graybg p {
margin: 1em 0;

}

.whitebg {
background-image: url(../images/whitebg.gif);
background-repeat: repeat-x;
background-position: bottom;
background-color: #fff;
color: #0a5a8f;
}

a.cross-link {
font-weight: bold;
}

#menu {
margin: 0;
background-image: url(../images/menu-bg.gif);
background-repeat: repeat-x;
background-position: bottom;
background-color: #FFF;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu li {
float: left;
border-left: 1px solid #eee;
border-right: 1px solid #ccc;
}

#menu li.on {
background-image: url(../images/menu-bg-on.gif);
background-repeat: repeat-x;
background-position: top;}

#menu li a {
display: block;
padding: 5px 15px 5px 15px;
font-size: 1.3em;
text-decoration: none;
color: #0a5a8f;
}

#menu li a:hover,
#menu li.on a {
color: #0088ee;
}

.maincontent {
padding: 30px 0 0 0;
position: relative;
}


.login {
margin: 10px 0 200px 0;
}


#footer {
margin-top: 20px;
border-top: 1px solid #eee;
padding-top: 40px;
font-size: 0.9em;
color: #aaa;
background: #fff;
}


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

#footer li {
float: left;
margin-right: 30px;
}

#footer li a {
color: #aaa;
}

dl.price_model {
	margin: 0;
	height: 90px;
	width: 116px;
	background: url(../images/dl-bg.png) no-repeat;
	color: #fff;
	padding-top: 24px;
	}

dl.price_model dt {
	text-align: center;
	margin: 0;
	font-weight: bold;
	font-size: 1.8em;
	padding-left: 10px;
	}

dl.price_model dd {
	text-align: center;
	margin: 0;
	font-weight: bold;
	line-height: 1.2em;
	}

dl.price_model_big {
	margin: 0 20px 0 0;
	height: 142px;
	width: 168px;
	background: url(../images/dl_big-bg.png) no-repeat;
	color: #fff;
	padding-top: 30px;
	float: left;
	}

dl.price_model_big dt {
	text-align: center;
	margin: 0;
	font-weight: bold;
	font-size: 3.2em;
	padding-left: 20px;
	}

dl.price_model_big dd {
	text-align: center;
	margin: 0;
	font-size: 1.4em;
	font-weight: bold;
	}

dl.price_model_big_green {
	margin: 0 20px 0 0;
	height: 142px;
	width: 168px;
	background: url(../images/dl_big-bg_green.png) no-repeat;
	color: #fff;
	padding-top: 30px;
	float: left;
	}

dl.price_model_big_green dt {
	text-align: center;
	margin: 0;
	font-weight: bold;
	font-size: 3.2em;
	padding-left: 20px;
	}

dl.price_model_big_green dd {
	text-align: center;
	margin: 0;
	font-size: 1.4em;
	font-weight: bold;
	}

input.big {
	font-size: 1.7em;
	color: #fff;
	background: url(../images/button-a.png) no-repeat transparent;
	width: 232px;
	height: 64px;
	display:block;
	text-decoration:none;
 	font-weight:bold;
 	cursor:pointer;
 	border: 0;
 	margin: 0;
}

input.big:hover {
	background: url(../images/button-a.png) 0 -64px no-repeat transparent;
	color: green;
}

input.medium {
	font-size: 1.1em;
	color: #fff;
	background: url(../images/button-c.png) no-repeat transparent;
	width: 180px;
	height: 50px;
	display:block;
	text-decoration:none;
 	font-weight:bold;
 	cursor:pointer;
 	border: 0;
 	margin: 0;
}

input.medium:hover {
	background: url(../images/button-c.png) 0 -50px no-repeat transparent;
	color: green;
}

input.small {
	font-size: 1.2em;
	color: #fff;
	background: url(../images/button-b.png) no-repeat transparent;
	width: 160px;
	height: 44px;
	display:block;
	text-decoration:none;
 	font-weight:bold;
 	cursor:pointer;
 	border: 0;
 	margin: 0;
}

input.small:hover {
	background: url(../images/button-b.png) 0 -44px no-repeat transparent;
	color: green;
}

input.small_orange {
	font-size: 1.2em;
	color: #fff;
	background-image: url(../images/button-s-orange.png);
	width: 160px;
	height: 44px;
	display:block;
	text-decoration:none;
 	font-weight:bold;
 	cursor:pointer;
 	background-color: transparent;
 	border: 0;
 	margin: 0;
}

input.small_orange:hover {
	background-image: url(../images/button-s-on-orange.png);
	color: black;
}

.control-l,
.control-l a {
	font-size: 1.2em;
	color:#555;
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 0;
}

.control-r,
.control-r a {
	font-size: 1.2em;
	color:#555;
	text-decoration: none;
	text-align: right;
	display: block;
	padding: 5px 0 5px 0;
}

.control-r a:hover,
.control-l a:hover {
}

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

.controls a {
display: block;
padding: 2px;
}

.controls a:focus,
.controls a:active {
color: green;
background-color: white;
text-decoration: underline;
background-color: white;
}

.map {
background-color: #fff;
text-align: center;
width: 100%;
height: 100%;
	border-left: 3px #fff solid;
	border-right: 3px #fff solid;
	position: relative;
}

#map {
height: 574px;
width: 574px;
}

.reservation_edit_map {
height: 665px !important;
width: 574px;
}

#map-booking {
	position: absolute;
	top: 0;
	right: 0;
	width: 330px;
    height: 580px;
	background: #fff url(../images/bg_lys.jpg) no-repeat;
	padding: 30px 20px 0 20px;
	border-left: 3px #fff solid;
	border-right: 3px #fff solid;
	
}


#map-booking em {
	display: block;
	float: right;
	padding: 2.5em 0.5em 0.5em 0.5em;
	background: #666;
	color: #FFF;
	font-style: normal;
	font-weight: bold;
	margin-top: -30px;
}

#map-booking dt {
margin-bottom: 2px;
}
/*
#map-booking dd {
	background: #FFF;
	margin: 0;
	padding: 5px;
	margin-bottom: 2px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;

}
*/

#map-booking a.button {
	margin: 0;
	width: 310px;
	text-align: left;
}

#map-booking dl i {
	margin-left: 22px;
	font-weight: normal;
	color: #666;
	font-style: normal;
}

/*
#map-booking dt a {
	display: block;
	padding: 5px;
	background: #FFF;
}

#map-booking dt a:hover {
	background: #d1fffb;
}

*/

#map-booking p,
#not-available p {
margin: 1em 0;

}

#map-booking .whitebg {
padding: 10px 0 10px;
position: absolute;
bottom: 3px;
right: 0;
width: 100%;
text-align: right;
}

#map-booking .left {
text-align: left;
padding-left: 20px;
color: #666;
}

#map-booking .success    { padding: 3px 2px 2px 10px; margin-bottom: 1px; border: 1px solid green; }

#map-booking .last    { margin-bottom: 20px; }

/*
.tidsperiode {
border: 1px solid #bbb;
padding: 5px;
}

*/

div#majorstua {
position: absolute;
top:150px;
left:170px;
z-index: 10;
}

div#sofienberg {
position: absolute;
top:185px;
left:420px;
z-index: 10;
}

div#oslos {
position: absolute;
top:300px;
left:240px;
z-index: 10;
}

#wrapper-frontpage div#majorstua {
position: absolute;
top:90px;
left:650px;
z-index: 10;
}

#wrapper-frontpage div#sofienberg {
position: absolute;
top:110px;
left:830px;
z-index: 10;
}

#wrapper-frontpage div#oslos {
position: absolute;
top:240px;
left:720px;
z-index: 10;
}

div#skomaker {
position: absolute;
top:270px;
left:200px;
z-index: 10;
}

div#route {
position: absolute;
top:182px;
left:250px;
z-index: 5;
}

div#route2 {
position: absolute;
top:220px;
left:165px;
z-index: 5;
}

div#not-available {
position: absolute;
top:0;
left:180px;
z-index: 20;
width: 330px;
height: 520px;
background: #fff url(../images/bg.jpg) no-repeat;
padding: 30px 20px 0 20px;
border-left: 3px #fff solid;
border-right: 3px #fff solid;
}

div#not-available h6 img {
position: relative;
top: 3px;
}

div#forerkort {
margin: 0;
}

/*span#cityspan {
float:right;
margin-right: 360px;
margin-top: 10px;
}*/

span#cityspan input{
border:0;
background: transparent;
font-weight: bold;
}

/*
div.upcoming-trips hr {
width: 100%;
padding-bottom: 20px;
background: url(../images/shade2.png) repeat-x #FFF;
margin: 0;
}
*/

ul.invoices {
margin: 10px 0 0 20px;
}
ul.invoices li {
list-style-image: url(../images/pdf.png);
padding-bottom: 3px;
}

/* Instruksjonsbilder ( Hvordan virker det? ) */

.instruksjonsbilder {
border: solid 1px white;
background: white;
height: 150px;
width: 200px;
}

/* Landingssiden */

.language {
height: 30px;
padding: 10px 0 0 10px;
}

.cityscape {
background: url(../images/photos/cityscape.jpg) no-repeat;
height: 400px;
width: 960px;
border-bottom: 1px solid #ddd; 
}

.cityscape-short {
background: url(../images/photos/cityscape.jpg) no-repeat;
height: 170px;
width: 960px;
border-bottom: 1px solid #ddd; 
}

.landingsboks {
background: url(../images/photos/infoboks1_topp.png) left top no-repeat;
margin-left: 540px;
padding-top: 28px;
margin-top: 25px;
/* height: 353px; */
}

.landingsboksbunn{
background: url(../images/photos/infoboks3_bunn.png) left bottom no-repeat;
padding-right: 35px;
padding-bottom: 20px;
}

.landingsboks h2{
padding-top: 0px;
margin-bottom: 0px;
}

.landingsboks ul{
padding-top: 15px;
margin-left: 45px;
}

.landingsboks li{
font-size: 13px;
padding-bottom: 8px;
padding-right: 25px;
}

.landingstekst {
font-size: 1.2em;
font-style: oblique;
color: #aaa;
}

.bunnboks {
background: url(../images/photos/infoboks2_topp.png) left top no-repeat;
padding-top: 30px;
margin-left: 25px;
margin-top: 10px;
height: 145px;
}

.bunnboksbunn{
padding-top: 25px;
background: url(../images/photos/infoboks2_bunn.png) left bottom no-repeat;
padding-bottom: 40px;
padding-right: 15px;
text-align: center;
}

.bunnboksbunn a{
text-decoration: underline;
}

.justering1 {
margin-top: 5px;
margin-right: 10px;
}

.justering2 {
margin-top: 20px;
}

.justering3 {
margin-left: 20px;
}

.justering4 {
margin-top: 14px;
}

.justering5 {
margin-bottom: 40px;
}

.inrykk {
margin-left: 15px;
margin-bottom: 5px;
}

/* Medlemsmeny for privat/bedrift signup */

div#signup_menu{
	background: url(../images/signup_menu_bg.gif) repeat-x bottom;
}
div#signup_menu ul{
	margin-left: 40px;
	margin-bottom: 0px;
	list-style-type: none;
}
div#signup_menu li{
	display: inline;
}

div#signup_menu li a {
	display: inline-block;
	background: url(../images/signup_menu_off.gif) no-repeat;
	color: #666;
	width: 261px;
	height: 41px;
	text-align: center;
	font-size: 1.5em;
	line-height: 41px;
	text-decoration: none;
}
div#signup_menu li.selected a{
	background: url(../images/signup_menu_on.gif) no-repeat;
	color: #369;
}

div.signup_form_container {
	background-color: #FFF;
	padding-top: 20px;
}



/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

.label       { font-weight: bold; font-size:1.2em; }
.fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
.legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title, input.short, input.long, input.phone, input.shorter, textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus, input.phone:focus, input.medium:focus, input.short:focus, input.long:focus textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.7em; }
input.short   { width: 70px; padding:5px; }
input.long   { width: 100px; padding:5px; }
input.phone   { width: 85px; padding:5px; }
input.shorter   { width: 30px; padding:5px; }

textarea      { width: 390px; height: 250px; padding:5px; }

#loginfield {
visibility: hidden;
}

#loginfield input.text,
#loginfield input.title	{ width: 150px; padding:5px; margin-right: 5px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }



.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.success img{margin-bottom: -3px;}

/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)
   
   Note: Changes made in this file will not be applied when
   using the compressor: make changes in lib/blueprint/grid.css.rb
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 970px;
  margin: 0 auto;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(../img/grid.png); 
}

/* Body margin for a sensile default look. */
body {
  margin: 0;	
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px; 
}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 30px; }
.span-2  { width: 70px; }
.span-3  { width: 110px; }
.span-4  { width: 150px; }
.span-5  { width: 190px; }
.span-6  { width: 230px; }
.span-7  { width: 270px; }
.span-8  { width: 310px; }
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.span-13 { width: 510px; }
.span-14 { width: 550px; }
.span-15 { width: 590px; }
.span-16 { width: 630px; }
.span-17 { width: 670px; }
.span-18 { width: 710px; }
.span-19 { width: 750px; }
.span-20 { width: 790px; }
.span-21 { width: 830px; }
.span-22 { width: 870px; }
.span-23 { width: 910px; }
.span-24, div.span-24 { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px; }  
.append-2  { padding-right: 80px; } 
.append-3  { padding-right: 120px; } 
.append-4  { padding-right: 160px; } 
.append-5  { padding-right: 200px; } 
.append-6  { padding-right: 240px; } 
.append-7  { padding-right: 280px; } 
.append-8  { padding-right: 320px; } 
.append-9  { padding-right: 360px; } 
.append-10 { padding-right: 400px; } 
.append-11 { padding-right: 440px; } 
.append-12 { padding-right: 480px; } 
.append-13 { padding-right: 520px; } 
.append-14 { padding-right: 560px; } 
.append-15 { padding-right: 600px; } 
.append-16 { padding-right: 640px; } 
.append-17 { padding-right: 680px; } 
.append-18 { padding-right: 720px; } 
.append-19 { padding-right: 760px; } 
.append-20 { padding-right: 800px; } 
.append-21 { padding-right: 840px; } 
.append-22 { padding-right: 880px; } 
.append-23 { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px; }  
.prepend-2  { padding-left: 80px; } 
.prepend-3  { padding-left: 120px; } 
.prepend-4  { padding-left: 160px; } 
.prepend-5  { padding-left: 200px; } 
.prepend-6  { padding-left: 240px; } 
.prepend-7  { padding-left: 280px; } 
.prepend-8  { padding-left: 320px; } 
.prepend-9  { padding-left: 360px; } 
.prepend-10 { padding-left: 400px; } 
.prepend-11 { padding-left: 440px; } 
.prepend-12 { padding-left: 480px; } 
.prepend-13 { padding-left: 520px; } 
.prepend-14 { padding-left: 560px; } 
.prepend-15 { padding-left: 600px; } 
.prepend-16 { padding-left: 640px; } 
.prepend-17 { padding-left: 680px; } 
.prepend-18 { padding-left: 720px; } 
.prepend-19 { padding-left: 760px; } 
.prepend-20 { padding-left: 800px; } 
.prepend-21 { padding-left: 840px; } 
.prepend-22 { padding-left: 880px; } 
.prepend-23 { padding-left: 920px; } 


/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-05 { margin-left: -20px; }
.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }

.pull-1, .pull-2, .pull-3, 
.pull-4, .pull-5, .pull-5 {
	float:left;
	position:relative;
}

.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }

.push-0, .push-1, .push-2, 
.push-3, .push-4, .push-5 { 
	float: right;
	position:relative;
}


/* Misc classes and elements
-------------------------------------------------------------- */


/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Floats */
div.left {float: left;}

div.right {float: right;}



/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #333;
  font-family: "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #0a5a8f; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.7em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.5em; line-height: 1.25; margin-bottom: 0.5em; }
h5 { font-size: 1.3em; font-weight: bold; margin-bottom: 0.25em; }
h6 { font-size: 1.1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
img.align  { float: left; margin: 0 0 0 -20px; padding: 0; }



blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Links
-------------------------------------------------------------- */

a:focus, 
a:hover     { color: #0a5a8f; }
a           { color: #0a5a8f; text-decoration: underline; }


h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #0a5a8f; text-decoration: none; }


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

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tr.odd td  { background: #FFF; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

.upcoming-trips caption { color: #0a5a8f; font-size: 1.7em; margin-bottom: 0.5em; margin-left: 20px; background:none; }
.upcoming-trips th { color: #0a5a8f; background:none; }
.upcoming-trips table a { text-decoration: none; color: green}
.upcoming-trips table a img { margin-bottom: -4px; margin-right: 5px;}
.upcoming-trips td.first,
.upcoming-trips th.first { padding-left: 20px;}

.earlier-trips caption { color: #0a5a8f; font-size: 1.7em; margin-bottom: 0.5em; margin-left: 20px; background:none; }
.earlier-trips th { color: #0a5a8f; background:none; }
.earlier-trips table a { text-decoration: none; color: green}
.earlier-trips table a img { margin-bottom: -4px; margin-right: 5px;}
.earlier-trips td.first,
.earlier-trips th.first { padding-left: 20px;}




/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.epost 		{ font-size: .9em; color: #0ce;}


/* -------------------------------------------------------------- 
  
   fancy-type.css
   * Lots of pretty advanced classes for manipulating text.
   
   See the Readme file in this folder for additional instructions.

-------------------------------------------------------------- */

/* Indentation instead of line shifts for sibling paragraphs. */
   p + p { text-indent:2em; margin-top:-1.5em; }
   form p + p  { text-indent: 0; margin-top: 0;} /* Don't want this in forms. */
   

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}


/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.5em; } 


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 1.5em;
}


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}


/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

a.button, button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}

button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}

button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */


/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}