/*
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 MAIN PAGE (BLOG).

"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:#a0593a; background:#dde8c7; }
ul					{list-style: none;}
ol					{list-style: none;}
a					{outline: none; text-decoration: none; color:#a0593a;}
a:hover					{color:#40172d}
a img					{border: none;}
img					{display: block;
	margin-left: auto;
	margin-right: auto;}
table					{border-collapse: collapse;}
.right 					{float:left; width:200px;}
.left					{float:left; width:200px;}
.line                                 {color:#dde8c7;background-color:#dde8c7; height:1px;border:none;}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}


/*
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; margin: 0 0 60px 20px; padding: 20px; width: 590px;}
#sidebar				{float: right; width: 255px; margin: 50px 30px 10px 0;}
#header-main			{height: 200px; width: 960px; margin: 0 auto; background: #dde8c7;}
#menu-bar				{height: 40px; width: 960px; margin: 0 auto; background: #dde8c7;}

/* 
TYPOGRAPHY
*/
p#content				        {margin: 10px 0 10px 0;}
p						{font: 14px Georgia, Serif; margin: 10px 0 10px 0;}
p#time						{font: 11px Georgia, Serif; letter-spacing: 1px; padding: 10px 0 10px 0;}
p#time a:hover					{color:#40172d;}
p#tags						{font:11px Georgia, Serif; letter-spacing: 1px; padding: 30px 0 5px 0;}
p#tags a:hover				        {color:#40172d;}
h2						{text-transform: uppercase; font: 20px Georgia, Serif; letter-spacing: 3px; text-align: center; margin: 50px 0 20px 0;}
h2 a					        {color:#a0593a;}
h2 a:hover					{background:#dde8c7; color:#40172d; -moz-border-radius: 12px; -webkit-border-radius: 12px; padding: 8px 8px 8px 8px;}
h3						{text-transform: uppercase; font: 16px Georgia, Serif; letter-spacing: 3px; margin: 0 0 10px 0;}
h3 a                                  {background:white; color:#a0593a; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px 8px;}
h3 a:hover                            {background: #dde8c7; color:#40172d; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px 8px;}
h3#comments				{margin: 50px 0 0 0; text-align:center;}		
h4				{text-transform: uppercase; font: 16px Georgia, Serif; letter-spacing: 30x; margin: 10px 0 0 0;}
h4 a				{color: #a0593a;}
h4 a:hover			{color: #40172d;}
              

/*
HEADER STYLING
*/
h1#logo              {width: 960px; height: 200px; background: url(http://ftp.jessicalanan.com/wp-content/themes/Jess-theme/Jess%20theme/images/Header_main.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:#a0593a; font-size:15px; letter spacing:1px; padding: 8px 8px 7px 8px;
						background: #dde8c7; }
ul#main-nav li a:hover,
ul#about-nav li a:hover {color:#40172d; background: white; -moz-border-radius: 12px; -webkit-border-radius: 12px; padding: 8px 8px 7px 8px;}
		        


/*
SIDEBAR STYLING
*/
.color-box				{width: 240px; margin: 0 10px 0 0; background:#dde8c7; padding:10px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.twitter				{width: 260px; margin: 10px 0 0 0;}
.box-inside                             {font: 12px Georgia, Serif; letter-spacing: 1px;}
.box-inside h2                          {text-transform: uppercase; font: 17px Georgia, Serif; letter-spacing: 30x; margin: 10px 0 0 0;}
.box-inside a:hover                     {color:#40172d;}
form#searchform			        {margin: 0 10px 10px 0; float:right}
#contact-info                           {margin: 30px 0 0 0;} 

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

/* 
UTILITY
*/

.floatleft				{float: left;}
.floatright				{float: right;}
.clear					{clear: both;}
.button 				{background: white; border: none; padding: 5px 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px; color: #a0593a;}
.button:hover			{background: #dde8c7; color: #40172d;}
.comment-button                 {margin: 15px 0 0 0; background: #dde8c7; border: none; padding: 5px 6px; -moz-border-radius: 8px; -webkit-border-radius: 8px; color: #a0593a;}
.comment-button:hover		{background: white; color: #40172d;}


/*
COMMENTS AND SINGLE PAGE
*/

.navigation-prev                        {float: left; font: 14px Georgia serif;}
.navigation-next                        {float: right; font: 14px Georgia serif;}
.navigation-prev a,
.navigation-next a                         {font: 14px Georgia serif, color:#a0593a; background:white; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 5px 6px;}
.navigation-prev a:hover, 
.navigation-next a:hover                     {font: 14px Georgia serif; color:#40172d; background:#dde8c7; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 5px 6px;}
.commentlist                            {font:14px Georgia serif;}
#respond                                {font: 14px Georgia Serif;}
#formbox                                {margin: 5px 0 10px 0;}
textarea#comment                        {margin: 5px 0 0 0;}
.comment                         {margin: 0 0 20px 0;}

/*
ARCHIVES PAGE
*/

.post-archives                                 {width: 590 px; margin: 40px 0 15px 0;}


/*
POST IMAGES
*/
img.alignleft, div.alignleft
{
float:left;
margin:1.5em 0.5em 1.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:1.5em 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin: 0 auto;  padding-top:1.5em; padding-bottom: 1.5em
}