/*
Theme Name: Flowhub
Theme URI: http://www.monkify.com/themes/flowhub
Description: Magazine is the idea for this theme, but with community in mind as well. This is a highly customizable theme and can be used for media, news, and much more with a commmunity aspect always present.
Version: 1.04
Author: Monkify
Author URI: http://www.monkify.com/
*/

/*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;
background:transparent;
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
}

button {
outline:none;
margin:0;
padding:0
}

ins {
text-decoration:none
}

del {
text-decoration:line-through
}

table {
border-collapse:collapse;
border-spacing:0
}

/*general elements*/
body { font-family: tahoma, geneva, sans-serif; background-color:#ebeadb; height:100%; }
.hidden { display:none !important; }
.clear { clear:both; }
div.clear.right { clear:right; height:0; }
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }

.container { width:939px; margin:0 auto; }
a { color:#3ca097; text-decoration:none;font-size: 14px; }
a:hover { color:#23665f;}
a.btnAllposts{text-indent:-9999px; display:block; clear:both; width:115px; height:40px; background: url(images/more.png) left top;}
a.btnAllposts:hover{background-position: left bottom;}
/*header*/
#header {
width:939px
}

#heading,#heading #heading_right {
background:url(images/header_side.png) no-repeat left top;
height:93px;
padding-left:5px
}

#header.black #heading,#header.black #heading #heading_right {
background-image:url(images/black/header_side.png)
}

#header.blue #heading,#header.blue #heading #heading_right {
background-image:url(images/blue/header_side.png)
}

#header.green #heading,#header.green #heading #heading_right {
background-image:url(images/green/header_side.png)
}

#header.grey #heading,#header.grey #heading #heading_right {
background-image:url(images/grey/header_side.png)
}

#header.orange #heading,#header.orange #heading #heading_right {
background-image:url(images/orange/header_side.png)
}

#header.pink #heading,#header.pink #heading #heading_right {
background-image:url(images/pink/header_side.png)
}

#header.purple #heading,#header.purple #heading #heading_right {
background-image:url(images/purple/header_side.png)
}

#header.red #heading,#header.red #heading #heading_right {
background-image:url(images/red/header_side.png)
}

#header.yellow #heading,#header.yellow #heading #heading_right {
background-image:url(images/yellow/header_side.png)
}

#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,#heading h2 {
float:left
}

#heading h2 {
color:#a3a39a;
font-size:14px;
line-height:91px;
margin-left:4px
}

#heading #adv_468 {
float:right;
margin-top:11px
}

#heading #adv_468 a {
background-color:#ebeadb;
border:1px solid #dbdac9;
float:left;
height:60px;
position:relative;
padding:4px
}

#heading #adv_468 a:hover {
border-color:#5fafa5
}

#heading #adv_468 a:hover span.hidden {
background-color:#FFF;
position:absolute;
width:468px;
height:60px;
left:4px;
top:4px;
display:block!important;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2
}

#heading .share {
float:right;
margin-top:31px
}

#heading .share li {
float:left;
margin-right:11px
}

/*navigation*/
#navigation {
background:url(images/navigation_sides.png) no-repeat top right;
padding-right:5px;
height:40px;
clear:both;
width:934px;
padding-bottom:2px;
margin-bottom:14px;
font-size:.8em;
text-transform:capitalize
}

#navigation.black {
background-image:url(images/black/navigation_sides.png)
}

#navigation.blue {
background-image:url(images/blue/navigation_sides.png)
}

#navigation.green {
background-image:url(images/green/navigation_sides.png)
}

#navigation.grey {
background-image:url(images/grey/navigation_sides.png)
}

#navigation.orange {
background-image:url(images/orange/navigation_sides.png)
}

#navigation.pink {
background-image:url(images/pink/navigation_sides.png)
}

#navigation.purple {
background-image:url(images/purple/navigation_sides.png)
}

#navigation.red {
background-image:url(images/red/navigation_sides.png)
}

#navigation.yellow {
background-image:url(images/yellow/navigation_sides.png)
}

#navigation a {
color:#fff;
display:block;
padding:0 19px
}

#navigation a.home {
width:53px;
height:42px;
padding-right:0;
background:url(images/home.png) left top no-repeat;
padding-left:21px;
float:left;
line-height:40px;
color:#fff
}

#navigation.black a.home {
background-image:url(images/black/home.png)
}

#navigation.blue a.home {
background-image:url(images/blue/home.png)
}

#navigation.green a.home {
background-image:url(images/green/home.png)
}

#navigation.grey a.home {
background-image:url(images/grey/home.png)
}

#navigation.orange a.home {
background-image:url(images/orange/home.png)
}

#navigation.pink a.home {
background-image:url(images/pink/home.png)
}

#navigation.purple a.home {
background-image:url(images/purple/home.png)
}

#navigation.red a.home {
background-image:url(images/red/home.png)
}

#navigation.yellow a.home {
background-image:url(images/yellow/home.png)
}

#navigation ul.sf-menu {
background:url(images/navigation_bg.png) repeat-x;
height:40px;
width:860px;
float:left;
padding-bottom:2px
}

#navigation ul li {
background:url(images/navigation_sep.png) no-repeat right top;
padding-right:2px;
float:left;
line-height:40px
}

#navigation.black ul li {
background-image:url(images/black/navigation_sep.png)
}

#navigation.blue ul li {
background-image:url(images/blue/navigation_sep.png)
}

#navigation.green ul li {
background-image:url(images/green/navigation_sep.png)
}

#navigation.grey ul li {
background-image:url(images/grey/navigation_sep.png)
}

#navigation.orange ul li {
background-image:url(images/orange/navigation_sep.png)
}

#navigation.pink ul li {
background-image:url(images/pink/navigation_sep.png)
}

#navigation.purple ul li {
background-image:url(images/purple/navigation_sep.png)
}

#navigation.red ul li {
background-image:url(images/red/navigation_sep.png)
}

#navigation.yellow ul li {
background-image:url(images/yellow/navigation_sep.png)
}

#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:#3ca097;
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
}

.red ul#nav li.popular.active .menu-item-arrow,.red ul#nav li.popular .menu-item-arrow {
background-image:url(images/red/arrows.gif)
}

.black ul#nav li.popular.active .menu-item-arrow,.black ul#nav li.popular .menu-item-arrow {
background-image:url(images/black/arrows.gif)
}

.blue ul#nav li.popular.active .menu-item-arrow,.blue ul#nav li.popular .menu-item-arrow {
background-image:url(images/blue/arrows.gif)
}

.green ul#nav li.popular.active .menu-item-arrow,.green ul#nav li.popular .menu-item-arrow {
background-image:url(images/green/arrows.gif)
}

.grey ul#nav li.popular.active .menu-item-arrow,.grey ul#nav li.popular .menu-item-arrow {
background-image:url(images/grey/arrows.gif)
}

.orange ul#nav li.popular.active .menu-item-arrow,.orange ul#nav li.popular .menu-item-arrow {
background-image:url(images/orange/arrows.gif)
}

.pink ul#nav li.popular.active .menu-item-arrow,.pink ul#nav li.popular .menu-item-arrow {
background-image:url(images/pink/arrows.gif)
}

.purple ul#nav li.popular.active .menu-item-arrow,.purple ul#nav li.popular .menu-item-arrow {
background-image:url(images/purple/arrows.gif)
}

.yellow ul#nav li.popular.active .menu-item-arrow,.yellow ul#nav li.popular .menu-item-arrow {
background-image:url(images/yellow/arrows.gif)
}

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:#3CA097
}

#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)
}

.red #nav ul li,.red #nav li.active .children li.active ul li {
background-image:url(images/red/childul_bg.png)
}

.black #nav ul li,.black #nav li.active .children li.active ul li {
background-image:url(images/black/childul_bg.png)
}

.grey #nav ul li,.grey #nav li.active .children li.active ul li {
background-image:url(images/grey/childul_bg.png)
}

.pink #nav ul li,.pink #nav li.active .children li.active ul li {
background-image:url(images/pink/childul_bg.png)
}

.purple #nav ul li,.purple #nav li.active .children li.active ul li {
background-image:url(images/purple/childul_bg.png)
}

.blue #nav ul li,.blue #nav li.active .children li.active ul li {
background-image:url(images/blue/childul_bg.png)
}

.green #nav ul li,.green #nav li.active .children li.active ul li {
background-image:url(images/green/childul_bg.png)
}

.orange #nav ul li,.orange #nav li.active .children li.active ul li {
background-image:url(images/orange/childul_bg.png)
}

.yellow #nav ul li,.yellow #nav li.active .children li.active ul li {
background-image:url(images/yellow/childul_bg.png)
}

#nav ul li a,#nav li.active .children li.active ul li a {
border-top:1px solid #e1e1d3;
color:#3ca097;
display:block;
padding:0
}

.red ul#nav li.popular.active > a,.red #nav ul li a,.red #nav li.active .children li.active ul li a {
color:#95381f
}

.black ul#nav li.popular.active > a,.black #nav ul li a,.black #nav li.active .children li.active ul li a {
color:#55554b
}

.grey ul#nav li.popular.active > a,.grey #nav ul li a,.grey #nav li.active .children li.active ul li a {
color:#abab9d
}

.pink ul#nav li.popular.active > a,.pink #nav ul li a,.pink #nav li.active .children li.active ul li a {
color:#ce5c8d
}

.purple ul#nav li.popular.active > a,.purple #nav ul li a,.purple #nav li.active .children li.active ul li a {
color:#8a3e77
}

.blue ul#nav li.popular.active > a,.blue #nav ul li a,.blue #nav li.active .children li.active ul li a {
color:#388ca6
}

.green ul#nav li.popular.active > a,.green #nav ul li a,.green #nav li.active .children li.active ul li a {
color:#9da12d
}

.orange ul#nav li.popular.active > a,.orange #nav ul li a,.orange #nav li.active .children li.active ul li a {
color:#c2771d
}

.yellow ul#nav li.popular.active > a,.yellow #nav ul li a,.yellow #nav li.active .children li.active ul li a {
color:#c8a024
}

#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
}

.red #nav ul li.hover,.red #nav li.active .children li.active ul li.hover {
border-top:1px solid #be4f30;
border-bottom:1px solid #be4f30
}

.black #nav ul li.hover,.black #nav li.active .children li.active ul li.hover {
border-top:1px solid #515146;
border-bottom:1px solid #515146
}

.grey #nav ul li.hover,.grey #nav li.active .children li.active ul li.hover {
border-top:1px solid #c1c1b1;
border-bottom:1px solid #c1c1b1
}

.pink #nav ul li.hover,.pink #nav li.active .children li.active ul li.hover {
border-top:1px solid #c65988;
border-bottom:1px solid #c65988
}

.purple #nav ul li.hover,.purple #nav li.active .children li.active ul li.hover {
border-top:1px solid #ac5696;
border-bottom:1px solid #ac5696
}

.blue #nav ul li.hover,.blue #nav li.active .children li.active ul li.hover {
border-top:1px solid #58a4bb;
border-bottom:1px solid #58a4bb
}

.green #nav ul li.hover,.green #nav li.active .children li.active ul li.hover {
border-top:1px solid #bec44e;
border-bottom:1px solid #bec44e
}

.orange #nav ul li.hover,.orange #nav li.active .children li.active ul li.hover {
border-top:1px solid #e0b828;
border-bottom:1px solid #e0b828
}

.yellow #nav ul li.hover,.yellow #nav li.active .children li.active ul li.hover {
border-top:1px solid #da9d43;
border-bottom:1px solid #da9d43
}

#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.black ul.sf-menu,#navigation.black ul li.lonely a {
background-image:url(images/black/navigation_bg.png)
}

#navigation.blue ul.sf-menu,#navigation.blue ul li.lonely a {
background-image:url(images/blue/navigation_bg.png)
}

#navigation.green ul.sf-menu,#navigation.green ul li.lonely a {
background-image:url(images/green/navigation_bg.png)
}

#navigation.grey ul.sf-menu,#navigation.grey ul li.lonely a {
background-image:url(images/grey/navigation_bg.png)
}

#navigation.orange ul.sf-menu,#navigation.orange ul li.lonely a {
background-image:url(images/orange/navigation_bg.png)
}

#navigation.pink ul.sf-menu,#navigation.pink ul li.lonely a {
background-image:url(images/pink/navigation_bg.png)
}

#navigation.purple ul.sf-menu,#navigation.purple ul li.lonely a {
background-image:url(images/purple/navigation_bg.png)
}

#navigation.red ul.sf-menu,#navigation.red ul li.lonely a {
background-image:url(images/red/navigation_bg.png)
}

#navigation.yellow ul.sf-menu,#navigation.yellow ul li.lonely a {
background-image:url(images/yellow/navigation_bg.png)
}

#navigation ul li.popular,#nav ul li a.child {
position:relative
}
/*RSS*/
#rss {
float:left;
width:226px;
height:55px;
margin-right:17px
}

#rss a {
background:url(images/rss.png) left top no-repeat;
width:162px;
height:27px;
display:block;
color:#f1cbc1;
padding-top:34px;
padding-left:64px;
font-weight:700;
font-size:.95em
}

#rss a:hover {
color:#efbcae;
background-position:left bottom
}

#rss a span {
color:#e29783;
font-weight:400;
font-size:.9em
}

#rss a:hover span {
color:#e69983
}

#rss.black a {
background-image:url(images/black/rss.png);
color:#cfcfcb
}

#rss.black a span {
color:#9d9d96
}

#rss.black a:hover {
color:#b8b8b3
}

#rss.black a:hover span {
color:#a6a6a0
}

#rss.blue a {
background-image:url(images/blue/rss.png);
color:#c2e1e9
}

#rss.blue a span {
color:#95cad8
}

#rss.blue a:hover {
color:#c4e5ed
}

#rss.blue a:hover span {
color:#99d1e0
}

#rss.green a {
background-image:url(images/green/rss.png);
color:#e7e9b5
}

#rss.green a span {
color:#dcdf8e
}

#rss.green a:hover {
color:#eff1c7
}

#rss.green a:hover span {
color:#dfe28f
}

#rss.grey a {
background-image:url(images/grey/rss.png);
color:#efefeb
}

#rss.grey a span {
color:#e2e2db
}

#rss.grey a:hover {
color:#f1f1ec
}

#rss.grey a:hover span {
color:#e6e6df
}

#rss.orange a {
background-image:url(images/orange/rss.png);
color:#f6dfb9
}

#rss.orange a span {
color:#f1c987
}

#rss.orange a:hover {
color:#fae7c5
}

#rss.orange a:hover span {
color:#f5ce8a
}

#rss.pink a {
background-image:url(images/pink/rss.png);
color:#efc2d5
}

#rss.pink a span {
color:#e6a1bf
}

#rss.pink a:hover {
color:#f6d6e4
}

#rss.pink a:hover span {
color:#ecaac7
}

#rss.purple a {
background-image:url(images/purple/rss.png);
color:#e8c3df
}

#rss.purple a span {
color:#dda4ce
}

#rss.purple a:hover {
color:#f2d4ea
}

#rss.purple a:hover span {
color:#e5aad6
}

#rss.teal a {
background-image:url(images/teal/rss.png);
color:#d1edea
}

#rss.teal a span {
color:#a1dad4
}

#rss.teal a:hover {
color:#d3f1ee
}

#rss.teal a:hover span {
color:#a6e3dd
}

#rss.yellow a {
background-image:url(images/yellow/rss.png);
color:#f8e8a5
}

#rss.yellow a span {
color:#f6e08f
}

#rss.yellow a:hover {
color:#fcf2c9
}

#rss.yellow a:hover span {
color:#fae592
}

/*search*/
#search {
background:url(images/search_sides.png) top left no-repeat;
height:60px;
float:left;
padding-left:6px;
width:690px;
margin-top:1px
}

#search #search_right {
background:url(images/search_sides.png) bottom right no-repeat;
padding-right:6px;
height:60px;
width:684px
}

#search #search_right #search_bg {
background:url(images/search_bg.png);
height:49px;
padding-left:10px;
padding-top:11px;
width:674px
}

#search .input-holder {
background:url(images/seach_input.png);
float:left;
width:429px;
height:36px
}

#search .input-holder.focusField {
background-position:bottom left
}

#search .input-holder input {
width:380px;
height:24px;
border:none;
background:none;
color:#bfbfb8;
line-height:24px;
padding:6px 12px 6px 35px
}

#search .input-holder.focusField input {
color:#838375
}

#search .searchBtn {
background:url(images/search_btn.png) top;
width:83px;
height:40px;
border:none;
float:left;
cursor:pointer;
margin-top:-1px
}

#search.black .searchBtn {
background-image:url(images/black/search_btn.png)
}

#search.blue .searchBtn {
background-image:url(images/blue/search_btn.png)
}

#search.green .searchBtn {
background-image:url(images/green/search_btn.png)
}

#search.grey .searchBtn {
background-image:url(images/grey/search_btn.png)
}

#search.orange .searchBtn {
background-image:url(images/orange/search_btn.png)
}

#search.pink .searchBtn {
background-image:url(images/pink/search_btn.png)
}

#search.purple .searchBtn {
background-image:url(images/purple/search_btn.png)
}

#search.teal .searchBtn {
background-image:url(images/teal/search_btn.png)
}

#search.yellow .searchBtn {
background-image:url(images/yellow/search_btn.png)
}

#search .searchBtn.hover {
background-position:bottom
}

#search a#cat-button {
float:left;
margin-left:8px;
margin-right:6px;
background:url(images/categoriesBtn.png) top left;
height:38px;
padding-left:15px;
font-size:.8em;
width:125px
}

#box-outer {
overflow:hidden;
height:40px;
position:absolute;
width:138px
}

ul#cat-menu {
background:url(images/categoriesLst.png) bottom left no-repeat;
font-size:.75em;
width:100%;
z-index:5;
position:absolute;
text-transform:capitalize;
padding:6px 0
}

ul#cat-menu li {
line-height:24px;
padding:0 10px
}

ul#cat-menu li a {
border-top:1px solid #e1e1d3;
border-bottom:1px solid #e1e1d3;
padding-left:14px;
background:url(images/categoriesRbt.png) no-repeat left center
}

ul#cat-menu li a:hover {
background-position:-118px center
}

ul#cat-menu li.ui-selectmenu-item-selected a {
background-position:-236px center
}

ul#cat-menu li + li a {
border-top:none
}

#search a#cat-button span {
background:url(images/categoriesBtn.png) top right;
height:38px;
line-height:35px;
padding-right:20px
}

#search a#cat-button:hover {
background-position:left -38px;
color:#3d7770
}

#search a#cat-button:hover span {
background-position:right -38px
}

#search a#cat-button.ui-state-active {
background-position:left bottom;
color:#3d7770
}

#search a#cat-button.ui-state-active span {
background-position:right bottom
}

.ui-selectmenu {
display:block;
position:relative;
height:2em;
text-decoration:none;
overflow:hidden
}

.ui-selectmenu-icon {
position:absolute;
right:6px;
margin-top:-8px;
top:50%
}

.ui-selectmenu-menu {
list-style:none;
position:absolute;
top:0;
overflow:auto;
margin:0;
padding:0
}

.ui-selectmenu-open {
visibility:visible
}

.ui-selectmenu-menu-popup {
margin-top:-1px
}

.ui-selectmenu-menu li {
display:block;
border-top:1px dotted transparent;
border-bottom:1px dotted transparent;
border-right-width:0!important;
border-left-width:0!important;
font-weight:400!important;
margin:0;
padding:0
}

.ui-selectmenu-menu li a,.ui-selectmenu-status {
display:block;
outline:none;
text-decoration:none
}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,.ui-selectmenu-hasIcon .ui-selectmenu-status {
padding-left:20px;
position:relative;
margin-left:5px
}

.ui-selectmenu-menu li .ui-icon,.ui-selectmenu-status .ui-icon {
position:absolute;
top:1em;
margin-top:-8px;
left:0
}

/*content*/
#content_container { margin-top:13px; clear:both; }
#content_container { background:url(images/content_tops.png) no-repeat top left; float:left;/*hoe anders oplossen?*/ padding-top:4px; width:937px; }
#content_container_bg { padding:30px 29px 19px; float:left; /*hoe anders oplossen?*/ width:880px; background:url(images/content_bg.png); }
#content_container #content { float:left; width:566px; margin-right: 25px; }

/*featured posts*/
#content #featured_posts {
width:563px;
height:181px;
margin-bottom:14px;
margin-left:2px
}



#slider {
width:563px;
position:relative;
margin:0 auto
}

#slider .borders {
background:url(images/banner_borders.png);
position:absolute;
left:0;
top:0;
width:563px;
height:181px;
z-index:1
}

#slider ul.navigation {
position:absolute;
z-index:3;
background:url(images/banner_nav_bg.png);
width:145px;
height:36px;
bottom:7px;
right:11px;
padding:0 3px
}

#slider ul.navigation li {
display:block;
float:left;
width:29px
}

#featured_posts #slider ul.navigation li a,#featured_posts.teal #slider ul.navigation li a {
background:url(images/banner_nav_li_bg.png) no-repeat top left;
display:block;
width:26px;
height:26px;
padding-bottom:2px;
line-height:26px;
text-align:center;
color:#e5e5d6;
font-size:.9em;
margin:5px 1px 5px 2px
}

#featured_posts.black #slider ul.navigation li a {
background-image:url(images/black/banner_nav_li_bg.png)
}

#featured_posts.blue #slider ul.navigation li a {
background-image:url(images/blue/banner_nav_li_bg.png)
}

#featured_posts.green #slider ul.navigation li a {
background-image:url(images/green/banner_nav_li_bg.png)
}

#featured_posts.grey #slider ul.navigation li a {
background-image:url(images/grey/banner_nav_li_bg.png)
}

#featured_posts.orange #slider ul.navigation li a {
background-image:url(images/orange/banner_nav_li_bg.png)
}

#featured_posts.pink #slider ul.navigation li a {
background-image:url(images/pink/banner_nav_li_bg.png)
}

#featured_posts.purple #slider ul.navigation li a {
background-image:url(images/purple/banner_nav_li_bg.png)
}

#featured_posts.red #slider ul.navigation li a {
background-image:url(images/red/banner_nav_li_bg.png)
}

#featured_posts.yellow #slider ul.navigation li a {
background-image:url(images/yellow/banner_nav_li_bg.png)
}

#featured_posts #slider ul.navigation li a:hover {
background-position:0 -28px
}

#featured_posts #slider ul.navigation li a.selected {
background-position:0 -56px;
color:#8b8b7e
}

.scroll {
overflow:auto;
position:relative;
clear:left;
width:563px;
height:181px
}

.scrollContainer div.panel {
height:181px;
width:563px;
background:url(images/banner.jpg);
position:relative
}

.scrollContainer div.panel .content {
position:absolute;
background:url(images/banner.png);
width:312px;
height:122px;
left:15px;
top:18px;
z-index:2;
color:#838375;
padding:12px 15px 10px
}

.scrollContainer div.panel .content a:hover {
color:#23665f
}

.scrollContainer div.panel .content a {
color:#3ca097
}

.scrollContainer div.panel .content h2 a {
color:#CA4F2E;
font-size:1.6em
}

.scrollContainer div.panel .content h2 a:hover {
color:#9e3114
}

.scrollContainer div.panel .content p {
display:block;
font-size:.8em;
height:66px;
margin-bottom:15px;
line-height:19px
}

.scrollContainer div.panel .content a.story,.scrollContainer div.panel .content a.comments {
font-size:.8em;
float:left;
color:#fff
}

.scrollContainer div.panel .content a.comments {
float:right
}

/*posts*/
#content div#posts {
clear:both;
width:567px;
margin-bottom:11px
}

#content div#posts .post {
margin-right:11px;
background:url(images/post_bg.gif) repeat-y;
width:278px;
float:left;
margin-bottom:11px
}

#content div#posts .post.right {
margin-right:0
}

#content div#posts .post .categorie,#content div#posts.teal .post .categorie {
background:url(images/post_top.png);
height:33px;
width:278px;
color:#fff;
line-height:33px
}

#content div#posts.black .post .categorie {
background:url(images/black/post_top.png)
}

#content div#posts.blue .post .categorie {
background:url(images/blue/post_top.png)
}

#content div#posts.green .post .categorie {
background:url(images/green/post_top.png)
}

#content div#posts.grey .post .categorie {
background:url(images/grey/post_top.png)
}

#content div#posts.orange .post .categorie {
background:url(images/orange/post_top.png)
}

#content div#posts.pink .post .categorie {
background:url(images/pink/post_top.png)
}

#content div#posts.purple .post .categorie {
background:url(images/purple/post_top.png)
}

#content div#posts.red .post .categorie {
background:url(images/red/post_top.png)
}

#content div#posts.yellow .post .categorie {
background:url(images/yellow/post_top.png)
}

#content #posts .post .categorie h3 {
margin-left:14px;
font-size:.9em;
font-weight:100;
float:left;
color:#fff
}

#content #posts .post .categorie h3 a,#content #posts .post .categorie h3 a:hover {
color:#fff
}

#content #posts .post .categorie .icons {
margin-right:6px;
float:right;
margin-top:10px
}

#content #posts .post .categorie .icons a,#content #posts.teal .post .categorie .icons a {
background:url(images/post_icons.png) left top;
height:14px;
width:14px;
display:block;
float:left;
margin-right:6px;
cursor:pointer
}

#content #posts.black .post .categorie .icons a {
background-image:url(images/black/post_icons.png)
}

#content #posts.blue .post .categorie .icons a {
background-image:url(images/blue/post_icons.png)
}

#content #posts.green .post .categorie .icons a {
background-image:url(images/green/post_icons.png)
}

#content #posts.grey .post .categorie .icons a {
background-image:url(images/grey/post_icons.png)
}

#content #posts.orange .post .categorie .icons a {
background-image:url(images/orange/post_icons.png)
}

#content #posts.pink .post .categorie .icons a {
background-image:url(images/pink/post_icons.png)
}

#content #posts.purple .post .categorie .icons a {
background-image:url(images/purple/post_icons.png)
}

#content #posts.red .post .categorie .icons a {
background-image:url(images/red/post_icons.png)
}

#content #posts.yellow .post .categorie .icons a {
background-image:url(images/yellow/post_icons.png)
}

#content #posts .post .categorie .icons a:hover {
background-position:0 -14px
}

#content #posts .post .categorie .icons a.clicked {
background-position:left bottom
}

#content #posts .post .min {
height:300px
}

#content #posts .post .text {
padding:2px 14px 10px;
}

#content #posts .post .text .thumb_cont {
margin-bottom:9px;
float:none;
margin-right:0
}

#content #posts .post .text a.thumb {
width:240px;
height:25px;
display:block;
position:relative;
padding:4px
}

#content #posts .post .text a.thumb:hover {
}

#content #posts .post .text a.thumb:hover span.hidden {
background-color:#FFF;
position:absolute;
width:254px;
height:25px;
left:4px;
top:4px;
display:block!important;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2
}

#content #posts .post .text h2 a {
color:#ca4f2e;
font-size:1.5em
}

#content #posts .post .text h2 a:hover {
color:#9e3114
}

#content #posts .post .text p {
color:#838375;
font-size:.8em;
line-height:20px;
}

#content #posts .post .more {
clear:both;
}

#content #posts .post .more a {
background:url(images/read_more.png) no-repeat top left;
width:278px;
height:32px;
padding-bottom:4px;
display:block;
text-align:center;
line-height:32px;
font-size:.85em;
}

#content #posts .post .more a:hover {
background-position:bottom left;
color:#23665f
}

/*sidebar*/
#sidebar {
width:279px;
float:left;
}

#sidebar1 {
width:115px;
float:left;
clear:both;
padding: 10px 0px 0px 10px;
border:1px solid #dbdac9;
}

#sidebar1 h2 {
line-height: 35px;
}

#sidebar1 a {
color:#ca4f2e;
line-height:25px;
font-weight:400;
font-size:.8em;
text-transform: capitalize;
}

#sidebar1 a:hover {
color:#9e3114
}

#sidebar2 {
width:140px;
float:right;
margin-left: 5px;
}

#sidebar #newsletter {
background:url(images/newsletter.png) repeat scroll 0 0 transparent;
height:43px;
margin-bottom:13px;
padding-left:14px;
padding-right:12px;
padding-top:40px;
width:263px
}

#sidebar #newsletter .input-holder {
float:left
}

#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
}

#sidebar #newsletter .emailBtn.hover {
background-position:left bottom
}

#sidebar #newsletter.black {
background-image:url(images/black/newsletter.png)
}

#sidebar #newsletter.blue {
background-image:url(images/blue/newsletter.png)
}

#sidebar #newsletter.green {
background-image:url(images/green/newsletter.png)
}

#sidebar #newsletter.grey {
background-image:url(images/grey/newsletter.png)
}

#sidebar #newsletter.orange {
background-image:url(images/orange/newsletter.png)
}

#sidebar #newsletter.pink {
background-image:url(images/pink/newsletter.png)
}

#sidebar #newsletter.purple {
background-image:url(images/purple/newsletter.png)
}

#sidebar #newsletter.red {
background-image:url(images/red/newsletter.png)
}

#sidebar #newsletter.yellow {
background-image:url(images/yellow/newsletter.png)
}

#sidebar #adv_125 {
margin-left:2px;
width:287px;
margin-bottom:19px
}

#sidebar #adv_125 a.adv {
position:relative;
background-color:#ebeadb;
border:1px solid #dbdac9;
float:left;
margin-bottom:15px;
margin-right:15px;
padding:4px
}

#sidebar #adv_125 a.even {
margin-right:0
}

#sidebar #adv_125 a.adv:hover {
border-color:#5fafa5
}

#sidebar #adv_125 a.adv:hover span.hidden {
background-color:#FFF;
position:absolute;
width:125px;
height:125px;
left:4px;
top:4px;
display:block!important;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2
}

#sidebar #adv_125 #adv_w_us {
margin-left:-2px;
clear:both
}

#sidebar #adv_125 #adv_w_us a {
width:272px;
height:33px;
display:block;
text-align:center;
line-height:33px;
font-size:.9em;
padding-bottom:2px
}

/*tabs*/
#tabs {
padding-top:37px;
position:relative;
margin-bottom:13px;
}

#tabs ul.tabs {
position:absolute;
top:0;
left:0;
font-size:.75em
}

#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
}

#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:#3ca097
}

#tabs ul.tabs li.first a {
height:40px;
background-position:left top
}

#tabs ul.active {
display:block
}

#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:#3ca097
}

#tabs ul.tabs li.ui-tabs-selected.first a {
height:41px;
background-position:left top
}

#tabs ul.tabs li.ui-tabs-selected.first a span {
background-position:right 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:.8em
}

#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
}

#tabs .tab div.cont ul.small li a,#tabs .tab div.cont ul.big li span.element {
line-height:30px;
height:30px;
color:#3ca097;
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:#6fd2c8
}

#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,#tabs .tab div.cont ul.big li.hover span.element {
border:none;
color:#fff
}

#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;
word-wrap: break-word;
color:#76766a
}

#tabs .tab div.cont ul.big li.hover span.text {
color:#37837b
}

#tabs .tab div.cont ul.big li a.author {
background:url(images/count_comments.gif) no-repeat 0 2px;
height:13px;
padding-left:16px;
margin-top:1px
}

#tabs .tab div.cont ul.big li.hover a.author {
background-position:0 -13px
}

#tabs ul.tabs li.first a:hover,#tabs ul.tabs li.ui-tabs-selected a:hover {
background-position:left bottom
}

#tabs ul.tabs li.ui-tabs-selected a span,#tabs ul.tabs li.ui-tabs-selected a:hover span {
background-position:right bottom
}

#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
}

/*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!important
}

#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 h3 {
margin-bottom:11px;
font-weight:400;
font-size:1.2em
}

#footer h3 a {
color:#ca4f2e
}

#footer h3 a:hover {
color:#9e3114
}

#footer ul {
float:left
}

#footer li {
font-size:.8em;
margin-bottom:10px;
margin-right:15px
}

#footer li a {
color:#3ca097
}

#footer li a:hover {
color:#23665f
}

/*sider*/

#sider {
clear:both;
width:150px;
float:left;
padding:10px 10px 10px
}

#sider.box {
border-right:1px solid #dadad1;
float:left;
padding-right:5px;
margin-right:10px;
text-transform:capitalize
}

#sider h3 {
margin-bottom:5px;
font-weight:200;
font-size:1.2em
}

#sider h3 a {
color:#ca4f2e
}

#sider h3 a:hover {
color:#9e3114
}

#sider ul {
float:left
}

#sider li {
font-size:.8em;
margin-bottom:10px;
margin-right:15px
}

#footer li a {
color:#3ca097
}

#sider li a:hover {
color:#23665f
}

#love {
background:url(images/credits.png);
height:37px;
width:939px;
clear:both;
text-align:center;
color:#76766a;
line-height:33px;
font-size:.75em;
position:relative
}

#love p a.icon {
background:url(functions/monkpanel/images/icon.png);
display:inline-block;
width:22px;
height:22px;
vertical-align:-7px
}

#love p a.icon:hover {
background-position:right top
}

/*search page*/
#content.search #postcontainer .post { margin-right:0; background:none; clear:both; }
#content.search #postcontainer h1.title a { color:#ca4f2e; }
#content.search #postcontainer h1.title a:hover { color:#9e3114; }

.search a.more { width:75px; clear:both;}

/*general stuff*/
.page div.tida{width:100%;}
.page h2.results { color:#838375; font-size:1.5em; }
.page h2.results span { color:#ca4f2e; }



#content #postcontainer ul li {
background:url(images/ul.png) no-repeat scroll 0 6px transparent;
color:#838375;
font-size:10pt;
line-height:24px;

}

#content #postcontainer ol li {
color:#838375;
font-size:10pt;

background:url(images/ol_1.png) no-repeat left center;
line-height:32px
}

#content #postcontainer p,#respond p {
color:#838375;
font-size:.8em;
margin-bottom:10px;
line-height:20px;
padding:0;
margin-left: 10px;
}

#content.search #postcontainer .post p {
margin-bottom:10px
}

#content #postcontainer .post p,#content #postcontainer .post img {
margin-bottom:30px
}

#content #postcontainer .post ul {
margin-bottom:25px;
}

#content #postcontainer .post ol {
margin-bottom:29px;
}

#content #postcontainer h1,.comments h2,.share h2,.comment h2 {
color:#4e4b37;
font-size:1.6em
}

#content #postcontainer .post h1,#content #postcontainer .post h2,#content #postcontainer .post h3,#content #postcontainer .post h4,#content #postcontainer .post h5,#content #postcontainer .post h6 {
margin-bottom:25px;
color:#4e4b37;
clear:both
}

#content #postcontainer h1 a,#content #postcontainer h2 a,#content #postcontainer h3 a,#content #postcontainer h4 a,#content #postcontainer h5 a,#content #postcontainer h1 span,#content #postcontainer h2 span,#content #postcontainer h3 span,#content #postcontainer h4 span,#content #postcontainer h5 span {
color:#ca4f2e
}

#content #postcontainer .post h2 {
font-size:1.5em
}

#content #postcontainer .post h3 {
font-size:1.4em
}

#content #postcontainer .post h4 {
font-size:1.3em
}

#content #postcontainer .post h5 {
font-size:1.2em
}

#content #postcontainer .post h6 {
font-size:1.1em
}

#postcontainer hr {
background-color:#ebeadb;
margin-top:18px;
margin-bottom:16px;
border:none;
height:1px;
clear:both
}



.search .thumb_cont {
height:25px
}

.thumb_cont {
position:relative;
width:250px;
height:25px;
float:left;
margin-right:12px
}

.thumb_cont .thumb {
display:block;
height:25px;
width:240px;
padding:4px
}

.search .thumb_cont .thumb,.search .thumb_cont .thumb:hover span.hidden {
height:25px
}

.thumb_cont .thumb:hover {

}

.thumb_cont .thumb:hover span.hidden {
background-color:#FFF;
position:absolute;
width:254px;
height:25px;
left:4px;
top:4px;
display:block!important;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2
}

a.comments_balloon {
display:block;
position:absolute;
background:url(images/comments.png) left top;
width:31px;
height:22px;
line-height:22px;
color:#49a69e;
text-align:center;
font-size:.7em;
top:12px;
right:9px;
padding-bottom:7px
}

a.comments_balloon:hover {
background-position:left bottom;
color:#286d66
}

div.tida {
display:inline-block;
margin-bottom:10px;
width:420px
}

#content #postcontainer h1.title {
float:left;
color:#ca4f2e;
margin-bottom:0;
}

#content #postcontainer h1.title a {
font-size:0.8em;
}

#content #postcontainer h1.title span.date {
color:#d6d5c7;
font-size:0.8em;
margin-left: 10px
}


/*comments*/
.comments.block {
position:relative
}

.comments .item {
overflow:hidden;
position:relative;
padding:10px 0 13px 34px
}

.comments .children,.grandchildren {
clear:left;
padding-left:26px;
position:relative
}

* html .comments .info {
margin:0 7px 0 0
}

.comments div.avatar {
display:inline;
position:relative;
z-index:3;
background:#fff;
margin:-10px 8px 0 -34px;
padding:13px 0 0
}

.comments .avatar a {
display:block;
position:relative
}

.comments .avatar a:hover {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7
}

.comments .avatar img {
display:block
}

.comments .avatar .border {
position:absolute;
background:url(images/gravatar_borders.png);
width:65px;
height:65px;
top:13px;
left:0
}

.comments .line {
width:19px;
height:9999px;
border:solid #dbdac9;
position:absolute;
bottom:50%;
left:-26px;
border-width:0 0 1px 1px
}

.comments .info {
margin:0 10px 0 0
}

.comments .info strong {
display:block;
font-size:13px;
color:#4e4b37;
line-height:15px
}

.comments .info strong a {
color:#3ca097;
text-decoration:none
}

.comments .info strong a:hover {
color:#23665f
}

.comments .info em {
font-style:normal;
font-size:11px;
height:1%;
display:block;
color:#838375
}

* html .comments .info em {
display:inline
}

.comments .info a.comment-reply {
float:left;
width:48px;
height:30px;
overflow:hidden;
font-size:.7em;
text-align:center;
line-height:26px;
position:relative;
background:url(images/reply.png) no-repeat left top;
display:block;
margin-top:10px;
cursor:pointer
}

.comments div.reply {
clear:left;
padding-top:24px;
position:relative
}

.comments div.reply div.reply {
margin-left:33px
}

.comments .reply:after {
content:"";
display:block;
clear:both
}

.comments .reply .avatar {
margin-left:0;
z-index:2
}

.comments .text {
overflow:hidden;
background:#ebeadb url(images/bg-comment-l.png) repeat-y;
position:relative;
margin:0 0 -2px
}

.comments .text .r {
background:url(images/bg-comment-r.png) repeat-y 100% 0
}

.comments .text .tl {
background:url(images/bg-comment-tl.png) no-repeat
}

.comments .text .tr {
background:url(images/bg-comment-tr.png) no-repeat 100% 0
}

.comments .text .bl {
background:url(images/bg-comment-bl.png) no-repeat 0 100%
}

.comments .text .br {
background:url(images/bg-comment-br.png) no-repeat 100% 100%;
min-height:28px;
position:relative;
padding:17px 20px 20px 24px
}

#content #postcontainer .comments .text .br p {
margin-bottom:0;
word-wrap:break-word
}

* html .comments .text .br {
height:28px
}

.comments .text p {
margin:0 0 10px
}

.comment.block {
border-top:1px solid #e9e0cf;
overflow:hidden;
width:100%;
padding:25px 0 0
}

.comment.block h4 {
color:#4e4a35;
font-size:25px;
font-weight:400;
line-height:28px;
margin:0 0 10px
}

.comment.block .col-left {
width:167px;
float:left
}

.comment.block .col-right {
width:389px;
float:left;
margin-left:10px
}

.comment.block .row {
width:100%;
padding-bottom:5.5px;
overflow:hidden
}

.comment.block label {
color:#4e4b37;
float:left;
cursor:pointer;
font-size:.8em;
margin:0 0 4px
}

.comment.block .input-holder {
width:158px;
height:24px;
background:url(images/comments_inputSmall.png) top left no-repeat;
float:left;
line-height:14px;
padding:9px 0 0 9px
}

.comment.block .area-holder {
width:367px;
height:143px;
float:left;
background:url(images/comments_inputBig.png) top left no-repeat;
padding:0 11px
}

.comment.block .area-holder textarea {
overflow:auto;
width:367px;
padding-bottom:3px;
height:131px;
border:0;
background:none;
float:right;
line-height:19px;
color:#a8a89e;
text-align:left;
font-size:.8em;
font-family:Arial, Helvetica, sans-serif;
margin:9px 0 0
}

.comment.block form {
margin-top:15px
}

.comment.block .notify {
width:100%;
padding-top:4px;
margin-top:15px;
height:35px;
line-height:33px
}

.comment.block .input-holder .text {
border:0;
background:none;
width:146px;
color:#a8a89e;
padding:0
}

.comment.block .input-holder.focusField .text,.comment.block .area-holder.focusField textarea {
color:#838375
}

.comment.block .notify input {
float:left;
margin-top:10px;
margin-right:5px
}

.comment.block .notify label {
color:#838375;
font-size:.8em
}

.form-inner {
height:1%;
overflow:hidden
}

#respond p.subscribe-to-comments {
line-height:33px!important
}

.block {
clear:both;
width:566px
}

.comments .grandchildren,.comment.block .form-inner {
overflow:hidden
}

.comments .info,.comments .avatar,.comment-form button,.comment.block .notify .row2 {
float:left
}

.comments .info a.comment-reply:hover,.comment.block .area-holder.focusField,.comment.block .input-holder.focusField {
background-position:left bottom
}

/*wp-post elements*/
.alignleft {
float:left;
margin-right:13px
}

.alignright {
float:right;
margin-bottom:23px;
margin-left:13px
}

.wp-caption {
background-color:#ebeadb;
border:1px solid #dbdac9;
color:#4e4b37;
margin-bottom:13px;
padding:4px;
text-align:center
}

.wp-caption:hover {
border-color:#5fafa5
}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}

.wp-caption img {
border:0 none;
margin:0!important;
padding:0
}

.wp-caption p {
margin:10px 0!important;
text-align:center!important
}

/*sharethis button*/
.share h2 {
margin-left:2px
}

.shareInner {
padding:10px
}

.share .tl {
background:url(images/share_tl.png) no-repeat
}

.share .tr {
background:url(images/share_tr.png) no-repeat 100% 0
}

.share .bl {
background:url(images/share_bl.png) no-repeat 0 100%
}

.share .br {
background:url(images/share_br.png) no-repeat 100% 100%;
padding:6px 0
}

.share .c {
background:url(images/share_bg.png);
height:40px;
padding:4px 10px
}

.share ul {
float:left;
height:32px
}

#content #postcontainer .share ul {
margin-top:4px
}

#content #postcontainer .share ul li {
background:none;
display:inline;
float:left;
margin-right:11px;
padding:0
}

.share ul li a {
display:inline-block;
height:32px;
width:32px
}

.share ul li a:hover {
-khtml-opacity:0.7;
-moz-opacity:0.7;
opacity:0.7;
zoom:1
}

.share a.digg {
background:url(images/digg.png)
}

.share a.facebook {
background:url(images/facebook.png)
}

.share a.twitter {
background:url(images/twitter.png)
}

.share a.technorati {
background:url(images/technorati.png)
}

.share a.delicious {
background:url(images/delicious.png)
}

.share a.stumbleupon {
background:url(images/stumbleupon.png)
}

.share a.reddit {
background:url(images/reddit.png)
}

.share a.myspace {
background:url(images/myspace.png)
}

#share,#sharethis_0 {
float:right
}

#sharethis_0 a {
background:url(images/share_btn.png) repeat scroll left top transparent!important;
float:left;
font-size:.8em;
height:38px;
margin-left:8px;
margin-right:6px;
padding:0 0 0 15px !important;
width:110px!important
}

#sharethis_0 a span {
background:url(images/share_btn.png) repeat scroll right top transparent;
display:block;
height:38px;
line-height:35px;
padding-right:20px
}

#sharethis_0 a:hover {
background-position:0 -38px!important
}

#sharethis_0 a:hover span {
background-position:right -38px
}

/* 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
}

/*paginator*/
#pagination {
height:58px;
margin:0 auto;
position:relative;
width:568px
}

#pagination a.btn {
background:url(images/pagination_btns.png) top left;
display:block;
height:40px;
left:0;
padding-left:0;
position:absolute;
top:0;
padding-right:0;
width:83px;
text-indent:-9999px;
}

#pagination a.btn.newer:hover {
background-position:left bottom
}

#pagination a.btn.older {
background-position:right top;
left:auto;
right:0
}

#pagination a.btn.older:hover {
background-position:right bottom
}

#pagination #paginator {
height:58px;
margin:0 auto;
position:relative;
width:384px
}

#pagination .numbers {
margin-left:-5px;
width:390px
}

.paginator span strong,.paginator span a {
background:url(images/pagination.png);
display:block;
float:left;
font-size:.9em;
height:38px;
line-height:35px;
margin-left:4px;
text-align:center;
width:35px
}

.paginator span a:hover {
background-position:-35px 0
}

.paginator span strong {
background-position:right;
color:#9c9d8f;
font-style:normal;
font-weight:400;
width:35px
}

#pagination .scroll_trough {
background:url(images/pagination_bar.png);
border-left:1px solid #dedfd7;
border-right:1px solid #dedfd7;
height:5px;
width:382px;
z-index:10
}

#pagination .scroll_knob {
background:url(images/pagination_drag.png);
bottom:-11px;
height:14px;
width:19px
}

.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%
}

.paginator table td {
padding:0;
text-align:center;
white-space:nowrap
}

.paginator .scroll_bar {
height:20px;
margin-top:10px;
position:relative;
width:100%
}

.paginator .scroll_thumb {
background:#9d9d8f;
height:3px;
left:0;
position:absolute;
top:2px;
width:0;
z-index:2
}

.paginator .scroll_knob {
cursor:pointer;
left:50%;
margin-left:-10px;
overflow:hidden;
position:absolute
}

.paginator .current_page_mark {
background:#d1d1c6;
height:3px;
left:0;
overflow:hidden;
position:absolute;
top:1px;
width:0;
z-index:1
}

/*comment popup*/
.popup-comment {
background:url(images/popup_tops.png) no-repeat left top;
display:block;
left:300px;
padding-top:12px;
position:absolute;
top:-9999px;
width:529px;
z-index:10
}

.popup-comment_bottom {
background:url(images/popup_tops.png) no-repeat right bottom;
padding-bottom:4px;
width:529px
}

.popup-comment .comment {
background:url(images/popup_bg.png) repeat-y;
padding:5px 12px;
width:505px
}

.popup-comment .title a {
background:url(images/close.png) no-repeat;
cursor:pointer;
height:15px;
overflow:hidden;
position:absolute;
right:15px;
text-indent:-9999px;
top:27px;
width:17px
}

.active .popup-comments {
display:block
}

.comment.block .popup-comment .col-right {
width:328px
}

.comment.block .popup-comment .area-holder {
background-image:url(images/comments_inputBig_popup.png);
width:306px;
}
.comment.block .popup-comment .area-holder textarea{width:306px;}


/*flowhub buttons*/
button,a.btn {
border:0;
cursor:pointer;
overflow:visible;
padding:0;
position:relative
}

button::-moz-focus-inner {
border:none
}

button span,a.btn span {
display:block;
position:relative;
white-space:nowrap
}

a.btn {
display:block
}

button.btn,a.btn {
background:transparent url(images/btn_sprite.png) no-repeat right -110px;
font-size:.8em;
margin-right:5px;
padding-right:12px;
text-align:center
}

button.btn {
padding-right:11px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
button span,a.btn span {
margin-top:-1px;
}
button.btn{padding-right:10px}
}

button.btn span,a.btn span {
background:transparent url(images/btn_sprite.png) no-repeat left top;
color:#3CA097;
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
}

/* wordpress related*/
.sticky {
background:#f7f7f7;
padding:0 10px 10px
}

.sticky h2 {
padding-top:10px
}

.commentlist cite,.commentlist cite a {
font-weight:700;
font-style:normal;
font-size:1.1em
}

small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {
color:#777
}

code {
font:1.1em 'Courier New', Courier, Fixed
}

acronym,abbr,span.caps {
font-size:.9em;
letter-spacing:.07em
}

#wp-calendar #prev a,#wp-calendar #next a {
font-size:9pt
}

#wp-calendar a {
text-decoration:none;
display:block
}

#wp-calendar caption {
font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align:center;
width:100%
}

#wp-calendar th {
font-style:normal;
text-transform:capitalize
}

p img {
max-width:100%;
padding:0px;
margin:10px;
border: #DBDAC9 1px solid;
}

img.centered {
display:block;
margin-left:auto;
margin-right:auto
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px
}

.alignright {
float:right
}

.alignleft {
float:left
}

#wp-calendar {
empty-cells:show;
width:155px;
margin:10px auto 0
}

#wp-calendar #next a {
padding-right:10px;
text-align:right
}

#wp-calendar #prev a {
padding-left:10px;
text-align:left
}

#wp-calendar td {
text-align:center;
padding:3px 0
}

#wp-calendar td.pad:hover {
background-color:#fff
}

/*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:normal
}

.widget{margin-bottom:13px;}

#inlinead {border: 1px dashed #DBDAC9; font-size: 12px; padding: 12px; width: 90%; margin-bottom: 20px; margin-top: 10px; line-height: 24px;}
#inlinead a {font-size: 12px;}
#announce {padding:4px; font-size: 12px;}

#ad2 {margin-bottom: 10px; text-align: center;}