/* 
Theme Name: W+J Family Theme
Theme URI: http://wjfamilyblog.com/
Description: The Theme for W+J Family Blog
Version: 1.0
Author: Chris 
Author URI: http://wjfamilyblog.com/
*/


/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

body { font: 14px/28px Georgia, "Times New Roman", Times, serif; background:#f0e8ea; color:#222; }

strong { font-weight:bold }
em { font-style:italic }
a img { border:none } 
a { color:#C2086B; text-decoration:none; }
a:visited { color:#AE3777; }
a:hover { color:#5A1034; }
.amp { font-family:Palatino,"Hoefler Text",Garamond,Georgia,serif; font-style:italic; }

h2 { margin:0 0 12px; font: bold 28px/32px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#6A1C37; }
h3 { margin:0 0 12px; font: bold 18px/24px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#6A1C37; }
hr { margin:48px 64px 48px; border:0; border-top:1px solid #D5ACDE; border-bottom:1px solid #fff7f7; }

.section, .header, .footer { width:100%; float:left;}

.PageWrapper { width:1024px; margin:0 auto; }
.Page { width:686px; margin:0 auto; }
.PageHeader { position: relative; top: 0; left: 0; margin:0 0 84px; }
/*.PageHeader { margin:0 0 84px; text-align:left; font-size:16px; line-height:42px; color:#AF8AA5; font-style:italic; text-align:right;}
.PageHeader h1 a { float:left; display:inline; padding:0 24px; background:#fff; margin-right:20px; font-style:normal; -webkit-box-shadow:1px 1px 2px rgba(100,0,25,0.15); -moz-box-shadow:1px 1px 2px rgba(100,0,25,0.15);}
.PageHeader h1 a:hover { background:#C2086B; color:#fff; }
*/
.PageFooter { padding:10px 0 30px; font-size:12px; }

/*body.blog .PageHeader { }
body.blog .PageHeader h1 a { width:638px;  padding:24px 24px; font:32px Palatino,"Hoefler Text",georgia,serif; text-align:left; }
*/

.PageHeader h1 a { display:block; 	width:638px; padding:24px; background:#fff url(header.png) 24px 20px no-repeat; text-indent:-9999px; overflow:hidden; -webkit-box-shadow:1px 1px 2px rgba(100,0,25,0.15); -moz-box-shadow:1px 1px 2px rgba(100,0,25,0.15); }
.down-link { position: absolute; right:-64px; top: 24px;  padding:3px 4px 2px; font:bold 14px "trebuchet ms"; background:#E1BED9; color:#fff; }
.down-link:hover { background:#C2086B; color:#fff; }

.ContentHeader { padding:0 0 12px; border-bottom: 1px solid #E9B3CE; }

.post-nav { float:left; width:100%; margin:0 0 64px!important; padding-top:24px; border-top:1px solid #fff7f7; }
.post-nav li { float:left; }
.post-nav li + li { margin-left:16px; }
.post-nav a { font:16px Arial; border:1px solid #E9B3CE; padding:8px 16px; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; }
.post-nav a:hover { background:#fff2f7;}
.post + .post-nav  { margin-top:32px; }

.post { float:left; width:686px; position:relative; padding-bottom:52px; border-bottom:1px solid #D5ACDE; }
.post + .post, .header + .post, .header + .Sidebar { border-top:1px solid #fff2f7; padding-top:64px; }
.post h2, .post h3 { margin:0 0 12px; font: bold 48px/48px "Hoefler Text", Georgia, serif; } 
.post h2 { font-size:64px; line-height:64px; }
.post p { margin:0 0 18px; font-size:20px; line-height:30px; color:#211; text-shadow:1px 1px 1px rgba(255,255,255,0.2); -moz-text-shadow:1px 1px 1px rgba(255,255,255,1); }
.post p.byline { margin:0 0 36px; font: 13px/12px arial,helvetica,sans-serif; color:#777; }
.post p.meta { font:13px/24px arial,helvetica,sans-serif; color:#888; }
.post img { margin:6px 0 12px; padding:14px; background:#f7f7f7; border:1px solid #d7d7d7;}
.flickr-image, .wp-caption { float:left; margin:6px 0 24px -20px; padding:20px 20px 15px; background:#f7f7f7; border:1px solid #d7d7d7; font-size:20px; font-style:italic; text-indent:3px; text-shadow:none; -moz-text-shadow:none; }
.flickr-image-wide { margin-left:-192px; }
.flickr-image img { display:block; margin:0 0 12px; padding:0; background:0; border:0; }
.flickr-image span { display:block; margin-top:6px; font-size:16px; line-height:20px; font-style:normal; color:#777; }
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }

.comments { margin-bottom:24px; }
.commentlist { float:left; }
.commentlist li { float:left; width:638px; margin-bottom:12px; padding:24px; background: #FfF9Fa; font-size:18px; }
.commentlist li .comment-author { font: bold 16px/24px arial,helvetica,sans-serif; }
.commentlist li .comment-meta { margin-bottom:12px; font: 12px/24px arial,helvetica,sans-serif; color:#777; }
#commentform { font: 16px/24px arial,helvetica,sans-serif; }
#commentform p { margin-bottom:12px; }
#commentform label { display:block; float:left; width:80px; line-height:28px; }
#commentform small { padding-left:5px; font-style:italic; color:#906972; }
#commentform input[type~='text'] { width:330px; padding:0 6px; font: 16px/24px arial,helvetica,sans-serif; border:1px solid #D5C3C7;}
#commentform textarea { width:600px; padding:2px 6px; font: 16px/24px arial,helvetica,sans-serif; border:1px solid #D5C3C7;}
#commentform input[type~='submit'] { padding:8px 16px; font:16px/16px Arial; background:#C2086B; color:#fff; border:0; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; }

.Sidebar { float:left; width:100%; padding-top:48px; line-height:18px; }
.Sidebar .Column { float:left; width:200px; }
.Sidebar .Column + .Column { margin-left:43px; }
.Sidebar .Column h2 { margin:0 0 6px; font-size:20px; }
.Sidebar .Column li { margin-bottom:24px; }
.Sidebar .Column li li { margin-bottom:3px; }

#searchform input[type~='search'] { width:150px; margin-right:3px; }
#searchform input[type~='submit'] { padding:1px 8px; font:13px arial,helvetica,sans-serif; background:#C2086B; color:#fff; border:0; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }