/*

Theme Name: Dear Diary

Theme URI: http://deanjrobinson.com/projects/dear-diary/

Description: Pure and simple, minimalistic blog, ideal for a basic diary or journal without all the fuss.

Version: 1.0.2

Author: Dean Robinson

Author URI: http://deanjrobinson.com

Tags: white, one-column, fixed-width

*/



/* Customised YUI Reset */

html{color:#000;background:#333333;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:separate;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1{font-size:100%;font-weight:normal;}

.entry h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}

q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

input,textarea,select{*font-size:100%;}

legend{color:#000;}

table {font-size:inherit;font:100%;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* end reset */



body {background:#333333;margin:0;font-family: "Verdana", "Arial", "Helvetica", sans-serif;font-size:13px;}

.caps {font-size:.92em;}

.amp {color:#666; font-size:1.05em;font-family: "Verdana", "Arial", "Helvetica", sans-serif; font-style:italic;}    

.dquo {margin-left:-.28em;margin-right:0.1em;line-height:0.6em;}

.quo {margin-left:-.23em;margin-right:0.1em;line-height:0.6em;}

a,a:active,a:focus{-moz-outline-style:none;color:#666;text-decoration: none;}

a:hover{color:#b00050;text-decoration: none;}

img { -ms-interpolation-mode:bicubic; }

strong{font-weight:bold;}

em{font-style:italic;}



#posts, #archive, .months {display:inline;float:left;position:relative;top:-33px}





#container2 { left:0px; width: 890px; margin: auto; border: none; padding: 0; }



#wrapper {

	background:#FFFFFF url(images/mxbox-top-left.gif) no-repeat;

	left:160px;width:730px;top:50px;margin:0px;position:relative;} /*700*/



#wrapper2 {

	left:160px;width:10px;top:50px;margin:0px;position:relative;} /*700*/



.inner{margin-left:10px;padding-bottom:20px;position:static;} /*670*/





#header {color:#333;padding:20px 14px;font-size:2.5em;text-align:center;margin:0px;border-bottom:3px double #e6e6e6;}

#header h1 {letter-spacing:-1px;}

#header a {color:#333;text-decoration:none;}

#header a:hover {color:#b00050;}

#header span { font-size:16px;display:block;color:#999;font-style:italic; }

#header span a {color:#999;}

#header #searchlink, #header #cancelsearch {display:none;color:#06C;margin-left:20px;}

#header:hover #searchlink, #header:hover #cancelsearch {display:inline;}

#searchform {display:none;}

#searchform h1 {margin-bottom:-2px;}

#searchform input {-moz-appearance:none;-webkit-appearance:none;color:#333;}

#searchform input#s {background:rgba(255, 255, 200, 0.25);border:0;width:250px;padding:1px 0;}

#searchform input#s:hover, #searchform input#s:focus, #searchform input#s:active {background:#FFC;}

#searchform input#searchsubmit {background:#EEE;border:none;padding:0 10px;}

#searchform input#searchsubmit:hover, #searchform input#searchsubmit:focus, #searchform input#searchsubmit:active {background:#DDD;}

#posts { width:520px;margin:0px;}

#archive { width:670px;} /*640*/

.post, .comments, #respond { margin: 30px 0px;}

.post div.title, .post li.title, .comments div.title { font-size:1.0em;color:#999999;font-weight:bold;margin-bottom:5px;padding:0 5px 5px;position:relative;border-bottom:1px double #e5e5e5;}

.post div.title h2, .comments div.title h3 {font-size:1.0em;margin:0;}

.post div.title h2 a, .comments div.title h3 a {color:#989898;text-decoration:none;}

.post div.title h2 a:hover, .comments div.title h3 a:hover {color:#b00050;}

.post div.title .date { font-size:0.7em;font-weight:normal;color:#999;font-style:italic;position:absolute;right:10px;bottom:5px;}

.post .entry { text-align: justify; margin-bottom: 20px;color:#333;}

.post .entry blockquote {margin:0;}

.post .entry h1 {font-size:1.3em;}

.post .entry h2 {font-size:1.2em;}

.post .entry h3 {font-size:1.1em;}

.post .entry h1, .post .entry h2,.post .entry h3, .post .entry h4, .post .entry h5, .post .entry h6, .post .entry p, .post .entry address {line-height:18px;padding:0 10px;margin:10px 0 21px;}

.post .entry dl, .post .entry ul, .post .entry ol {margin:19px 0 21px;border-bottom:1px solid #E5E5E5;}

.post .entry ul ul, .post .entry ol ol {margin:0;border-bottom:0;}

.post .entry li {line-height:21px;padding:0 10px;background:url(images/blue.gif);border-top:1px solid #DDEEFF;list-style-position:inside;padding:0 30px;}

.post .entry dt, .post .entry dd {line-height:21px;padding:0 10px;background:url(images/blue.gif);border-top:1px solid #DDEEFF;list-style-position:inside;}

.post .entry dt {font-weight:bold;padding:0 10px;}

.post .entry dd {font-style:italic;padding:0 20px;}

.post .entry ul li {list-style-type:disc;}

.post .entry ol li {list-style-type:decimal;}

.post .entry p img {vertical-align:bottom;}

.post .entry p code {font-size:0.9em;}

.post .entry blockquote p {padding:0 50px;font-style:italic;}

.post .entry pre {line-height:22px;padding:0 10px;background:#FFD url(images/blue.gif);border-top:1px solid #DDEEFF;margin:19px 0 21px;overflow-x:auto;font-size:0.9em;}

.post .entry a {color:#9A9A9A;text-decoration:none;}

.post .entry a:hover {color:#b00050;}

.sep { font-family:"Lucida Grande";text-align:center; color:#CCC;line-height:2px;}



.archive ul { list-style-type:none;margin:0 0 20px 0;padding:0;}

.archive .month-title {margin-bottom:0;font-weight:bold;margin-top:22px;border-top:1px solid #E5E5E5;border-bottom:3px double #E5E5E5;font-size:1.2em;font-variant:small-caps;}

.archive ul li { border-bottom:1px solid #E5E5E5;padding:0 50px 0 10px;position:relative;line-height:22px;}

.archive ul li span.date { color:#999;position:absolute;left:0;font-size:0.8em;width:50px;top:0;border-right:1px solid #FDD;text-align:right;padding-right:10px;}

.archive ul li a {color:#333;text-decoration:none;margin-left:65px;}

.archive ul li a:hover {color:#b00050;}

.archive ul li.month-title a {color:#333;margin-left:0px;}

.archive ul li.month-title a:hover {color:#b00050;}

.archive ul li a.commentslink {position:absolute;right:10px;font-size:0.8em;}



.months {margin-top:30px;margin-left:30px;width:155px;} /*90*/

.months .title { font-size:1.3em;color:#666;font-weight:bold;margin-bottom:0px;padding:0 10px 5px;position:relative;}

.months .title a {color:#666;text-decoration:none;}

.months .title a:hover {color:#b00050;}

.months ul {list-style-type:none;padding:0;margin:0;border-top:1px solid #E5E5E5;font-size:10px;}

.months ul li {padding:0 10px;border-bottom:1px solid #e5e5e5;line-height:16px;}

.months ul li a {color:#666;text-decoration:none;}

.months ul li a:hover {color:#b00050;}

.months ul li.active a {color:#333;background-color:#FFD;}

.months .menu, .months .widget {margin-bottom:30px;}



.navigation {position:relative;margin:20px 170px 0 0;height:17px;}

.comments .navigation {margin-right:0;margin-bottom:20px;}

.navigation .alignleft {width:40%;position:absolute;left:10px;text-align:left;}

.navigation .alignright {width:40%;position:absolute;right:10px;text-align:right;}

.navigation a {color:#999;text-decoration:none;}

.navigation a:hover {color:#b00050;}



h3.comments {padding: 0;margin: 40px auto 20px ;}

.commentlist {margin:20px 0 0;padding: 0;text-align: justify;}

.commentlist li {margin: 0 0 40px;list-style: none;position:relative;}

.commentlist li, #commentform input, #commentform textarea {font-family: "Verdana", "Arial", "Helvetica", sans-serif;}

.commentlist li ul li {font-size: 1em;}

.commentlist li .avatar { position:absolute;right:0;top:47px;padding: 5px 10px 5px;}

.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}

.cancel-comment-reply, .commentlist p, .commentlist .comment-body li, .commentlist div.reply, #respond p {line-height:22px;padding:0 10px;background:url(images/blue.gif);border-top:1px solid #DDEEFF;margin:19px 0 21px;}

.commentlist p {margin-bottom:0;padding:0 52px 0 10px;}

.commentlist .comment-body ul {margin:0;padding:0;}

.commentlist .comment-body li {list-style-position:inside;padding:0 52px 0 30px !important;margin:19px 0 21px !important;border-top:1px solid #DDEEFF !important;}

.commentlist .comment-author {font-size:1.1em;color:#666;font-weight:bold;margin-bottom:10px;padding:0 10px 5px;position:relative;border-bottom:1px double #e5e5e5;border-bottom:2px double #EEE;}

.commentlist .comment-author a {color:#666;text-decoration:none;}

.commentlist .comment-author a:hover {color:#b00050;text-decoration:underline;}

.commentlist div.reply {padding:0 52px 0 10px;}

.commentlist .comment-meta {position:absolute;top:4px;right:10px;font-size:11px;font-style:italic;}

.commentlist div.reply {margin:0;border-top:0;font-size:11px;}

.commentlist div.reply a, .commentlist .comment-meta a {color:#999;text-decoration:none;}

.commentlist .comment-meta a.comment-edit-link {color:#CCC;}

#commentform {color:#333;}

#commentform input.text {width:200px;background:rgba(255,255,200,0.25);border:0 none;font-size:14px;line-height:21px;height:21px;padding:0 6px;-moz-appearance:none;-webkit-appearance:none;vertical-align:top;}

#commentform label {font-weight:bold;font-size:1.1em;padding-left:10px;}

#commentform textarea {width: 488px;background:rgba(255,255,200,0.25);border:0 none;font-size:14px;line-height:22px;padding: 0 6px;-moz-appearance:none;-webkit-appearance:none;height:131px;}

#commentform textarea:active, #commentform textarea:focus {outline:0;}

.children #commentform textarea {width:98%;}

#commentform p:last-child {padding-bottom:22px;}

#commentform #submit {-moz-appearance:none;-webkit-appearance:none;border:0;border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;background:#EEE;height:21px;vertical-align:top;font-weight:bold;padding:0 10px;}

#commentform #submit:hover, #commentform #submit:focus, #commentform #submit:active {background:#DDD;}

.children { padding: 0 0 0 20px; margin-top:40px;border-left:3px double #E5E5E5;}

.nocomments {text-align: center;margin: 0;padding: 0;}



.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

.alignleft {float: left;}

.alignright {float: right;}

.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;}



#footer {color:#333;padding:20px 14px;text-align:center;margin-top:20px;border-top:3px double #e6e6e6;}

#footer .fin {font-size:2.5em;letter-spacing:-1px;}

#footer .text {font-style:italic;color:#AAA;font-size:12px;}

#footer .text a {color:#AAA;}



.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}