/*
Theme Name: Flowers
Description: 
Author: Lisa
Author URI: http://www.zassy.me
*/


body {
	font: 80%/150% "Trebuchet MS", Tahoma, Arial;
	color: #606060;
	background: #bfdade url(images/bg.jpg) repeat-x;
	margin: 0px;
	padding: 0px 0px 40px;
}
a, a:visited {
	color: #eb9b21;
	text-decoration: none;
}
a:hover {
	color: #bfdade;
	position: relative;
	top: 1px;
	left: 1px;
}
h1 {
	margin:0px;
	background: url(images/header-icon.gif) no-repeat;
	padding-left: 70px;
	height: 60px;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	color: #c9eefe;
}
h1 a, h1 a:visited {
	color: #c9eefe;
	text-decoration: none;
}
h1 a:hover{
	color: #ffffff;
	text-decoration: none;
}
h2 {
	font: normal 240%/100% Times New Roman, Tahoma, Arial;
	color: #f7afd9;
	margin: 0px 0px 2px;
	letter-spacing: -1px;
	padding-bottom: 20px;
}
h2.post-title {
	padding-bottom: 3px;
}
h2 a, h2 a:visited {
	color: #f7afd9;
	text-decoration: none;
}
h3 {
	font: normal 180%/100% Times New Roman, Tahoma, Arial;
	color: #f7afd9;
	margin: 10px 0px 5px;
        padding: 18px 0 0 0;
}
form {
	margin:0px;
	padding:0px;
}
#page {
	background: url(images/blogbg.png) repeat-y;
	margin: 0px auto;
	width: 1000px;
}
#header {
	background: url(images/header.jpg) no-repeat;
	margin: 0px auto;
        width: 1000px;
	height: 347px;
}

ul#nav {
position: relative;
margin: 0;
list-style: none;
width: 412px;
top: 113px;
left: 311px;
}

ul#nav li a {
float:left;
background: url("images/nav.jpg") no-repeat -1000px -1000px;
position:relative;
display:block;
text-decoration: none;
height:39px;
border:0;
text-indent:-9999px;
}

ul#nav li#about a { width:111px; }
ul#nav li#stuff a { width:107px; }
ul#nav li#site a { width:91px; }
ul#nav li#home a{ width:103px; }

ul#nav li#about a:hover   { background: url("images/menu-hover.gif") 0 0;}
ul#nav li#stuff a:hover   { background: url("images/menu-hover.gif") -111px 0; }
ul#nav li#site a:hover	 { background: url("images/menu-hover.gif") -218px 0; }
ul#nav li#home a:hover { background: url("images/menu-hover.gif") -309px 0; }

#content {
	width: 580px;
	padding: 0px 10px 0 20px;
        margin: -160px 0 -80px 46px;
	float: left;
	overflow: hidden;
}
.post {
	clear:both;
	padding: 0 0 40px 0;
}

.entry {
	clear: both;
	padding-top: 0px;
        margin-top: -5px;
}

.post-cat {
	text-align:right;
        font-size: 95%;
        line-height: 130%;
        color: #eb9b21;
        padding: 0 0 30px 0;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat left center;
	padding-left: 18px;
	float: right;
	font-size: 95%;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat left center;
	padding-left: 18px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.post-content {
	clear: both;
	padding-top: 10px;
}
.navigation {
	clear: both;
	padding: 10px 0px;
}







#commentlist {
       width: 580px;
       padding: 20px 0 0 0;
}
.comment {
       width: 580px;
       float: left;
       padding: 0 0 20px 0;
}
.comment .avatar {
	float: right;
	padding: 12px;
	background: url(images/gravatar.jpg) no-repeat top left;
}
.comment .author {
	float: right;
        width: 100px;
        text-align: right;
        font-size: 90%;
}
.comment .commtop {
	float: left;
        width: 477px;
        height: 15px;
        text-align: left;
        background: url(images/commenthead.jpg) no-repeat top left;
}
.comment .commbottom {
	float: left;
        width: 477px;
        text-align: left;
        background: url(images/commentbg.jpg) no-repeat bottom left;
}
.comment .comm {
        padding: 0 40px 10px 20px;
        margin-top: -30px;
}
.alt .avatar {
	float: left;
	padding: 12px;
	background: url(images/gravatar.jpg) no-repeat top left;
}
.alt .author {
	float: left;
        width: 100px;
        text-align: left;
        font-size: 90%;
}
.alt .commtop {
	float: right;
        width: 477px;
        height: 15px;
        text-align: right;
        background: url(images/commentheadalt.jpg) no-repeat top right;
}
.alt .commbottom {
	float: right;
        width: 477px;
        text-align: right;
        background: url(images/commentbgalt.jpg) no-repeat bottom right;
}
.alt .comm {
        padding: 0 20px 10px 40px;
        margin-top: -30px;
}









#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	margin: 0px;
}
#commentform label{
	font-size: 100%;
}
#commentform input{
	width: 352px;
        height: 35px;
	border: 0px;
	padding: 9px 0 0 15px;
	background: url(images/commentform.jpg) no-repeat top left;
	color: #cb8796;
	vertical-align: middle;
}
#commentform textarea{
	width: 415px;
	height: 130px;
	border: 0px;
        overflow: hidden;
	font-family: "Trebuchet MS", Tahoma, Arial;
	color: #cb8796;
}
#commentform .commenttext{
	width: 448px;
	height: 158px;
	background: url(images/comment.jpg) no-repeat top left;
	padding: 15px;
	margin-top: 3px;
        float: left;
}
#commentform .smilies{
	width: 400px;
	padding: 0 0 0 20px;
        float: left;
}
#commentform #submit{
	float:left;
	width: 99px;
	height: 34px;
	background: url(images/comment-submit.jpg) no-repeat top left;
        border: 0px;
}




#sidebar {
	width: 230px;
	float: right;
	padding: 0px 20px 30px 10px;
        margin: -178px 46px 0 0;
}
#searchform {
	padding: 0 0 0 15px;
}
#searchform #s {
	width: 153px;
	height: 35px;
	background: url(images/searchform.jpg) no-repeat top left;
	padding: 0px 0px 2px 10px;
	border: 0px;
	vertical-align: middle;
	color: #cb8796;
        margin: 30px 0 0 0;
}
#searchform #searchsubmit {
	background: url(images/searchbtn.jpg) no-repeat top left;
	border: 0px;
	width: 42px;
	height: 35px;
        margin: 30px 0 0 -10px;
	vertical-align: middle;
}




#sidebar h3 {
	font: normal 180%/100% Times New Roman, Tahoma, Arial;
	color: #f7afd9;
	margin: 10px 0px 5px;
}

.ul-heart {
	list-style: none;
	margin:0px 0px 10px;
	padding:0px;
}
.ul-heart li{
	margin: 0px;
	padding: 0px 0px 4px 17px;
	background: url(images/bullet1.png) no-repeat left top;
}

.ul-subnav {
	list-style: none;
	margin:0px;
	padding:5px 0 0 0;
}
.ul-subnav li{
	margin: 0px;
	padding: 0px 0px 4px 17px;
	background: url(images/bullet1.png) no-repeat left top;
}

.ul-lists {
	list-style: none;
	margin:0px;
	padding:5px 0 0 0;
}
.ul-lists li{
	margin: 0px;
	padding: 0px 0px 4px 17px;
	background: url(images/bullet2.png) no-repeat left top;
}

.ul-posts {
	list-style: none;
	margin:0px;
	padding:5px 0 0 0;
}
.ul-posts li{
	margin: 0px;
	padding: 2px 0px 2px 17px;
	background: url(images/bullet1.png) no-repeat left center;
}

.tweets {
	list-style: none;
	margin:0px 0px 10px;
	padding:0px;
}

#foot {
	background: url(images/footer.jpg) top left no-repeat;
        width: 1000px;
        height: 218px;
	clear: both;
	color: #ffffff;
	font-size: 95%;
	line-height: 130%;
	padding: 0px;
}

#foottop {
        background: url(images/foottop.jpg) no-repeat top left;
        margin: 0px auto;
        margin-top: 100px;
        width: 919px;
        height: 18px;
}
#footer {
        margin: 0px auto;
        background: url(images/footbg.jpg) no-repeat bottom left;
        width: 919px;
	clear: both;
	line-height: 130%;
	padding: 0;
}
#footer .left-col{
	width: 250px;
	float: left;
	padding: 0 40px 10px 20px;
}
#footer .right-col{
	width: 250px;
	float: right;
	padding: 0 20px 10px 0px;
        text-align: left;
}
img.social {
	padding: 0 8px 10px 0;
}
#footer h4 {
	font: normal 160%/100% Times New Roman, Tahoma, Arial;
	color: #9cdbfb;
	margin: 5px 0px 15px 0;
}
.recent-comments {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 110%;
}
.recent-comments li{
	background: url(images/mini-footer-comments.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.recent-comments a{
	font-size: 105%;
	line-height: 130%;
	font-weight: bold;
}
.recent-posts {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 92%;
	line-height: 110%;
}
.recent-posts li{
	background: url(images/mini-footer-post.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.recent-posts a{
	font-size: 115%;
	line-height: 130%;
	font-weight: bold;
}
#credits {
	margin: 0px auto;
	width: 1000px;
	color: #ffffff;
	font-size: 85%;
	line-height: 120%;
	text-align: center;
	padding: 30px 0 0 0;
}
.left {
	float: left;
}
img.left {
	float:left;
	margin: 4px 10px 3px 0px;
        border: 1px solid #d6d6d6;
        background: #ffffff;
        padding: 8px;
}
.right {
	float: right;
}
img.right {
	float:right;
        margin: 4px 0 3px 10px;
        border: 1px solid #d6d6d6;
        background: #ffffff;
        padding: 8px;
}
img.blogright {
	float:right;
        margin: 4px 0 3px 10px;
        border: 1px solid #d6d6d6;
        background: #ffffff;
        padding: 8px;
}
a:hover img.blogright {
	position: relative;
	top: 1px;
	left: 1px;
}
img.blogleft {
	float:left;
	margin: 4px 10px 3px 0px;
        border: 1px solid #d6d6d6;
        background: #ffffff;
        padding: 8px;
}
a:hover img.blogleft {
	position: relative;
	top: 1px;
	left: 1px;
}
img.blogcenter {
	display:block; 
	margin: 4px auto 4px auto;
        border: 1px solid #d6d6d6;
        background: #ffffff;
        padding: 8px;
}
img, a img{
       border: 0px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}


#flickr_badge_uber_wrapper {
        text-align:left;
	margin: 0px auto;
	width: 1000px;
        padding: 0 110px 0 0;}
.flickr_badge_image {float:right; margin: -30px 10px 6px 3px;}
.flickr_badge_image img {width: 59px; height: 59px; background: url(images/flickrbg.jpg) no-repeat; padding: 12px;}

.ul-tweet {
	background: url(images/tweettop.jpg) no-repeat top right;
	list-style: none;
	margin:30px 0 0 0;
	padding:0px;
}
.ul-tweet li{
	margin: 0px;
	padding: 15px 20px 0px 20px;
}
.ul-tweet li a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.tweet {
	margin:0;
	padding:0px 0px 0px 0px;
}

img.tweet {
	padding:0px 0 0 0;
        float: right;
        margin: 0 0 0 0;
}