/*
Theme Name: HSBC2010 Theme
Description: HSBC2010 Theme for [de] Blog Parent Theme
Author: Digital Explorer
Author URI: http://digitalexplorer.com
Template: deblog
Version: 1.0
Uses: 2.3

Accent Color: (default: #ee061c) #09b6e7
Accent Color, Disabled: (default: #fbc1c6) #a5d7e5
Contrast Color: (default: #3c3f3f)

Secondary Color: (default: #999999)
	- text color of metadata_primary (not headers)
	- background color of metadata_secondary
Border Color: (default: #cacbcc)
	- border around post images
	- border around sidebar widgets (uses images)

*/

@import url("../deblog/style.css");

/* OVERRIDE BEGIN */

	/* Logo
	==================================================================*/
	#expedition_logo a {
		background-image: url(./images/logo_hsbc.gif);
	}
	
	/* Mastheads
	==================================================================*/
	#expedition_description {
		background-image: url(./images/hsbc2010_inner_image.jpg);
	}
	
	body.front_page #expedition_description {
		background-image: url(./images/hsbc2010_home_image.jpg);
	}

	/* Media Icons
	==================================================================*/
	li.widget_get_media_links li.videos a {
		background-image: url(./images/icon_videos.gif);
	}
	
	li.widget_get_media_links li.diary a {
		background-image: url(./images/icon_diary.gif);
	}
	
	li.widget_get_media_links li.photos a {
		background-image: url(./images/icon_photos.gif);
	}
	
	li.widget_get_media_links li.maps a {
		background-image: url(./images/icon_maps.gif);
	}
	

	/* Accent Color
	==================================================================*/
		a, a:hover,
		#nav_primary li a:hover,
		#nav_primary li.current_page_item a,
		li.widget li a:hover,
		li.ctc ul.ctc-tag-cloud li a:hover,
		li.widget_get_recent_news li a:hover .description,
		li.widget_get_recent_news li a:hover .title,
		.commentlist li .commentsource cite {
			color: #09b6e7;
		}

		#expedition_description p {
			background-color: #2a3336;
		}

		.nav_prev_next li.next,
		.nav_prev_next li.next a,
		.nav_prev_next li.next span,
		li.widget_get_recent_comments li .commentlink,
		li.widget_get_recent_comments li .commentlink a,
		li.widget_get_recent_comments li .commentlink a:hover,
		li.widget_get_recent_news li.read_more,
		li.widget_get_recent_news li.read_more a,
		#commentform button,
		#commentformslidertogglebutton,
		#comment_template .navigation .alignright,
		#comment_template .navigation .alignright a {
			background-color: #09b6e7;
		}

		#nav_primary {
			border-bottom: 6px solid #09b6e7;
		}
	
	/* Primary Color, disabled
	==================================================================*/
		.nav_prev_next li.next_disabled,
		.nav_prev_next li.next_disabled span,
		.nav_prev_next li.next_disabled a {
			background-color: #a5d7e5;
		}

	/* Weight of cufon elements
	==================================================================*/
	.posttitle, .widgettitle {
		font-weight: 900;
	}

	/* Bespoke alignment adjustments
	==================================================================*/
	#expedition_description p {
		width: 430px; padding-right: 20px;
	}

	body.front_page #expedition_description p {
		top: 149px;
	}
	
	h1, h2 {
		font-size: 35px;
	}
	
	h3 {
		font-size: 19px;
	}
	
	body.page .post {
		overflow: visible;
	}
		
		body.page .post p,
		body.page .post blockquote {
			width: 450px;
		}
		
			body.page .post table p,
			body.page .post blockquote {
				width: inherit !important;
			}
	
	#footer {
		color: #fff; font-size: 10px; border-top: 2px solid #09b6e7;
	}
	
	#footer a {
			color: #09b6e7;
	}
	
	#footer_one {
		padding: 30px 20px 20px 20px;
	}
	
	#footer .col1,
	#footer .col2,
	#footer .col3,
	#footer .col4 {
		display: inline; float: left; width: 210px;margin: 0 20px 0 0;
	}

		#footer .col1 h4,
		#footer .col2 h4,
		#footer .col3 h4,
		#footer .col4 h4 {
			border-bottom: 1px dotted #797a78; margin: 0; padding-bottom: 3px;
		}
	
	
		#footer p {
			margin: 0; padding: 8px 0;
		}

		#footer .col1 ul,
		#footer .col2 ul,
		#footer .col3 ul,
		#footer .col4 ul {
			margin: 0; padding: 0;
		}
	
			#footer .col1 li,
			#footer .col2 li,
			#footer .col3 li,
			#footer .col4 li {
				list-style: none; margin: 0; padding: 10px 0; border-bottom: 1px dotted #797a78;
				
			}
	
	#footer_two {
		height: 12px; background: #000; padding: 5px 0;
	}
	
		#footer_two #site_by {
			left: 22px; line-height: 12px; position: absolute; top: 5px;
		}
		
		#footer_two #site_by a {
			color: #fff;
		}

/* block out all tags */
.ctc ul.ctc-tag-cloud li {
	display:block;
}

/* calltoaction links */
.calltoaction {
	cursor: pointer; text-decoration: none; background-color: #fff; padding: 2px 5px 2px 7px;
	font-family: Arial; color: #212121; text-transform: uppercase; font-size: 14px; font-weight: 900;
}

.arrow {
	display:-moz-inline-box; display: inline-block; width: 13px;
	background: transparent url(../images/bg_tile_arrow_black.png) center center no-repeat; text-indent: -9999px;
}



/* wysiwyg */
body.page .post {
	line-height: 14px; font-size: 12px; font-family: Arial;
}

	body.page .post h1,
	body.page .post h2,
	body.page .post h3 {
		text-transform: uppercase;
	}
	
		body.page .post h1 strong, body.page .post h1 b, body.page .post h1 em, body.page .post h1 i,
		body.page .post h2 strong, body.page .post h2 b, body.page .post h2 em, body.page .post h2 i,
		body.page .post h3 strong, body.page .post h3 b, body.page .post h3 em, body.page .post h3 i{
			color: #212121; font-style: inherit; font-weight: inherit;
		}
		
		body.page .post h1 small,
		body.page .post h2 small,
		body.page .post h3 small {
			font-family: Arial; font-size: 11px; font-style: italic; color: #989694; font-weight: 900;
		}

	body.page .post h1,
	body.page .post h2,
	body.page .post h3,
	body.page .post p,
	body.page .post ul,
	body.page .post ol,
	body.page .post blockquote,
	body.page .post table {
		margin: 0 0 10px 0;
	}
	
	body.page .post a {
		color: #999; border-bottom: 1px dotted #999;
	}
	
		
	
	body.page .post p,
	body.page .post li,
	body.page .post blockquote {
		line-height: 1.4em;
	}

	body.page .post li {
		list-style: none; padding-left: 15px; background-position: 0 2px; background-repeat: no-repeat;
	}
	
	body.page .post table {
		border-collapse: collapse;
	}
	
		body.page .post th,
		body.page .post td {
			border: 0; border-top: 1px dotted #b6b5b5; border-bottom: 1px dotted #b6b5b5; padding: 10px 5px; background-color: #e9e7e1;
		}
	
	body.page .post table.colourless th,
	body.page .post table.colourless td,
	body.page .post tr.colourless th,
	body.page .post tr.colourless td,
	body.page .post th.colourless,
	body.page .post td.colourless {
		background-color: transparent;
	}
	
	body.page .post table.borderless th,
	body.page .post table.borderless td,
	body.page .post tr.borderless th,
	body.page .post tr.borderless td,
	body.page .post th.borderless,
	body.page .post td.borderless {
		border: 0;
	}
	
	body.page .post table.styleless {
		border-collapse: inherit; 
	}

	body.page .post table.styleless,
	body.page .post table.styleless tr,
	body.page .post table.styleless th,
	body.page .post table.styleless td,
	body.page .post tr.styleless,
	body.page .post tr.styleless th,
	body.page .post tr.styleless td,
	body.page .post th.styleless,
	body.page .post td.styleless {
		background-color: inherit; border: inherit; padding: inherit;
	}
	
	body.page .post .action {
		font-size: 10px; text-transform: uppercase; color: #fff; cursor: pointer; text-decoration: none; font-weight: 900;
		padding: 5px 5px 7px 5px; background-position: 0 bottom; background-repeat: no-repeat; background-color: transparent;
	}

	body.page .post img {
		padding: 7px; border: 1px solid #dcdcdc;
	}
	
	body.page .post img.borderless {
		padding: 0; border: 0;
	}

/* flplayer */
a.video {
	display: block; width: 460px; height: 259px; margin-bottom: 20px;
}

	a.video img {
		display: block; width: 450px; height: 253px;
	}