/* 
Theme Name: CCSCC
Description: Based on the Hybrid framework
Author: JLeez
Author URI: http://jleez.net
Version: 0.3
Template: hybrid
*/

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

/*	Get reset CSS */
	@import url('../hybrid/library/css/reset.css');

/* Get elements CSS */
	@import url('css/elements.css');

/* Get layout CSS */
	@import url('css/layout.css');

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

/* Get dropdowns CSS
	@import url('css/drop-downs.css'); */
	@import url('../hybrid/library/css/drop-downs.css');


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

/* Set font size to 16px and line height to 24px for entire site */
body { font-size: 100%; font-family: Georgia, Times, "Times New Roman", serif; line-height: 1.5em; background: #aeaead url('images/background.png') repeat-x; }

html>body { font-size: 16px; }

	/* Wrapper for everything inside of the body */
	#body-container { margin: 24px auto 0 auto; }

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

/* Normal images
img { padding: 6px; background: #ddd; }

	a:hover img { background: #c00; } */

/* Normal images */
img { padding: 5px; background: #ddd; }

/* WP Smilies */
img.wp-smiley { max-height: 14px; margin: 0; padding: 0; border: none; }

/* Thumbnails */
.thumbnail { float: left; margin: 0 10px 5px 0; }

/* WP Captions [caption] */
.wp-caption { margin-bottom: 10px; padding: 5px 0 0 0; background: #ddd; text-align: center; }

	.wp-caption img { margin: 0 auto; padding: 0; }

	.wp-caption .wp-caption-text { margin: 0; padding: 0 5px 5px 5px; text-align: left; font-size: 12px !important; } 

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

/* Links */
a, a:visited { color: #237fa1; text-decoration: none; }

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

/* Title heading links */
h1 a, h1 a:visited, h2 a, h2 a:visited { color: #444; }

	h1 a:hover, h1 a:active, h2 a:hover, h2 a:active { color: #c00; }

/* Revert back to "default" link colors for listings of posts */
.search-results .entry-title a, .search-results .entry-title a:visited { color: #237fa1;}

	.search-results .entry-title a:hover, .search-results .entry-title a:active { color: #c00; }

/* Blockquotes */
blockquote { padding-left: 22px; background: #fff url('../images/quotes.gif') no-repeat 0 0; }

/* Tables */
table { border-collapse: collapse; border-spacing: 0; }

	th, td { padding: 5px; border-bottom: 1px solid #bbb; }
	
		th { background: #eee; }

		/* Set the width of the "Date" column in schedule tables */
		th.date { width: 150px; }


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

/* Contains entire header */
#header-container { background: #fff url('images/header-background.png') no-repeat top center; overflow: hidden; }

	/* Contains site title and tagline */
	#header { margin-top: 0; }
	
		/* Site logo */
		#header-logo { width: 110px; height: 100px; float: left; overflow: hidden; }
		
			#header-logo a img { border: none; background: none; }
		
		/* Upper (secondary) navigation */
		#header-navigation { width: 780px; float: right; padding: 5px 20px 5px 10px; font-size: 14px; text-align: right; overflow: hidden; }

		/* Site title */
		#site-title, #site-title h1{ padding-top: 35px; margin: 0; font: italic normal normal 36px/40px Georgia, Times, "Times New Roman", serif; }

			#site-title a, #site-title a span { color: #000; }

				#site-title a:hover, #site-title a:hover span { color: #c00; text-decoration: none; }

		/* Site description/tagline */
		#site-description, #site-description h2 { margin-bottom: 6px; font: italic normal normal 20px/24px Georgia, Times, "Times New Roman", serif; color: #555; }


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

/* Wrapper for navigation */
#navigation { margin: 0; height: 35px; background: url('images/navigation-background.png') repeat-x bottom; overflow: visible; z-index: 100; }

	/* Page nav */
	#page-nav ul { font-size: 18px; line-height: 18px; }
	
		#page-nav li a { padding: 7px 16px; font-weight: bold; color: #fff; display: block; }

			#page-nav li a:hover { text-decoration: none; color: #fff; background: #a10000; }
			
			#page-nav li:hover ul, li.sfHover ul {	top: 32px; }

			#page-nav li ul {	border-top: 3px solid #a10000; }
			
			#page-nav li li {	border-bottom: 1px solid #a10000; }
			
				#page-nav li li a { background: #c00; border-top: none; }
			
	
	/* This changes the length of the drop-down menus
	.menu ul { width: 12em; }
	
		#page-nav li li:hover ul, li li.sfHover ul { left: 12em; top: 0; }
		
			#page-nav li li li:hover ul, li li li.sfHover ul { left: 12em; top: 0; } */

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

/* Wrapper for the content and primary/secondary widget sections */
#container { background: #fff url('images/sidebar-background.png') repeat-y right; }

	/**
	* Content
	************************************************/

	/* Intro splash on CCSCC Intro Page */
	#intro-container { width: 960px; padding: 10px 0 5px 0; background: #fff url('images/bbb-pixel.png') repeat-x bottom; overflow: hidden; }
	
		#intro-image { width: 600px; margin-left: 10px; float: left; }
		
			#intro-image img { padding: 0; }
		
		#intro-desc { width: 330px; margin-right: 10px; background: url('images/intro-desc-background.png') no-repeat top center; float: right; }
		
			.intro-text { width: 300px; margin: 10px auto 0 auto; }
			
				.intro-text p { margin-bottom: 0; font-size: 1.3em; line-height: 1.5em; }
	
	/* Styling for lists on Category pages, done in pixels because I am lazy */
	.category .ccscc_list .entry-title { font-size: 18px; line-height: 24px; }
	
	.category .ccscc_list .byline { margin-bottom: 12px; }

	/* Contains site's main content */
	#content { /* See the layout.css */ }
	
		/* Spaces posts from intro splash on the CCSCC Intro template */
		.page-template-ccscc-intro #content { margin-top: 1.5em; }

		/* Breadcrumb trail */
		.breadcrumb { margin: 6px 0 18px 8px; font-size: 0.875em; line-height: 1.714285714em; }

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

		/* Posts, pages, attachments */
		.post, .page, .attachment { width: 580px; margin: 0 auto 48px auto; overflow: hidden; }

			.entry, .entry-content { margin-top: 24px; }

			/* Post, page, and archive titles */
			.author-title, .search-title, .tag-title, .date-title, .category-title { width: 580px; margin: 0 auto; }
			
			.author-description, .search-description, .tag-description, .date-description, .category-description { width: 580px; margin: 0 auto 48px auto; }
			
			/* Change the font size to the same as h2 */
			.entry-title, .single-title { margin-bottom: 0; font-size: 1.375em; font-weight: bold; line-height: 1.090909091em; } /* 22px font, 26px line height */
			
				/* Reverse the above font size change for the widgets (Annoying, I know!) */
				.widget .post-title, .widget .single-title { font-size: 1em; font-weight: normal; line-height: 1.5em; } /* 16px font, 26px line height */

			/* Author and date byline */
			.byline { margin-bottom: 1.714285714em; font-size: 0.875em; font-style: italic; line-height: 1.714285714em; }

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

			/* Excerpts
			.entry-summary {} */

			/* Post meta data */
			.post-meta-data { margin-bottom: 0; padding: 11px 16px; clear: both; font-size: 14px; font-style: italic; line-height: 24px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }

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

		/* Navigation links */
		.navigation-links { width: 600px; margin: 0 auto 24px auto; overflow: hidden; }
			
			.navigation-links .previous { max-width: 50%; float: left; }

			.navigation-links .next { max-width: 50%; float: right; text-align: right; }

		/* Attachment image navigation */
		.navigation-attachment { text-align: center; }

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

		/* Wrapper for entire comments area */
		#comments-template { width: 580px; margin: 0 auto; }

			/* Comments closed paragraph */
			p.comments-closed { font-style: italic; }

				/* Main comments section */
				#comments ol, #comments ol ol { margin: 0; list-style: none; }

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li { margin-bottom: 24px; padding: 22px 16px 0 16px; background: #f5f5f5; border: 1px solid #ddd; overflow: hidden; }

						#comments li li, #comments li li li li { background: #fff; border: 1px solid #e7e7e7; }

						#comments li li li, #comments li li li li li { background: #f5f5f5; border: 1px solid #e7e7e7; }
	
						#comments li.author { background: #444; color: #fff; }
	
							#comments li.author a { color: #2ca1cc; }

							/* Comment avatars */
							#comments .avatar { float: left; width: 48px; height: 48px; margin: 0 6px 0 0; padding: 0; }

							/* Comment meta data */
							#comments .comment-meta-data { margin-bottom: 24px; }
					
								#comments .comment-meta-data cite { margin: 0; font-weight: bold; font-style: normal; }

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

				/* Main comment form div
				#respond {} */

					/* Comment form title
					#reply {} */

					/* Comment form elements */
					#respond .form-author, #respond .form-email, #respond .form-url { display: block; width: 250px; }
						
						#respond .form-textarea { display: block; clear: left; }
						
							#respond textarea { width: 580px; }
						
						#respond .button { margin-right: 10px; padding: 7px; }


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

	/* Widgets in general */
	.widget { }

		.widget-inside { width: 300px; margin: 0 auto; }

			/* Change title h3 to the 16px and differentiate */
			.widget-title { margin-bottom: 0; padding: 0 5px; font-size: 1em; line-height: 1.5em; text-transform: uppercase; background: url('images/bbb-pixel.png') repeat-x bottom; }

			.widget ul { margin-left: 1em; }

	/* Primary widget section */
	#primary { margin-top: 1.5em; }
		#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 { width: 100%; }

	/* Footer section */
	#footer { width: 960px; text-align: right; background: #c00; border-top: 3px solid #a10000; }
	
		#footer p { margin: 0 9px 0 0; font-size: 14px; font-style: italic; line-height: 32px; color: #fff; }
		
		#footer a { font-style: normal; text-decoration: none; color: #fff; border-bottom: 1px dotted #fff; }
		
			#footer a:hover { text-decoration: none; }