body { background: #E5E5E5 url('../images/body-bg.png') top left no-repeat; border: 0; margin: 0; outline: 0; padding: 0; }
a img { border: 0; }
.clear { clear:both; }
.left { float: left; }
.right { float: right;}
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.hidden { display: none; }

#top-border { position: fixed; top: 0; left: 0; }
.top-border1, .top-border2, .top-border3, .top-border4 { float: left; height: 0; _margin-top: -19px; position: fixed; width: 25%; }
.top-border1 { border-bottom: 6px solid #F36; left: 0%; }
.top-border2 { border-bottom: 6px solid #E88520; left: 25%; margin-left: 0px; }
.top-border3 { border-bottom: 6px solid #A6CE32; left: 50%; margin-left: -1px; }
.top-border4 { border-bottom: 6px solid #51B5C9; left: 75%; margin-left: -2px; }

.top-menu {font: normal 14px "DaxOT Light", "Myriad Pro", Arial, Helvetica, sans-serif; list-style: none; margin: 10px 0 0 8px; padding: 0}
.top-menu li {display: inline; margin: 0 15px}
.top-menu a {color: #7A7879; text-decoration: none}
.top-menu a:hover {text-decoration: underline}

#sidebar {float: left; text-align: left; width: 420px}

.content { padding-top: 20px; width: 670px}
.logo { margin-left: 125px; }

#banner { margin: 80px 0 0 125px; }
.banner-top, .banner-bottom { background: url('../images/banner-top.png') top left no-repeat; height: 9px; width: 493px; }
.banner-middle { background-color: #5BDCEE; color: #FEFEFE; font: normal 18px "DaxOT Light", "Myriad Pro", Arial, Helvetica, sans-serif; _margin-top: -10px; padding: 8px; width: 477px; }
.banner-bottom { background: url('../images/banner-bottom.png') top left no-repeat; }

.rss { margin: 15px 60px 0 0; }
.head-separator { height: 100px; }

.articles { background-color: #E5E5E5; }
.article-date { background: #E5E5E5 url('../images/date-place.png') top left no-repeat; font: normal 14px "DaxOT Bold", "Myriad Pro", Arial, Helvetica, sans-serif; height: 28px;  margin-left: 24px; _margin-left: 12px; padding: 9px 3px 0 21px; width: 64px; text-align: right}
.article-entry { background-color: #FCFCFC; width: 536px; }
.article-author-img {float: left; margin: 0 10px}
.article-head {color: #818181; float: left; font: normal 14px "DaxOT Light", "Myriad Pro", Arial, Helvetica, sans-serif;}
.article-head a {color: #818181; text-decoration: none}
.article-head a:hover {text-decoration: underline}
.article-comments-link {color: #231F20}
.article-comments-link a {color: #231F20}
.article-title {margin: 0; padding: 0; width: 400px}
.article-title a {font: normal 26px "DaxOT Light", "Myriad Pro", Arial, Helvetica, sans-serif}
.article-content {clear: both; color: #838383; font: normal 12px Arial, Helvetica, sans-serif; line-height: 150%; padding: 12px 12px 0 12px; width: 512px}
.article-content a img {filter: alpha(opacity=80); 	-khtml-opacity: .8;	-moz-opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: .8}
.article-meta {border-top: 1px solid #E5E5E5; color: #E5B42B; font: normal 12px Arial, Helvetica, sans-serif; margin: 0 12px; padding:  0 0 36px 0}
.article-content a {color: #E5B42B; text-decoration: none}
.article-content a:hover { color: #777; text-decoration: underline}
.article-meta a {color: #E5B42B; text-decoration: none}
.article-meta a:hover {color: #E5B42B; text-decoration: underline}

.wp-pagenavi {background-color: #231F20; border-bottom: 40px solid #FCFCFC; color: #FFF; float: left; font: normal 14px  Arial, Helvetica, sans-serif; margin-left: 112px; _margin-left: 55px; padding: 10px; width: 516px}
.wp-pagenavi span, .wp-pagenavi a {color: #FFF; margin: 0 5px; text-decoration: none; }
.wp-pagenavi a:hover, .wp-pagenavi span.current {color: #5BDCEE}

.authors {list-style: none; margin: 500px 0 0 20px; padding: 0}
.authors li {display: inline; margin: 0 3px}
.authors a img {filter: alpha(opacity=80); -khtml-opacity: .8; -moz-opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: .8}

#searchForm {margin: 10px 0 0 20px}
.searchField {border: 0; font: normal 18px "DaxOT Light", "Myriad Pro", Arial, Helvetica, sans-serif; height: 28px; padding: 3px; vertical-align: middle; width: 224px}
.searchSubmit {background: url('../images/search-button.png') top left no-repeat; border: 0; cursor: pointer; height: 34px; vertical-align: middle; width: 85px}

.blog-nav-left, .blog-nav-right {float: left; margin: 10px 0 0 20px; _margin-left: 10px; width: 155px}
.blog-nav-right {_margin-left: 20px}
.blog-nav-left h3, .blog-nav-right h3 {color: #2F2F2E; font: normal 18px Arial, Helvetica, sans-serif; margin-bottom: 20px}
.blog-nav-left ul, .blog-nav-right ul {list-style: none; margin: 0; padding: 0}
.blog-nav-left ul li, .blog-nav-right ul li {border-bottom: 1px solid #ADADAD; color: #999; font: normal 12px Arial, Helvetica, sans-serif; line-height: 160%; padding: 5px 0}
.see-articles { font: normal 12px Arial, Helvetica, sans-serif; line-height: 160%; padding-top: 30px}
.see-articles a { color: #2F2F2E; text-decoration: none;}
.see-articles a:hover { color: #888; text-decoration: underline;}
.blog-nav-left ul li a, .blog-nav-right ul li a {color: #2F2F2E; text-decoration: none}
.blog-nav-left ul li a:hover, .blog-nav-right ul li a:hover {color: #999; text-decoration: none}

.account-info {color: #434343; font: normal 14px Arial, Helvetica, sans-serif; margin-left: 24px}
.account-info a {color: #656565; text-decoration: underline;}
.account-info a:hover {color: #656565; text-decoration: none;}
.comment-number {color: #434343; font: normal 26px "DaxOT Light", "Myriad Pro", Arial, Helvetica, sans-serif; margin-left: 16px}
h3#comment-post {color: #717171; font: normal 18px "DaxOT Light", "Myriad Pro", Arial, Helvetica, sans-serif; margin-left: 16px}
.comment-list {font: normal 16px "DaxOT Light", "Myriad Pro", Verdana, Arial, Helvetica, sans-serif; list-style: none; margin: 0; padding: 0; width: 536px; _width: 526px}
.comment-list li {border-bottom: 1px solid #DEDEDE; margin: 10px; padding: 10px; width: 500px}
.avatar {float: left; margin-right: 8px}
.comment-meta {color: #444; float: left; margin-top: 6px}
.comment-text {clear: both; color: #717171; font: normal 12px Arial, Helvetica, sans-serif; line-height: 140%}
.comment-meta a {color: #444; text-decoration: none}
.comment-meta a:hover {color: #555; text-decoration: underline}
#comment-form div {margin: 5px 0; padding: 5px 10px}
#comment-form label {color: #717171; font: normal 16px "DaxOT Light", "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;}
#comment-form input, textarea {background:  url('../images/comment-input-bg.png') top left repeat-x; border: 1px solid #DEDEDE; color: #666; font: normal 12px Arial, Helvetica, sans-serif; padding: 4px; width: 320px}
#comment-form textarea {overflow: auto}
#comment-form #submit {background: url('../images/comment-post-bg.png') top left no-repeat; border: 0; cursor: pointer; height: 40px; width: 154px}