/*  
Theme Name: ! Sylvia Howes Potteryworks !
Theme URI: http://wordpress.org/
Description: The best theme in the world for the best mom in the world made by the best daughter in the world!
Version: 1.0
Author: Diandra J. Mezta
Author URI: http://flickr.com/photos/yumpickles

*/

* {
	margin: 0;
}

html, body {
	height: 100%;
	background-color: #0e0000;
	background-image: url(/images/bg.gif);
	background-repeat: repeat-x;
	font: 85%/0.9 "Lucida Grande", "Lucida Sans", Verdana, arial, helvetica, sans-serif;
  	line-height: 130%;
}

.post p {
	margin:10px;
}

.wrapper {
	height: auto !important;
	min-height: 100%;
	height: 100%;
	margin: 0 auto -107px; /* the bottom margin is the negative value of the footer's height */
}

#header {
	position: relative;
	height: 268px;
	width: 800px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/head_bg_wide.gif);
	background-repeat: no-repeat;
}

#minihead {
	position: relative;
	float: left;
	height: 80px;
	width: 800px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

#navhead {
	position: relative;
	float: left;
	margin-right:auto;
	margin-bottom: 11px;
	vertical-align: top;
}

.main {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f2f2f2;
}

* html #main {
height: 100%;  /*** IE hack ***/
}

.content {
	float: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width: 580px;
	padding: 5px 10px 10px 10px;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #595147;
}

.biocontent {
	float: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width: 580px;
	padding: 5px 10px 10px 10px;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.3;
	color: #938e88;
}

.contentspec {
	float: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width: 515px;
	padding: 10px 5px 5px 10px;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #595147;
}

.contentalt {
	float: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width: 790px;
	padding: 5px 10px 10px 10px;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #595147;
}

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

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.footer {
	height: 107px; /* .push must be the same height as .footer */
	background-image: url(/images/bg_pattern.gif);
	}
	
.push {
	height: 107px; /* .push must be the same height as .footer */
	background-color: #0e0000;
	}
	
.subpush {
	position: relative;
	height: 107px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #0e0000;
	background-image: url(/images/foot_glow.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	}
	
.bottom {
	position: relative;
	height: 107px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #595147;
	background-image: url(/images/foot_lower_bg.gif);
	background-repeat: no-repeat;
	}

#bottom1 {
	position: relative;
	float: left;
	height: 107px;
	width: 242px;
	margin-left: 0px;
	margin-top: 0px;
}

#bottom2 {
	position: relative;
	float: left;
	height: 107px;
	width: 17px;
	margin-top: 0px;
}

#bottom3 {
	position: relative;
	float: left;
	height: 107px;
	width: 340px;
	margin-top: 0px;
	text-align: center;
	vertical-align: middle;
}

#bottom4 {
	position: relative;
	height: 107px;
	width: 107px;
	margin-left: 600px;
	margin-top: 0px;
	
}

.imgbottom {
	vertical-align: bottom;
}

.galleryframe {
	border: 1px solid #cec7bf;
	padding: 10px 10px 10px 10px;
	margin: 0px 10px 10px 10px;
}

/*special date box */

.date {
	float: left;
	clear: left;
	width: 48px;
	height: 44px;
	border-right: 1px dotted #b4b4b4;
	margin: 4px 10px 4px 0;
	text-align: center;
	vertical-align: middle;
}
  
  .day {
	display: block;
	clear: left;
	font-size: 1.9em;
	line-height: 1.1;
	color: #393939;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.month {
	display: block;
	clear: both;
	font-size: 1em;
	line-height: 1.1;
	font-weight: bold;
	margin:-2px 0;
	text-transform: uppercase;
	padding: 0;
}

 .year {
	display: block;
	clear: left;
	font-size: 0.9em;
	line-height: 1.1;
	color: #393939;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/* title box */

.title {
	width: 530px;
	margin: 0;
	vertical-align: middle;
}

/* sidebar stuff */

.sidebar {
	float: right;
	width: 199px;
	overflow: hidden;
}

.sidealt {
	float: right;
	width: 270px;
	overflow: hidden;
}

.tagcloud {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
}

.tagcloud a{
	color: #ceae7d;
	text-decoration: none;
}

.tagcloud a:hover {
	color: #c0c700;
	border-bottom: 1px dotted #c0c700;
}

.tagcloud p {
	text-align: center;
	padding: 0px 20px 0px 5px; 
}

.sidecat {
	font-size: 0.9em;
	background: url(/images/bullet_check.gif) no-repeat top left; 
	padding: 0px 0px 3px 18px; 
	line-height:16px;
}

.sidecat li {
	background: url(/images/bullet_check.gif) no-repeat top left; 
	padding: 0px 0px 3px 18px; 
	line-height:16px;
}

.sidecat a {
	color: #90877c;
	text-decoration: none;
}

.sidecat a:hover {
	color: #c0c700;
	text-decoration: none;
	border-bottom: 1px dotted #c0c700;
}

.sidebullet {
	background: url(/images/bullet_arrow.gif) no-repeat top left; 
	padding: 0px 0px 3px 18px; 
	line-height:16px;
}

.sidebullet a {
	color: #90877c;
	text-decoration: none;
}

.sidebullet a:hover {
	color: #c0c700;
	text-decoration: none;
	border-bottom: 1px dotted #c0c700;
}

.sidelink {
	background: url(/images/bullet_heart.gif) no-repeat top left; 
	padding: 0px 0px 3px 18px; 
	font-size: 0.9em;
	line-height:16px;
}

.sidelink a {
	color: #90877c;
	text-decoration: none;
}

.sidelink a:hover {
	color: #c0c700;
	text-decoration: none;
	border-bottom: 1px dotted #c0c700;
}

.sidecaps {
	background: url(/images/side_cards.png) no-repeat top left; 
	padding: 0px 0px 3px 18px; 
	font-size: 0.9em;
	line-height:16px;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: .9em;
	line-height: 1.5;
	text-transform: uppercase;
}

.sidecaps a {
	color: #cec7bf;
	text-decoration: none;
}

.sidecaps a:hover {
	color: #c0c700;
	text-decoration: none;
	border-bottom: 1px dotted #c0c700;
}


/* ---------- gallery styles start here ----------------------- */
.decgallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.decgallery li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.decgallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.decgallery span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 50px;
	background: url(/images/tape.png) no-repeat;
}
.decgallery a {
	text-decoration: none;
}

.decgallery a:hover {
	text-decoration: none;
}

.contentalt img:a {
	text-decoration: none;
}
	
/* text formatting */

.title h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.4em;
	line-height: 1.4;
	text-decoration: none;
}

.title h1 a{
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.4em;
	color: #898e01;
	text-decoration: none;
}

.title h1 a:hover{
	color: #c0c700;
	text-decoration: none;
	border-bottom:1px dotted #c0c700;
}

.post h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	line-height: 1.4;
	text-decoration: none;
}

.post h1 a{
	color: #898e01;
	text-decoration: none;
}

.post h1 a:hover{
	color: #c0c700;
	text-decoration: none;
	border-bottom:1px dotted #c0c700;
}

.comments a {
	color: #898e01;
	text-decoration: none;
	border-bottom: 1px dotted #898e01;
}

.comments a:hover {
	color: #c0c700;
	text-decoration: none;
	border-bottom: 1px dotted #c0c700;
}

.entry h2 {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #bea073;
}

.entry h2 a {
	color: #d2b17f;
	text-decoration: none;
}

.entry h2 a:hover {
	color: #898e01;
	text-decoration: none;
	border-bottom: 1px dotted #898e01;
}

.arctext {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	color: #bea073;
}

.arctext a {
	color: #d2b17f;
	text-decoration: none;
}

.arctext a:hover {
	color: #898e01;
	text-decoration: none;
	border-bottom: 1px dotted #898e01;
}

.h3 {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
}

.h3 a {
	color: #c0c700;
	text-decoration: none;
	border-bottom: 1px dotted #c0c700;
}

.h3 a:hover {
	color: #898e01;
	text-decoration: underline;
}

.entry {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
}

blockquote {
	width: 400px;
	background-color: #ececec;
	border: 1px dotted #e4e4e4;
	padding: 5px 5px 5px 5px;
	margin-left: 20px;
	font-style: italic;
}
	
.entry a {
	color: #c0c700;
	text-decoration: none;
	border-bottom: 1px dotted #c0c700;
}

.entry a:hover {
	color: #898e01;
	text-decoration: none;
	border-bottom: 1px dotted #898e01;
}

.post a {
	color: #c0c700;
	text-decoration: none;
}

.post a:hover {
	color: #898e01;
	text-decoration: none;
	border-bottom: 1px dotted #898e01;
}

.entrybot {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	float: left;
	line-height: 17px;
	font-size: 0.9em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
}

.entrybot a{
	color: #df8e01;
	text-decoration: none;
}

.entrybot a:hover {
	color: #f09800;
	text-decoration: none;
	border-bottom:1px dotted #f09800;
}

.postdetails {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.5;
}

.postdetails a{
	color: #898e01;
	text-decoration: none;
}

.postdetails a:hover {
	color: #c0c700;
	border-bottom:1px dotted #c0c700;
}

.small {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 17px;
}

.small a{
	color: #df8e01;
	text-decoration: none;
}

.small a:hover {
	color: #f09800;
	border-bottom:1px dotted #f09800;
}

.navlinks {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5;
}

.navlinks a{
	color: #df8e01;
	text-decoration: none;
	border-bottom:1px dotted #df8e01;
	
}

.navlinks a:hover {
	color: #c0c700;
	text-decoration: none;
	border-bottom:1px dotted #c0c700;
}

.bottomnav {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1em;
	color: #f2f2f2;
	line-height: 1.5;
	letter-spacing: 0.07cm
}

.bottomnav a {
	color: #c0c700;
	text-decoration: none;
	border-bottom: 1px dotted #c0c700;
}

.bottomnav a:hover {
	color: #898e01;
	text-decoration: underline;
}

.bottomnavsm {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 0.9em;
	color: #ceae7d;
	line-height: 1.5;
}

.bottomnavsm a {
	color: #ceae7d;
	text-decoration: none;
	border-bottom: 1px dotted #ceae7d;
}

.bottomnavsm a:hover {
	color: #c0c700;
	text-decoration: none;
	border-bottom: 1px dotted #c0c700;
}

.stumble a{
	color: #df8e01;
	text-decoration: none;
}

.stumble a:hover {
	color: #f09800;
	text-decoration: none;
	border-bottom:1px dotted #f09800;
}

.permalink a{
	color: #df8e01;
	text-decoration: none;
}

.permalink a:hover {
	color: #f09800;
	text-decoration: none;
	border-bottom:1px dotted #f09800;
}

input.text {
	margin-right: 2px;
	font-size: 10px;
	padding: 3px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 14px;
	vertical-align: top;
	color: #262015;
}

.button, .button-secondary {
	font-size: 10px;
	cursor: pointer;
	color: #262015;
	background: #f2f2f2;
	height: 22px;
	padding: 0 4px;
	border: 1px solid #a3a3a3;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* icons for posts */

span.tag{
background: url(/images/icon_tags.gif) no-repeat top left; padding: 0px 0px 3px 19px; line-height:17px;}
span.comment{
background: url(/images/icon_balloon.gif) no-repeat top left; padding: 0px 0px 3px 19px; line-height:17px;}
span.author{
background: url(/images/blog_author.gif) no-repeat top left; padding: 0px 0px 3px 19px; line-height:17px;}
span.edit{
background: url(/images/blog_editpencil.gif) no-repeat top left; padding: 0px 0px 3px 19px; line-height:17px;}
span.rss {
background: url(/images/icon_rss.gif) no-repeat top left; padding: 0px 0px 3px 19px; line-height:17px;}
span.rsscomments {
background: url(/images/icon_rsscomments.gif) no-repeat top left; padding: 0px 0px 3px 19px; line-height:17px;}
span.calendar {
background: url(/images/icon_calendar.gif) no-repeat top left; padding: 0px 0px 3px 19px; line-height:17px;}
span.stumble {
background: url(/images/stumbleit.gif) no-repeat top left; padding: 0px 0px 3px 19px; line-height:17px;}
span.files {
background: url(/images/icon_files.gif) no-repeat top left; padding: 0px 0px 3px 19px; line-height:17px;}
span.link {
background: url(/images/icon_chain.gif) no-repeat top left; padding: 0px 0px 3px 19px; line-height:17px;}
span.permalink {
background: url(/images/icon_chain.gif) no-repeat top left; padding: 0px 0px 3px 19px; line-height:17px;}
span.bubbles{
background: url(/images/icon_bubbles.gif) no-repeat top left; padding: 0px 0px 3px 19px; line-height:17px;}