/* 
Theme Name: Custom TSG Skeleton
Theme URI: http://themehybrid.com/themes/skeleton
Description: A customized theme created for Transcend Strategy Group. 2009.
Author: Justin Menking
Author URI: http://justinmenking.com
Version: 0.1
Tags: 2x2, matrix, tsg
Template: hybrid
*/

/**
* Import pre-made styles from Hybrid
************************************************/

/* Eric Meyer's reset.css */
	/* @import url('../hybrid/library/css/reset.css'); */

/* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */
	/* @import url('../hybrid/library/css/18px.css'); */
	/* @import url('../hybrid/library/css/20px.css'); */
	@import url('../hybrid/library/css/21px.css');
	/* @import url('../hybrid/library/css/22px.css'); */
	/* @import url('../hybrid/library/css/25px.css'); */

/* Holy Grail */
	/* @import url('../hybrid/library/css/holy-grail-fluid.css'); */

/* Plugins CSS */
	/* @import url('../hybrid/library/css/plugins.css'); */

/* Hybrid's default CSS */
	/* @import url('../hybrid/library/css/screen.css'); */

/**
* Body
************************************************/

/* Contains everything */
body {

	color: #303030;

	text-align: justify;

	line-height: 1.4em;

	font-size: 1em;

	font-family: Helvetica, Verdana, Arial, sans-serif;

}

	/* Wrapper for everything inside of the body */
	#body-container { margin-left: 160px;}

/**
* Elements
************************************************/

/* Hyperlinks */
a:link { color: #545017; border-bottom-color: #5d5d5d; border-bottom-style: dotted; border-bottom-width: 1px;}
a:visited { color: #545017; border-bottom-color: #5d5d5d; border-bottom-style: dotted; border-bottom-width: 1px;}
a:hover {color: black; background-color: #f4eec3; border-bottom-color: black; border-bottom-style: dotted; border-bottom-width: 1px;}
a:active {color: white; border-bottom-color: #b2b2b2; border-bottom-style: dotted; border-bottom-width: 1px; color: #502284;}

/* Headers */
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

/* Text elements */
strong {}
em {}
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p {}

/* Unordered lists */
ul {}
	ul li {}

/* Ordered lists */
ol {}
	ol li {}

/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote {}
	blockquote blockquote {}
	blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */
table {}
	caption {}
	tr {}
	th {}
	td {}

/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}

/* Drop caps */
.drop-cap {	}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft {}
.right, .alignright {}
.center, .aligncenter {}
.block, .alignnone {}
.clear {}

/**
* Images
************************************************/

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption { line-height: 1.3em; font-size: 0.8em; padding: 10px; background-color: #eaeaea; margin-left: 20px; margin-bottom: 10px; margin-top: 10px; float: right;}
	.wp-caption img {text-align: center;}
	.wp-caption p {}

/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#topcolourbars {
	background-image: url(images/header_bg.png);
	top: -1px;
	z-index: -1;
	clear: none;
	float: none;
	position: absolute;
	height: 89px;
	width: 100%;
}

#headerlogo {
	top: -60px;
	left: -60px;
	height: 800px;
	width: 800px;
	position: absolute;
	z-index: -2;
	background-repeat: no-repeat;
	background-image: url(images/BG_logo.jpg);
}

#header-container {}

	/* Contains site title and tagline */
	#header { margin-left: -42px; width: 100%; background-repeat: no-repeat; padding-top: 41px; background-image: url(images/Header_banner.png); margin-top: 10px;}

		/* Site title */
		#site-title {}
			#site-title a {}
				#site-title a span {}

		/* Site description/tagline */
		#site-description {}
/*
#whiteblock {

	z-index: -100;

	color: white;

	left: 1px;

	top: 1px;

	position: absolute;

	float: left;

	height: 100%;

	width: 660px;

	background-color: white;

}
*/
/**
* Page navigation
************************************************/

/* Wrapper for navigation */
/*#customNav img {visibility: hidden;}*/
#customNav { border-bottom-color: #666699; border-top-color: #666699; border-bottom-style: dotted; border-top-style: dotted; border-bottom-width: 1px; border-top-width: 1px; width: 250px; margin-left: 25px; letter-spacing: 1px; font-weight: bold; font-variant: small-caps; text-transform: lowercase; left: 680px; top: 100px; position: absolute; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 1.5em; font-size: 1.1em; float: right; text-align: left;}
#customNav ul { padding-top: 14px; margin-right: 10px; margin-left: 10px; list-style-type: none;}
#customNav a:link {border-width: 0px; color: black;}
#customNav a:visited {border-width: 0px; color: black;}
#customNav a:hover { visibility: visible; border-bottom-color: #b2b2b2; border-bottom-style: dotted; border-bottom-width: 1px; color: black;}
#customNav a:active { border-bottom-color: #b2b2b2; border-bottom-style: solid; border-left-width: 0px; border-bottom-width: 1px; border-right-width: 0px; border-top-width: 0px; color: #502284;}

/*
a:link img {background-color: white; color: white; border-style: none; border-width: 0px;}
a:visited img {border-style: none;}
a:hover img {border-style: none; visibility: hidden;}
a:active img {border-style: none;}
*/
	/* Page nav */
	#page-nav {}
		#page-nav ul {list-style-type: none;}
			#page-nav li {}
				#page-nav li a {}
			#page-nav li.current_page_item {}

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container {}

	/**
	* Content
	************************************************/
	
	#home-introduction {
	
		text-align: left;
	
		padding-left: 14px;
	
		padding-bottom: 20px;
	
		padding-right: 14px;
	
		padding-top: 14px;
	
		border-top-style: dotted;
	
		border-top-color: #666699;
	
		border-top-width: 1px;
	
		font-family: Helvetica, Verdana, Arial, sans-serif;
	
		border-bottom-style: none;
	
		font-size: 0.9em;
	
	}
	
	#home-introduction li {
		
		font-style: normal;
		
		font-weight: normal;
		
		margin-left: 0px;
		
		line-height: 1.8em;
		
		list-style-type: none;
		
	}
	
	.HomeEntry {padding-right: 12px; padding-left: 12px; line-height: 1.6em; font-size: 0.9em;}
	
	.content h2 {margin-top: 50px; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; line-height: 1.3em; font-size: 2em;}
	
	.content small {font-weight: bold; line-height: 3em; font-style: italic; font-size: 0.7em;}
	
	.content p {font-size: 0.9em;}
	
	.content p.postmetadata {font-size: 0.7em;}
	
	
	.DinContent h2 {font-family: Georgia, "Times New Roman", Times, serif; text-align: left; line-height: 1.2em; font-size: 1.2em;}
	
	.DinContent small { font-style: italic; font-weight: bold; font-size: 0.7em;}
	
	.DinContent .entry {margin-top: 20px; font-size: 0.8em;}
	
	.DinContent p.postmetadata {font-size: 0.7em;}
	
	
	#introServices {padding-bottom: 32px; list-style-type: none; text-align: center;}
	
	#introServices img { top: 4px; position: relative;}
	
	.introServicesHead {
			margin-bottom: -14px;
			margin-right: auto;
			margin-left: auto;
			width: 200px;
			border-bottom-color: #666699;
			font-variant: small-caps;
			text-align: center;
			border-bottom-style: dotted;
			border-bottom-width: 1px;
			font-weight: bold;
			font-size: 1.1em;
			text-transform: lowercase;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
	
	#thoughtPieceTitle {
			color: #cd2c02;
			margin-bottom: -20px;
			margin-top: 30px;
			border-top-color: #666699;
			border-bottom-color: #666699;
			border-top-style: dotted;
			border-top-width: 1px;
			padding-top: 15px;
			font-variant: small-caps;
			text-align: center;
			border-bottom-style: dotted;
			border-bottom-width: 1px;
			padding-bottom: 15px;
			font-weight: bold;
			font-size: 1.2em;
			text-transform: lowercase;
			font-family: Georgia, "Times New Roman", Times, serif;
	}
	
	.firstline {
	
		text-transform: uppercase;
	
		color: #353164;
	
		font-size: 1em;
	
	}

	/* Contains site's main content */
	#content {	padding-top: 49px;	width: 500px;	}

		#dinFloater {
			width: 250px;
			top: 420px;
			position: absolute;
			left: 705px;
			float: right;
		}
		
		.dinHeader {
		
			border-bottom-color: #666699;
		
			border-bottom-style: dotted;
		
			border-bottom-width: 1px;
		
			font-variant: small-caps;
		
			text-align: center;
		
			margin-bottom: 5px;
		
			padding-bottom: 10px;
		
			font-weight: bold;
		
			font-size: 0.9em;
		
			text-transform: lowercase;
		
			font-family: Georgia, "Times New Roman", Times, serif;
		
		}
		
		.dinHeader a:visited {color: #cd2c02;}

		.dinHeader a:link {color: #cd2c02;}

		#dinFloater p {
		
			line-height: 1.6em;
		
			margin-top: -15px;
		
			padding: 8px;
		
			font-size: 0.85em;
		
		}


	/* SPECIFIC CSS FOR BOOK PAGE */
	
		.bookPageContent {height: 1000px;}
		
		.bookPageContent .MainHeader {margin-bottom: 50px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em;}

		.bookPageContent img {float: left;}

		.bookPageContent .orderbooks { width: 100%; font-size: 0.9em; font-family: Georgia, "Times New Roman", Times, serif; padding-left: 0px; padding-bottom: 60px; padding-top: 20px; float: left; text-align: center;}
		
		.bookPageContent .bodytext { text-align: left; float: right; font-size: 0.9em; width: 266px;}
		
		.bookPageContent .post {height: 860px;}
		
		.bookPageContent .entry-title {padding-bottom: 10px; padding-top: 10px;}
		


	/* SPECIFIC CSS FOR ARTICLES PAGE */
		
		.articlesPageContent {text-align: left;}
		
		.articlesPageContent .MainHeader {margin-bottom: 50px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em;}
		
		.articlesPageContent .Header {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em;}
		
		.articlesPageContent .Subheader {}
		
		.articlesPageContent .DLLink {
			font-variant: small-caps;
			text-align: center;		
			font-weight: bold;
			font-size: 0.9em;
			text-transform: lowercase;
			font-family: Georgia, "Times New Roman", Times, serif;}
		
		.articlesPageContent li {padding-bottom: 30px;}
		
		.articlesPageContent .Intro { margin-left: 10px; margin-bottom: 10px; margin-right: 10px; margin-top: 12px; padding-left: 16px; padding-bottom: 6px; padding-right: 20px; padding-top: 6px; line-height: 1.5em; border-color: #666699; font-style: italic; font-size: 0.8em; border-style: dotted; border-width: 1px;}
	
		.articlesPageContent .pdfIcon { top: 20px; position: relative;}
		
		.articlesPageContent .DLSection {margin-bottom: 18px; margin-top: -30px;}
	
	/* SPECIFIC CSS FOR OUR SERVICES PAGE */
	
		.servicesPageContent {}
		
		.servicesPageContent strong {line-height: 2em; color: #545017; text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-variant: small-caps;}
		
		.servicesPageContent p {padding-right: 12px; padding-left: 12px; font-size: 0.9em;}
		
		.servicesPageContent li {font-size: 0.9em;}
		
		.servicesPageContent .MainHeader {margin-bottom: 50px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em;}
		
		.servicesPageContent .Header {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em;}


	/* SPECIFIC CSS FOR ABOUT PAGE */
	
		.aboutPageContent {height: 1240px;}
		
		.aboutPageContent .MainHeader {margin-bottom: 50px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em;}
		
		.aboutPageContent strong {font-size: 1.2em;}
		
		.aboutPageContent .bodytext { padding-bottom: 40px; text-align: left; float: right; font-size: 0.9em; width: 320px;}
		
		.aboutPageContent img { float: left;}
		
		.aboutPageContent .post {height: 1100px;}
		
		.aboutPageContent .entry-title {padding-bottom: 10px; padding-top: 10px;}
		
		.wp-image-172 {top: 398px; position: relative;}

				
	/* SPECIFIC CSS FOR FOUNDATIONS PAGE */				
				
		.FoundationsPageContent .MainHeader {margin-bottom: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em;}
		
		.FoundationsPageContent .introduction {
	
		text-align: left;
	
		padding-left: 14px;
	
		padding-bottom: 20px;
	
		padding-right: 14px;
	
		padding-top: 14px;
	
		border-bottom-style: dotted;
	
		border-bottom-color: #666699;
	
		border-bottom-width: 1px;
	
		font-family: Helvetica, Verdana, Arial, sans-serif;
		
		font-size: 0.9em;
	
	}	
		
	/* SPECIFIC CSS FOR DIN PAGE */				
				
		.DINPageContent .MainHeader {margin-bottom: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em;}
		
		.DINPageContent img {}
		
		.DINPageContent .introduction {
	
		text-align: left;
	
		padding-left: 14px;
	
		padding-bottom: 20px;
	
		padding-right: 14px;
	
		padding-top: 14px;
	
		border-bottom-style: dotted;
	
		border-bottom-color: #666699;
	
		border-bottom-width: 1px;
	
		font-family: Helvetica, Verdana, Arial, sans-serif;
		
		font-size: 0.9em;
	
	}
		
		
	/* SPECIFIC CSS FOR TSG PAGE */				
				
		.TSGPageContent .MainHeader {margin-bottom: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em;}
		
		.TSGPageContent img {}
		
		.TSGPageContent .introduction {
	
		text-align: left;
	
		padding-left: 14px;
	
		padding-bottom: 20px;
	
		padding-right: 14px;
	
		padding-top: 14px;
	
		border-bottom-style: dotted;
	
		border-bottom-color: #666699;
	
		border-bottom-width: 1px;
	
		font-family: Helvetica, Verdana, Arial, sans-serif;
		
		font-size: 0.9em;
	
	}	
	
	/* SPECIFIC CSS FOR FEEDBACK PAGE */	
	
		#FeedbackPageContent p {font-size: 0.9em;}
		
		#FeedbackPageContent .FeedbackSig {line-height: 1.4em; margin-left: 12px; margin-top: -16px; font-size: 0.8em; font-style: italic;}
		
		#FeedbackPageContent ul {list-style-image: url(images/bullet_logo_18.png);}			
			
		#FeedbackPageContent li {list-style-type: none; margin-bottom: 30px; }	
		
		#FeedbackPageContent li li {list-style-image: none; list-style-type: disc; margin-top: 0px; margin-bottom: 0px; }			
		
		
		/* Breadcrumb trail */
		.breadcrumb {padding-bottom: 8px; font-size: 0.7em;}

		/* Archive and search <div> before posts are listed */
		.author-info {}
		.category-info {}
		.date-info {}
		.search-info {}
		.tag-info {}

		/* Posts */
		.post { padding-right: 14px; padding-left: 14px; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #666699; padding-bottom: 10px; font-size: 0.9em; font-family: Helvetica, Verdana, Arial, sans-serif;}

			/* Post, page, and archive titles */
			.entry-title {padding-top: 30px; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; line-height: 1.3em; font-size: 2em;}
			.single-title {}
			.page-title {}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.category-title {font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em;}
			.date-title {}
			.search-title {}
			.tag-title {}

			/* Author and date byline */
			.byline { line-height: 1em; margin-top: -1em; font-style: italic; text-align: right; font-size: 0.8em;}

			/* Full entries */
			.entry-content {}
			
			p.entry-meta {padding-bottom: 20px; border-bottom-style: dotted; border-bottom-width: 1px; font-size: 0.6em;}
			
			.entry-content img {margin: 10px;}
			
			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary {padding-right: 12px; padding-left: 12px; margin-top: 20px; font-size: 0.8em;}

				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */
				a.more-link {}

			/* Post meta data */
			.post-meta-data {font-size: 0.8em;}

		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links { padding-right: 6px; padding-left: 6px; padding-bottom: 46px; font-size: 0.7em;}
			.navigation-links .previous {float: left; text-align: left;}
			.navigation-links .next {float: right;}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {font-size: 0.8em;}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {}
					#comments ol {}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment meta data */
							#comments .comment-meta-data {}
								#comments .comment-meta-data cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {visibility: hidden;}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {}
							#respond textarea {}
						#respond .button {}
						#respond .comment-action {}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget {}
		.widget-inside {}
			.widget-title {}

	/* Primary widget section */
	#primary {}
		#primary .widget {}
			#primary .widget-inside {}
				#primary .widget-title {}
				#primary .widget ul {}
					#primary .widget ul li {}

	/* Secondary widget section */
	#secondary {}
		#secondary .widget {}
			#secondary .widget-inside {}
				#secondary .widget-title {}
				#secondary .widget ul {}
					#secondary .widget ul li {}

/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {clear: none; position: static; bottom: 0px; left: 0px; float: left;}

	/* Subsidiary widget section */
	#subsidiary {}
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

	/* Footer section */
	#footer {
	bottom: 0px;
	left: 0px;
	position: static;
	float: left;
	width: 100%;
	z-index: 0;
	/*text-shadow: 0px 1px 1px #bcb5b7;
	color: #171717;*/
	}

		/* Footer extra */
		#footer .copyright {}
		#footer .credit {}

#footerContent { clear: none; background-repeat: repeat-x; background-image: url(images/footer-fade3.png); height: 215px; width: 100%; background-color: #af8bff; bottom: -20px; position: relative;}

#footerCopy { float: left; clear: none; border-right-color: black; border-right-style: dotted; border-right-width: 1px; font-size: 0.8em; width: 270px; text-align: left; margin-top: 40px; margin-left: 120px;}

#footerTSG { line-height: 1.9em; font-weight: bold;}

#Justin { font-size: 0.9em;}
		
#footerTags { margin-left: 14px; font-size: 0.8em; margin-top: 40px; clear: none; float: left; width: 600px;}

#footerTags ul {margin-left: 0px; font-size: 0.9em; display: block;}

#footerTags ul li {margin-right: 10px; list-style: none; display: block; float: left; position: relative;}

#footerlogo {

	margin-top: -431px;

	z-index: 0;

	background-repeat: no-repeat;

	height: 431px;

	width: 361px;

	background-image: url(images/Logo_big_blendedLARGE.png);

}