/*
Theme Name: Jess custom theme
Theme URI: http://jessicalanan.com
Description: Gallery and blog theme for an illustrator
Version: 1
Author: Jessica Lanan
Author URI: http://jessicalanan.com
Tags: jessica, lanan, art, watercolor, illustration, gallery

CSS for SKETCHBOOK PAGE.

"BLOG/MAIN"
Light green= #dde8c7
Text= #a0593a
Links= #40172d
Darker green (border)= #aac17d

"PORTFOLIO"
Light blue= #eff3f4
Text= #6f778c
Links= #3c3762
Darker blue (border)= #b2bcce

"SKETCHBOOK"
Tan= #f2ede2
Text= #625986
Links= #40172d
Darker gray (border)= #baacb4

"SHOP"
Pale gold= #f6f9d9
Text= #a0593a
Links = #40172d
Pinkish (border) = #f9d4b7
	
"ABOUT"	
Light blue = #dfeef1
Text= #3766ab
Links=#3c3762
Darker blue (border) = #91bacb
*/

/* 
RESET
*/

*						{margin: 0; padding: 0;}
html					{overflow-y: scroll; }
html, body				{height: 100%;}
body					{font: Georgia, "Times New Roman", Times, serif; color:#625986; background:#f2ede2; }
ul						{list-style: square inside;}
ol						{list-style: decimal inside;}
a						{outline: none; text-decoration: none; color:#625986}
a img					{border: none;}
img						{vertical-align: middle;}
table					{border-collapse: collapse;}

/*
STRUCTURE
*/

#page-wrap				{width: 960px; margin: 0px auto -250px; min-height: 100%; height: auto !important; height:100%; background: white;}
#push					{height: 250px;}
#main-content			{float: left; background:white; padding: 50px; width: 500px; margin: 40px 40px 0 40px;}
#header-main			{height: 200px; width: 960px; margin: 0 auto; background: #f2ede2;}
#menu-bar				{height: 40px; width: 960px; margin: 0 auto; background: #f2ede2;}
#buffer				{height: 60px;}

/* 
TYPOGRAPHY
*/

h2						{text-transform: uppercase; font: 20px Georgia, Serif; letter-spacing: 3px; 
						text-align: center; margin: 0 0 10px 0;}
h3						{text-transform: uppercase; font: 15px Georgia, Serif; letter-spacing: 3px; 
						margin: 0 0 10px 100px;}

/*
HEADER STYLING
*/
h1#logo              {width: 960px; height: 200px; background: url(http://ftp.jessicalanan.com/wp-content/themes/Jess-theme/Jess%20theme/images/header_sketch.jpg) top left no-repeat; text-indent: -9999px;}
ul#main-nav				{width:550px; float:left; margin:12px 0 0 12px;}
ul#about-nav			{width:360px; float:right; text-align: right; margin:12px 12px 0 0;}
ul#main-nav li, ul#about-nav li {display: inline;}
ul#main-nav li a, ul#about-nav li a {text-transform: uppercase; color:#625986; font-size:15px; letter spacing:1px; padding: 8px 8px 7px 8px;
						background: #f2ede2; }
ul#main-nav li a:hover,
ul#about-nav li a:hover {color:#625986; background: white; -moz-border-radius: 12px; -webkit-border-radius: 12px; padding: 8px 8px 7px 8px;}


/* SIDEBAR STYLING
*/
#recent-posts			{list-style: none;}
#recent-posts li		{font: 14px Georgia, Serif;}
#recent-posts li a 		{color:#625986;}
#recent-posts li a:hover{color:#40172d;}

/*
FOOTER
*/
#footer				{margin: 0 auto; height: 250px; width: 960px; background:#f2ede2; border-top: 20px solid #baacb4; padding-top: 20px;}
#footer-content 		{width: 960px; margin: 0 auto; font: 13px Georgia, Serif; text-align: center; color:#baacb4;} 
#footer-content a		{color:#baacb4;}
#footer-content a:hover		{color:#40172d;}

/* 
UTILITY
*/

.floatleft				{float: left;}
.floatright				{float: right;}
.clear					{clear: both;}
.button					{border: 1px #FFFFFF; background: #f6f9d9; padding: 3px 8px; 
					-moz-border-radius: 5px; -webkit-border-radius: 5px; color: #6f778c;}
.button:hover			{background: #FFFFFF; color: #6f778c;}