/*---------------------------------------
RESET
---------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, fieldset, .text, button, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
tbody, tfoot, thead, tr, th, td { vertical-align: middle;}
html {min-height: 100.2%; /* force a vertical scrollbar on short pages */}
body {background: transparent; color: #333333;font-size: 14px; line-height: 20px;}
p, ul, ol, dl, table, img {font-size: 1em; }
ul {list-style-type: none;}
img {border: 0px;}
a {cursor: pointer; text-decoration: none;}
a:active, a:hover, a:focus {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
fieldset {border: 0px none;}
table {border-collapse: collapse;caption-side: top;}
.checkbox, .radio {margin: 0; padding: 0;width: 15px;}



/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.main{display:table-cell;*display:block;width:auto; }
.main-inner{min-height: 800px;}
.body,.main{*zoom:1;}
.body:after,.main:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.travelbug-page{margin:0 auto;width:950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{width:auto;margin:0;}
/* ====== Columns ====== */
.left-col{float:left;width:160px;_margin-right:-3px;}
.right-col{float:right;width:160px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.two-thirds { width: 620px; }
.half { width: 460px;}
.full { width: 940px;}
.one-third { width: 300px; }
.body-col { width:740px; }
.side-bar { width: 180px; }

.face-book-frame { width: 500px;}

/* for setting the page margins */
.normal-page { margin: 0 20px 0 20px;}
.light-pad { margin: 0 5px 0 10px;}
.narrow-page { margin: 0 120px 0 120px; } 


/* rounded corners */
.rounded { -moz-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px; border-radius:8px 8px 8px 8px;}


/*---------------------------------------
Mod
---------------------------------------*/
.mod {overflow: hidden; zoom:1; position:relative; }

/* ====== The WMM - Williams Mod Model ====== */
/* 
My boxes have this heirarchy

.mod  -the outer div
  .hd     - box header (optional)
  .bd     - body of the box (where your content goes)
*/
  
.mod .hd { zoom:1;overflow: auto; }

.mod .tl, .mod .bl { position: absolute; top: 0px; left: 0px; line-height: 0px; width: 8px; height: 8px; background-image: url(/web/20130810023509/http://blog.travelbug.co.nz/images/assets/sprites-no-repeat-v11.png);}
.mod .tr, .mod .br { position: absolute; top: 0px; right: 0px; line-height: 0px; width: 8px; height: 8px; background-image: url(/web/20130810023509/http://blog.travelbug.co.nz/images/assets/sprites-no-repeat-v11.png); }


/* Media box */
.m-box { }
.m-box-media { float: left; margin-right: 15px;}
.m-box-content { display: table-cell; vertical-align: top; width: 10000px; vertical-align: top; width: auto; zoom:1; }

/* floated 'list' of elements */
.f-box {}
.f-box-item {float: left; position:relative; margin: 0;}
.f-box-item-last {}

/* ====== List box ======= */
.l-box { border: 1px solid #a5ddf1; background-color:#dbf1fb; padding: 0px 0px 8px 0px; margin-top: 20px; float: left; }
.l-box .f-box-item { border-right: 1px solid #a5ddf1; padding:0 15px 0 15px; position:relative; margin-top: 6px; }
.l-box .f-box-item-last { border-right: none;}

/* unfloated 'list' of elements */
.uf-box {}
.uf-box-item {float: left; position:relative; margin: 0;}
.uf-box-item-last {}