@charset "utf-8";
/* CSS Document */

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 { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
html { overflow-y: scroll; }
body { line-height: 1; }
.alignleft { float: left; margin: 0 20px 20px 0; padding: 4px; }
.alignright { float: right; margin: 0 12px 20px 20px; padding: 4px; }
.alignnone { margin: 0 0 0 0; padding: 4px; }
.aligncenter { margin: 0 0 0 0; padding: 4px; }
.clear { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html, body, #left, #right { height: auto; }

html, body { height: 100%; width: 100%; }

body { background: url("img/bg.jpg") left repeat fixed; color: #747474; font-family: Arial,sans-serif; font-size: 12px; line-height: normal; }
p { line-height: 20px; padding-bottom: 15px; }
h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; }

h1 { color: #CC3300; font-size: 28px; line-height: normal; padding: 0; margin: 0 0 6px 0; }
h2 { color: #747474; font-size: 20px; margin: 0 0 6px 0; }
h3 { color: #CC3300; font-size: 16px; font-weight: normal; line-height: 22px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; }
h4 { color: #747474; font-size: 14px; font-weight: bold; line-height: 20px; font-family: Arial, Helvetica, sans-serif; }
h5 { color: #747474; font-family: Arial, Helvetica, sans-serif; }
h6 { color: #747474; font-family: Arial,sans-serif; font-size: 13px; letter-spacing: 0.5px; margin-bottom: 20px; }

/* =Divide Line
-------------------------------------------------------------- */
.divideline { background-color: #ccc; padding: 1px 0 0 0; margin: 10px 0; clear: both; }

/* =Feature Image Background
-------------------------------------------------------------- */
#featurebg { position: relative; margin: 0 0 10px 0; display: block; height: 317px; padding: 0; background: url(img/featuredbg.jpg) no-repeat left bottom; z-index:100; overflow: hidden; }
.featured { float: right; margin: 0 0 20px 20px; }

.attachment-page-single { padding: 5px; border: 1px solid #cccccc; display: block; position: absolute; top: 0; left: 0; background-color: #fff; }
.wp-post-image { padding: 5px; border: 1px solid #cccccc; background-color: #fff; }
.attachment-thumbnail { float: left; margin: 10px 15px 15px 0; }
.entry-meta { clear: both; }

.entry-content { overflow: hidden; }
.entry-content img { border: 1px solid #D1D1D1; margin-bottom: 10px; padding: 4px; }
.page .entry-content img { max-width: 98%; height: auto; }

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

table { border-collapse: collapse; text-align: left; width: 100%; }
th {  }
thead, th, tfoot { font-weight: normal; }
th, td, caption { border-bottom: 1px solid #666; padding: 3px; }
tr.even td { background: none repeat scroll 0 0 #F2F2F2; }

p.wp-caption-text { padding: 6px 0 4px 0; width: 90%;  }

blockquote { background: url("img/quotes.png") no-repeat scroll 0 0 transparent; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;line-height: 24px; margin: 20px 0 20px 20px; padding-left: 60px; }

.author { color: #CC3300; font-size: 12px; font-style: normal; }

.published abbr, .published acronym { font-style:normal; text-decoration: none; }

del { color: #929292; }

pre, code, tt { color: #929292; font-family: 'lucida console',monospace; }

.page ul { list-style: outside disc; margin: 0 0 20px 40px; font-size: 15px; line-height: 22px; }
.page ol { margin: 0 0 15px 0; }
.page ol li { font-size: 12px; list-style: decimal inside none; }

#left { float: left; width: 35%; position: fixed; padding: 50px 0 0 0; z-index: 1000; }
#right { float: right; width: 65%; background-color:#fffffe; overflow: hidden; padding: 44px 0 0 0; }

.grid-left { min-height: 100%; }
.grid-right { background: url("img/rightbg.jpg") left repeat-y; min-height: 100%; }

.page { width: 610px; margin: 0 0 0 40px; padding: 0 0 30px 0; overflow: hidden; }

.post { border-bottom: 1px solid #cccccc; margin: 0 0 20px 0; overflow: hidden; }

.logo-image { float: left; }

#logo { float: right; margin: 0 40px 0 0; }

#comments { margin: 15px 0 0 0; }
#comments ol li { list-style: none; }
/* commentlist */
.commentlist { margin: 10px 0; padding: 0; list-style: none; }
.commentlist li { margin: 0 0 10px 0; padding: 0 0 0 85px; list-style: none; border-bottom: solid 1px #cccccc; position: relative; }
.commentlist li li { border-bottom: solid 1px #cccccc; }
.commentlist .children { margin: 0 0 40px 0; }
.commentlist .comment-author h2 { line-height: normal; padding: 0; margin:0; }
.commentlist .avatar { border: solid 1px #cccccc; position: absolute; left:0; top: 5px; padding:3px; }
.commentlist cite { font-style: normal; }
.commentlist .comment-time { padding: 0 0 15px 0; }
.commentlist .comment-time a { text-decoration: none; }
.commentlist .comment-time a:hover { }
.commentlist ul, .commentlist ol { margin: 0; padding: 0; }
.commentlist .comment-reply-link { position: absolute; bottom: 0; right: 0; padding: 2px 14px; background: #333; color:#ffffff; }
.commentlist .comment-reply-link:hover { background: #cc3300; text-decoration: none; color: #cccccc; }
.commentlist .children .comment-reply-link { position: absolute; bottom: 0; right: 0; padding: 2px 14px; background: #e3e3e3;  color: #cc3300; }
.commentlist .children .comment-reply-link:hover { background: #3AC0F3; text-decoration: none; color: #cc3300; }
.comment-author {  margin: 0 0 12px 0; color:#333333; }
.awaiting { margin: 0 0 15px 0; }

/* =Comment form
-------------------------------------------------------------- */
#respond { margin: 0; padding: 0; position: relative; clear: both; }
#respond .cancel-comment-reply a { position: absolute; top: 0; right: 0; text-decoration: none; padding: 2px 10px; color: #fff; background: #666666;}
#respond .cancel-comment-reply a:hover { background: #666666; }
#commentform { margin: 0; }
#commentform input { margin: 0 0 0 20px; }
#commentform label { }
#commentform label small { }
#commentform textarea { height: 140px; margin: 0 0 0 15px; }
#commentform input#submit { padding: 7px 20px;  }

/* =Sidebar Styles
-------------------------------------------------------------- */
#sidebar { clear: right; text-align: right; margin: 15px 40px 0 0; float: right; width: 300px; }
#sidebar h2 { color: #CC3300; line-height: normal; clear: right; margin: 0 0 3px 0; padding: 0; }
#sidebar ul { list-style: none; margin: 0 0 25px 0; float: right; }
#sidebar ul li { margin: 0 0 3px 0; }
#sidebar ul li a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; display: block; padding: 0; color: #ffffff; width: 220px; }
#sidebar ul li a:hover { text-decoration: none; color: #CC3300; }
#sidebar ul li li a { margin: 0; font-size: 13px; padding: 3px 0; }
#sidebar ul li li a:hover { text-decoration: none; color: #CC3300; }

#social { clear: right; float: right; margin: 15px 40px 0 0; }
#social ul { list-style: none; float: right; }
#social ul li { float: left; margin: 0 0 0 8px; }

#copyright { clear: right; float: right; width: 297px; margin: 15px 40px 0 0; border-bottom: 3px solid #181818; padding: 0 0 6px 0; text-align: right; color: #525252; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

/*MAIN NAV*/
.main-nav { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; list-style: none; margin: 30px 0 10px 0; float: right;  width: 250px; padding: 0; }
.main-nav li { margin: 0; padding: 0 40px 0 0; text-align: right; position: relative; z-index: 1000; }
/* main level link */
.main-nav a { color: #FFFFFF; font-size: 22px; display: block; padding: 6px 0; }
/* main level link :hover */
.main-nav a:hover { color: #CC3300; text-decoration: none; }
/* current link */
.main-nav .current_page_item a, .main-nav .current-menu-item a { color: #fff; }
/* current link :hover */
.main-nav .current_page_item a:hover, .main-nav .current-menu-item a:hover { color: #CC3300; }
/* sub-levels link */
.main-nav ul a, .main-nav .current_page_item ul a, .main-nav ul .current_page_item a, .main-nav .current-menu-item ul a, .main-nav ul .current-menu-item a { color: #747474; font-size: 16px; display: block; padding: 4px 8px; }
/* sub-levels link :hover */
.main-nav ul a:hover, .main-nav .current_page_item ul a:hover, .main-nav ul .current_page_item a:hover, .main-nav .current-menu-item ul a:hover, .main-nav ul .current-menu-item a:hover { background-color:#333; color:#fff; }
/* dropdown ul */
.main-nav ul { margin: 0; padding: 0; list-style: none; display: none; background-color: #fff; border: 1px solid #cdcdcd; position: absolute; width:180px; left: 230px; top: 5px; }
.main-nav ul li { background: none; padding: 0; margin: 0; text-align: left; }
/* current link */
.main-nav .current_page_item ul li a, .main-nav .current-menu-item ul li a { color: #747474; }
/* sub-levels dropdown */
.main-nav ul ul { left: 170px; top: 5px; }
/* show dropdown ul */
.main-nav li:hover > ul { display: block; }

/* calendar */

#calendar_wrap table { width: 200px; float: right; }
#calendar_wrap #next, #calendar_wrap #next { }
#calendar_wrap #next { text-align: right; padding: 0 5px 0 0; }
#calendar_wrap #prev { text-align: left; padding: 0 0 0 5px; }
#calendar_wrap caption { margin: 0; padding: 8px 0 4px 0; font-size: 18px; }

.nextprev { border-top: 1px solid #ccc; padding: 10px 0 0 0; clear: both; }
.prev a, .next a { padding: 8px; background-color: #CC3300; width: 100px; text-align: center; display: block; font-size: 14px; font-weight: 600; color: #fff;}
.prev a:hover, .next a:hover { background-color: #000; text-decoration: none; color: #fff; }
.prev { float: left; }
.next { float: right; }