/*
Theme Name: Jade Keller
Theme URI: http://jadekeller.com/
Description: Jade's custom designed theme.
Version: 1.0
Author: Toby Keller
Tags: jade

Jade's custom wordpress theme
*/

:focus {
	-moz-outline-style: none;
}

/* STRUCTURE ------------------------------------------------------------------------------------*/

html, body {
  margin: 0;
  padding: 0;
}

body {
  min-width: 1250px;
  background: url(images/bg/bg_pattern.jpg) left top repeat;
}

#wrapper {
  width: 1030px;
  margin: 0 auto;
  position: relative;
}

#container {
  width: 1030px;
  position: relative;
  margin: 0 auto 0 -250px;
  padding: 0 250px 10px;
}

#top_left {
  position: absolute;
  top: 0;
  left: 0;
  width: 353px;
  height: 302px;
  background: url(images/bg/top_left.png) left top no-repeat;
}

#top_right {
  position: absolute;
  top: 0;
  right: 0;
  width: 333px;
  height: 299px;
  background: url(images/bg/top_right.png) right top no-repeat;
}

#bottom_left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 823px;
  height: 576px;
  background: url(images/bg/bottom_left.png) left top no-repeat;
}

#bottom_right {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 643px;
  height: 593px;
  background: url(images/bg/bottom_right.png) left top no-repeat;
}

#content {
  background: #fff url(images/bg/body_bg.jpg) left top repeat-x;
  min-height: 800px;
  position: relative;
  margin-bottom: 240px;
  padding: 25px 0 40px 0;
  overflow: hidden;
}


/* HEADER ------------------------------------------------------------------------------------*/

img#nameplate {
  position: absolute;
  top: 0;
  left: 100px;
}

#header_photo {
  background: #2B0A09;
  height: 165px;
  padding: 12px;
  width: 985px;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

#header_photo h1 {
  text-indent: -5000px;
  background: url(images/bg/title.png) left top no-repeat;
  height: 108px;
  width: 312px;
  position: absolute;
  left: 32%;
  top: 112px;
}

#header_photo img {
  border: 10px solid #B7ADAC;
  margin: 0 auto;
}

ul#section_nav { height: 25px; text-align: right; margin: 0 100px 0 auto; width: 500px; padding-top: 20px; }
ul#section_nav li { font-size: 1.7em; float: right; margin-left: 25px; font-variant: small-caps; }

#clip {
  background: url(images/bg/clip.png) left top no-repeat;
  position: absolute;
  top: 50px;
  left: 450px;
  height: 108px;
  width: 83px;
}

/* CONTENT ------------------------------------------------------------------------------------*/

.left, .center, .right { padding: 10px; }

.left {
  float: left;
  width: 220px;
}

.center {
  float: left;
  width: 520px;
  background: #f3eded url(images/bg/center_bg.jpg) left top repeat-x;
  min-height: 500px;
  padding-top: 30px;
}

.right {
  float: left;
  width: 220px;
}

.post { margin-bottom: 4em; padding-bottom: 20px; background: url(images/bg/post_finial.png) center bottom no-repeat; }

span.postmetadata { text-align: right; display: block; padding: 0 20px; font-size: .9em; text-transform: uppercase; font-family: Georgia, "Palatino", times, serif; }
span.postmetadata p.post_date { float: left; margin-bottom: 0;  }

ol.commentlist { list-style-type: none; }
ol.commentlist li { margin-bottom: 1.5em; }
.comment-author img { float: left; margin-right: 10px; }

.icon_link { text-indent: -5000px; display: block; width: 31px; height: 45px; float: right; margin-right: 15px; }

#rss_link {
  background: url(images/bg/rss.png) left center no-repeat;
}

#fb_link {
  background: url(images/bg/fb.png) left center no-repeat;
}

#technorati_link {
  background: url(images/bg/technorati.png) left center no-repeat;
}

#twitter_link {
  background: url(images/bg/follow_me.gif) left center no-repeat;
  width: 65px;
}

.comments_link span {
  background: url(images/bg/comment_bubble.gif) left center no-repeat;
  display: block;
  float: right;
  text-align: center;
  height: 18px;
  width: 20px;
  margin-left: 5px;
  margin-top: -5px;
  padding-top: 3px;
  font-family: times, serif;
}

li.widget_tag_cloud h2 {
  background: url(images/bg/tag_cloud.png) center top no-repeat;
  width: 100%;
  height: 117px;
  text-indent: -5000px;
  padding: 0;
}

li.widget_archive select { margin-left: 30px; width: 175px; }


/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: .75em; }
   
body { 
  color: #2B0A09; 
  font-family: Georgia, "Palatino", times, serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: Georgia, "Palatino", times, serif; color: #2B0A09; font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin: .2em 0 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.25em; text-transform: uppercase; }
h3 { text-transform: uppercase; font-size: 1.5em; line-height: 1.25em; margin: 10px 0 6px; }
h4 { font-size: 1.4em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

h1:first-child, h2:first-child { margin-top: 0; }

h1 img {
  vertical-align: middle;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; line-height: 1.6em; }
p.last      { margin-bottom: 0; }
p img.float       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */

p.caption   { text-align: center; font-style: italic; font-size: 1.2em; color: #999; }

ul, ol      { margin: 0; padding: 0; }
ul          { list-style-type: none; }
ol          { list-style-type: decimal; }
dl          { margin: 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
ul li       { overflow: hidden; }

ul.bulleted { list-style-type: disc; margin-left: 20px; }
ul.bulleted li { overflow: visible; }

#header ul, #footer ul { list-style-type: none; }

.post ol { margin: 0 0 1em 3em; line-height: 1.8em; }
.post img { margin-bottom: 1em; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

blockquote  { margin: 0; padding: 1em .5em 0; color: #808080; font-style: italic; font-family: "Palatino", georgia, serif; font-size: 1.4em; background: url(images/bg/quote_left.gif) left top no-repeat; text-align: center; }
blockquote p { line-height: 1.3em; background: url(images/bg/quote_right.gif) right bottom no-repeat; padding-bottom: .75em; margin-bottom: 0; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; font-weight: bold; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

p.citation  { text-align: right; color: #FCBA63; font-family: "Trebuchet MS", sans-serif; font-style: italic; font-size: 1.1em; margin-right: 12px !important; line-height: 1.6em; }
cite        { display: block; margin-top: 4px; font-size: 1.3em; }

/* Because, boohoo, we have to support IE, but still want the real hr for semantic support */

div.hr {
	background: url(images/bg/hr.gif) left top repeat-x;
	clear:both;
	float:none;
	width:100%;
	height:3px;
	margin:0 0 1.4em;
}

hr { display: none; }

hr.clearboth, hr.clearleft {
	display: block;
	visibility: hidden;
	clear: both;
	margin: 0;
	padding: 0;
}

hr.clearleft { clear: left; }

.last       { margin-right: 0 !important; }


/* LINKS
-------------------------------------------------------------- */

a:visited   { color: #266863; }
a:hover     { color: #266863; text-decoration: underline; }
a           { color: #2B9999; text-decoration: none; }

a img { border: none; }


/* Tables
-------------------------------------------------------------- */

/*table   { width: 100%; margin: 1.4em 0; vertical-align: middle; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; }
th      { border-bottom: 1px solid #ccc; font-weight: normal; color: #777; vertical-align: baseline; text-align: left; background: url(/images/bg/th_grad.png) left top repeat-x; }
td      { border-bottom: 1px solid #ccc; vertical-align: middle; }
th,td   { padding: 6px 5px 6px 5px; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

tr.alt { background: #eee; }*/

/* Use this if you use span-x classes on th/td. */
/*table .last { padding-right: 0; } */


/* Forms
-------------------------------------------------------------- */

label              { display: block; margin-bottom: 3px; }
input.text   			 { margin-bottom: 10px; }
input.submit			 { display: block; }
input.image				 { margin-top: 15px; }
textarea           { margin-bottom: 10px; }

fieldset           { border: none; }
fieldset div       { float: left; margin-right: 1em; }

/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #888; }
.blurb      { font-size: 1.25em; line-height: 1.5em; color: #808080; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.left       { float: left; }

.title      { font-size: 1.5em; font-weight: bold; }
.hide,
.hidden     { display:none; }

.flashes    { background: #FFFACC; border: 1px solid #ccc; width: 876px; margin: 0 auto; padding: 10px 18px; font-size: 1.2em; color: #716558;}

img.left    { margin: 0 8px 8px 0; }

/* STANDARD WORDPRESS SHITE
-------------------------------------------------------------- */

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.alignleft { margin: 0 10px 10px 0; }
img.alignright { margin: 0 0 10px 10px; }

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */

/* CUSTOM TYPOGRAPHY
-------------------------------------------------------------- */

.center { font-family: "Lucida Grande", verdana, arial, sans-serif; }

#header a {
  color: #fff;
}

.left h2, .right h2 { font-size: 1.5em; }
.left h2 { padding-left: 30px; }
.right h2 { text-align: center; }
.post h2 { text-transform: lowercase; }

.left ul li, .right ul li { margin-bottom: 1.5em; }
.left ul li ul li, .right ul li ul li { margin-bottom: 0; line-height: 1.6em; }

.left li, .right li { font-size: 1.1em; }
.left ul li ul { padding-left: 30px; }

h2#recent_tweets {
  background: url(images/bg/recent_tweets.png) left top no-repeat;
  text-indent: -5000px;
  width: 177px;
  height: 39px;
}

h2#about_me {
  text-indent: -5000px;
  background: url(images/bg/about_me.png) left top no-repeat;
  width: 246px;
  height: 69px;
  float: left;
}

h2#contact_me {
  text-indent: -5000px;
  background: url(images/bg/contact_me.png) left top no-repeat;
  width: 286px;
  height: 49px;
}

p.about_me_first_p { clear: left; }

.page h2 { display: none; }
.page .page_content h2 { display: block; }

.page_content p { font-family: Georgia, "Palatino", times, serif; font-size: 1.1em; }

<a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fjadekeller.com%2Farticle.php%26title%3DThe%2BArticle%2BTitle"><img src="http://cdn.stumble-upon.com/images/badgeStumble.png" alt="StumbleUpon.com"/></a>