/*
Theme Name: CNN Traveller
Theme URI: http://creativecherry.com
Description: CNN Traveller child theme for Justin Tadlock's Hybrid theme framework.
Version: 0.1
Author: Creative Cherry
Author URI: http://creativecherry.com
Template: hybrid
*/

/* Get base CSS */
@import url('hybrid-news.css');

/* default styles */
	
	html {
		overflow-y: scroll; /* vert scroll in moz & safari */
	}
	
	body {
		background: #99a9b1 url("images/generic-body-bg.gif") repeat-x 0 0;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 16px; 
		text-align: center;
	}
	
	/* headings */
	
		h1, 
		h2, 
		h3, 
		h4, 
		h5, 
		h6 {
			color: #003366;
			font-family: Arial, Helvetica, sans-serif !important;		
		}
		
	/* text components */
	
		blockquote {
			color: #999999;
		}
			
		p {
			margin-bottom: 15px;
		}	

	/* links */
	
		a, 
		a:visited {
			color: #003366;
			text-decoration: none;
		}

		a:hover {	
			text-decoration: underline;
		}
		
	/* lists */
	
		
	/* tables */
	
		table {		
			border-collapse: collapse;
			background: transparent;
		}
		
		table tr {
			border: none;
		}
		
		table tr td {
			background: transparent;
			border: none;
		}
		
	/* forms */
	
		form input, 
		form select, 
		form option, 
		form textarea { 
			padding: 1px 0 1px 2px; 
			margin: 0 10px 0 0;
			color: #333;
			font: 1em/1.33 Arial, Helvetica, sans-serif; /* reset font */
		}
		
		form textarea {
			width: 99%;
		}
	
		form .button {
			border: 1px solid #ef3c3a;
			background: #ff0000;
			color: #fff;
			padding: 0 6px 0 4px;
		}
		
		form .button:hover {
			background: #ff0000;
		}
		
	/* misc */
	
		img {
			border: none;
		}
		
	/* global classes */
		
		/* horizontal rule (hr)*/
		
			.hr {
				clear: both;
				height: 1px;
				border: 0px solid #d0d0d0; /* necessary to ensure hr is only 1px high in all browsers */
				padding: 0px;
				margin: 8px 0px 8px 0px;
				background-color: #d0d0d0; /* needed for gecko and opera */				
				color: #d0d0d0; /* needed for IE */
			}

			hr {
				display: none;
			}
			
/* layout styles */

	/* body-container */
	
		#body-container { 			
			width: 994px;	
			margin: 0 auto;
			padding: 0;
			background: transparent;
			text-align: left;
		}
				
		/* header-container */
		
			#header-container {
				float: left;
				width: 970px;			
				padding: 12px 12px 10px 12px;
				border: none;
				background-color: #fff !important;
			}
			
			#header {
				width: auto;
				height: auto;
				margin: 0;			
			}
			
			/* site title */
	
				#header #site-title {
					display: inline;
					height: 81px;
					width: 342px;
					margin: 8px 0 0 6px;
					text-indent: -9999px;
					background: transparent url("images/generic-header-logo.gif") no-repeat 0 0;
				}
			
			/* feed */
			
				#header #feed {
					float: right;
					width: 322px;
				}
				
				#header #feed ul {
					margin: 0;
					padding: 0;
				}
				
				#header #feed ul li {
					margin: 0 0 0 20px;
					list-style: none;
				}
				
				#header #feed ul li a {
					padding: 0 12px 0 0;
					background: url("images/generic-bullet-yellow.gif") no-repeat center right;			
				}
				
			/* ad */
			
				#header #ad {
					float: right;
					margin-top: 15px;
					
				}
				
				#header #ad * {
					padding: 0;
				}
	
		/* navigation */
		
			#navigation {
				clear: both;
				width: 994px;
				height: auto;
				background: #fff !important;
			}
			
			/* page-nav */
			
				#navigation #page-nav {
					width: 680px;
					padding: 10px 0 0 12px;
				}
				
				#navigation #page-nav li {
					border: none;			
					margin: 0;
					padding: 0;
				}
				
				#navigation #page-nav li a {
					display: block;
					margin: 0 4px 0 0;
					padding: 3px 8px 6px 8px;		
					color: #003366;		
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					line-height: 16px;
				}
				
				#navigation #page-nav li a:hover,
				#navigation #page-nav li.current_page_item a {
					background-color: #ff0000;
					color: #fff;
					text-decoration: none;
				}
			
			/* search */
			
				#navigation .search {
					height: auto;
					width: 225px;
					padding: 2px 12px 0 0;
				}
				
				#navigation input {
					float: left;
					padding-left: 4px;
					border: 1px solid #999;
					background: #fff;
					color: #333;
				}
				
				#navigation #search-submit, 
				#navigation #search-submit- {
					display: block;
					float: right;
					width: auto;
					height: auto;
					border: 1px solid #ef3c3a;
					background: #ff0000;
					color: #fff;
					padding: 0 6px 0 4px;
				}
			
		/* cat-nav */
		
			#cat-navigation-container {
				width: 970px;
				padding: 0 12px;
				background-color: #fff;		
			}
		
			#cat-navigation {
				clear: both;	
				float: none;		
				height: 28px;
				width: 970px;
				margin: 0;
				padding: 1px 0 15px 0;
				background: #fff url("images/generic-hozline-white.gif") repeat-x top left;	
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: normal;
				line-height: 16px;					
			}
			
			#cat-nav {
				position: relative;
				display: block;
				float: none;	
				height: 28px;
				width: 970px;		
				padding: 0 0 1px 0;	
				margin: 0;
				border-left: none;
				background: #f0f0f0 url("images/generic-hozline-white.gif") repeat-x bottom left;
			}
		
			#cat-navigation li {
				display: block;
				margin: 0;
				padding: 0;
				border: none;
			}
			
			#cat-navigation a {
				display: block;
				margin: 0 4px 0 0;
				padding: 6px 8px 6px 8px;
				color: #666666;
				text-transform: none;
			}
			
			#cat-navigation a:hover {
				color: #ff0000;
				text-decoration: none;
			}
			
			#cat-navigation li.current-cat a {
				background-color: #666666;
				color: #fff;
			}
			
		/* crumbs */
		
			.breadcrumb {
				margin: 0;
				padding: 0 0 16px 20px;
				background-color: #fff;
				color: #999;
				font-size: 12px;
			}
			
			.breadcrumb a,
			.breadcrumb span.trail-end {
				padding: 0 5px;
			}
	
		/* container */
		
			#container {
				float: none;
				width: 994px;
				padding: 0;
				margin: 0;		
				background: transparent url("images/generic-content-bg.gif") repeat-y top left !important;
				overflow:visible;
				
			}
			
			/* content */
			
				#container #content {					
					width: 634px;
					margin: 0;
					padding: 0 12px 15px 12px;
					background: #fff;			
				}
				
				.column.first {
					margin: 0 20px 0 0;
				}
				
				/* info */
				
					.author-info, 
					.category-info, 
					.date-info, 
					.tag-info, 
					.search-info {
						margin-bottom: 0;
					}
				
				/* titles */
							
					.category-title, 
					.tag-title, 
					.date-title, 
					.author-title, 
					.search-title {
						color: #003366;
						font-size: 28px;
						line-height: 28px;
						font-weight: normal;
					}
					
					.post-title,
					.entry-title {
						margin-bottom: 10px;
					}
					
					.post-title a, 
					.entry-title a {
						color: #003366;
						font-size: 16px;
						font-weight: normal;
						text-decoration: underline;						
					}
					
					.post-title a:hover, 
					.entry-title a:hover {
						text-decoration: none;
					}
					
					.page-title,
					.single-title {
						margin-bottom: 20px;
					}
					
					.page-title a,
					.single-title a {
						font-size: 28px;
						font-weight: normal;
						line-height: 28px;
						text-decoration: none;
					}
					
				/* byline */
				
					p.byline {
						display: none;
					}
					
				/* decriptions */
				
					.category-description {
						display: none;
					}
				
				/* entry */
				
					.entry-content {
						float: none;
						clear: both;
						padding: 0 10px 1px 10px;
						font-size: 12px;
						background: transparent url("images/generic-hozline-grey.gif") repeat-x bottom left;				
					}
					
					.entry-content a {
						color: #003366;
						text-decoration: underline;
					}
					
					.entry-content a:hover {
						text-decoration: none;
					}
				
					.post-meta-data {
						border: none;
						color: #999;
					}
					
					.byline {
						color: #999;
						font-size: 12px;
					}
					
					/* img */
					
						.post img {
							margin-bottom: 10px;
						}
					
				/* comments */
				
					#comments-template {
						clear: both;
						padding-top: 20px;
					}
				
					#comments li, 
					#comments li li, 
					#comments li li li li, 
					#comments li li li li li li {						
					}
					
					#comments .avatar {
						display: none;
					}
					
					.comments-closed {
						display: none;
					}
					
				/* navigation links */
				
					.navigation-links {
						display: none;
					}
					
					.category .navigation-links {
						display: block;
					}
					
					.page-template-landing .navigation-links {
						display: block;
					}
				
			/* primary */
			
				#primary {
					width: 305px;
					padding: 0 12px 15px 12px;
					background: #fff;
					overflow:visible;
				}
				
				#primary object {
					width: 120px;	
					padding: 0;
				}
				
				/* subscribe */
				
					#subscribe-banner {
						margin: 0 0 15px 0;
						padding: 0 0 15px 0;
						border-bottom: 1px solid #d1d1d1;
					}
								
				/* widget-container */
				
					#widget-container {
						background: none;
					}
					
					#primary .widget ul li {
						margin: 0 0 5px 0;
						padding: 0;
						border: none;
						background: none;
					}
					
					#primary .widget object {
						float: none;			
					}
				
		/* footer-container */
		
			#footer-container {
				width: 974px;
				padding: 2px 10px 0 10px;
				margin: 8px 0 0 0;
				background: #fff;	
				border: none;			
			}
			
			#footer-container #footer {
				width: auto;
				padding: 8px 0 0 0;
				border: none;	
				color: #333;
			}
			
			#footer-container #footer a {
				color: #003366;
			}
			
			#footer-container #footer ul {
				padding: 0;
				margin: 0 0 0 -20px;
			}
			
			#footer-container #footer ul li {
				padding: 0;
				margin: 0 0 0 20px;
				list-style: none;
			}
	
			#footer-container #footer .copyright {
				display: block;
				margin: 0;
				padding: 5px 15px 12px 120px;
				background: transparent url("images/generic-footer-logo.gif") no-repeat 0 0;
			}
			
			#footer-container #footer .copyright a {
				display: none;
			}

			#footer-container #footer #latest-emag {
				display:block;
				float:left;
				padding:4px;
				margin-left:-5px;
				margin-right:10px;
				margin-top:1px;
				background-color:#174674;
				color:#fff;
			}			
			
			/* footer-navigation */
			
				#footer-container #footer #footer-navigation {
					float: left;
					margin-top: 5px;
				}
				
				#footer-container #footer #footer-navigation li {
					float: left;
				}
				
			/* footer-navigation-external */	
				
				#footer-container #footer #footer-navigation-external {
					float: right;
					margin-top: 5px;
				}
				
				#footer-container #footer #footer-navigation-external li {
					float: right;
				}
				
				
				#footer-container #footer #footer-navigation-external li.cnn a {
					display:block;
					float:left;
					padding: 0 10px 0 0;
				}
				
				#footer-container #footer #footer-navigation-external li.linkcat {
					width: 200px;
				}
				
				#footer-container #footer #footer-navigation-external li h2 {
					display: none;
				}
							
				#footer-container #footer #footer-navigation-external li ul {
					float: right;
				}
							
/* shared components (modules / widgets) */

	/* actions */
	
		a.action {
			padding-right: 12px;
			background: transparent url("images/generic-arrow-right.gif") no-repeat right 4px;
		}
		
	/* ads */
	
		#ad2 {
			height: 255px;
			/*margin-bottom: 15px;*/
		}

	/* action list */
		
		ul.action li {
			display: block;
			margin: 0;
			padding: 0;		
			background: none;			
		}
		
		ul.action li.nth-child-n {
			margin-bottom: 0;
		}
		
		ul.action li a {
			padding-right: 10px;
			background: transparent url("images/generic-arrow-right.gif") no-repeat right 4px;
		}
	
	/* page action list */	
				
		#content ul.page-actions {
			margin: 0;
			padding-top: 8px;
		}
		
		#content ul.page-actions li {
			display: inline;
			float: left;
			padding: 0;	
			background: none;	
			line-height: 2.1;
		}
		
		#content ul.page-actions li.back {
			float: right;	
		}
		
		#content ul.page-actions li.print {
			float: left;
			display: none;
		}
		
		/* only show print if js is enabled */
		.js #content ul.page-actions li.print {
			display: inline;
		}
			
		#content ul.page-actions li.print a {
			margin-right: 20px;
			padding: 4px 0 0 25px;
			background: transparent url("images/generic-icon-print.gif") no-repeat left top;
		}
		
		#content ul.page-actions li.share a.stbutton {
			margin-right: 20px;
			padding: 4px 0 0 25px;
			background: transparent url("images/generic-icon-share.gif") no-repeat left top !important;
		}
		
		#content ul.page-actions li.subscribe a {
			padding: 4px 0 0 25px;
			background: transparent url("images/generic-icon-subscribe.gif") no-repeat left top;
		}

	/* pagination */

 		p.pages {	
			margin-bottom: 15px;		
			font-weight: bold;			
		}
		
		p.pages a {
			background-color: #003366;
			border: none;
			color:#fff !important;
			font-style: normal;
			padding: 2px 6px;
		}
		
	/* thumbnail */
	
		.thumbnail {
			height: 97px;
			width: 145px;	
			padding: 0;
			border: none;		
		}
		
	/* widget */
	
		.widget {
			clear: both;
			padding: 0;
			border: none;
			background: none;
		}
		
		.widget .widget-title {		
			height: auto;
			margin: 0 0 10px 0;
			padding: 10px 0 8px 0;
			background: transparent url("images/generic-hozline-grey.gif") repeat-x bottom left;				
			border-top: 1px solid #d1d1d1;
			color: #666;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 18px;
			font-weight: normal;
			
		}
		
		body.ie6 .widget .widget-title {
			padding-top: 5px;
		}
		
		body.ie7 .widget .widget-title {
			padding-top: 10px;
		}
		
		.widget ul {
			margin: 0;
			padding: 0;
		}
		
		.widget ul li {
			margin: 0;
			padding: 0;
		}
		
		/* adrotate_widget */
			
			.adrotate_widget h3.widget-title {
				display: none;
			}
			
			.adrotate_widget li {
				display: block;
				float: left;
				margin: 0 20px 0 0;	
				padding: 0;	
			}
			
			.adrotate_widget img {
				padding-right: 0px;
			}
			
			.adrotate_widget div.ad {
				padding: 0 30px 10px 0;
				float: left;
				display: block;
			}
			
		/* related */
		
			.widget_yarpp p {
				display: none;
			}
			
			.widget_yarpp ol {
				margin: 0 0 5px 0;
			}
			
			.widget_yarpp ol li {
				list-style: none;
			}
		/* Gallery widget */
		#gallery-widget {
			padding:0 6px 6px 6px;
			margin-bottom:9px;
			background-color:#202020;
		}
		#gallery-widget .entry-content {
			background:none;
		}
		/*#gallery-widget .entry-content a {
			float:left;
		}*/
		#gallery-widget .entry-content #gallery-images img {
			margin:0;
			padding:0;
			border-top:1px solid #fff;
			border-right:1px solid #fff;
			border-bottom:1px solid #fff;
			border-left:none;
			border-collapse:collapse;
		}
		#gallery-widget .entry-content #gallery-images a.first img {
			border-left:1px solid #fff;
		}
		#gallery-widget .entry-content #gallery-images {
			margin-bottom:3px;
		}
		#gallery-widget p {
			margin-bottom:0;
			color:#fff;
		}
		#gallery-widget p a {
			color:#ff999a;
			text-decoration:underline;
		}
		
		/* Gallery page */
		.cnngallery .hentry {
			background-color:#202020;
			padding:10px 23px 10px 23px;
		}
		
		.cnngallerybox {
			width:582px;
		}
		
		.cnngallerybox h1 {
			margin-bottom:6px;
			color:#fff;
			text-transform:uppercase;
			font-size:2em;
			line-height:1.2;
		}
		.cnngallerybox h1 a {
			margin-bottom:0;
			text-transform:none;
			font-size:0.55em;
			line-height:1.2;
			color:#ff999a;
		}
		
		#cnn-large-image {
			width:582px;
			margin-bottom:12px;
			overflow:hidden;
			text-align:center;
			background-color:#202020;
		}
		#cnn-large-image img {
			display:block;
			margin:0 auto 0 auto;
		}
		
		.cnn-large-image-desc {
			display:block;
			width:491px;
			color:#fff;
		}
		#cnn-gallery-nav {
			float:right;
			width:71px;
			
		}
		#cnn-gallery-nav .cnn-gallery-prev {
			float:left;
		}
		#cnn-gallery-nav .cnn-gallery-next {
			float:right;
		}
		
		#cnn-gallery-thumbs {
			clear:both;
		}
		.cnn-gallery-thumbs-table {
			margin:0;
			padding:0;
			border-collapse:collapse;
		}
		.cnn-gallery-thumbs-table td {
			margin:0;
			padding:0;
			border-collapse:collapse;
			border:1px solid #fff;
		}
		.cnn-gallery-thumbs-table td.empty-cell {
			border:none;
		}
		.cnn-gallery-thumbnail {
			display:block;
			width:72px;
			height:72px;
		}
		.cnn-gallery-thumbnail a {
			display:block;
			width:72px;
			height:72px;
		}
		.cnn-gallery-thumbnail img {
			display:block;
			margin:0;
		}
		#page-nav .page-item-2324 {
			display:none;
		}			
/* page specific styles */

	/* page-template-no-widgets */
	
		body.page-template-no-widgets #container {
			background: #fff !important;
		}

	/* home */
	
		body.home ul.page-actions {
			display: none;
		}
		
		body.home p.byline {
			display: none;
		}
		
		body.home .post {
			
		}
		
		body.home h3 {
			margin-bottom: 10px;
		}
		
		body.home #hero {
			margin-bottom: 15px;
		}
		
		body.home #hero object {
			margin: 0;
		}
		
		/* features */
			
			body.home #features {
				float: left;
				width: 462px;
			}
			
			body.home #features .img {
				float: left;
				width: 160px;				
			}
			
			body.home #features .body {
				float: left;
				width: 295px;
				border-bottom: 1px solid #d1d1d1;
			}
			
			body.home #features p.more {
				padding-left: 160px;
			}
			
		/* agenda / blog */
		
			body.home #agenda-blog {
				float: right;
				width: 145px;
			}
			
			body.home #agenda-blog h2 {
				padding: 0 0 10px 0;
				margin: 0;
				line-height: 16px;
			}
			
			body.home #agenda-blog h2 a {			
				font-size: 0.636em;
			}
			
			body.home #agenda-blog .thumbnail {
				margin: 0;
			}
			
			body.home #agenda-blog .post {
				margin-bottom: 18px;
			}
			
			body.home #agenda-blog .post.odd {
				border-bottom: 1px solid #d1d1d1;
			}

			body.home #agenda-blog .post.even {
				border-bottom: none;
				margin-bottom: 0;
			}
			
			body.home #agenda-blog #agenda {
				margin-bottom: 35px;
			}
	
	/* archive */
	
		body.page-25 #content {
			width: 940px;
		}
		
	/* subscribe */
	
		body.page-389 ul.page-actions {
			display: none;	
		}
		
		body.page-389 .entry-content {
			background-image: none;
		}
		
	/* blog */
	
		body.page-554 .categories, 
		body.page-554 .separator {
			display: none;
		}
		
		body.page-template-blog ul.page-actions {
			display: none;
		}

	/* page */
	
		body.page .post {
			margin-bottom: 20px;
		}
	
		body.page .post-meta-data,
		body.archive .post-meta-data {
			display: none;
		}
		
		body.page-554 .post-meta-data {
			display: block;
		}	
		
	/* single */
	

		
	/* agenda landing */
	
		h1.agenda {
			height: 110px;
			background: transparent url("images/agenda-h1-bg.gif") no-repeat 0 0;
			text-indent: -9999em;				
		}
		
	/* agenda posts */
	
		body.agenda .entry-meta {
			display: none;
		}
		
		body.agenda .entry-header-features {
			width: 600px;
		}
		
		body.agenda .entry-header-features .thumbnail {
			width: 305px;
			height: auto;
			margin-right: 10px;
		}
		
	/* features landing */
	
		h1.features {
			display: none;
		}
		
	/* features posts */
	
		body.features .entry-header-features {
			position: relative;
		}
	
		body.features .entry-header-features .thumbnail {
			max-width: 634px;
			height: 382px;
			width: 634px;				
		}
		
		body.features .entry-header-features .header-copy {
			position: absolute;
			left: 0;
			top: 0;		
			background: transparent url("images/feature-header-bg.png") repeat 0 0;
			height: 381px;
			width: 300px;
		}
		
		body.ie6.features .entry-header-features .header-copy {
			height: 381px;
			width: 300px;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/wp-content/themes/cnn-traveller/images/feature-header-bg.png');
		}
		
		body.ie6.features .entry-header-features .header-copy {
			left: -654px;
			background: none;		
		}
		
		body.features .entry-header-features .header-copy-container {
			padding: 120px 15px 10px 15px;
			background-position: 0 0;
			background-repeat: no-repeat;		
		}
		
		body.features .entry-header-features .header-copy-container a {
			position: relative;	
		}
		
		/* badges */
		body.single-category-inside-middle-east .header-copy-container,
		.category-inside-middle-east .header-copy-container {
			background-image: url("images/features-badge-middleeast.gif");
		}
		
		body.single-category-inside-the-americas .header-copy-container,
		.category-inside-americas .header-copy-container {
			background-image: url("images/features-badge-americas.gif");
		}
		
		body.single-category-inside-africa .header-copy-container,
		.category-inside-africa .header-copy-container {
			background-image: url("images/features-badge-africa.gif");
		}
		
		body.single-category-inside-asia .header-copy-container,
		.category-inside-asia .header-copy-container {
			background-image: url("images/features-badge-asia.gif");
		}
		
		body.single-category-inside-europe .header-copy-container,
		.category-inside-europe .header-copy-container {
			background-image: url("images/features-badge-europe.gif");
		}
		
		body.single-category-inside-australasia .header-copy-container,
		.category-inside-australasia .header-copy-container {
			background-image: url("images/features-badge-australia.gif");
		}
		
		body.features .entry-header-features .header-copy-container p {
			color: #fff;
		}
		
		body.features .entry-header-features h1 a,
		body.features .entry-header-features h2 a {
			color: #fff;
			font-size: 36px;
			line-height: 32px;
			text-decoration: none;
			text-transform: uppercase;
		}
		
		body.features .entry-header-features p {
			font-size: 16px;
			line-height: 18px;
		}
		
		body.features .post img {
			max-width: 290px;
		}
	
	/* achive page */
	
		body.page-25 #container #content {
			width: 980px;
		}
		
		body.page-25 #content .entry-content {
			background: none;
		}
	
		body.page-25 #content .entry ul {
			position: relative;
			margin: 0 0 0 -20px;
			padding: 0;
			zoom: 1;
		}
		
		body.page-25 #content .entry ul li {
			display: block;
			float: left;
			height: 193px;
			width: 466px;
			margin: 0 0 15px 20px;
			padding: 0 0 10px 0;
			background: transparent url("images/generic-hozline-grey.gif") repeat-x bottom left;				
		}
		
		body.page-25.ie6 #content .entry ul li {
			width: 460px;
		}
		
		body.page-25 #content .entry ul li img {
			display: block;
			float: left;
			margin: 0 10px 0 0;		
		}
		
		body.page-25 ul.page-actions {
			display: none;
		}

		
	/* clearfix */
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	
	.page-25 #container {
		overflow:hidden;
	}
	
	.ngg-widget img {
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
	}