/*  
Theme Name: Hazel Boutique
Theme URI: http://www.belldesignstudio.com
Description: Theme for Hazel Boutique 
Version: 1.0
Author: Tad Ward
Author URI: http://www.belldesignstudio.com/

*/


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form{margin: 0; padding: 0;}

html {height:100%;}
body {margin: 0px; padding: 0px; background: url('images/gradient.jpg') top left repeat-x fixed;}
img {border: none;}
ul li {list-style-type: none; list-style-image: none; margin: 0px; padding: 0px;}
input {border: 1px solid #999999; }


h1 {font: normal 24px Tahoma, Verdana, Helvetica, sans-serif; padding: 0 0 10px 0;}

p {padding: 10px 0 0 0;}

#bg {margin: 0px; padding: 0px; height: 100%; background: url('images/bamboobg4.jpg') top left no-repeat fixed;}

#wrap {margin: 0px auto; padding: 0px; width: 880px; overflow:auto; background: white; border: 1px solid white; border-top: 0px;}


#header {margin: 0px; padding: 0px; width: 880px; overflow: auto;}
	#header-left {margin: 0px; padding: 0px; width: 350px; height: 150px; float: left; display: inline; overflow:hidden; background: white; text-align: center;}		
		#header-left img {padding-top: 15px;}
		
	#header-right {margin: 0px; padding: 0px; width: 530px; height: 150px; float: left; display: inline; overflow:hidden; background: white;}
		#header-right p {margin: 0px; padding: 20px 0px 0px 200px; font: normal 0.75em Tahoma, Verdana, Helvetica, sans-serif; color: #414142; text-align: left; letter-spacing: 1px;}
		#header-right a {margin: 0px; padding: 0px; color: #4d7d27; text-decoration: underline;}
		#header-right a:hover {color: #414142; text-decoration: underline;}		
		#header-right form {margin: 0px; padding: 20px 0px 0px 200px; font: normal 0.75em Tahoma, Verdana, Helvetica, sans-serif; color: #414142; text-align: left; letter-spacing: 1px;}
		
		#header-right p#bloglogin {margin: 0px 10px; padding: 0px; font: normal 0.625em Tahoma, Verdana, Helvetica, sans-serif; color: #414142; text-align: right;}
		#header-right p#bloglogin a {color: #414142; text-decoration: none;}
		#header-right p#bloglogin a:hover {color: #414142; text-decoration: underline;}
		
#navbar {margin: 0px; padding: 0px; width: 880px; height: 30px; overflow: auto; background: url('images/buttonbg.jpg') top left repeat-x;}
	#navbar ul {margin: 0px; padding: 7px 0px 0px; font: bold 0.75em Tahoma, Verdana, Helvetica, sans-serif; text-align: left;}
	#navbar li {display: inline; margin: 0px 5px; padding: 0px; text-align: center; letter-spacing: 1px;}
	#navbar li a {margin: 0px; padding: 0px; color: white; text-decoration: none;}
	#navbar li a:hover {color: white; text-decoration: underline;}	
	

#container {margin: 0px; padding: 0px; width: 575px; min-height: 600px; height: 100%; float: left; display: inline; background: white;}

	/* contain contents */
	.post {	padding: 10px 0 10px 10px;}
	
	.post h2 {padding: 0px 10px 3px 0px; font: normal 22px Helvetica, Verdana, sans-serif; color: #505050; text-align: left; line-height: 45px; letter-spacing: -1px;}
	.post h2 a:link, .post h2 a:active, .post h2 a:visited {color: #505050; text-decoration: none;}
	.post h2 a:hover {color: #505050; text-decoration: none;}
	
	.entry {padding: 0px 20px 3px 0px; font: normal 12px Tahoma, Verdana, Helvetica, sans-serif; color: black; text-align: left;}
	
	p.postmetadata {border-top: 1px solid #ccc;	margin: 10px 0 0 0;}
	p.postmetadata a:link, p.postmetadata a:active, p.postmetadata a:visited {border-bottom: 1px dotted #999999; color: #414142; text-decoration: none;}
	p.postmetadata a:hover {border-bottom: 1px solid #999999; color: #414142; text-decoration: none;}
	
	.navigation {padding: 10px 10px 3px 10px; font: normal 12px Helvetica, Verdana, sans-serif; color: #505050; text-align: left; line-height: 45px; letter-spacing: -1px;}
	.navigation a:link, .navigation a:active, .navigation a:visited {border-bottom: 1px dotted #999999; color: #414142; text-decoration: none;}
	.navigation a:hover {border-bottom: 1px solid #4d7d27; color: #4d7d27; text-decoration: none;}
	/* container contents end */

	#hmad {margin: 0px 0px 10px 5px; padding: 0px; width: 570px; background: white;}		
		#hmad-left {margin: 0px; padding: 0px; float: left; display: inline; width: 285px; height: 248px; background: white;}
			#hmad-sleft img {padding-top: 40px;}
		#hmad-right {margin: 0px; padding: 0px; float: left; display: inline; width: 285px; height: 248px; background: #f3f3f4;}
			#hmad-right p {padding: 0px 5px; font: normal 11px Tahoma, Verdana, Helvetica, sans-serif; color: black; text-align: left;}
			#hmad-right p a:link, #hmad-right p a:active, #hmad-right p a:visited {color: black; text-decoration: underline;}
			#hmad-right p a:hover {color: black; text-decoration: none;}		
		#hmad-footer {margin: 0px; padding: 0px; width: 570px;}

.sidebar {margin: 8px 0px 10px 0px; padding: 0px; width: 305px; height: 100%; float: left; display: inline; background: white;}

	/* sidebar contents */
	
	.sidebar {margin: 0; padding: 0px; background: #f1f1f2;}
	.sidebar ul {list-style-type: none;	font: normal 12px Tahoma, Verdana, Helvetica, sans-serif; color: black; text-align: left;}
	.sidebar ul a:link, .sidebar ul a:active, .sidebar ul a:visited {color: #414142; text-decoration: none;}
	.sidebar ul a:hover {color: #414142; text-decoration: underline;}
	
	.sidebar ul div.sidelinks {padding-left: 10px;}
	.sidebar ul li {padding: 10px 0 10px 0;}	
	
	.sidebar ul li h1 {font: bold 16px Tahoma, Verdana, Helvetica, sans-serif; color: #505050;}
	.sidebar ul li h2 {font: normal 14px Tahoma, Verdana, Helvetica, sans-serif; color: #505050;}
	
	.sidebar ul li.talktous {width: 290px; height: 122px; background: url('http://www.hazelboutique.com/images/talktous.gif') top left no-repeat;}
	.sidebar ul li.talktous p {padding: 45px 0px 0px 18px; font: normal 12px Tahoma, Verdana, Helvetica, sans-serif; color: black; text-align: left;}
	
	
	.sidebar ul ul li {padding: 0; line-height: 24px;}	
	
	table#wp-calendar {width: 100%; font: normal 11px Tahoma, Verdana, Helvetica, sans-serif; color: black; line-height: 18px;}	
	
	.sidebar ul.children li {padding-left: 10px;}
	
	.sidebar #tag_cloud {width: 290px;}
	
	.sidebar #search {}	


#footer {clear: both; margin: 3px 0px; padding: 0px; width: 880px; height: 125px; background: #f1f1f2;}
	#footer p {margin: 0px 10px; padding: 0px; font: normal 11px Tahoma, Verdana, Helvetica, sans-serif; color: black; line-height: 18px;}


/* comments contents */

.comments-template {margin: 20px 0 0 0; padding: 10px 0 0 10px;}


.comments-template ol {margin: 0; padding: 0px 0px 15px 0px; list-style: none;}

.comments-template ol li {margin: 10px 20px 0px 0px; line-height: 18px; padding: 0px 20px 10px 0px; border-bottom: 1px solid #ccc; font: normal 11px Tahoma, Verdana, Helvetica, sans-serif; color: #505050; text-align: left;}

.comments-template h2, .comments-template h3 {padding: 0px 10px 3px 0px; font: normal 14px Tahoma, Verdana, Helvetica, sans-serif; color: #505050; text-align: left;}

.commentmetadata {font: normal 12px Helvetica, Verdana, sans-serif; color: #505050; text-align: left;}
.commentmetadata a:link, .commentmetadata a:active, .commentmetadata a:visited {border-bottom: 1px dotted #999999; color: #414142; text-decoration: none;}
.commentmetadata a:hover {border-bottom: 1px solid #999999; color: #414142; text-decoration: none;}

.comments-template p.nocomments {padding: 0;}

#commentform {font: normal 12px Tahoma, Verdana, Helvetica, sans-serif; color: #505050; text-align: left;}
#commentform a:link, #commentform a:active, #commentform a:visited {border-bottom: 1px dotted #999999; color: #414142; text-decoration: none;}
#commentform a:hover {border-bottom: 1px solid #999999; color: #414142; text-decoration: none;}

.comments-template textarea {marign: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: normal 12px Tahoma, Verdana, Helvetica, sans-serif; color: #505050; text-align: left;}

/* comments contents end */