/*
Theme Name: Jennifer-Jones
Theme URI: http://www.jennifer-jones.co.uk
Description: The website of Jennifer-Jones, a one-off design created especially.
Version: 1.0
Author: Caroline Murphy
*/


/* ---------- RESET ---------- */
*, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}
abbr, acronym, fieldset,img { border: 0;}
address, blockquote, caption, cite, code, dfn, em, p, strong, th, var { font-style: normal; font-weight: normal;}
ol, ul, ul li.caption { list-style: none;}
caption, th { text-align: left;}
html, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
q:before, q:after { content: '';}
/* ---------- END RESET ---------- */

body { background: url(images/bg-repeat.gif) repeat-x #B5D0ED; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #333;}
a:link, a:visited, a:active { color: #333; text-decoration: none;}
a:hover { color: #F09; text-decoration: underline;}
p { padding-left: 32px;}

#outer { margin: 0 auto; width: 1400px; height: 679px; background-image: url(images/background.jpg); background-repeat: no-repeat;}

#header { margin: 0 auto; padding-top: 57px; width: 980px;}
  #header img { padding-left: 12px;}
  #header h1 a { position: relative; left: 12px; width: 676px; height: 160px; display: block; font-size: 32px;}
  #header h1 a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(images/logo.jpg) top left no-repeat; cursor: pointer;}
  #header h1 a span img { display: none;}

#menu { margin: 0 auto; padding-top: 5px; width: 100%; height: 38px;}
  #menu ul { list-style-type: none;}
  #menu li { float: left; width: 95px; height: 38px; font-size: 11px; line-height: 38px; font-weight: bold; text-align: center; background: url(images/buttonbg.jpg) no-repeat;}
  #menu a:hover { color: #333;}


#inner { margin: 0 auto; margin-top: 36px; width: 1028px;}

#main { float: left; margin: 0 0 10px 24px; padding-bottom: 30px; width: 663px; background: rgba(255, 255, 255, 0.5);}
.date-stamp { margin-top: 48px; margin-left: -25px; padding: 9px 0 0 1px; position: absolute; background: url(images/date.png) no-repeat; width: 49px; height: 49px; font-size: 12px; color: #FFF; text-align: center; font-weight: bold;}
  .date { font-size: 16px; line-height: 14px;}
.post { padding: 14px 32px 0 32px;}
  .post h2 { margin-bottom: 10px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 26px; font-style: italic; line-height: 34px; float: left;}
  .post h3 { margin: 0 0 10px 0; padding: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 26px; font-style: italic; line-height: 34px; float: left;}
  .author { padding-top: 12px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: bold; font-style: italic; float: right;}
  .entry { margin-bottom: 10px;	line-height: 14px;}
  .entry h2, h3, h4, h5, h6 { padding: 0 0 14px 32px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; font-style: italic;}
  .entry h2 { font-size: 20px;}
  .entry h3 { font-size: 18px;}
  .entry h4 { font-size: 16px;}
  .entry h5 { font-size: 12px;}
  .entry h6 { font-size: 10px;}
  .entry p { padding: 0 32px 14px 32px; line-height: 16px; text-align: justify; padding-bottom: 12px;}
  .entry strong { font-weight: bold;}
  .entry em { font-style: italic;}
  .entry ul { padding-left: 32px;}
  .entry li { margin: 0 0 6px 0; padding-left: 22px; background: url(images/star-bullet.png) no-repeat;}
  .entry blockquote { margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding-left: 0px; border-left: 3px solid #F09;}
  .entry blockquote p { padding-left: 10px; font-style: italic;}

  .postmetadata { margin-bottom: 10px; font-size: 10px; background-color: #FFF;}
  .navigation { padding: 20px 0 0 32px; font-weight: bold;}
  a.more-link { display: block; margin-top: 10px; color: #F09; text-decoration: underline;}
  a.more-link:hover { display: block; margin-top: 10px; color: #333; text-decoration: none;}

/* SIDEBAR */
#sidebar { float: right; margin: 0 48px 10px 0; padding: 0 10px 20px 0; width: 245px; background: rgba(255, 255, 255, 0.5); min-height: 480px;}
#sidebar ul {}
#sidebar ul li { margin-left: 13px; background: url(images/ribbon.png) no-repeat; width: 258px;}
#sidebar h2 { padding: 35px 0 0 30px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 24px; font-weight: bold; font-style: italic;}
#sidebar ul li ul { margin: 30px 0 0 30px; font-size: 11px; font-weight: bold;}
#sidebar ul li ul li { margin: 0 0 6px 0; padding-left: 22px; background: url(images/star-bullet.png) no-repeat;}

#sidebar .justgiving { margin: 20px 0px 0px 40px;}
  
.clear { clear: both;}
hr { border-top: 1px dashed #f09; border-bottom: 0px; border-left: 0px; border-right: 0px; width: 80%; margin: 0 auto; padding-bottom: 20px;}

#footer { clear: both;} #footer p { margin-left: 175px;}


/* COMMENT STYLING */

#comment-block { margin: 20px auto; border-top: 1px dashed #F09; width: 90%;}
#comment-block p { padding-left: 0;}

.comments img { padding-right: 5px;}

.commentlist { margin-top: 10px;}
.commentlist li { padding: 10px; background-color: #DA8ECE;}
.commentlist .quote { background: url(images/bg_quote.png) no-repeat top right; min-height: 65px;}
.commentlist p { margin-right: 40px; color: #FFF;}
.commentlist cite { margin-bottom: 10px; padding: 4px 0 0 45px; background: url(images/bg_commentlist.png) top left no-repeat; display: block; font-style: normal;}

#comment { width: 100%; border: 1px solid #CCC;}
#submit, .submit { padding: 3px; background-color: #FFF; border: 1px dashed #F09;}
   .submit-hover { color: #F09;}
   
/* TINY CONTACT FORM */

#tcform { margin: 0 auto; width: 90%;}
.contactform {}
.contactform label {}
.contactform input { margin: 10px 370px 10px 0; border: 1px dashed #F09; width: 60%; text-align: left;}
.contactform textarea { margin: 10px 0 10px 0; width: 90%; border: 1px solid #CCC;}
.contactform_respons {}
.contactform_error {}
.contactform #contactsubmit { margin: 0; padding: 3px; width: 90px; background-color: #FFF; border: 1px dashed #F09;}

/* BOOKMARKIFY PLUGIN */

div.linkbuttons { margin-left: 32px;}

/* ARCHIVE PAGE */
h2.pagetitle { margin: 10px 32px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 26px; text-decoration: underline; line-height: 34px; font-weight: bold; float: left;}