/* 
Theme Name: Cynthia Kane's Theme
Theme URI: http://cynthiakane.com
Description: A child theme based on the Hybrid framework by Justin Tadlock
Author: Ron S. Doyle
Author URI: http://rondoylewrites.com
Version: 0.2
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'); */
@import url('../hybrid/library/css/2c-l-fixed.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 { 
    background: #fff;
    color: #000;
    }

/* Wrapper for everything inside of the body */
#body-container {
    overflow: hidden;
    width: 960px;
    padding: 32px;
    margin: 32px auto;
    }

/**
* Elements
************************************************/

/* Hyperlinks */
a:link, a:visited, a:active {
    color: #0066ff;
    }
a:hover {}

/* Headers */
h1, h2, h3, h4, h5 {
    font-weight: normal;
    color: #0066ff;
    }
/* Text elements */
strong {}
em {}
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p {}

/* Unordered lists */
ul {
    color: #ccff33;
}
	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 {}
	.wp-caption img {}
	.wp-caption p {}

/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {
    clear: both;
    float: right;
    width: 960px;
    height: 145px;
    margin: 0 0 32px 0;
    }

	/* Contains site title and tagline */
#header { 
    display: block;
    width: 671px;
    height: 142px;
    float: right;
    }

/* Site title */
#site-title {
    display:block;
    float: right;
    height: 142px;
    width: 671px;
    margin: 0 50px 0 0;   
    }
#site-title a {
    display: block;    
    background: url(images/header.png) no-repeat scroll 0 0;
    height: 142px;
    width: 671px;
}
#site-title a span {
    display: none;
    }

		/* Site description/tagline */
		#site-description { display: none;}

/**
* Page navigation
************************************************/

/* Wrapper for navigation */
#primary-menu {
    float: left;
    width: 220px;
    height: 290px;
    margin: 0 10px;
    }

	/* Page nav */

#primary-menu ul { 
    list-style-type: none;
    margin: 0;
    float: left;
    }
#primary-menu li {
    margin: 10px auto;
    text-indent: -999px;
    }

#primary-menu li a {
    color: #fff;
    display: block;
    width: 200px;
    height: 45px;
    background: url(images/home.png);
}

#primary-menu li.menu-item-324 a {
    display: block;
    width: 200px;
    height: 45px;
    background: url(images/about.png);
    }
#primary-menu li.menu-item-323 a {
    display: block;
    width: 200px;
    height: 45px;
    background: url(images/articles.png);
    }

#primary-menu li.menu-item-321 a {
    display: block;
    width: 200px;
    height: 45px;
    background: url(images/books.png) no-repeat;
    }

#primary-menu li.menu-item-322 a {
    display: block;
    width: 200px;
    height: 45px;
    background: url(images/blog.png);
    }

#primary-menu li.current_page_item {}

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container { 
    overflow: hidden;
    width: 720px;
    float: right;
    }

	/**
	* Content
	************************************************/

/* Contains site's main content */
#content {
    float: left;
    margin: 0;
    width: 480px;
    	}

.primary-inactive #content {
	width: 720px;
	}

.primary-inactive .secondary-inactive #content {
	width: 720px;
	}

/* Breadcrumb trail */
.breadcrumb {
    display: none;
    }

		/* Archive and search <div> before posts are listed */
		.author-info {}
		.category-info {}
		.date-info {}
		.search-info {}
		.tag-info {}

		/* Posts */
		.post {    
    border-bottom: 10px solid #ccff33;
    margin: 0 0 21px 0;
    }

			/* Post, page, and archive titles */

#post-6 h2.page-title {display: none;}

#post-10 h4, #post-119 h4 {
    font-size: 18px;
    color: #ff3300; 
    margin: 0 0 3px 0;   
    }


.entry-title {

    }
			.single-title {}
			.page-title {}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.category-title {}
			.date-title {}
			.search-title {}
			.tag-title {}

/* Author and date byline */
.byline {
    font-size: 13px;
    font-style: italic;
    }
    

			/* Full entries */
			.entry-content {}

			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary {}

				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */
				a.more-link {}

/* Post meta data */
.entry-meta {
    font-size: 12px;
    font-style: italic;
    }

		/* Post series */
		.series {} 
			.series-title {}

/* Navigation links */
.navigation-links {
        font-size: 28px; 
        padding: 0 0 10px 0;
	margin: 0 0 42px 0;
        }
.navigation-links .previous { float: 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 {}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed { display: none;}

				/* 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)
	************************************************/

	/* Widgets in general */
	.widget {}
		.widget-inside {}
			.widget-title {}

/* Primary widget section */
#primary {
    width: 200px;
    float: right;
    border-left: 16px solid #ccff33;
    }

#primary .widget {
    margin: 0 0 32px 0;
    }

#primary .widget-inside {
    padding: 0 0 0 10px;
    font-size: 13px;
    }

#primary .widget-title {
    font-size: 18px;
    font-style: italic;
    color: #ff5833
    }
#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: both;
	width: 960px;
	margin: 0 auto;
}

/* Subsidiary widget section */
#subsidiary {
    margin: 0 0 21px 240px;        
        }
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}
#subsidiary .widget img {
    margin: 0 110px 0 0;    

    }

	/* Footer section */
	#footer {
	font-size: 11px;
	}

/* Footer extra */
#footer .copyright {
	float: left;
	margin: 0 0 0 220px;
	}
#footer .credit {
	float: right;
	margin: 0 32px 0 0;
	}
