/* 
Theme Name: CS-Skeleton
Theme URI: http://chuckscott.com
Description: Originally for AlwaysCreative.com, this theme is based on ThemeHybrid and Skeleton
Author: Chuck Scott
Author URI: http://chuckscott.com
Version: 0.1.0
Tags: Framework
Template: hybrid
*/

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

/* 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'); */

/* Chucks layout - pick from Hybrid Library */
	@import url('../hybrid/library/css/2c-l-fixed.css');
	
/* Get Plugins CSS */
	@import url('../hybrid/library/css/plugins.css');
	 
/* Get drop-downs CSS */
	@import url('../hybrid/library/css/drop-downs.css');
	
/* Get tabs CSS (uncomment below line if using the Hybrid Tabs plugin) */
	@import url('tabs.css');
	
/* CS - Get Colorbox CSS */
	@import url('colorbox.css');

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

/* Contains everything  - 
	- cs adding light grey background from orig chuckingit sidebar - #eeeeee 
	- image bg.png from Hybrid-News as is 141 pixels tall - see psd in hybrid-news-pack
*/

body {
	font: 12px/22px Verdana, Geneva, Tahoma, sans-serif;
	background: #e5fad8 url(images/cs-bckgrnd.png) repeat-x 0 0;
	}

	/* Wrapper for everything inside of the body 
		- cs make this white
	*/
	#body-container {
	/* cs setting to grey - orig from hybrid-news - background: #fff url(images/bg.png) repeat-x 0 0; */
	background: #ccc;
	}

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

/* Hyperlinks */
a, a:visited {
	color: #093754;
	text-decoration: none;
	}

a:hover , a:active {
	text-decoration: underline;
	}


/* 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 {
	padding: 6px 9px;
	background: #fffbbc;
	border: 1px solid #E6DB55;
	}

/* 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 {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 15px 10px 0;
	padding: 4px;
	background: #EFF1E1;
	border: 1px solid #e2e2e2;
	}

/* WP Captions [caption] */
.wp-caption {}
	.wp-caption img {}
	.wp-caption p {}

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

/* Avatars */
.avatar {}

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

/* Contains entire header */
#header-container {
	overflow: hidden;
	height: 60px;
	}

	/* Contains site title and tagline */
	#header {
		overflow: hidden;
		width: 960px;
		height: 60px;
		margin: auto;
		}
			
		/* Site title */
		#site-title {
			float: left;
			width: 960px;
			height: 60px;
			}
			#site-title a {
				display: block;
				width: 960px;
				height: 60px;
				background: url(images/cs-header.png) no-repeat 0 0;
				}
			#site-title a span {
				display: none;
				} 

		/* Site description/tagline */
			#site-description {
				display: none;
				}
/**
* Page navigation
************************************************/

/* Wrapper for navigation */
#navigation {
	width: 960px;
	height: 25px;
	margin: 0 auto;
	background: #00070f;  /* creates dark blue row */
	}

	/* Page nav */
	#page-nav {
		float: left;
		width: 750px; /* was 760 but that forces search on next line with ie */
		margin: 0 0 0 0;
		}
		
		#page-nav ul {
			list-style: none;
			margin: 0;
		}
			#page-nav li {
				float: left;
				margin: 6px 0 0 0;
				padding: 0 0 8px 0;
			}
			
			#page-nav li a:hover {
			/* Custom style rules here - includes cs bold and funky green on hover */
				font-weight: bold;
				/* background: #fff; */
			/*	color: #66ff66;  */
			}
			
			/* cs this had been page-nav a, li */
				#page-nav a {
					display: block;
					font: normal normal normal 11px/11px Verdana, Geneva, Tahoma, sans-serif;
					color: #999;
					padding: 0 15px 0 15px;
					/* cs funky green */
					border-right: 1px solid #66ff66;
					/* orig - border-right: 1px solid #353535; */
				}
				
				/* Drop-down styles */
				/* cs this code is from hybrid-news */
				#page-nav li:hover ul, #page-nav li.sfHover ul  {
					top: 19px;
					}
				#page-nav li li:hover ul, #page-nav li li.sfHover ul, #page-nav li li li:hover ul, #page-nav li li li.sfHover ul  {
					top: -1px;
					}
				#page-nav ul ul {
					border-top: 1px solid #222;
					background: #111;
					}
				#page-nav li li {
					margin: 0;
					padding: 0;
					border-bottom: 1px solid #222;
					}
				#page-nav li li a {
					/* cs funky green */
				/*	color: #66ff66; */
					padding: 7px 7px;
					border: none;
					}
								
				/* cs comment out for now 
			#page-nav li.current_page_item {}
				*/
				

/**
* CS - this adds Search form in navigation
************************************************/
#navigation .search {
	float: right;
	width: 200px; /* you can shorten this if need to lengthen nav bar - 180 worked */
	height: 25px;
	}
#navigation input {
	float: right;
	width: 170px;
	height: 15px;
	margin: 4px 1px 0 0;
	padding: 1px 8px 1px 22px;
	font: normal normal normal 11px/15px Verdana, Geneva, Tahoma, sans-serif;
	/*color: #aaa; */
	color: #001328;
	/* background: #001328 url(images/search-icon.png) no-repeat 5px 0; */
	background: #fff url(images/search-icon.png) no-repeat 0;
	border: 1px solid #011e3f;
	}
#navigation .search-submit, #navigation .button {
	display: none;
	}

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

/* Wrapper for the content and primary/secondary widget sections */
#container {
	width: 958px;
	background: #fff;
	/* cs padding had been 10 */
	/* padding: 10px 0 10px 10px; */
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

	
	
/** CS Content for Content Container **/
	/* creates thin blue rule on right side of content */
	.hfeed {
/*	border-right: 1px solid #000099; - have not been able to figure out the repeat-y thing */
	padding: 10px 0 10px 10px;
	}
	
	
	/**
	* Content
	************************************************/

	/* Contains site's main content */
	#content {	}

		/* Breadcrumb trail */
		.breadcrumb {
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 12px;
			font-style: italic;
			/* Light yellow background */
			/* background: #FEFEE9; */
			/* brighter yellow */
			/* background: #fffeaf;  */
			/* background: #fefdbd;*/
			background: #fefdd0;
		}

		/* Archive and search <div> before posts are listed */
		.author-info {}
		
		.category-info {
		/*	CS - style category box and text */
			border: 1px dotted #ccc;
			padding: 5px 5px 5px 5px;
			margin: 0 0 10px 0;
			/* Super Light Grey background */
			background: #f4f4f5;
		}
		.category-title {
			color: #009;
		/*	background: #f4fcfd; */
			background: #fff;
			font-style: italic;
			padding: 2px 0px 1px 4px;
			margin: 0px 0px 0px 0px;
		}
		
		.category-description{
			background: #fff;
			font-size: 11px;
			line-height: 1.5;
			padding: 2px 50px 1px 20px;
			margin: 0px 0px 0px 0px;
			/* line-height: 135%; */
		}
		
		.date-info {}
		.search-info {}
		.tag-info {}

		/* Posts */
		.post {
			/* CS - bring post margin left and right in a bit */
			margin: 0px 0px 0px 0px;
			padding: 5px 5px 20px 5px;
			background: #f4fcfd;
			border: 1px solid #ccc;
			}

			/* Post, page, and archive titles */
			.entry-title {
			/* CS - stylize the title a bit */
				background-color: #ebe9ff;
				margin: 0px 0px 4px 0px;
				padding: 5px 5px 5px 5px;
				font-style: italic;
			}
			.single-title {}
			.entry-content {
			/* CS - put white background behind posts */
				background-color: #fff;
				margin: 0px 0px 0px 0px;
				padding: 4px 0px 10px 5px;
				}
				
			/* CS - add some spacing for bullets */
			.entry-content li {
				padding: 0px 40px 10px 0px;
			}
			
			
			.page-title {}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.category-title {}
			.date-title {}
			.search-title {}
			.tag-title {}

			/* CS - add back to top style */
			.top a {
				color: #6c0286 !important; 
				float: right;
				font-style: italic;
				padding: 0px 40px 0px 0px;
				}
				
			.top a:hover , a:active {
				font-weight: bold;
				text-decoration: underline;
				}
			
			/* CS - add next chapter style */
			.next_chapter a {
				color: #6c0286 !important; 
				float: right;
				font-style: italic;
				padding: 0px 40px 0px 0px;
				}
				
			.next_chapter a:hover , a:active {
				font-weight: bold;
				text-decoration: underline;
				}
			
			/* Author and date byline */
			.byline {
			/* CS - add lightgreen background to back of byline */
				background-color: #e5fad8;
				margin: 0px 0px 15px 0px;
				padding: 0px 0px 0px 4px;
				font-style: italic;
			}

			/* CS - on this page tables */
			#cs_on_this_page {
			/*	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; */
				font-size: 12px;
				margin: 5px 5px 5px 15px;
				width: 175px;
				text-align: left;
				float: right;
				border: 1px solid #F2EFEF; 
				}
				
			#cs_on_this_page th {
				text-align: center;
				font-weight: bold;
				color: #009;
				background: #FEFEE9;
			/*	border-bottom: 1px solid transparent; */
				}
				
			#cs_on_this_page td {
				padding: 4px;
				background: #e8edff; 
				color: #669;
				}

				#cs_on_this_page tr:hover td {
				background: #d0dafd;
				color: #339;
				}

				/* Full entries */
			.entry-content {}

			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary {
			/* CS add white to background */
				background: #fff;
				padding: 0px 0px 0px 4px;
				}

			/* CS this adds a bit of white spacer between search post listings */
				.hentry {
				margin: 0px 0px 10px 0px;
				}
				
				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */

				/* CS - from dot dot dot and per functions file */
				.read_more {
					/* CS nice rich purple vs red */
					/* color: #a300cc !important; */
					/* darker purple */
					color: #6c0286 !important;
					/* color: #FF0000 !important; */
					float: right;
					font-style: italic;
					padding: 0px 40px 0px 0px;
				}

			/* Post meta data */
			.post-meta-data {}

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

		/* Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

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

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

/* CS - Google AdSense inline - 468x60 */
	#cs-inline-adsense {
		padding: 0px 0px 10px 20px;
		}
		
		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {}

			/* 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 {}

					/* 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)
	************************************************/

	#primary {
	}
	
	.aside {	
		/* CS - this controls the right column area */
		background: #66ff66;
		background-repeat: repeat;
		padding: 10px;
		/* background: #ccc; */
		}
	
	/* Widgets in general */
	.widget {	
		/* cs - add grey backgroun */
		background: #ccc;

		}
		.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 {}

	/* CS - adds white background to Google Ads Background */
	#secondary .textwidget {
		background: #fff;
		}	

	/* CS - Google AdSense 2colum table */
	#cs-google-ads-2cols {
		margin: 0px 0px 0px 10px;
		}
				
	#cs-google-ads-2cols td {
		padding: 4px 0px 0px 10px;
		/* background: #e8edff; */
		background: #fff; 
		color: #669;
		}
			
				
	/* CS - adds white background to Who is Online */
	#whos-online{
		background: #fff;
		margin: 4px 0px 0px 0px;
		padding: 4px;
	}	
	
	.widget-title {
		font-size: 12px;
		color: #009;
		font-weight: bold;
		margin: 0px 0px -5px 0px;
	}	
	
	/* Chapters */
	.widget_nav_menu {
		background: #fff;
		margin: 4px 0px 0px 0px;
		padding: 4px;
		font-size: 11px;
		}
	
	.widget_nav_menu a:hover {
		background: #d0dafd;
		color: #339;
		font-weight: bold;
		}
	
	.widget-archives {
		background: #fff;
		margin: 4px 0px 0px 0px;
		padding: 4px;
	}
	
	.widget-categories {
		background: #fff;
		margin: 4px 0px 0px 0px;
		padding: 4px;
	}
	
	
	
/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {
			}

	/* Subsidiary widget section */
	#subsidiary {
		/* CS changes to allow three divs in one row */
			overflow: hidden;
			width: 960px;
			padding: 5px 5px 5px 5px; 
			}
		#subsidiary .widget {
			}
			#subsidiary .widget-inside {
				padding: 5px;
				background: white;
				background-repeat: repeat-y;			
			}
				#subsidiary .widget-title {}
				
	

	/* Footer section */
	

		/* Footer extra */
		#footer 	{
		}
		
		.copyright {
		/* CS change to copyright row */
			font-size: 12px;
			text-align: center;
			width: 960px;
			padding: 5px 5px 5px 5px; 
			color: #999;
			margin: 0 auto;
			background: #fff;
			}
			
		.credit {
		/* CS change to copyright row */
			font-size: 12px;
			text-align: center;
			width: 960px;
			padding: 10px 5px 15px 5px; 
			color: white; 
			/* color: #999; */
			margin: 0 auto;
			}
		
	
/* end */