/* 
Title:     Gizmo Travel CSS
Author:    Zlegna Media
Updated:   April 20th, 2010
*/

/* Reset Elements (All Pages)
---------------------------------------------------------- */	

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td, img, hr, embed, object { 
	margin: 0;
	padding: 0;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
	}
	
/* links 
------------------------------------------------------------------*/
a:link {
	color: #106cd4;
	text-decoration: none;
	}
a:visited  {
	color: #7f59af;
	text-decoration: none;
	}
a:hover {
	color: #106cd4;
	text-decoration: underline;
	}
img {
	border: none;
	text-decoration: none;
	}
	
/* Structure 
------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height:1.125em;
	}
#outerWrapper { 
	margin: 0 auto; 
	width: 990px;
	}
#wrapper { 
	float:left; 
	width: 990px; 
	height:auto;
	background: url(../pix/design/page-bordercw.gif) repeat-y center;
	}
#innerWrapper { 
	float:left; 
	width:958px;
	margin: 0 15px 0 15px;
	display: inline;
	border: 1px solid #000;
	border-top: none;
	border-bottom: none;
	}
#header {
	margin: 0 auto;
	padding: 12px 0 0 0;
	width:958px;
	background: #005edc url(../pix/design/bg_header.gif) repeat-x top;
	}
#mainContent {
	float:left;
	background-color: #fff;
	width:958px;
	}
#innerContent {
	float:left;
	margin: 15px 0 10px 10px;
	padding-right: 14px;
	width:572px;
	display: inline;
	border-right: 1px solid #CCC;
	}
#stream {
	float: left;
	width: 360px;
	margin: 0 10px 0 0;
	}
#secondStream {
	float: right;
	width: 202px;
	}
#sidebar {
	height: auto; 
	width: 336px; 
	float: left;
	margin: 15px 0 0 15px;
	padding: 0 0 10px 0;
	display: inline;
	}
.banner {
	margin: 8px 0 8px 0;
	}
.bannerSide {
	margin: 0 0 10px 0;
	}

/* Styles
------------------------------------------------------------------*/
body {
	background: #00a6e3;
	}
#nav a {
	color: #FFFFFF;
	border: 1px solid #333;
	background: #00aae5 url(../pix/design/bg_nav.gif) bottom repeat-x;
	text-transform: uppercase;
	}
#nav a:hover {
	color: #333;
	border-color: #727377;
	background: #fff;
	}
.mostPopular, #spotlight {
	border: 1px solid #000;
	}
.mostPopular h4, #spotlight h4 {
	color: #fff;
	border-bottom: 1px solid #000;
	background: #00aae5 url(../pix/design/bg_nav.gif) bottom repeat-x;
	}
#newsletter {
	border: solid 1px #000;
	background: #dae9ec;
	}
.spotThumb a:hover img,
.icons a:hover img {
	background: #1b66d6;
	}	
#footer {
	background: #00497e;
	}
.footerCol1 h4, .footerCol2 h4, .footerCol3 h4 {
	color: #6dc6ee;
	border-bottom: 1px dotted #000;
	}

/* Header
---------------------------------------------------------- */	
#logo {
	float: left;
	margin-left: 10px;
	}
#leaderboard {
	float: right;
	margin-right: 10px;
	}
#network {
	float: right;
	margin: 0 10px 7px 0;
	display: inline;
	width: 700px;
  	color: #fff;
	}
#network .networkTab {
	padding: 0 10px 0 0;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
#network  ul {
	float: right;
	margin: 0;
  	padding: 0;
	}
#network li {
	float: left;
	list-style: none;
	}
#network a {
	float: left;
	display: inline;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
#network span {
  	color: #f7d297;
	padding: 0 8px;
  	}
#search form {
	float: right;
	position: relative;

	}
#logo, #search form {
	display: inline; /*fixes IE/Win double margin bug*/
	}
	
/* Footer
---------------------------------------------------------- */

#footer {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:958px;
	}
.footerCol1 {
	width: 360px;
	}
.footerCol2 {
	width: 222px;
	}
.footerCol3 {
	width: 336px;
	}
.footerCol1, .footerCol2, .footerCol3 {
	float: left;
	padding: 10px 0 10px 10px;
	}
.footerCol1 h4, .footerCol2 h4, .footerCol3 h4 {
	font-family: Arial,Verdana,sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.438em;
	text-transform: uppercase;
	margin-bottom: 10px;
	}
.footerCol1 li {
	margin-bottom: 9px;
	border-bottom: 1px dotted #dbe9f8;
	list-style: none;
	}	
.footerCol2 li {
	margin-bottom: 9px;
	list-style: none;
	}	
.footerCol1 ul li a, .footerCol2 ul li a {
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom:18px;
	}
p.mailText {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial,Verdana,sans-serif;
	margin-bottom:10px;
	line-height: 1.625em;
	}
.footerCol2 img, .footerCol3 img {
	margin-top: 5px;
	}
.footerLine {
	border-top: 1px dotted #000;
	margin: 0 10px 15px 10px;
	}
#copyright {
	font-size: 11px;
	line-height: 1.5em;
	color:#cfd5d7;
	margin: 0 10px 20px 10px
	}
	
/*  Nav
---------------------------------------------------------- */
#navWrap {
	float: left;
	width: 960px;
	margin: 10px 0 0 0;
	}
#nav {
	float: left;
	width: 695px;
	margin-left: 10px;
	}	
#nav ul {
  	padding: 0;
	}
#nav li {
	float: left;
	margin:0;
	padding: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
#nav a {
	float: left;
	display: inline;
	margin: 0 4px 0 0;
	padding: 4px 8px;
	text-decoration: none;
	border-bottom: none;
	}
#miniNav {
	float: right;
	padding: 0;
	display: inline;
	width: 250px;
	}
#miniNav ul {
	float: right;
	margin-right: 10px;
  	padding: 0;
	}
#miniNav li {
	float: left;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 8px;
	}
#miniNav a {
	float: left;
	display: inline;
	padding: 4px 0;
	color: #FFFFFF;
	font-size: 12px;
	}
#miniNav #subscribe_title {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 6px 0 0 0;
	}
	
/* Subnav
---------------------------------------------------------- */	

#subnav {
  	padding: 2px 0 0 10px;
	margin: 5px 0 0 0;
	background: #FFF;
	}
#subnav ul, #subnav ul li{
	display: inline;
	list-style: none;
	margin: 0;
	}	
#subnav a {
  	margin: 0;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	font-weight:bold;
 	}
#subnav a.current {
  	color: #000;
  	}
#subnav span {
 	margin: 0 10px;
 	color: #0099CC;
 	}
	
/* PageHeader
---------------------------------------------------------- */	
#pageTitle {
	margin: 0 0 10px 0;
	border-bottom: 1px #CCCCCC solid;
	}
#pageTitle h1, #pageTitle h2 {
	font-size: 20px;
	line-height: 1em;
	font-weight: normal;
	}
#breadcrumb {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.689em;
	}
	
/* Sidebar
---------------------------------------------------------- */
.mostPopular {
	float: left;
	margin: 0 0 10px 0;
	display: inline;
	width: 334px;
	padding-bottom: 10px;
	}
.mostPopular h4 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	width: 324px;
	padding: 2px 0 3px 10px;
	}
.mostPopular ol {
	width: 330px;
	}
.mostPopular li {
	font-size: 14px;
	line-height: 1.250em;
	list-style: decimal;
	margin: 0 0 4px 35px;
	}
	
/* Slideshows
---------------------------------------------------------- */
#spotlight {
	float: left; 
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	display: inline;
	width: 334px;
	}
#spotlight h4 {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	width: 324px;
	padding: 2px 0 3px 10px;
	}
.spots {
	float: left;
	display: inline; /*fixes IE/Win double margin bug*/
	margin: 10px 0 0 0;
	}
.spots h5 {
	float: right;
	width: 229px;
	font-size: 14px;
	line-height: 1.250em;
	}
.spotThumb {
	display: inline; /*fixes IE/Win double margin bug*/
	float: left;
	width: 85px;
	margin: 0 10px 0 10px;
	}
.spotThumb img {
  	background: #fff;
 	padding: 4px;
  	border: 1px solid #a9a9a9;
	}
p.intro {
	float: right;
	width: 229px;
	font-size: 13px;
	line-height: 1.375em;
	}
	
/* Newsletter
------------------------------------------------------------------*/
#newsletter {
	float: left;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 314px;
	}
#newsletter span {
	color: #000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:15px;
	}
#newsletter ul {
	margin: 5px 0 0 0;
	}
#newsletter ul li {
	background: url(../pix/design/rss-large.png) no-repeat left top;
	padding-left: 43px;
	list-style: none;
	}
a.feedIcon {
	font-size: 13px;
	color:#000;
	}

/* Stream
---------------------------------------------------------- */	
.featurePost {
	float: left;
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom: 1px #CCCCCC solid;
	}
.featureTitle {
	font-size: 18px;
	margin:0;
	color:#003399;
	}
.featurePost .date {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.689em;
	}
.featureThumbnail {
	float:left;
	margin: 0 0 10px 0;
	}
.featurePost p {
	font-size: 13px;
	line-height: 1.438em;
	color: #333;
	}
.post {
	float: left;
	padding: 5px 0 5px 0;
	border-bottom: 1px  #BFCFFF solid;
	}	
.post h4 {
	font-size: 14px;
	color:#003399;
	}
.postBox {
	float: left;
	width: 230px;
	}
p.summary {
	font-size: 12px;
	margin: 2px 0 0 0;
	line-height: 1.438em;
	color: #333;
	}
.post .date {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	}
.post li, .featurePost li {
	float: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	list-style: none;
	}
.thumbnail {
	display: block;
	float: right;
	width: 120px;
	margin: 3px 0 0 10px;
	}
/* second-stream
------------------------------------------------------------------*/
.highlights1 {
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom: 1px  #BFCFFF solid;
	}
.highlights {
	padding: 0 0 10px 0;
	border-bottom: 1px  #BFCFFF solid;
	}
.highlights1 h4 {
	font-size: 13px;
	margin: 0;
	color:#003399;
	}
.highlights h4 {
	font-size: 13px;
	line-height: 1.375em;
	margin: 10px 0 0 0;
	color:#003399;
	}
.highlights1 p, .highlights p  {
	font-size: 12px;
	line-height: 1.438em;
	margin: 2px 0 0 0;
	}
.highlights1 img, .highlights img {
	float: left;
	}
.thumbnailsq {
	display: block;
	float: right;
	width: 75px;
	margin: 3px 0 0 2px;
	}
.skyscraper {
	margin:10px 0 0 0;
	}
	
/* Categories
------------------------------------------------------------------*/
#categories {
	float: left;
	width: 202px;
	border-bottom: 1px #CCCCCC solid;
	}
.basiclinks {
	float:left;
	margin: 10px 0 0 0;
	}
.basiclinks ul {
	margin: 5px 0 0 0;
	}
.basiclinks h4 {
	font-size: 15px;
	margin: 0 0 5px 0;
	color:#121212;
	border-bottom: 1px #CCCCCC solid;
	}
.basiclinks li, #categories h5 {
	font-size: 13px;
	line-height: 1.375em;
	padding-left: 8px;
	margin-bottom: 6px;
	background: url(../pix/design/bullet.gif) no-repeat 0 4px;
	list-style: none;
	}	
	
/* Article page
---------------------------------------------------------- */	
#article h1 {
	font-size: 26px;
	line-height: 1.25em;
	font-weight: normal;
	margin: 0;
	color: #333;
	}
#article p {
	font-size: 15px;
	line-height: 1.500em;
	color: #333;
	margin:0 0 15px 0;
	padding: 0;
	}
#article ul {
	font-size: 15px;
	line-height: 1.375em;
	color: #333;
	margin:0 0 14px 15px;
	}
blockquote {
	font-size: 15px;
	line-height: 1.375em;
	color: #333;
	}
#timestamp{
	font-family: arial, helvetica, sans-serif;
	}
#timestamp p, #gallery #timestamp p{
	font-size: 11px;
	margin:5px 0 15px 0;
	}	
	
/* Tools
---------------------------------------------------------- */
.tools {
	font-family: Arial, Helvetica, sans-serif; 
	border-bottom: 1px dotted #d2d2d4;
	border-top: 1px dotted #d2d2d4;
	margin: 0 0 5px 0;
	padding: 4px 0 2px 0;
	}
.tools li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.25em;
	}
.print li {
	float: left;
	display: inline;
	}
.print li {
	padding: 3px 10px 0 20px;
	}
.email {
	background:  url(../pix/design/email.gif) no-repeat 0 4px;
	}
.print {
	background:  url(../pix/design/print.gif) no-repeat 0 1px;
	}
.rss {
	background:  url(../pix/design/rss.gif) no-repeat 0 3px;
	}
.share img {
	padding: 0 0 0 10px;
	vertical-align: text-top;
	}
.share li {
	float: right;
	display: inline;
	}
.share li.shareTitle {
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
/* Margin
---------------------------------------------------------- */
#margin {
	margin: 5px 0 5px 12px;
	float: right; 
	}
#featureImage {
  	line-height: 0;
	}
#featureImage img {
  	background: #fff;
 	padding: 4px;
  	border: 1px solid #a9a9a9;
  	}
#wideMargin {
	margin: 10px 0 5px 0;
	}
#wideImage {
	float:left;
	display: block;
	}
#wideImage img {
  	background:#fff;
 	padding:4px;
  	border:1px solid #a9a9a9;
  	}
.credit {
	margin: 0;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	}
.icons {
	float: left;
	margin: 0 10px 0 0;
	width: 60px;
	}
.icons img {
  	background: #fff;
 	padding: 4px;
  	border: 1px solid #a9a9a9;
	}
a.galleryLinks  {
	font-size: 14px;
	font-weight: bold;
	color:#055ed8;
	}
.galleries {
	margin: 0;
	line-height: 1.50em;	
	}
.galleryPages {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	}
.galleryPages a { 
	padding: 2px 6px;
	border: solid 1px #ddd;
	background: #fff;
	text-decoration: none;
	}
.galleryPages a:hover {
	color: #fff; 
	background: #0063DC; 
	border-color: #036;
	text-decoration: none;
	}
#bottomBanner {
	float: left;
	padding: 0 10px 0 0;
	}

/* Gallery Page
------------------------------------------------------------------*/
#gallery h1 {
	font-size: 18px;
	line-height: 1.25em;
	font-weight: normal;
	margin: 0;
	color: #333;
	}
#gallery h3 {
	font-size: 22px;
	line-height: 1.25em;
	font-weight: normal;
	margin:0 0 8px 0;
	color: #333;
	}
#gallery p {
	font-size: 15px;
	line-height: 1.53em;
	color: #333;
	margin:0 0 5px 0;
	padding: 0;
	}
#galleryImage {
	float:left;
	display: block;
	}
#galleryImage img {
  	background:#fff;
 	padding:4px;
  	border:1px solid #a9a9a9;
  	}
	
/* LinkImages
---------------------------------------------------------- */
#linkTitle {
	clear: both;
	color: #000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	display:block;
	padding-top:5px;
	margin: 0 0 5px 0;
	border-bottom: 1px #b0aeae dotted;
	}
#linkImages {
	width: 170px;
	float: left;
	padding: 0 15px 0 0;
	margin: 10px 14px 0 0;
	border-right: 1px #ccc dotted;
	}
#linkImagesRight {
	width: 170px;
	float: left;
	margin: 10px 0 0 0;
	}
#linkImages a, #linkImagesRight a {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	color: #055ed8;
	}
#linkImages p, #linkImagesRight p {
	font-size: 13px;
	line-height: 1.375em;
	margin: 0;
	}
	
/* Tags
---------------------------------------------------------- */
#tagTitle {
	color: #000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	padding:5px 3px 0 0;
	margin: 0 0 5px 0;
	}
.tagList {
	margin: 15px 0 15px 0;
	padding:3px 0 3px 0;
	}
#article .tagList ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}	
.tagList li {
	display: inline;
	border-left: 1px solid #ccc;
	padding: 0 4px 0 8px;
	background: none;
	}
.tagList a {
	font-size: 13px;
	line-height: 1.5em;
	}
	
/* Linksets		
---------------------------------------------------------- */
#linksets {
	font-size: 12px;
	line-height: 1.375em;
	}	
#linksetTitle h4 {
	font-size: 16px;
	margin: 10px 0 10px 0;
	border-bottom: 1px #b0aeae dotted;
	}		
.linkset1 {
	width: 281px;
	float:left;
	margin: 10px 10px 10px 0;
	}
.linkset2 {
	width: 281px;
	float:left;
	margin: 10px 0 10px 0;
	}
#linksets ul {
	margin: 0;
	padding: 0;
	}
.linkset1 li, .linkset2 li {
	font-size: 13px;
	line-height: 1.375em;
	padding-left: 10px;
	background:  url(../pix/design/bullet.gif) no-repeat 0 4px;
	margin: 0 0 5px 0;
	list-style: none;
	}
.LinksetThumb {
	display: block;
	float: right;
	width: 75px;
	margin: 3px 0 2px 10px;
	}
	
/* Page Numbers
------------------------------------------------------------------*/
.pages {
	margin: 0;
	line-height: 1.50em;	
	}
.pageNumbers {
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	margin: 5px 0 5px 0;
	font-size: 12px;
	}
.pageNumbers a, .currentPage { 
	padding: 2px 6px;
	border: solid 1px #ddd;
	background: #fff;
	text-decoration: none;
	}
.pageNumbers a:hover {
	color: #fff; 
	background: #1b66d6; 
	border-color: #036;
	text-decoration: none;
	}
.pageNumbers .currentPage {
	padding: 2px 6px;
	font-weight: bold;
	font-size: 12px;
	background: #fff; 
	color: #FF0000;
	} 
.pageNumbers .start { 
	margin-right: 5px;
	padding: 2px 6px;
	background: #fff;
	color: #aaa;
	}
.pageNumbers .Prev {
	margin-right: 5px;
	padding: 2px 6px;
	border: solid 1px #ddd;
	background: #fff;
	}
.pageNumbers .Next {
	margin-left: 5px;
	padding: 2px 6px;
	border: solid 1px #ddd;
	background: #fff;
	}
	
/* self-clearing floats  <div class="clearer"></div>
------------------------------------------------------------------*/	
.clearer {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px
	}
.clearFloat {
	clear: both;
	}