/* 
   CSS RESET
 */  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
                        { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul                  { list-style: none; }

/* 
   HTML MAIN
 */

body                    { color:#333; background:url(images/bg.jpg) repeat-x top #f5f3f3; font-family:Verdana, Geneva, sans-serif; font-style:normal;
                          font-size:12px; line-height: 180%; }
a                       { color: #444; text-decoration: none; }
a:hover                 { text-decoration: none; }
.clearfix               { clear: both; }
.m4_full                { width: 100%; }
.m4_1000                { width: 1000px; margin: auto; }
.m4_600                 { float: left; width: 670px; overflow: hidden; }
.m4_400                 { float: right; width: 280px; }
p.m4go_moreup           { display: none; }         

/* 
   M4 HEADER
 */

#m4header               { height: 70px; background: url(images/m4header.png); overflow: hidden; }
#m4nav                  { height: 30px; padding-top: 20px; overflow: hidden; }
#m4nav ul               { float: left; width: 500px; height: 30px; background: url(images/m4nav.png) no-repeat left center ; overflow: hidden; }
#m4nav li               { float: left; width: 80px; height: 30px; padding-left: 20px; }
#m4nav a                { float: left; color: #000; text-decoration: none; padding-top: 6px; }
#m4nav a:hover          { color: #fff; text-decoration: none; }
#m4nav form             { float: right; }
#m4nav input            { width: 250px; padding-left: 8px; padding-top: 7px; padding-bottom: 7px; background: #cdd5d9 url(images/navinput.png) center no-repeat;
                          border: none; font-size: 12px; }

#m4logo                 { height: 130px; padding-top: 30px; background: url(images/build.png) no-repeat center bottom; overflow: hidden; }
#m4logo h1              { float: left; text-indent: -30000px;}
#m4logo h1 a            { float: left; width: 161px; height: 96px;}
#m4logo h1 a:hover      { float: left; width: 161px; height: 96px;}
#m4logo span            { float: right; margin: auto; width: 234px; height: 60px; background: #1b3c5b; border: 5px solid #eaedf1; padding: 5px; }
#m4logorss              { float: right; width: 360px; height: 68px; padding-top: 10px; padding-left: 140px; }
#m4logorss a            { float: left; width: 180px; height: 68px; }
#m4logorss h2           { text-indent: -3000px; }

/* 
   M4 MAIN
 */

#m4main                 { border-top: 1px solid #a9bac4; background: url(images/bg-ruler.gif) repeat-y 670px 0px ; padding-bottom: 40px; }
#m4contentmenu          { height: 39px; overflow: hidden; border-bottom: 1px solid #a9bac4; }
#m4contentmenu li       { float: left; height: 39px; border-right: 1px solid #a9bac4; }
#m4contentmenu a        { float: left; height: 28px; padding-top: 11px; padding-left: 15px; padding-right: 15px; color: #404; text-decoration: none; }
#m4contentmenu a:hover  { background: #deeef7; }
li#m4current            { background: #deeef7; }

#m4post                 { padding-top: 30px; }
.m4postnode             { margin-bottom: 30px; border-bottom: 1px solid #a9bac4; padding-right: 50px; }
.m4postnode2            { margin-bottom: 30px; border-bottom: 1px solid #a9bac4; padding-right: 50px; line-height: 22px; padding-bottom: 30px; }
.m4postnode p, .m4postnode2 p 
                        { padding-bottom: 13px; line-height: 26px; }
h2.m4title              { font-size: 22px; font-weight: bold; padding-bottom: 12px; }
h2.m4title a            { color: #333; text-decoration: none; }
h2.m4title a:hover      { color: #005ead; }
.m4author               { float: right; width: 130px; height: 75px; padding-left: 30px; padding-bottom: 20px; font-size: 10px; }
.m4author li            { height: 24px; border-bottom: 1px solid #a9bac4; line-height: 24px; }
.m4author li a          { color: #333; text-decoration: none; }
p.more                  { clear:both; width: 166px; height: 30px; margin-top:30px; padding: 0px; }
p.more a                { float: left; width: 166px; height: 30px; background: #a9bac4; color:#fff; font-size: 14px; font-weight: bold; 
                          text-transform: uppercase; text-align: center; text-decoration: none; font-family: Arial; line-height: 30px; }
p.more a:hover          { background: #444; color: #fff; }

ol.pages                { height: 35px; color: #a9bac4; }
ol.pages li             { float: left; width: 35px; height: 36px; text-align: center; font-size: 16px; font-weight: bold; line-height: 36px; font-family: arial; }
ol.pages li a           { float: left; border-bottom: 1px solid #a9bac4; width: 35px; height: 35px; text-decoration: none; color: #a9bac4; }
ol.pages li a:hover     { color: #005ead; border-bottom: 1px solid #005ead; }
ol.pages li.current a   { color: #404; border-bottom: 1px solid #404; }


/* 
   M4 COMMENTS
 */
 
#comments             {  }
#comments h4          { height: 45px; background: url(images/bg-h4.png) repeat-y ; border-top: 1px solid #a9bac4; border-bottom: 1px solid #a9bac4;
                          font-size: 18px; font-family: Georgia; line-height: 45px; font-weight: normal; }
 
.m4commentlist          { padding-right: 50px; }
ol.comment-list, ol.comment-list ol 
                        { margin: 0; list-style: none; }
ol.comment-list ol      { padding-top: 10px; }
ol.comment-list li      { margin: 0; padding-bottom: 10px; }
ol.comment-list li      { padding: 10px 15px; margin-top: 10px; border: 1px solid #eee;	background: #FAFAFA; overflow: hidden; }
ol.comment-list li.comment-level-odd 
                        { background: #fff; }
ol.comment-list li.comment-level-even
                        { background: #FAFAFA; }
ol.comment-list li.comment-by-author
                        { border: 1px dashed #AAA; }
ol.comment-list li .comment-reply
                        { text-align: right; }
ol.comment-list li .comment-reply a
                        { font-size: 11px; border: none; color: #aaa; }
ol.comment-list li .comment-reply a:hover
                        { color: #444; }
.comment-meta           { padding-bottom: 8px; color: #999; }
.comment-author         { display: block; font-size: 15px; color: #444; }
.comment-author cite.fn { font-style: normal; }
.comment-body           { overflow: hidden; }
img.avatar              { float: left; margin: 6px 10px 0 0; }
.respond                { margin-top: 20px; }
ol.comment-list li .respond
                        { border-top: 1px solid #ddd; padding-top: 10px; }
#comment_form           { padding-right: 8px; }
.respond .cancel-comment-reply
                        { float: right; }
.respond .cancel-comment-reply a
                        { border: none; color: #aaa; }
.respond .cancel-comment-reply a:hover
                        { color: #444; }
.m4commentpost          { padding-top: 20px; }
.m4commentpost p        { padding-bottom: 14px; }
input#m4postauthor      { background: #fff url(images/name.png) no-repeat right center; border: 1px solid #ccc; padding: 5px; width: 250px; }
input#m4postmail        { background: #fff url(images/email.png) no-repeat right center; border: 1px solid #ccc; padding: 5px; width: 250px; }
input#m4posturl         { background: #fff url(images/url.png) no-repeat right center; border: 1px solid #ccc; padding: 5px; width: 250px; }
textarea#m4postarea     { background: #fff; border: 1px solid #ccc; padding: 5px; width: 400px; height: 200px; overflow: hidden; }
 /* 
   M4 SIDEBAR
 */

#m4sidebar              { padding-top: 30px; }
#m4sidebar h3           { height: 35px; background: url(images/sidebar.png) no-repeat left center; font-size: 20px; font-weight: bold; line-height: 35px;
                           padding-left: 20px; }
#m4sidebar ul           { padding-top: 15px; margin-bottom: 25px; border-bottom: 1px dashed #a9bac4; }
#m4sidebar li           { line-height: 35px; border-top: 1px dashed #a9bac4; height: 35px; overflow: hidden; }
#m4sidebar li a         { float: left; height: 35px; width: 280px; }
#m4sidebar li a:hover   { background: #deeef7; }

/* 
   M4 FOOTER
 */

#m4footer               { height: 100px; background: #000; }
#m4footer a             { color: #fff; }
.m4footertxt            { line-height: 100px; color: #ccc; background: url(images/fbg.png) no-repeat right;}