/* 
Theme Name: Karen Luk
Description: A custom stylesheet made expressly for Karen Luk using the skeleton child theme framework provided by Justin Tadlock and lots of love!
Author: Rachel Nabors with thanks to Justin Tadlock
Author URI: http://thepinkcrow.com
Version: 1
Template: hybrid
*/

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

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

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

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

/* Contains everything */
body {
color: #262525;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

	/* Wrapper for everything inside of the body */
	#body-container {
		color: #262525;
		font-size: 1.2em;
		line-height: 1.5em;
		margin: 0 auto;
		width: 795px;
	}

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

/* Hyperlinks */
a:link { color: #822626; }
a:visited { color: #690202; }
a:hover { color: #822626; text-decoration: none; }
a:active { color: #822626; }

/* Headers */
h1, h2, h3, h4, #site-title {
	color: #525252;
	font-family: Georgia, "Times New Roman", Times, serif; 
}
h1 a, h2 a, h3 a { 
	color: #262525; 
	text-decoration: none; 
}
#site-title{
	background: url(images/h_dragon.png) no-repeat 3.75em 0;
	border-bottom: 1px solid #8a8a8a;
	font-size: 9em;
	line-height: 1em;
	font-weight: normal;
	text-align: center;
	word-spacing: 80px;
}
#site-title{
	color: #525252;
	text-decoration: none;
}
h1.page-title {  
	line-height: 1em;
	font-size: 3em; 
	font-weight: normal;
	margin-bottom: 10px;
}
.home h2 { font-size: 2em; line-height: 1em; font-weight: normal; margin: 0 0 5px;}
.f_work h2 {font-size: 2.5em; line-height: 1em; color: #262525; }
h2 { font-size: 1.5em; line-height: 1em; font-weight: normal; margin: 10px 0 5px;}
h3 { 
	border-bottom: #822626 1px solid;
	font-size: 1.25em; 
	line-height: 1em; 
	font-weight: bold; 
	margin-bottom: 5px;
	padding-bottom: 5px;
}

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

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

	/* Contains site title and tagline */
	#header { }

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

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

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

/* Wrapper for navigation */
#primary-menu {}

	/* Page nav */
	.menu {
	}
		.menu ul {
			float: left; display: inline;
			left: 50%;
			position: relative;
		}
			.menu li {
				float: left; display: inline;
				padding: 9px;
				position: relative;
				right: 50%; 
			}
				.menu li a { 
					color: #690202; 
					text-decoration: none; 
				}
				.menu li:hover {
					border-top: #690202 6px solid;
					border-bottom: #690202 1px solid;
					padding: 3px 9px 8px 9px;
				}				
				.menu .current_page_item {
					border-top: #8a8a8a 6px solid;
					border-bottom: #8a8a8a 1px solid;
					padding: 3px 9px 8px 9px;
				}
			.menu li.current_page_item {}

.page #content p { margin-bottom: 1em; }

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

/* Wrapper for the content and primary/secondary widget sections */
#container {
		clear: both;
	}

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

	/* Contains site's main content */
	#content { margin: 20px 0;	float: left; display: inline;}

		/* Breadcrumb trail */
		.breadcrumb { font-size: .75em; }

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

		/* Posts */
		.blog .post { margin-bottom: 2em; }
		.post {}

			/* Post, page, and archive titles */
			.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 {}

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

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

		/* Wrapper for entire comments area */
		#comments-template {margin-top: 2em;}

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

	/* 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: both;
	color: #262525;
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 auto;
	width: 795px;
}

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

	/* Footer section */
	#footer { 
		border-top: solid 1px #8a8a8a;
		color: #8a8a8a;
		margin-top: 24px;
		padding-top: 6px;
		text-align: center; 
	}

		/* Footer extra */
		#footer a { color: #8a8a8a; text-decoration: none; }
		#footer a:hover { text-decoration: underline; }
		#footer .credit { font-size: .75em; }
			#footer .credit a { color: #e64988;}
			
/*Custom*/
#announcements { 
	background: url(images/bg_an.gif) repeat-y;
	float: left; display: inline; 
	width: 245px;	
}
#announcements h2 { 
	background: url(images/bg_an-top.gif) no-repeat; 
	padding: 20px 20px 0;
}
.an-wrapper { background: url(images/bg_an-bot.gif) no-repeat left bottom; padding-bottom: 10px; height: 100%; }			
.news { padding: 0 20px 20px; }

.home .f_work { 
	float: right; display: inline; 
	margin-left: 20px; 
	position:relative;
	width: 530px;
}
.home .f_work img { 
	position: absolute;
	top: 0; left: 0;
}
.home .f_work p, .home .f_work h2 { margin-left: 240px; }
.home .f_work p { 
	background: url(images/bg_f_work.gif) no-repeat right bottom;
	padding-bottom: 20px; }
.sample-gallery { clear: both; padding-top: 20px;}

.home .ngg-widget img {
	border:3px solid #a89a9a;
	margin: 2px;
}
.home .more {
	background: url(images/dot.gif) no-repeat right center;
	padding-right: 12px;
	text-align: right;
}

.shop { 
	list-style: none;
	width:795px; }
.shop li a { 
	background: #ddd;
	display: block;
	float: left; display: inline;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 1.4em;
	margin: 14px; padding: 10px;
	min-height: 13em;
	text-align: center;
	width: 150px;
}
.shop li a:link, .shop li a:visited {	text-decoration: none; }
.shop li a:hover, .shop li a:active { background: #8A8A8A; color: #fff;}

	.shop li img {
		border: #fff 1px solid;
		display: block;
		margin-bottom: .5em;
		
	}
.product_page { 
	min-height: 300px;
	padding-left: 245px; 
	position: relative; 
}
	.product_image { position: absolute; left: 0; top: 0; }

.shopping_cart { margin-top: 15px; }

/*= Modular Float clearing--add this to anything that contains grouping of floated items */
.group:after { 
content: ".";
display: block;
height: 0;
clear:both;
visibility: hidden;
}

*html .group { height: 1%; } /*IE6*/
*:first-child+html .group { min-height: 1%; } /* IE7 */