/*
Theme Name: CandyBill
Theme URI: http://candybill.com/wp-content/themes/candybill
Description: Template for CandyBill.com - a place where I hsare my "fun stuff" that has nothign to do with web design, but everythign to do with me.
Version: 1.6
Author: Shelly Cole
Author URI: http://brassblogs.com/ 
*/

/*----------------------------------------------------------------------------------------
							Eric Meyer's "Reset Reloaded"
----------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration:none;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: #554D3F url("images/bg.jpg");
	text-align:center;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

a {
	cursor:pointer;
}

a:link {
	color:#453B45;
}

a:visited {
	color:#000;
}

a:hover, a:active {
	color:#392b26;
}

blockquote, q {
	quotes: "" "";
}

small {
  font-size:0.9em;
  font-style:italic;
}

strong, b {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

del, s {
text-decoration:line-through;
}

p {
	line-height:1.5em;
	margin-bottom:1em;
}

sup, sub {
	font-size:0.7em;
}

sup {
	vertical-align:top;
}

sub {
	vertical-align:bottom;
}

.left, .alignleft {
	float:left;
}

.right, .alignright {
	float:right;
}

.center, .alignnone {
	text-align:center;
}

.clear:after, .i3:after {
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/*----------------------------------------------------------------------------------------
							 Defaults for this Theme
----------------------------------------------------------------------------------------*/

h2 {
	font:normal 1.8em "Adobe Garamond Pro", Garamond, Georgia, serif;
	margin-bottom:0.8em;
}

h2, h2 a, h2 a:link {
	color:#6a7a75;
}

h2 a:visited {
	color:#4b5753;
}

h2 a:hover, h2 a:active {
	color:#453B45;
}

h3 {
	font:normal 1.15em "Adobe Garamond Pro", Garamond, Georgia, serif;
	color: #c16360;
	margin: 1em 0;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-align: center;
}

h3 span.lower {	
	text-transform: lowercase;
}

h4 {
} 

h5 {
}

h6 {
}

/*----------------------------------------------------------------------------------------
							 Outer Containing Elements
----------------------------------------------------------------------------------------*/

#outer {
	background:url("images/overlay.png") repeat-x left top;
}

#main {
	padding:20px 0;
}

#header, #content, #footer, #bottom {
	margin:0 auto;
	padding:0 50px;
}

#header, #footer, #bottom {
	width:822px;
}

#header {
	background:url("images/header.png") no-repeat center top;
}

#content {
	width:860px;
	clear:both;
	padding-top:30px;
	background:url("images/mainBG.png") repeat-y top center;
}

#inner {
	background:#edf5f3 url("images/contentBG.jpg") no-repeat center bottom;
	padding-bottom:30px;
}

#postcontent {
	float: left;
	width: 480px;
}

#footer {
	margin-bottom:50px;
	font:italic 0.9em "Adobe Garamond Pro", Garamond, Georgia, serif;
	color:#291b16;
}

/*----------------------------------------------------------------------------------------
							 		Header
----------------------------------------------------------------------------------------*/

#navleft, #navright {	
	padding-top:120px;
	width:305px;
	font-size:0.9em;
}

#navleft {
	text-align:left;
	float:left;
}

#navright {
	text-align:right;
	float:right;
}

#header li {
	display:inline;
	font:0.9em Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	padding:0 12px;
	letter-spacing:0.1em;
}

#header li a, #header li a:link, #header li a:visited {
	color:#FFF;
}

#header li a:hover, #header li a:active {
	color:#E8F2EF;
}

a#logo {
	display: block;
	float: left;
	width:210px;
	height:319px;
	margin:0 auto;
}

#header div.search, #header div.social {
	margin-top:40px;
	height:35px;
}

#header div.search {
	clear:left;
}

#header div.social {
	clear:right;
}

#header div.search input {
	vertical-align:middle;
}

#header div.search input[type="text"] {
	padding:3px;
	border:2px solid #fff;
	color:#fff;
	font-size:1.1em;
	background-color:#cdd4d2;
	width:170px;
}

/*----------------------------------------------------------------------------------------
							 		Content
----------------------------------------------------------------------------------------*/

#imageside, body.home div.post {
	display:table-cell;
	vertical-align:top;
}

body.home #imageside img {
	max-width:350px;
	height:auto;
}

div.post, div.page {
	border-left:1px solid #86816d;
	padding:10px 30px 30px 30px;
	text-align:left;
}

div.post.noimage, div.page.noimage {
	border-left:0;
	width:auto;
}

div.entry {
	font:0.95em "Myriad Pro", "Gill Sans", Helvetica, sans-serif;
	color:#4b5753;
	text-align:left;
}

div.entry a.more-link, div.entry a.more-link:link, div.entry a.more-link:visited {
	color:#a83f3f;
	text-align:right;
	display:block;
	font:1.05em Helvetica, Arial, sans-serif;
	margin:1.5em 0 1em 0;
}

div.entry a.more-link:hover, div.entry a.more-link:active {
	color:#5e6d68;
}

div.entry div.wp-caption {
	text-align:center;
	font:italic 0.85em "Adobe Garamond Pro", Garamond, Georgia, serif;
	margin-left:-2px;
}

div.entry div.wp-caption p {
	margin-bottom:0;
}

div.entry h5 {
font:bold 1.1em "Adobe Garamond Pro", Garamond, serif;
text-transform:uppercase;
letter-spacing:0.1em;
text-align:center;
border-bottom:1px solid;
margin:25px 0 10px 0;
}

div.entry h6 {
font-weight:bold;
margin-bottom:0;
padding-bottom:0;
}

div.entry ul, div.entry ol {
margin:1em;
}

div.entry li {
margin:5px 0;
}

div.entry ul.notions {
list-style:disc;
}


div.entry ul.recipe, div.entry ol.recipe {
margin-top:0;
}

div.entry ul.recipe {
}

div.entry ol.recipe {
list-style:decimal;
margin:0 0 2.5em 2.3em;
}

div.entry small.center {
display:block;
}

p.postmetadata {
	font:italic 0.9em "Adobe Garamond Pro", Garamond, Georgia, serif;
	text-align:right;
	color:#5e6d68;
}

p.postmetadata a, p.postmetadata a:link, p.postmetadata a:visited {
	text-decoration:underline;
	color:#a83f3f;
}

p.postmetadata a:hover, p.postmetadata a:active {
	color:#5e6d68;
}

p.postmetadata a.more-link, p.postmetadata a.more-link:link, p.postmetadata a.more-link:visited {
	text-decoration:none;
	color:#5e6d68;
	font-weight:bold;
}

p.postmetadata a.more-link:hover, p.postmetadata a.more-link:active {
	color:#a83f3f;
}

div.navigation {
	font:0.8em "Myriad Pro", "Gill Sans", Helvetica, sans-serif;
}

div.navigation a, div.navigation a:link, div.navigation a:visited {
	color:#5e6d68;
}

div.navigation a:hover, div.navigation a:active {
	color:#a83f3f;
}

/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 2em;
	padding:15px 14px;
	border:1px solid #666;
	background:#fff;
}

/* Top corners and border */
.bt {
	height:42px;
	margin:-20px 0 0 31px;
	background:url("images/box.png") no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-37px;
	width:37px;
	height:42px;
	background:url("images/box.png") no-repeat 0 0;
}

/* Bottom corners and border */
.bb {
	height:44px;
	margin:0 0 0 31px;
	background:url("images/box.png") no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-37px;
	width:37px;
	height:44px;
	background:url("images/box.png") no-repeat 0 100%;
}

/* Left border */
.i1 {
	padding:0 0 0 31px;
	background:url("images/borders.png") repeat-y 0 0;
}

/* Right border */
.i2 {
	padding:0 37px 0 0;
	background:url("images/borders.png") repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and 
   insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}



/*----------------------------------------------------------------------------------------
							 		Sidebar
----------------------------------------------------------------------------------------*/

#sidebar {
	width:290px;
	float:left;
	font:0.95em "Myriad Pro", "Gill Sans", Helvetica, sans-serif;
	color:#4b5753;
	margin: 0 30px;
	color: #7a6f5f;
	font-size:0.9em;
}

#sidebar p, #sidebar ul {
	text-align: left;
}

#sidebar p.center {
	text-align:center;
}

#sidebar ul, #sidebar div.widget {	
	padding-bottom: 1em;
}

#sidebar li.linkcat h3 {
	font-size:1.15em;
}

#sidebar li.linkcat {
	margin:0;
	text-indent:0;
}

#sidebar li.linkcat {
	background:none;
}

#sidebar li {
	background: url("images/dotsH.gif") repeat-x left bottom;
	padding: 5px 0;
	margin-left:1.5em;
	text-indent:-1.5em;
}

#sidebar li:last-child {	
	background: none;
}

#sidebar a, #sidebar a:link, #sidebar a:visited, #twitter_div li {
	color: #7a6f5f;
}

#sidebar a:hover, #sidebar a:active,
#twitter_div li a, #twitter_div li a:link, #twitter_div li a:visited {
	color: #c16360;
}

#sidebar li a, #sidebar li a:link, #sidebar li a:visited {
	padding: 0 20px;
}

#sidebar li a:hover, #sidebar li a:active {
	background: url("images/heart.gif") no-repeat left top;
}

/* Twitter */
#twitter_div ul {
	color: #7a6f5f;	
	font-size:0.9em;
}

#twitter_div li {
	text-indent:0;
}

#sidebar #twitter_div li a, #sidebar #twitter_div li a:link, #sidebar #twitter_div li a:visited {	
	padding:0;
	color: #c16360;
}

#sidebar #twitter_div li a:hover, #sidebar #twitter_div li a:active {
	color: #453b45;
	display:inline;
	background:none;
}


/* Ravelry */
#sidebar #rav_progress_bars {
	position: relative;
	margin-bottom: 1.5em;
}

div.rav_project {
	display: table;
	width: 270px;
	padding: 0 10px 10px 10px;
}

div.rav_project.even {
	background:#deebe7;
	padding-top: 10px;
}

#sidebar div.rav_project a.rav_title, #sidebar div.rav_project a.rav_title:link, #sidebar div.rav_project a.rav_title:visited {
	display:table-caption;
	background: inherit;
	width: 270px;
	text-align: left;
	font:1.2em "Adobe Garamond Pro", Garamond, serif;
	color: #c16360;
	padding: 10px 0 0 20px;
}

#sidebar div.rav_project a.rav_title:hover, #sidebar div.rav_project a.rav_title:active {
	color: #7a6f5f;
}

div.rav_project a.rav_photo_link {
	display: table-cell;
	width: 100px;
	text-align: center;
}

div.rav_project img {
	padding: 5px;
	border: 3px solid #fff;
	background: #f1faf8;
	margin: 0 auto;
}

div.rav_project a {
	width:150px;
	text-align:right;
	vertical-align:middle;
	padding:3px 7px;
}

div.rav_progress_bar_wrapper {
	float: left;
	margin-left: 5px;
	display:table-cell;
	width: 85%;
}

div.rav_project_with_photos div.rav_progress_bar_wrapper {
	width: 70%;
}

div.rav_progress_bar {
	border: 3px solid #fff;
	background: #f1faf8;
	width: 100%;
}

div.rav_project.even div.rav_progress_bar {
	background: #e8f2f0;
}

div.rav_progress_filled {
	float: left;
	display: block;
	background: url("images/bar-gradient.gif") repeat-x left center;
}

div.rav_progress_text {
	font-size: 0.85em;
	margin: 3px 0 0 105%;
}

div.sidebar_detail {	
	text-align: left;
	font-size:0.85em;
	padding: 10px 0 0 5px;
	clear: left;
	line-height: 0.7em;
}

div.sidebar_detail a, div.sidebar_detail a:link {
	vertical-align: top;
}

div.rav_project_with_photos div.sidebar_detail {	
	line-height: 1.5em;
}

div.rav_project div.rav_favs {	
	background: url("images/heart.gif") no-repeat center left;
	width: 50px;
	text-align: left;
	height: 20px;
	display: block;
	vertical-align: bottom;
	margin-left: 7px;
}

div.rav_project div.rav_favs img {
	border: 0;
	visibility: hidden;
	padding: 0;
	width: 0;
	height: 15px;
}

#sidebar h5 {	
	margin-bottom:30px;
	background: url("images/sideHeader.jpg") no-repeat bottom left;
}

#sidebar h5 a, #sidebar h5 a:link, #sidebar h5 a:visited {
	color:#6a604e;
	text-transform: uppercase;
	padding: 0 0 10px 10px;
	display: block;
	float: left;
	width: 130px;
}

#sidebar h5 a:hover, #sidebar h5 a:active, #sidebar h5 a.active {
	color:#7a9091;
}

#sidebar h5 a.active {
	background:url("images/arrow.gif") no-repeat 0 18px;
}

#sidebar #comments_div {	
	display: none;
}



/*----------------------------------------------------------------------------------------
							 		Footer
----------------------------------------------------------------------------------------*/

#bottom {
	clear:both;
	height:45px;
	background:url("images/mainBGBottom.png") no-repeat center top;
}

#footer a, #footer a:link, #footer a:visited {
	color:#392b26;
}

#footer a:hover, #footer a:active {
	color:#8F8574;
}

/*----------------------------------------------------------------------------------------
							  Comments & Plugins
----------------------------------------------------------------------------------------*/

/* comment styling */
#comments_div {
	text-align: left;
}

div.comment {
	padding: 15px 15px 5px 15px;
	font-size: 0.9em;
}

div.comment.even {
	background:#deebe7;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

div.comment.even img {
	background:#f1faf8;
}

div.comment img {
	border: 2px solid #fff;
	padding: 5px;
	background:#deebe7;
	float: left;
	margin: 0 10px 0 0;
}

div.comment div.comment-author {
	display: block;
	margin-bottom: 20px;
}

div.comment cite {
	display: inline-block;
	padding-top: 10px;
}

#sidebar div.comment div.comment-author a.url, #sidebar div.comment div.comment-author a.url:link, #sidebar div.comment div.comment-author a.url:visited {
	font: 1.4em "Adobe Garamond Pro", Garamond, serif;
	color: #c16360;
}

#sidebar div.comment div.comment-author a.url:hover, #sidebar div.comment div.comment-author a.url:active {
	color: #7a6f5f;
}

div.comment a.date {
	font-size: 0.8em;
}

div.comment a.comment-reply-link {
	display: inline-block;
        width:140px;
	text-align: right;
	padding:20px 0 0 0;
	font-size: 0.8em;
}

/* form */
#commentpost h3, #commentpost form {
	margin-bottom: 1.5em;
	text-align: center;
	margin: 0 auto;
}

#commentpost form.logged-in p {
text-align:center;
font-size:0.8em;
margin-top:0.5em;
}

#commentpost form small {
	display: block;
	font: italic 0.9em "Adobe Garamond Pro", Garamond, serif;
	margin-bottom: 2em;
	color:#7a9091;
	border-top: 3px solid #fff;	
	border-bottom: 3px solid #fff;
	padding: 15px;	
	text-align: left;
	background:#deebe7;
	margin-top: 1em;
}

span.req {
	font-weight: bold;
	color: #c16360;
}

input[type="text"], textarea {
	border: 3px solid #fff;
	background: #f1faf8;
	padding: 4px;
	margin-bottom: 7px;
	color:#7a9091;
}

input[type="text"], label {	
	display: inline-block;
}

input[type="text"] {
	width: 170px;
}

label {
	color:#7a9091;
	font-size: 0.9em;
	margin-right: 3px;
	width: 55px;
	vertical-align: middle;
	text-align: right;
}

#commentpost #commentsubmit, input[type="submit"] {
	display: block;
	width: 50px;
	margin: 0 auto;
	background:#7a9091;
	color: #FFF;
	border: 3px solid #fff;
	margin-bottom: 3em;
}

#bb_contact {
width:450px;
margin:0 auto;
text-align:center;
}

#bb_contact label {
width:85px;
margin:5px 0 5px 20px;
}

#bb_contact input[type="text"] {
width:220px;
margin:10px 20px 2px 0;
}

#bb_contact input.surprise {
border:0;
background:none;
width:0;
height:0;
padding:0;
margin:0;
visibility:hidden;
}

#bb_contact label.wide {
display:block;
text-align:center;
width:auto;
margin:20px 0 0 0;
}

#bb_contact input.wide {
display:inline;
margin:0 auto;
}

#bb_contact input[type="submit"] {
width:80px;
}

#bb_contact textarea {
width:400px;
}

span.message {
display:block;
width:600px;
margin:10px auto;
}

/*----------------------------------------------------------------------------------------
							 	 404 & Search
----------------------------------------------------------------------------------------*/