html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}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:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

body { background-color:#dedfE0; padding:0px 0 20px; font-family:georgia, "times new roman", times, serif; color:#111; }
a { color:#113399; text-decoration:none; }
a:hover { color:#005511; text-decoration:underline; }
p, blockquote, ol li, ul li { margin:25px 0; }
blockquote { padding:0 25px; font-size:18px; line-height:24px; border-left:4px solid #e7e7e7;  }
i, em { font-style:italic; font-weight:inherit; }
b, strong { font-weight:bold; font-style:inherit; }
p { margin:15px 0; }
ol { margin:15px 0 15px 10px; }
ul { margin:15px 0 15px 10px; }
li { margin:0 0 10px; }
ul li { list-style:disc outside none; margin-left:15px; }
ol li { list-style:decimal outside none; margin-left:15px; }
h1, h2, h3 {  font-family:"helvetica neue", helvetica, arial, serif; font-weight:bold; }
h1 { font-size:28px; }
h2 { font-size:24px; margin-top:30px; }
h3 { font-size:22px; }

blockquote.box { padding:10px 20px; border-left:none; background:#ececec; border-radius:4px; }


#container { margin:0 auto; background-color:white; width:960px; text-align:left; font-size:20px; line-height:28px; min-height:1000px; }

#container a#header { display:block; height:146px; width:960px; background:#a0aec6 url("http://www.muditajournal.com/wp-content/themes/mudita/images/header-mudita-journal-2011.jpg") top center no-repeat; margin-bottom:30px; }
#container a#header h2 { position:relative; left:-3000px; }

#container #page { float:left; width:640px; padding:5px 40px 20px 30px ; }
#container #page .post-title { line-height:34px; margin:0; }
#container #page .post-title a { text-decoration:none; color:#000; }
#container #page .post-title a:hover { text-decoration:underline; color:#005511; }
#container #page .post { margin:0 0 40px; }
#container #page .navigation { padding:15px 0; clear:both; font-size:11px; }
#container #page .relatedposts { padding:0 0 15px; clear:both; font-size:13px; }
#container #page .relatedposts .header { text-transform:uppercase; color:#000; margin-bottom:5px; }
#container #page .relatedposts p { margin:0px; font-family:arial, sans-serif; font-size:16px; line-height:22px; }
#page .date, #page .date a, #page .byline, #page .byline a { color:#888; text-decoration:none; font-size:13px; font-family:arial, sans-serif; }
#page .date a:hover, #page .byline a:hover { text-decoration:underline; color:#005511; }

/* SIDEBAR */
#container #sidebar { float:left; width:220px; padding:7px 30px 20px 0px; font-size:11px; color:#777; font-family:arial,"helvetica neue", helvetica, verdana, sans-serif; }
#container #sidebar a { color:#333; }
#container #sidebar p { line-height:14px; }
#container #sidebar ul { padding:0; margin:0; }
#container #sidebar li { padding:0; margin:0; list-style-type:none; line-height:14px; }
#container #sidebar li.spaceafter { margin-bottom:8px; }
#container #sidebar h2 { font-size:16px; text-transform:uppercase; margin:25px 0 10px; color:#000; }
#container #sidebar a#mudita-def { display:block; width:217px; height:150px; background:#eee url("http://www.muditajournal.com/wp-content/themes/mudita/images/mudita-definition-2011.gif") left no-repeat; }
#container #sidebar a#atlas-web-dev { display:block; width:185px; height:118px; margin:10px 0; background:#eee url("http://www.muditajournal.com/wp-content/themes/mudita/images/atlas-web-development.gif") left no-repeat; }

/* COMMENTS */
#page form#commentform table { width:450px; }
ul.commentlist li { list-style-type:none; padding:0; margin:0; }
ul.commentlist { padding:0; margin:0; }

.alignleft  { float:left; margin-top:7px; margin-right:15px; margin-bottom:10px; }
.alignright { float:right; margin-top:7px; margin-left:15px; margin-bottom:10px; }