/*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 { border:0; outline:0; font-size:100%; vertical-align:baseline; margin:0; padding:0 }
body { line-height:1 }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:none }
:focus, :active { outline:0 }
/*general elements */
body { line-height:1; font-family:arial, Helvetica, sans-serif; background-color:#E6E4D0; font-size:86%; color:#756F57 }
ol, ul { list-style-type:square; margin: 0 0 12px 42px; line-height:1.6em }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:none }
:focus, :active { outline:0 }
button { outline:none; margin:0; padding:0 }
ins { text-decoration:none }
del { text-decoration:line-through }
table { border-collapse:collapse; border-spacing:0 }
.hidden { display:none !important }
.clear { clear:both }
div.clear.right { clear:right; height:0 }
acronym, abbr, span.caps { cursor:help; font-size:.9em; letter-spacing:.07em }
acronym, abbr { border-bottom:1px dashed #999 }
blockquote { padding-left:20px; border-left:5px solid #ddd; margin:15px 30px 0 10px }
blockquote cite { display:block; margin:5px 0 0 }
.center { text-align:center }
.screen-reader-text { position:absolute; left:-1000em }
.container { width:939px; margin:0 auto }
a { color:#2075a1; text-decoration:none }
#content p a { text-decoration:underline }
tr, td {border:0 none; font-size:100%; margin:0; outline:0 none; padding:8px 3px; vertical-align:baseline; }
/*header */
#header { width:939px }
#heading, #heading #heading_right { background:url(images/header_side.png) no-repeat left top; height:90px; padding-left:5px }
#heading #heading_right { padding-left:0; padding-right:5px; background-position:right top }
#heading #heading_right #heading_bg { background:url(images/header_bg.png); height:93px; padding:0 11px 0 13px }
#heading h1 { padding:10px }
#heading h2 { color:#8C8C82; font-size:14px; margin-left:4px; padding:55px 0 0 }
/*featured */
#featured { width:700px; padding-right:175px; position:relative; height:324px; margin:0 0 20px; border:solid 3px #EBEADB; }
#featured ul.ui-tabs-nav { position:absolute; top:0; left:700px; list-style:none; padding:0; margin:0; width:175px; }
#featured ul.ui-tabs-nav li { font-size:12px; color:#666; }
#featured ul.ui-tabs-nav li h3 { font-size:15px; line-height:18px; margin:0; padding:0 }
#featured li.ui-tabs-nav-item1 a { text-decoration:none; color:#fff; display:block; height:78px; line-height:20px; padding:30px 0 0 20px; background:#48a4d3; background-image: url(images/blue.png); background-repeat: no-repeat; background-position: left top; }
#featured li.ui-tabs-nav-item1 a:hover { background-image: url(images/blue.png); background-repeat: no-repeat; background-position: left top; }
#featured li.ui-tabs-nav-item2 a { display:block; height:88px; text-decoration:none; color:#fff; line-height:20px; padding:20px 0 0 20px; background-image: url(images/red.png); background-repeat: no-repeat; background-position: left top; }
#featured li.ui-tabs-nav-item2 a:hover { background-image: url(images/red.png); background-repeat: no-repeat; background-position: left top; }
#featured li.ui-tabs-nav-item3 a { display:block; height:88px; text-decoration:none; color:#fff; line-height:20px; padding:20px 0 0 20px; background-image: url(images/green.png); background-repeat: no-repeat; background-position: left top; }
#featured li.ui-tabs-nav-item3 a:hover { background-image: url(images/green.png); background-repeat: no-repeat; background-position: left top; }
#featured ul.ui-tabs-nav li.ui-tabs-nav-item1.ui-tabs-selected a { background-image: url(images/blue.png); background-repeat: no-repeat; background-position: left top; }
#featured ul.ui-tabs-nav li.ui-tabs-nav-item2.ui-tabs-selected a { background-image: url(images/red.png); background-repeat: no-repeat; background-position: left top; }
#featured ul.ui-tabs-nav li.ui-tabs-nav-item3.ui-tabs-selected a { background-image: url(images/green.png); background-repeat: no-repeat; background-position: left top; }
#featured .ui-tabs-panel { width:700px; height:324px; position:relative; }
#featured .ui-tabs-panel .info { position:absolute; top:180px; left:0; height:70px; background: url('images/transparent-bg.png'); }
#featured .info h2 { font-size:18px; font-family:Georgia, serif; color:#;
padding:5px; margin:0; overflow:hidden; }
#featured .info p { margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0; }
#featured .info a { text-decoration:none }
#featured .info a:hover { text-decoration:underline; }
#featured .ui-tabs-hide { display:none; }
/*navigation*/
#navigation { background:url(images/navigation_sides.png) no-repeat top right; padding-right:4px; height:37px; clear:both; width:934px; font-size:1em; text-transform:capitalize }
#navigation a { color:#fff; display:block; padding:0 19px }
#navigation a.home { width:53px; height:37px; padding-right:0; padding-left:21px; float:left; line-height:37px; color:#fff; border-left: solid 1px #46b3c6 }
#navigation ul.sf-menu { background:url(images/navigation_bg.png) repeat-x; height:37px; width:936px; float:left; margin:0 0 0 1px }
#navigation ul li { background:url(images/navigation_sep.png) no-repeat right top; padding-right:2px; float:left; line-height:37px }
#navigation ul li.lonely a { background:url(images/navigation_bg.png) left top }
#navigation ul li.popular.active { line-height:32px; padding-right:2px }
ul#nav li.popular.active > a { background:url(images/hover_test.png) no-repeat top left; margin-top:4px; margin-left:8px; padding-right:8px; padding-left:5px; color:#2075a1; z-index:1000; height:36px; float:left; position:relative }
ul#nav li.popular.active > a span { background:url(images/hover_test.png) no-repeat bottom right; padding-right:11px; display:block; height:31px; padding-left:6px; float:left }
ul#nav li.popular .menu-item-arrow { background:url(images/arrows.gif) -16px 0; width:8px; height:5px; float:none; margin-left:5px; display:inline-block; line-height:4px; padding:0 }
ul#nav li.popular.active .menu-item-arrow { background:url(images/arrows.gif) -8px 0; width:8px; height:5px; float:none; margin-left:5px; display:inline-block; line-height:4px; padding:0 }
ul#nav li.popular.active .child .menu-item-arrow { background-position:0 0; display:block; float:right; right:3px; top:50%; width:8px; position:absolute; margin-top:-2px }
ul#nav li.popular.active .child { padding-right:11px; width:101px }
ul#nav li.popular.active li.hover .child .menu-item-arrow { background-position:-24px 0; width:8px }
#nav, #nav ul { list-style:none; line-height:1; margin:0; padding:0 }
#nav li div.outerbox { position:absolute; z-index:19; left:-999em }
#nav li.active div.outerbox li.active.last div.outerbox { margin-top:-30px }
#nav li.active div.outerbox li.active.hover div.outerbox { margin-top:-29px }
#nav li.active div.outerbox li.active div.outerbox { z-index:20; left:auto; margin:-29px 0 0 115px }
#nav li.active div.children li.active ul li a { color:#2075a1 }
#nav li.active div.children { left:8px; top:34px }
.outerbox, .innerbox { background:url(images/childul_tops.png) left top no-repeat; width:140px; z-index:2 }
.outerbox { padding-top:12px }
#nav ul.innerbox { background-position:right bottom; padding-bottom:16px; float:left }
#nav ul li, #nav li.active .children li.active ul li { padding-left:13px; padding-right:15px; line-height:24px; width:112px; background:url(images/childul_bg.png) }
#nav ul li a, #nav li.active .children li.active ul li a { border-top:1px solid #e1e1d3; color:#2075a1; display:block; padding:0 }
#nav ul li a:hover, #nav li.active .children li.active ul li a:hover { color:#fff }
#nav ul li.last a.child, #nav li.active .children li.active ul li.last a { border-bottom:1px solid #e1e1d3 }
#nav ul li.hover, #nav li.active .children li.active ul li.hover { border-top:1px solid #7db9b2; border-bottom:1px solid #7db9b2; background-position:top right }
#nav ul li.hover a.child, #nav li.active .children li.active ul li.hover a { border:none; color:#fff }
#nav ul li.next a, #nav li.active .children li.active ul li.next a { border-top:none }
#navigation a.home:hover, #navigation ul li.lonely a:hover { background-position:bottom left }
#navigation ul li.popular, #nav ul li a.child { position:relative }
#search { background:url(images/search.png) top left no-repeat; float:right; margin-top:31px; width:259px; height:49px }
#search .search-holder { float:left; width:175px }
#search .search-holder input.search-text { background:none repeat scroll 0 0 transparent; border:medium none; color:#B5B5AC; height:19px; width:175px; line-height:19px; padding:16px 0 0 37px }
#search .searchBtn { background:url(images/search-btn.gif) left top; width:68px; height:33px; border:none; margin-left:4px; margin-top:9px; cursor:pointer; float:left }
#search .searchBtn.hover { background-position:left bottom }
a.donate { background:url(images/donate.png) left top; width:93px; height:35px; border:none; margin-left:94px; margin-top:15px; text-indent: -9999px; display:block }
a.donate:hover { background-position:left bottom }
.box h3 { font-size:22px; font-weight:bold; color:#63afd7;padding-right:10px }
/*content */
#content_container { clear:both; float:left; width:937px }
#content_container_bg { float:left; width:880px; background:url(images/content_bg.png); padding:30px 29px 19px }
#content_container #content { float:left; width:566px; margin-right:25px }
.page-title h2 { font-size:34px; color:#4D92B6; padding:10px 0 15px }
.page-content { border-top:4px solid #92240B; padding:20px 0 20px 0 }
.page-content h3 { font-size:20px; padding-bottom:10px }
/*posts */
#content div#posts { clear:both; width:567px; margin-bottom:11px }
/*sidebar */
#sidebar { width:289px; float:left }
#sidebar #newsletter { background:url(images/newsletter.png) no-repeat scroll 0 0 transparent; height:43px; margin-bottom:30px; padding-left:14px; padding-right:12px; padding-top:40px; width:263px }
#sidebar #newsletter .input-holder input { background:none repeat scroll 0 0 transparent; border:medium none; color:#838375; height:19px; width:179px; line-height:19px; padding:6px 9px }
#sidebar #newsletter .emailBtn { background:url(images/btnNewsletter.png) left top; width:62px; height:33px; border:none; margin-left:4px; margin-top:-1px; cursor:pointer; float:left }
a.donate { background:url(images/donate.png) left top; width:93px; height:35px; border:none; margin-left:94px; margin-top:15px; text-indent:-9999px; display:block }
#sidebar h3 { font-size:21px; color:#55abd7 }
/*tabs */
#tabs { padding-top:37px; position:relative; margin-bottom:13px }
#tabs ul.tabs { position:absolute; top:0; left:0; font-size:.75em; margin:0 }
#tabs ul.tabs li { display:block; float:left; margin-top:1px; margin-right:4px }
#tabs ul.tabs li a { background:url(images/tabs.png) no-repeat -98px 0; height:38px; display:block; padding-left:5px; line-height:38px; color:#76766a; cursor:pointer; font-size:1.3em }
#tabs ul.tabs li a:hover { background-position:-98px -42px }
#tabs ul.tabs li a span { background:url(images/tabs.png) no-repeat top right; height:38px; display:block; padding-right:13px; padding-left:8px; line-height:36px }
#tabs ul.tabs li a:hover span { background-position:right bottom; color:#2075a1 }
#tabs ul.tabs li.first a { height:40px; background-position:left top }
#tabs ul.tabs li.ui-tabs-selected { margin-top:0 }
#tabs ul.tabs li.ui-tabs-selected a, #tabs ul.tabs li.ui-tabs-selected a span { background-image:url(images/tabs_active.png); background-position:left bottom; height:39px; line-height:39px; color:#2075a1 }
#tabs ul.tabs li.ui-tabs-selected.first a { height:41px; background-position:left top }
#tabs ul.tabs li.ui-tabs-selected.first a:hover { background-position:left top }
#tabs #tabtop { background:url(images/tabs_content_tops.png); width:289px; height:5px; clear:both }
#tabs .tab { width:289px; clear:both; font-size:1em }
#tabs .tab div.bottom { background:url(images/tabs_content_tops.png) bottom; padding-bottom:7px; width:289px }
#tabs .tab div.cont { background:url(images/tabs_content.gif) repeat-y; width:283px; padding:8px 3px 7px }
#tabs .tab div.cont ul li { padding-left:11px; padding-right:13px; font-size:.9em; width:259px; line-height:1.4em }
#tabs .tab div.cont ul.small li a, #tabs .tab div.cont ul.big li span.element { line-height:30px; height:30px; color:#2075a1; display:block; border-top:1px solid #e1e1d3; border-bottom:1px solid #e1e1d3; position:relative }
#tabs .tab div.cont ul.small li a span.ct { position:absolute; right:0; background:url(images/count_comments.gif) no-repeat left top; height:13px; padding-left:16px; top:9px; line-height:12px }
#tabs .tab div.cont ul li.hover { border-top:1px solid #7db9b2; border-bottom:1px solid #7db9b2; background-color:#92d5f8; }
#tabs .tab div.cont ul.small li.prev a, #tabs .tab div.cont ul.big li.prev span.element { border-bottom:none }
#tabs .tab div.cont ul.small li.hover a span.ct { background-position:left bottom; color:#23665f }
#tabs .tab div.cont ul.big li span.element { display:block; height:69px; line-height:normal; padding:5px 0 }
#tabs .tab div.cont ul.big li a { line-height:normal }
#tabs .tab div.cont ul.big li.hover a { color:#d4f2ef }
#tabs .tab div.cont ul.big li span.text { display:block; margin-top:5px; color:#76766a }
#tabs .tab div.cont ul.big li.hover span.text { color:#37837b }
#tabs .tab div.cont ul.big li a.author { margin-top:1px }
#tabs .tab div.cont ul.big li.hover a.author { background-position:0 -13px }
#tabs ul.tabs li.ui-tabs-selected a span, #tabs ul.tabs li.ui-tabs-selected a:hover span { background-position:right bottom }
/*footer */

#footer_bg { width:100%; background-color:#CFCFBD; clear:both; padding-bottom:15px }
#footer_bg .hr { height:1px; background-color:#E6E6DA; clear:both; margin:0 2px }
#footer_bg .hr.scnd { background-color:#dedece }
#footer { clear:both; width:878px; float:left; background:url(images/footer_bg.png) repeat-y; padding:26px 30px 23px }
#footer .box { border-right:1px solid #dadad1; float:left; padding-right:5px; margin-right:20px; text-transform:capitalize }
#footer .box-last { border:none; float:left; padding-right:5px; margin-right:20px; text-transform:capitalize }
#footer h3 { margin-bottom:11px; font-weight:400; font-size:1.6em }
#footer h3 a { color:#ca4f2e }
#footer h3 a:hover { color:#9e3114 }
#footer ul { list-style:none; list-style-type:none; margin:0; padding:0 }
#footer ul li { font-size:1em; margin-bottom:5px; margin-right:15px; font-size:.9em }
#meta { background:url(images/credits.png); height:37px; width:939px; clear:both; text-align:center; color:#76766a; line-height:33px; font-size:.9em; position:relative }
#meta p a.icon { background:url(monkpanel/images/icon.png); display:inline-block; width:22px; height:22px; vertical-align:-7px }
/*general stuff */

.post-header { border-top:solid 4px #92240b }
#content .post-header h1 a, #content .post-header h2 a, #content .postheader h3 a, #content .post-header h4 a, #content .post-header h5 a { color:#92240b; font-weight:400 }
#content div.post-title h2 { font-size:1.8em; padding-top:7px }
.post-title { width:490px; float:left }
.post-date { float:left; background:#92240b; color:#fff; width:76px; text-align:center; font-size:.9em; text-transform:uppercase; line-height:1.6em; letter-spacing:1px; font-weight:700; margin:0 0 25px; padding:8px 0 }
.post-date strong { font-size:1.6em; font-weight:700 }
.post-info { font-size:11px; color: #8D8D8D; }
#content p { color:#756F57; font-size:01em; line-height:22px; margin-bottom:12px; padding:0 }
.tbox { margin:10px 0 40px }
.mbox p { color:#838375; font-size:01em; line-height:18px; margin:0 15px; padding:0 }
.post-body { border-top:solid 1px #ebeadb; padding:10px 0 30px }
.ttop { background-image:url(images/tbox.png); background-repeat:no-repeat; background-position:left top; height:11px; width:291px; display:block }
.mbox { background-image:url(images/mbox.png); background-repeat:repeat-y; background-position:left top }
.tbot { background-image:url(images/bbox.png); background-repeat:no-repeat; background-position:left top; height:11px; width:291px; display:block }
#content hr { background-color:#ebeadb; margin-top:30px; margin-bottom:30px; border:none; height:1px; clear:both }
.thumb_cont { position:relative; width:230px; height:145px; float:left; margin-right:22px }
.thumb_cont a.thumb { background-color:#EBEADB; border:1px solid #DBDAC9; display:block; height:135px; width:231px; padding:4px }
.pic-left { float:left; background-color:#EBEADB; border:1px solid #DBDAC9; padding:4px; margin:0 12px 5px 0 }
.pic-right { float:right; background-color:#EBEADB; border:1px solid #DBDAC9; padding:4px; margin:0 0 5px 12px }
.box { margin:0 0 23px }
/*wp-post elements */.alignleft { margin-right:13px; float:left }
.alignright { margin-bottom:23px; margin-left:13px; float:right }
.wp-caption { background-color:#ebeadb; border:1px solid #dbdac9; color:#4e4b37; margin-bottom:13px; text-align:center; padding:4px }
.wp-caption img { border:0 none; margin:0; padding:0 }
.wp-caption p { text-align:center !important; margin:10px 0 }
/* styled checkbox */.ui-checkbox, .ui-radio { cursor:pointer }
span.ui-checkbox, span.ui-radio { display:block; float:left; height:14px; margin-right:5px; margin-top:10px; width:14px }
.ui-checkbox span.ui-icon, .ui-radio span.ui-icon { background:url(images/checkbox.png); display:block; height:14px; width:14px }
.ui-checkbox #check { display:none }
.ui-checkbox.ui-state-hover span.ui-icon { background-position:0 -14px }
.ui-checkbox.ui-state-hover span.ui-icon-check, .ui-checkbox span.ui-icon-check { background-position:bottom }
/*flowhub buttons */button, a.btn { border:0; cursor:pointer; overflow:visible; position:relative; padding:0 }
button::-moz-focus-inner {
border:none
}
button span, a.btn span { display:block; position:relative; white-space:nowrap }
button.btn, a.btn { background:transparent url(images/btn_sprite.png) no-repeat right -110px; font-size:1em; margin-right:5px; padding-right:12px; text-align:center }
button.btn { padding-right:11px }
button.btn span, a.btn span { background:transparent url(images/btn_sprite.png) no-repeat left top; color:#2075a1; height:35px; line-height:31px; padding-left:12px }
button.btn:hover, button.btn.hover, a.btn:hover { background-position:right -165px }
button.btn:hover span, button.btn.hover span, a.btn:hover span { background-position:0 -55px }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color:#777 }
code { font:1.1em 'Courier New', Courier, Fixed }
p img { max-width:100%; padding:0 }
img.alignright { display:inline; margin:0 0 2px 7px; padding:4px }
img.alignleft { display:inline; margin:0 7px 2px 0; padding:4px }
/*newsletter page */#content #postcontainer.newsletter-page h1 { margin-bottom:8px; text-transform:capitalize; color:#CA4F2E }
.newsletter-page .block { padding-left:80px; background:url(images/newsletter_page.png) no-repeat left top; width:486px }
#content #postcontainer.newsletter-page p { font-weight:400 }
.widget { margin-bottom:13px }
.tweet, .query { line-height:1.3em; color:#666 }
.tweet .tweet_list, .query .tweet_list { -webkit-border-radius:.5em; list-style-type:none; margin:0; padding:0 }
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic { text-transform:uppercase }
.tweet .tweet_list li, .query .tweet_list li { overflow-y:auto; overflow-x:hidden; border-bottom:solid 1px #EBEBEB; padding:1em .5em }
.tweet .tweet_list li a, .query .tweet_list li a { color:#8DBCCB }
.tweet_time { font-size:10px; padding-left:8px }
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even { background-color:none }
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar { padding-right:.5em; float:left }
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align:middle }
a:hover, #footer li a:hover { color:#23665f }
#heading h1, #heading h2, #sidebar #newsletter .input-holder, #footer ul { float:left }
#nav li.active div.children li.active ul li a, #footer li a { color:#2075a1 }
#nav ul li.hover a.child, #nav li.active .children li.active ul li.hover a, #tabs .tab div.cont ul.small li.hover a, #tabs .tab div.cont ul.big li.hover span.element { border:none; color:#fff }
#nav ul li.next a, #nav li.active .children li.active ul li.next a, #tabs .tab div.cont ul.small li + li a, #tabs .tab div.cont ul.big li + li span.element, #tabs .tab div.cont ul.small li.next li a, #tabs .tab div.cont ul.big li.next li span.element { border-top:none }
#search .searchbtn.hover, a.donate:hover, #sidebar #newsletter .emailbtn.hover, #tabs ul.tabs li.first a:hover, #tabs ul.tabs li.ui-tabs-selected a:hover { background-position:left bottom }
.bottom ul { margin:0; padding:0; list-style:none }
#tabs ul.active, a.btn { display:block }
#tabs ul.tabs li.ui-tabs-selected.first a span, #meta p a.icon:hover { background-position:right top }
.thumb_cont a.thumb:hover, .wp-caption:hover { border-color:#5fafa5 }
.aligncenter, div.aligncenter, img.centered { display:block; margin-left:auto; margin-right:auto }
line:none;
margin:0;
padding:0
}
ins { text-decoration:none }
del { text-decoration:line-through }
table { border-collapse:collapse; border-spacing:0 }

