/*
Theme Name: Carol Hannah
Description: carol-hannah.com
Version: 1.2
Author: Dwarf Dog Chuck
Author URI: http://dwarfdogchuck.com/
*/


/**************
	OVERRIDES
**************/
* { margin: 0; padding: 0; }
img { border: 0; }
a { text-decoration: none; outline: none; }
h1, h2, h3, h4, h5, h6, p, ul, ol { margin: 0 0 1em 0; padding: 0; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; color: #777e82; font-weight: normal; }
h2.page-title { display: none; }


/**************
	GENERAL
**************/
a:link { color: #308a91; }
a:visited { color: #308a91; }
a:hover { color: #f08ba4; }
a:active { color: #308a91; }

p img { padding: 0; max-width: 100%; }
img.aligncenter { display: block; margin: 4px auto; }
img.alignright { margin: 0 0 4px 7px; display: inline; }
img.alignleft { margin: 0 7px 4px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
.clear, .clear-both { clear: both; }

blockquote {
	margin: 15px 0 0 0;
	padding: 0 10px;
	color: #777e82;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.5em;
	}
	blockquote cite {
		margin: 2px 0 0 0;
		display: block;
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-size: .8em;
		}


/**************
	STRUCTURE
**************/
body {
	font-family: Verdana, sans-serif;
	font-size: 68.75%; /* Resets 1em to 11px */
	font-weight: normal;
	color: #777e82;
	background-color: #ffffff;
	text-align: left;
	line-height: 1.4em;
	}

	#page { position: relative; width: 950px; padding: 0; margin: 0 auto; background: url(images/ch_header.jpg) no-repeat 0 0; }
		#page-2 #page { padding: 0; background: none; }

		#header { position: relative; width: 100%; height: 200px; }
			#page-2 #header, #header h1, #header h2 { display: none; }

			#header .nav { position: absolute; top: 95px; right: 35px; font-size: .95em; }
				#header .nav a:link { color: #777e82; }
				#header .nav a:visited { color: #777e82; }
				#header .nav a:hover { color: #f08ba4; text-decoration: none; }
				#header .nav a:active { color: #777e82; }
				
				#header .nav li { position: relative; float: left; text-transform: uppercase; padding: 0 7px; letter-spacing: -0.05em; }
					#header .nav li.page-item-16 { padding-left: 0; }
					#header .nav li.page-item-13 { padding-right: 0 }
					#header .nav li.current_page_item a, #header .nav li.current_page_parent a, #header .nav li.current-cat a { color: #f08ba4; }
					#header .nav li.current_page_item li a { color: #777e82; }
					#header .nav li.current_page_item li a:hover { color: #f08ba4; }
	
				#header .nav li a { display: block; }
					
					#header .nav li.page-item-2 { position: absolute; float: none; top: -60px; right: 680px; padding: 0; }
						#header .nav li.page-item-2 a { display: block; text-indent: -9999em; margin: 0; width: 170px; height: 85px; background: transparent url(images/ch_logo_white.png) no-repeat center; }
	
					#header .nav ul { display: none; position: absolute; z-index: 100; border-bottom: 1px solid #cccccc; padding-top: 2px; }
					#header .nav li:hover ul { display: block; }
						#header .nav ul li { float: none; text-transform: capitalize; width: 100px; padding: 0; margin: 0; background-color: #ffffff; }
							#header .nav ul li a { padding: 2px; border-top: 1px solid #cccccc; }
	
		#sidebar {
			position: relative;
			float: left;
			width: 200px;
			padding: 0 0 10px 0;
			margin: 0 0 0 75px;
			}
			#sign-up { float: right; display: block; width: 100%; height: 18px; margin: 10px 0 0 0; }

		#content {
			position: relative;
			width: 200px;
			padding: 0 630px 10px 0;
			margin: 0 0 0 75px;
			font-weight: normal;
			text-align: left;
			background-repeat: no-repeat;
			min-height: 329px;
			}
			#content.collection { float: none; width: 830px; padding-right: 0; }
			#blog #content, #page-9 #content { float: left; width: 525px; margin-left: 105px; padding-right: 0; }

		#footer { clear: both; height: 25px; width: 830px; margin: 0 0 0 75px; border-top: 1px solid #cccccc; font-size: .9em; /*color: #cccccc;*/ }
			#page-2 #footer { display: none; }


/**************
	CONTENT
**************/
#content h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; line-height: 1.5em; }
	#content h2.press { color: #f08ba4; }

	#page-2 #content { float: none; width: 950px; height: 713px; padding: 0; margin: 0 auto; }
		#page-2 #content .nav { display: block; width: 100%; height: 100%; background: url(images/ch_home_page-1.2.jpg) no-repeat 0 0; }
			#page-2 #content .nav li { position: absolute; }
				#page-2 #content .nav li a { display: block; text-indent: -9999em; background-position: 0 0; }
			#page-2 #content .nav .page-item-1611 { top: 280px; left: 220px; }
				#page-2 #content .nav .page-item-1611 a { width: 140px; height: 40px; background: url(images/home_shop_online.gif) no-repeat; }
				#page-2 #content .nav .page-item-1611 a:hover { background-position: 0 -45px; }
			#page-2 #content .nav .page-item-7 { top: 460px; left: 250px; }
				#page-2 #content .nav .page-item-7 a { width: 84px; height: 30px; background: url(images/home_stores.gif) no-repeat; }
				#page-2 #content .nav .page-item-7 a:hover { background-position: 0 -45px; }
			#page-2 #content .nav .cat-item-4 { top: 410px; left: 605px; }
				#page-2 #content .nav .cat-item-4 a { width: 96px; height: 44px; background: url(images/home_press.gif) no-repeat; }
				#page-2 #content .nav .cat-item-4 a:hover { background-position: 0 -45px; }			
			#page-2 #content .nav .page-item-4 { top: 190px; left: 720px; }
				#page-2 #content .nav .page-item-4 a { width: 65px; height: 43px; background: url(images/home_blog.gif) no-repeat; }
				#page-2 #content .nav .page-item-4 a:hover { background-position: 0 -45px; }
			#page-2 #content .nav .page-item-11 { top: 565px; left: 160px; }
				#page-2 #content .nav .page-item-11 a { width: 216px; height: 43px; background: url(images/home_meet_ch.gif) no-repeat; }
				#page-2 #content .nav .page-item-11 a:hover { background-position: 0 -45px; }
			#page-2 #content .nav .page-item-13 { top: 600px; left: 450px; }
				#page-2 #content .nav .page-item-13 a { width: 100px; height: 43px; background: url(images/home_contact.gif) no-repeat; }
				#page-2 #content .nav .page-item-13 a:hover { background-position: 0 -45px; }
			#page-2 #content .nav .page-item-16 { top: 190px; left: 160px; }
				#page-2 #content .nav .page-item-16 a { width: 133px; height: 43px; background: url(images/home_collections.gif) no-repeat; }
				#page-2 #content .nav .page-item-16 a:hover { background-position: 0 -45px; }

	#content.collection #gallery { position: relative; width: 350px; height: 500px; margin: 0 auto; cursor: pointer; }
	#content.collection #gallery-thumbnails { position: relative; width: 100%; margin: 0 auto; }
		.jcarousel-container { position: relative; width: 483px; height: 100px; margin: 0 auto; padding: 20px 40px; }
			.jcarousel-prev-horizontal { position: absolute; top: 63px; left: 15px; width: 19px; height: 19px; cursor: pointer; background: transparent url(images/prev-horizontal.png) no-repeat -57px 0; }
			.jcarousel-prev-horizontal:hover { background-position: -38px 0; }
			.jcarousel-prev-horizontal:active { background-position: -19px 0; }
			.jcarousel-prev-disabled-horizontal,
			.jcarousel-prev-disabled-horizontal:hover,
			.jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 0; }
			.jcarousel-next-horizontal { position: absolute; top: 63px; right: 15px; width: 19px; height: 19px; cursor: pointer; background: transparent url(images/next-horizontal.png) no-repeat 0 0; }
			.jcarousel-next-horizontal:hover { background-position: -19px 0; }
			.jcarousel-next-horizontal:active { background-position: -38px 0; }
			.jcarousel-next-disabled-horizontal, 
			.jcarousel-next-disabled-horizontal:hover,
			.jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -57px 0; }
			.jcarousel-clip { padding: 0; margin: 0; overflow: hidden; position: relative; }
				.jcarousel-list { overflow: hidden; position: relative; margin: 0; padding: 0; }
					.jcarousel-list li { float: left; list-style: none; width: 65px; height: 100px; /*No width/height causes infinite loop.*/  margin: 0 2px; }

	#page-1611 #content { background: url(images/shop_online.jpg) no-repeat right top; }

	#page-7 #content { background: url(images/stores.png) no-repeat right top; }

	#page-11 #content { background: url(images/meet_ch.jpg) no-repeat right top; }

	#page-13 #content { background: url(images/contact.jpg) no-repeat right top; height: 329px; }

	#social { margin-top: 15px; }
		#social li { height: 24px; padding: 0 0 5px 0; }
			#social a { display: block; height: 24px; padding-left: 29px; line-height: 21px; }
			#social #icon-facebook a { background: url(images/icon_facebook_24.png) no-repeat 0 0; }
			#social #icon-twitter a { background: url(images/icon_twitter_24.png) no-repeat 0 0; }
			#social #icon-email a { background: url(images/icon_mail_24.png) no-repeat 0 0; }

		#blog .post, #page-9 .post, #blog .commentlist, #page-9 .commentlist, #blog .commentlist li, #page-9 .commentlist li { position: relative; }
			#blog h2, #page-9 h2 { font-size: 1.75em; margin: 0 0 .25em 0; padding: 0 0 .2em 0; }

		#blog .post, #page-9 .post { margin-bottom: 10px; }

		#blog .meta, #page-9 .meta { position: absolute; top: -14px; left: -100px; width: 100px; text-align: center; }
			#blog .meta .date, #page-9 .meta .date { font-size: .8em; }
			#blog .meta .comments { }
				#blog .meta .comments span, #page-9 .meta .comments span { display: block; width: 61px; /*73px;*/ height: 35px; /*41px;*/ margin: 0 auto; padding: 20px 0 0 0; font-size: 1.75em; color: #ffffff; background: url(images/bg-comments-count.png) no-repeat 2px 2px; }

		#blog #comment, #page-9 #comments { width: 100%; }
		#blog h3, #page-9 h3 { font-size: 1.35em; color: #715177; }
		#blog h4, #page-9 h4 { border-bottom: 1px dotted #999999; }

.navigation { position: relative; display: block; height: 1em; border-bottom: 1px dashed #cccccc; padding-bottom: 15px; margin-bottom: 10px;  }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { text-align: left; width: auto !important; }

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

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }