/*
Theme Name: Work Easy 4 Life Balance
*/

/* Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

.hide,
#header h1,
#header p,
#sidebar label { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }

/* Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
#page:after,
.pics:after,
.navigation:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix,
#page,
.pics,
.navigation { zoom: 1; }


/* Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #84a3cc url(images/bg.jpg) repeat-x top left; color: #333; font: 62.5%/1.5 "Arial", "Helvetica", sans-serif; text-align: center; padding: 20px 0; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #f3791a; text-decoration: none; }
a:hover, a:active { color: #f3791a; text-decoration: underline; }

/* Structure
-----------------------------------------------------------------------------------------------*/

#page { background: #fff; width: 832px; margin: 0 auto; text-align: left; font-size: 1.2em; }
.container { padding: 15px 20px; }

#content { width: 500px; float: left; }
#sidebar { width: 260px; float: right; }

h2, h2 a { font-weight: bold; color: #f3791a; }

/* Header
-----------------------------------------------------------------------------------------------*/

#header { width: 832px; height: 128px; background: #ffeba8 url(images/header.jpg) no-repeat; overflow: hidden; }

/* Content
-----------------------------------------------------------------------------------------------*/

#content h2 { font-size: 1.7em; }
#content h3 { font-size: 1.4em; color: #333; }
#content h4 { font-size: 1.2em; color: #666; }

#content h2, #content h3, #content h4, #content p, #content ul, #content ol { padding: 0 0 15px; }
#content .post h2,
#content .post h3 { padding: 0; }
#content .post small { display: block; padding: 0 0 15px; font-size: .9em; color: #666; }
#content .post { border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 5px; }
#content .postmetadata { color: #666; font-size: .9em; }

/* Sidebar
-----------------------------------------------------------------------------------------------*/

#sidebar .pics img { float: left; display: block; border: 1px solid #701f5d; }
#sidebar .pics img.first { margin-right: 10px; }

#sidebar h2 { color: #333; }
#sidebar li { padding: 0 0 15px; }
#sidebar li li { padding: 0; list-style: disc; margin-left: 12px; *margin-left: 16px; }

#sidebar #s { width: 190px; }

#sidebar a img { vertical-align: middle; }
#sidebar a.first img { margin-right: 12px; margin-bottom: 5px;  }
#sidebar a.last img { margin: 20px 0 0 12px; }

/* Footer
-----------------------------------------------------------------------------------------------*/

#footer { background: #fff url(images/footer.jpg) no-repeat bottom left; text-align: center; color: #666; clear: both; padding: 10px 0; }


/* Wordpress
-----------------------------------------------------------------------------------------------*/
/* Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { float: right; margin: 3px 0 5px 15px; display: inline; }
img.alignleft { float: left; margin: 3px 15px 5px 0; display: inline; }

/* Navigation */
.alignright { float: right; text-align: right; padding: 5px 0; }
.alignleft { float: left; padding: 5px 0; } 

/* Captions */
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { font-size: .9em; padding: 0 4px 5px; margin: 0; }

/* Misc. */
.entry small { display: block; margin: 0 0 7px; font-size: .9em; font-style: italic; color: #666; }

/* Comments */
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border-top:5px solid #f3791a; margin:0 0 10px; padding:5px 7px 5px 57px; position: relative; list-style: none; }
ol.commentlist li.comment-author-admin {border-top:5px solid #265c9a;}
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight: bold; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; color: #000; text-decoration: underline; }
ol.commentlist li div.vcard cite.fn a.url:hover { text-decoration: underline;}
ol.commentlist li div.vcard img.avatar {left:0;position:absolute; top:5px; }
* html ol.commentlist li div.vcard img.avatar { left: -57px; top: 10px;}
ol.commentlist li div.comment-meta { font-size:.9em;position:absolute; right:0; text-align:right; top:0;background:#f3791a; padding:3px 4px 4px 4px}
ol.commentlist li div.comment-meta a { color:#fff; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#fff; text-decoration: underline; }
ol.commentlist li.comment-author-admin div.comment-meta {background:#265c9a}
ol.commentlist li.comment-author-admin div.comment-meta a,
ol.commentlist li.comment-author-admin div.comment-meta a:hover { color: #fff; }
ol.commentlist li div.reply { text-align:center; width:36px; }
ol.commentlist li div.reply a { background:#eee; color:#222; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 10px 3px;  color:#222; text-decoration:none; text-transform:uppercase; }
ol.commentlist li div.reply a:hover {color:#fff; background:#222}
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li p { padding: 5px 0; }
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;font-size: 1em; border: 1px solid #666;}
#commentform textarea {margin-top:5px;width: 95%;padding: 2px;border:1px solid #666;font-size: 1em;}
#commentform #submit{margin-top: 5px;padding: 5px;font-weight: bold;font-size: 1.1em;background:#f3791a none repeat scroll 0 0;border:1px solid #666;color:#fff;font-weight:bold;margin-top:5px;padding:5px;cursor:pointer;}
#commentform p { padding: 0; margin: 0; }

/* Entry basic styles */
.post h2 { font: bold 1.5em; color: #000; }
.post h3 { font: bold 1.3em; color: #f37a1b; }
.post h4 { font: bold 1.2em; color: #f37a1b; }
.post h5 { font-weight: normal; font-size: 1.1em; color: #444; }
.post h6 { font-weight: bold; font-size: 1em; color: #666; }
.post ul li { list-style: disc; }
.post ol li { list-style: decimal; }
.post ol, 
.post ul { margin-left: 20px; padding-bottom: 20px; }
.post ul { margin-left: 14px; }