/*
Theme Name: Carrie Estok
Theme URI: http://carrieestok.com
Description: Custom design for Carrie's site and blog
Version: 2 (WP2.6.2)
Author: Michael Estok
Author URI: http://nevermike.com
Tags: Carrie, 80's style, bright, colorful
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/* 
Site pallet
#ff006e : red-pink
#e000a6 : bright-pink
#46004c : purple
#990066 : blue-purple
#57ffe6 : close-to-cyan
#00b1ff : bright-blue
#98e00e : bright-green
#adff8b : desaturated-green
#feff00 : bright-yellow
#efec81 : desaturated-yellow
*/

body {
	line-height:1.5; color:#e2e1c6; background:#000 url(style/images/bg-site.png) repeat-x fixed; text-transform:lowercase;}

a {color:#feff00; text-decoration:none;} a:hover {text-decoration:underline;} a:visited {color:#efec81;}
p {margin-bottom:22px;}

img.image-left {
	float:left; margin:0 10px 10px 0;}

div#header {
	margin:0 auto; width:960px; height:250px; background:url(style/images/bg-header.png) 50% 0 no-repeat;}

div#header h1, div#header h2 {text-indent:-9999em;}
div#header h1 {
	margin:0 0 0 150px;}
div#header h1 a {
	display:block; width:559px; height:203px; border:none; background:url(style/images/carrie-estok.png) no-repeat;}
	
div#nav {
	margin:0 auto 20px; width:960px; overflow:hidden;}
div#nav ul {
  float:left; position:relative; left:50%; margin:0 auto; padding:0;}
div#nav li {
  float:left; position:relative; right:50%; margin:0 24px;
  }
div#nav li a {
	display:block; padding:6px 16px 6px; font-size:18px; color:#efec81; text-transform:lowercase; letter-spacing:.2em; background:#000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;}
div#nav li a:hover {
	color:#feff00; text-decoration:none;}
div#nav li a:visited {text-decoration:none;}
div#nav li.current_page_item a {
	color:#000; background:#efec81;}

div#footer {
	margin:100px auto 0; padding-bottom:40px; width:820px; overflow:hidden;}
#footer #links {
	float:left; margin-right:80px; width:240px; font-size:14px;}
#footer #links li {
	margin-bottom:2px;}
#footer #links li a {
	display:block; padding:10px 10px 6px; text-transform:lowercase; text-decoration:none; text-align:center; color:#efec81; border-bottom:4px solid #000; background:#000;}
#footer #links li a:hover {
	color:#feff00; border-bottom:4px solid #feff00; background:#000;}
#footer #links li.current_page_item a {
	color:#000; background:#efec81; border-bottom:6px solid #00b1ff;}
	
#footer	p#copyright {
	font-size:10px; text-align:center;}
#footer	p#rss {
	margin-top:20px; text-align:center;}
	
#footer #twitter {
	float:left; width:500px;}
#footer #twitter p {
	float:left; margin:0 10px 10px 0; width:151px; height:140px; text-indent:-9999em;}
#footer #twitter h2 {
	margin-bottom:10px; color:#adff8b;}
#footer #twitter ul {float:left; width:339px;}
#footer #twitter p a {
	display:block; width:151px; height:140px; background:url(style/images/t-follow.png) no-repeat;}
#footer #twitter p a:visited {border:none;}
#footer #twitter li span {
	display:block; font-size:32px; font-family:Baskerville, 'Times New Roman', Times, serif; line-height:1em; color:#98e00e; text-shadow:#3f5f01 1px 1px 0;}
#footer #twitter li {
	font-size:10px;}


/*********

home page

*********/
div#home-content {
	margin:0 auto; width:570px;}
	
div#people-are-talking {
	text-indent:-9999em}
div#people-are-talking div {
	display:block; height:361px; background:url(style/images/people-are-talking.png) no-repeat;}
div.home-post {
	margin:-40px 0 0 100px; width:470px; font-size:14px; text-transform:lowercase; text-shadow:#000 1px 1px 0;}

/*********

blog page

*********/
div#content-wrp {
	margin:0 auto; width:820px; overflow:hidden;}
div#the-content {
	float:left; margin-right:20px; width:560px;}
div#the-content div.post {
	margin-bottom:20px; padding:20px; border:5px solid #000; background:url(style/images/black50percent.png);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;}
div.post h3, div.post h3 a {
	font-family:Baskerville, 'Times New Roman', Times, serif; font-weight:normal; font-size:24px; color:#00b1ff; text-decoration:none;}
div.post p.the-date {
	margin-bottom:5px; font-size:12px; color:#999;}
div.post p {
	font-size:14px;}

/*********

Search

*********/
form#searchform {
	margin-bottom:20px;}
form#searchform input {
	padding:10px 5px; width:178px; font-size:16px; color:#efefef; border:1px solid #98e00e; background:#000;}
form#searchform input#searchsubmit {
	padding:9px 5px; width:40px; font-weight:bold; color:#000; border:1px solid #98e00e; background:#adff8b; cursor:pointer;}

/*********

Sidebar

*********/
div#the-sidebar {
	float:left; width:240px;}
div#the-sidebar h4 {
	font-size:16px; color:#adff8b}
div#the-sidebar ul {
	margin-bottom:20px;}
div#the-sidebar li {font-size:12px;}
li h4#title-archives {
	text-indent:-9999em;}
li h4#title-archives span {
	display:block; width:97px; height:37px; background:url(style/images/title-archives.png) no-repeat;}
li h4#title-categories {
	text-indent:-9999em;}
li h4#title-categories span {
	display:block; width:113px; height:37px; background:url(style/images/title-categories.png) no-repeat;}

/*********

Comments

*********/
div#the-comments {
	width:540px; overflow:hidden;}
div#the-comments dd {
	margin-bottom:10px;}

div#the-comments input {
	padding:10px 5px; font-size:16px; color:#efefef; border:1px solid #98e00e; background:#000;}
div#the-comments textarea {
	padding:10px 5px; font-size:16px; width:498px; color:#efefef; border:1px solid #98e00e; background:#000;}
div#the-comments input#submit {
	padding:9px 5px; font-weight:bold; color:#000; border:1px solid #98e00e; background:#adff8b; cursor:pointer;}