@charset "UTF-8";
/* CSS Document */

/*** some people may not like to clear all of their padding and margin spacing but I do, I want to have full control ****/

*{
	margin:0px;
	padding:0px;
}

body{
	font-family:Arial, Helvetica, sans-serif;
}

.clear{
	clear:both;
}

/*** I usually do center aligned designs so I am going to set the container to sit in the middle of the page ****/

#logo-nav-container{
	width:900px;
	margin:0px auto; /**** learn css shortcuts, it will make your life easier ****/
}

	#logo{
		background:url(images/logo.jpg) no-repeat;
		width:235px;
		height:90px;
		float:left;
	}
	
#navigationBar { 
	float: left; 
	padding-top:15px;
	margin-left:330px;
}

.iconContainer { 
	float: left; 
	padding: 5px 10px; 
	text-decoration: none; 
	cursor: pointer; 
	text-align: center; 
}

.iconLink { 
	display: block; 
	width: 32px; 
	height: 32px; 
	text-decoration: none; 
}	

.iconLinkHome { 
	display: block; 
	width: 203px; 
	height: 52px; 
	text-decoration: none; 
}	

#navigationAirfare { 
	width: 32px; 
	height: 32px;
	background: url(http://static2.www.lowfares.com/static/common/image/icon/icon_airfare_on.gif) no-repeat top left; 
}

#navigationAirfareOff { 
	width: 32px; 
	height: 32px; 
	background: url(http://static2.www.lowfares.com/static/common/image/icon/icon_airfare_off.gif) no-repeat top left; 
}	

#navigationHotels { 
	width: 32px; 
	height: 32px;
	background: url(http://static2.www.lowfares.com/static/common/image/icon/icon_hotels_on.gif) no-repeat top left; 
}

#navigationHotelsOff { 
	width: 32px; 
	height: 32px;
	background: url(http://static2.www.lowfares.com/static/common/image/icon/icon_hotels_off.gif) no-repeat top left; 
}

#navigationRentals { 
	width: 32px; 
	height: 32px;
	background: url(http://static2.www.lowfares.com/static/common/image/icon/icon_rentalcars_on.gif) no-repeat top left; 
}

#navigationRentalsOff { 
	width: 32px; 
	height: 32px;
	background: url(http://static2.www.lowfares.com/static/common/image/icon/icon_rentalcars_off.gif) no-repeat top left; 
}	

#navigationVacations { 
	width: 32px; 
	height: 32px;
	background: url(http://static2.www.lowfares.com/static/common/image/icon/icon_vacations_on.gif) no-repeat top left; 
}

#navigationVacationsOff { 
	width: 50px; 
	height: 32px;
	background: url(http://static2.www.lowfares.com/static/common/image/icon/icon_vacations_off.gif) no-repeat top center; 
}

#navigationDeals { 
	width: 32px; 
	height: 32px;
	background: url(http://static2.www.lowfares.com/static/common/image/icon/icon_deals_on.gif) no-repeat top left; 
}	

#navigationDealsOff { 
	width: 32px; 
	height: 32px;
	background: url(http://static2.www.lowfares.com/static/common/image/icon/icon_deals_off.gif) no-repeat top left; 
}

#navigationNews { 
	width: 32px; 
	height: 32px;
	background: url(http://static2.www.lowfares.com/static/common/image/icon/icon_news_on.gif) no-repeat top left; 
}

#navigationNewsOff { 
	width: 32px; 
	height: 32px;
	background: url(http://static2.www.lowfares.com/static/common/image/icon/icon_news_off.gif) no-repeat top left; 
}

#navigationBar .iconLabel a { 
	text-decoration: none; 
	font-size: 11px; 
}	

#navigationBar .emailSignupLink {
    clear: left;
    padding: 5px 10px 0px 0px;
    text-align: right;
    color: #FF7D0D;
    font-weight: bold;
}

#navigationBar .emailSignupLink a, 
#navigationBar .emailSignupLink a:hover, 
#navigationBar .emailSignupLink a:visited {
    text-decoration: underline;
    color: #0000EE;
}


#container-top{
	background:url(images/content-top.jpg) no-repeat;
	margin:0px auto; /**** learn css shortcuts, it will make your life easier ****/
	width:900px;
	height:11px;
}

#container{
	width:894px;
	margin:0px auto; /**** learn css shortcuts, it will make your life easier ****/
	border-left:3px solid #1686af;
	border-right:3px solid #1686af;
}

#container-bottom{
	background:url(images/content-bottom.jpg) no-repeat;
	margin:0px auto; /**** learn css shortcuts, it will make your life easier ****/
	width:900px;
	height:11px;
}

#blog-title{
	font-size:22px;
	color:#ff8f0f;
	padding:15px 20px 20px 20px;
}

#nav{
	background:url(images/nav-bg.jpg) repeat-x;
	height:35px;
	padding-top:18px;
	font-size:14px !important;
}

	#nav li{
		display:inline;
		font-weight:bold;
		margin-left:20px;
	}
	
	#nav a:link, #nav a:visited{
		color:#FFF;
		text-decoration:none;
	}
	
	#nav a:active, #nav a:hover{
		color:#ff8f0f;
		text-decoration:none;
	}
		
#leftcol{
	width:625px;
	padding:17px;
	float:left;
	background-color:#FFFFFF;
}

	#leftcol .post{
		margin-bottom:20px;
	}

	#leftcol h2{
		color:#12739f;
		font-size:18px;
		margin-bottom:10px;
	}
	
	#leftcol h2.blog-category-name{
		border-bottom:1px dotted #CCC;
		padding-bottom:5px;
	}
	
	#leftcol p.dateandtime{
		background:#e5e5e5;
		padding:10px;
		font-size:12px;
		line-height:16px;
		margin-bottom:10px;
	}
	
	#leftcol p.dateandtime a:link, #leftcol p.dateandtime a:visited{
		color:#ff8f0f;
		text-decoration:none;
	}
	
	#leftcol p.dateandtime a:active, #leftcol p.dateandtime a:hover{
		color:#000;
		text-decoration:none;
	}
	
	#leftcol a:link, #leftcol a:visited{
		color:#ff8f0f;
		text-decoration:none;
	}
	
	#leftcol a:active, #leftcol a:hover{
		color:#000;
		text-decoration:none;
	}
	
	#leftcol img{
		max-width:624px;
	}

	#leftcol p{
		color:#797979;
		font-size:14px;
		margin-top:15px;
		line-height:26px;
	}
	
	#leftcol ul, #leftcol ol{
		color:#797979;
		font-size:14px;
		margin-top:15px;
		margin-left:30px;
		line-height:26px;
	}
	
	#leftcol .navigation{
		margin-top:15px;
	}
	
	#leftcol ol.commentlist{
		list-style-type:none;	
	}
	
	#leftcol ol.commentlist li{
		margin-bottom:15px;	
	}
	
	#leftcol .tags{
		background:#12739f;
		padding:10px;
		font-size:12px;
		line-height:16px;
		margin-top:15px;
	}
	
	#leftcol .tags p{
		color:#000;
		margin-top:0px;
	}
	
	#leftcol .tags a:link, #leftcol .tags a:visited{
		color:#ff8f0f;
		text-decoration:none;
	}
	
	#leftcol .tags a:active, #leftcol .tags a:hover{
		color:#000;
		text-decoration:none;
	}

	form textarea#comment{
		width:618px;
	}	

#sidebar{
	width:218px;
	padding:17px 17px 17px 0px;
	float:left;
}

	.sidebar-content-box{
		border-bottom:1px solid #ccc;
		padding-bottom:15px;
		margin-bottom:15px;
	}
	
	#sidebar h3{
		color:#ff8f0f;
		font-size:16px;
		margin-bottom:10px;
	}
	
	#sidebar #newsletter-btn{
		background:url(images/newsletter-btn.jpg) no-repeat;
		display:block;
		width:219px;
		height:48px;
		margin-bottom:10px;
	}
	
	#sidebar form#newsletter label{
		font-size:12px;
		color:#999999;
	}

	#sidebar form#newsletter input{
		border:3px solid #12739f;
		width:198px;
		padding:10px;
		margin-bottom:8px;
	}
	
	#sidebar form#newsletter input#Submit{
		border:1px solid #999;
		width:198px;
		padding:10px;
	}

	#sidebar p{
		font-size:12px;
	}
	
	#sidebar span{
		color:#ff8f0f;
	}
	
	#sidebar #rss{
		display:block;
		background:url(images/rss.jpg) no-repeat;
		width:221px;
		height:80px;
	}
	
	#sidebar ul{
		list-style-type:none;
		font-size:12px;
	}
	
	#sidebar ul a:link, #sidebar ul a:visited{
		color:#12739f;
		text-decoration:none;
	}
	
	#sidebar ul a:active, #sidebar ul a:hover{
		color:#000;
		text-decoration:none;
	}
	
	#sidebar ul li{
		margin-top:5px;
	}
	
	iframe{
		border:none;
	}

#clear{
	clear:both; /*** this stops the floating ***/
}

#footerLinks{
	height:50px; /*** you don't always need set a height for the footer ***/
	font-size:12px;
	text-align:center;
	margin-top:15px;
	color:#12739F;
}

	#footerLinks a:link, #footerLinks a:visited{
		color:#12739f;
		text-decoration:none;
	}
	
	#footerLinks a:active, #footerLinks a:hover{
		color:#000;
		text-decoration:none;
	}


#copyright{
	height:50px; /*** you don't always need set a height for the footer ***/
	font-size:12px;
	text-align:center;
	color:#12739F;
}