@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Voice of Color Cafe
Theme URI: http://voiceofcolor.com/
Description: Designed by PPG Voice of Color and coded by Big Big Design.
Version: 1.0
Author: Big Big Design
Author URI: http://bigbigdesign.com/
Tags: custom background, custom header, fixed width, two columns, widgets

	
*/



/* Begin Typography & Colors */


body {background: #4d372b url(images/body_bg.png) repeat-x center top;  margin: 0; padding:0; font-family: helvetica, arial, sans-serif; color: #ffffff; line-height: 1.1em; font-size: 13px;}

#page {height: 1000px; background: url(images/body_top.png) repeat-x center top; margin: 0; padding:0;}

#header {background: url(images/header_bg.png) no-repeat center top; color: #ffffff; height: 217px; position: relative; margin: 0 auto; padding: 0; width: 1000px;}




#container {background: #4D372B url(images/container_bg.png) repeat-y scroll 0 0; color: #887766; margin: 0 0; padding: 0 0 12px 0; width: 100%; position: relative; clear: both; overflow:hidden;}

#container-liner {margin: 0 auto; padding: 0 20px 0 17px ; width: 963px; overflow: hidden;}
#content { width: 660px; float:right; padding-right:23px;}
#sidebar { width: 226px; padding-right:20px; float: left;}
#footer {clear: both; text-align: center; background: url(images/footer_bg.png) left top no-repeat; width: 943px; height: 36px; margin: 0 0 25px 0; padding: 10px;}

#sidebar ul {padding: 0; margin:0;}
.clr {clear: both; display: block; width: 100%; margin: 0; padding:0; line-height: 1px; height: 1px;}

a {color: #bb9966; text-decoration: none;}
a img {border: none;}

h1, .blog h2 { font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 30px; padding-right: 120px; line-height: 1.1em; margin-left: -24px; padding-left: 24px; background-image: url(images/post-title_bg.png); background-repeat: no-repeat; background-position: left 9px; padding-bottom: 0; margin-bottom: 4px;}
h1, h1 a, .blog h2, .blog h2 a { color: #503a2e; text-decoration: none;}
#feature h2, #description h1 {margin-left: 0; padding-left: 0; background-image: none;}

.blog h2 {}
.tags, .tags a {font-family: "Times New Roman", Times, serif; font-size: 14px; color: #503a2e; text-transform: capitalize;}
span.tags {display: block; margin-bottom: 8px;}

#branding a { position: absolute; width: 284px; height: 161px; top: 20px; left: 0;}
#branding {text-indent: -10000px;}
#header h1, #description {color: inherit; line-height: 1.3em;}
#description {  width: 600px; position: absolute; right: 0; top: 50px; text-indent: -10000px} 
#main-navigation {position: absolute; bottom: 0; right: 70px; height: 41px; font-family: "Times New Roman", Times, serif; font-size: 14px; }
#top-nav li {display: block; float: left;}
#top-nav li a {background-color:#663300;
background-image:url("images/top-nav_bg.png");
background-position:center top;
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
font-size:13px;
height:37px;
line-height:11px;
margin:1px 2px 0;
padding:11px 8px 0;
text-align:center;
width:98px;}
#top-nav {display: block; float: right; padding:0; margin:0;}
#footer li {display: inline; text-align: center;}
#footer ul { margin: 0 auto 6px; display: block;}
#footer li a {display: inline-block; padding: 0; margin:0 20px; color: #fff; }

.wp-polls * {text-align: left !important;}

h2 {font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 24px;}
h2, h2 a {color: #503a2e; text-decoration: none;}

#sidebar ul {padding-left: 14px;}
li.widget { list-style: none; width: 164px; white-space: normal; padding: 12px 0 12px 50px;}

.widgettitle { display: block; margin-left: -16px; padding-left: 16px; background-image: url(images/widget-title_bg.png); background-repeat: no-repeat; background-position: left 6px;}
.widgettitle, .widgettitle a, .searchtitle {font-size: 16px; text-transform: uppercase; font-family: "Times New Roman", Times, serif; color: #503a2e; line-height: 1.1em; }
#sidebar #calendar_wrap {font-size: 10px; font-family: Helvetica, Arial, sans-serif;}
#content .post, #content #respond {padding: 10px 70px 20px 35px; position: relative; background-image: url(images/post_bot.png); background-position: center bottom; background-repeat: no-repeat;}
 .pageheading, .post-no, {padding: 0 70px 0 40px;}
 .navigation {padding: 10px 70px 20px 40px;}
 #feature {background-image: url(images/feature_bg.png); background-position: left; background-repeat: repeat-y;}
#feature .post { background-image: url(images/feature_top.png); background-position: left top; background-repeat: no-repeat; padding-top: 20px; padding-right: 30px; padding-bottom: 20px;}
#feature-liner {background-image: url(images/feature_bot.png); background-position: left bottom; background-repeat: no-repeat;}

#left-feature {background-image: url(images/chat_bg.png); background-position: right bottom; background-repeat: repeat-y;}
#left-feature-liner {background-image: url(images/chat_bot.png); background-position: right bottom; background-repeat: no-repeat;}
#left-feature-post {background-image: url(images/chat_top.png); background-position: right top; background-repeat: no-repeat; padding-top: 20px; padding-bottom:  20px;}
#left-feature-post li.widget {width: 140px;}

textarea { width: 100%;}

.comment_bubble a {position: absolute; top: 30px; right: 40px; background-color: #ccccff; background-image: url(images/comment_post.png); background-position: center top; background-repeat: no-repeat; text-align: center; display: block; center; width: 76px; height: 45px; padding: 14px 3px 0 6px; margin:0; color: #ffffff; font-family: "Times New Roman", Times, serif; font-size: 36px; font-weight: bold; }
.comment_bubble small {font-size: 10px; line-height: 22px; display: block; clear: both;}
#feature .comment_bubble a { background-image: url(images/comment_feature.png);}

.alignright {float: right; margin: 0 0 10px 10px;}
.alignleft {float: left; margin: 0 10px 10px 0;}

#feature .alignleft {margin-bottom: 10px; margin-top: 20px;}

#sidebar ul.twitter, #sidebar .wp-polls ul {padding-left: 0; margin: 0;}
#sidebar ul.twitter li, #sidebar .wp-polls li {list-style: none; padding: 0; margin: 10px 0 0;}
#sidebar ul.twitter li {background-image: url(images/tweet_bg.png); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 6px;}
#sidebar li.twitter-item a.twitter-user {font-weight: bold; }
#sidebar #wp-calendar *  {background: none;}
#container #sidebar caption, #sidebar p strong  { font-family: "Times New Roman", Times, serif; font-size: 16px; line-height: 1.25em; color: #7f323c; border: none; padding-bottom:4px}
#sidebar #wp-calendar th {color: #999;}
#sidebar #wp-calendar td {border: none; padding: 4px 1px 2px; text-align: center;}

#social-icons {position: absolute; right: 35px; top: 0px;  http://delicious.com/voiceofcolor}
#social-icons ul {float: right; display: block; margin: 0; padding:0;}
#social-icons li {float: left; display: block; list-style: none;}
#social-icons a {display: block; width: 50px; height: 50px; float: left; background-image: url(images/social-icons_bg.png); background-position: left top; background-repeat: no-repeat; text-indent: -10000px;}
#social-icons .rss-icon a {background-position: 0px 0px;}
#social-icons .twitter-icon a {background-position: -50px 0px;}
#social-icons .facebook-icon a {background-position: -100px 0px;}
#social-icons .digg-icon a {background-position: -150px 0px; display: none;}
#social-icons .delicious-icon a {background-position: -200px 0px; display: none;}
#header-search-form {
background-color:#BBAA8B;
border:1px solid #342319;
height:61px;
padding:5px 9px 0 23px;
position:absolute;
right:37px;
top:56px;
}
.searchtitle { display: block;}

#footer li a {margin: 0 20px;}

.Buttons  {
background-color:#F3F6F8;
border:1px solid #C8C8C8;}