/*



Theme Name: MyPhen 3.0



Theme URI: 



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 community aspect always present.



Version: 1.04



Author: Monkify



Author URI: 



*/







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



}



.nav-old
{
	float: left;
}
.nav-new
{
	float: right;
}
#post-entries
{
	font-size: 16px;
}





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:arial, Helvetica, sans-serif; background-color:#cbdeeb; 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; background-color:#CADDEA; }



a { color:#2f71d1; text-decoration:none; }



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



a.btnAllposts{text-indent:-9999px; display:block; clear:both; width:113px; 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;




}







#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:9px;



padding-right:13px;



line-height:24px;



width:118px;



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);



color:#01327a;



}







.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 #dedede;



color:#2f71d1;



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:#2f71d1



}







.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:#01327a;



}







#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 #bcbcbc;



border-bottom:1px solid #bcbcbc;



color:#01327a;



}







.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:#01327a;



}







#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:61px;



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 {



font-family:Verdana, Arial, Helvetica, sans-serif;



font-size:.9em;



width:380px;



height:24px;



border:none;



background:none;



color:#a09f9f;



line-height:24px;



padding:10px 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:#01327a;



}







#search a#cat-button:hover span {



background-position:right -38px;



}







#search a#cat-button.ui-state-active {



background-position:left bottom;



color:black;



}







#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 15px 19px; float:left; /*hoe anders oplossen?*/ width:910px; background:url(images/content_bg.png); }



#content_container #content { float:left; width:566px; margin-right: 25px; }







/*featured posts*/



#content #featured_posts {



width:595px;



height:181px;



margin-bottom:14px;



margin-left:2px



}







#slider {



width:595px;



position:relative;



margin:0 auto



}







#slider .borders {



background:url(images/banner_borders.png);



position:absolute;



left:0;



top:0;



width:595px;



height:181px;



z-index:1



}







#slider ul.navigation {



position:absolute;



z-index:3;



background:url(images/banner_nav_bg.png);



width:146px;



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:591px;



height:181px



}







.scrollContainer div.panel {



height:181px;



width:595px;



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:#fff



}







.scrollContainer div.panel .content a {



color:#898983



}







.scrollContainer div.panel .content h2 a {



color:black;



font-size:1em





}







.scrollContainer div.panel .content h2 a:hover {



color:#2f71d1



}







.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



}







.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:595px;



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:595px;



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:191px



}







#content #posts .post .text {



padding:12px 14px



}







#content #posts .post .text .thumb_cont {



margin-bottom:9px;



float:left;



margin-right:20



}







#content #posts .post .text a.thumb {



background-color:#f2f2f2;



border:1px solid #dedede;



width:240px;



height:88px;



display:block;



position:relative;



padding:4px



}







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



background-color:#f2f2f2;



border-color:#a09f9f



}







#content #posts .post .text a.thumb:hover span.hidden {



background-color:#FFF;



position:absolute;



width:254px;



height:88px;



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:black;



font-size:1.2em



}







#content #posts .post .text h2 a:hover {



color:#2f71d1



}







#content #posts .post .text p {



color:#4f4f4f;



font-size:.9em;



line-height:20px;



margin-right:-3px;



}







#content #posts .post .more {



clear:both



}







#content #posts .post .more a {



background:url(images/read_more.png) no-repeat top left;



width:595px;



height:31px;



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:#01327a



}







/*sidebar*/



#sidebar {



width:289px;



float:right



}







#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:#f2f2f2;



border:1px solid #dedede;



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:#a09f9f



}







#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



}







/* Sidebar Main */



.sidebar_main .nav_main {

	margin-bottom: 12px;





}



h6 {

    margin-bottom: -2px;



}



.sidebar_main .nav_main li a {

	display: block;

	height: 26px;

	width: 285px;

	padding: 0 7px;

	line-height: 26px;

	font-size: 80%;

	background-image: url('images/sidebar_link_off_long.gif');

	background-repeat: no-repeat;

	color: #666666;

	text-decoration: none;

	font-family: Tahoma;

	text-transform: capitalize;

	margin-bottom: 1px;

}



.sidebar_main .nav_main li a:hover {

	background-image: url('images/sidebar_link_on_long.gif');

	color: #252525;

	cursor: pointer;

}



.sidebar_main .subnav_main {

	margin-bottom: 0px;

}



.sidebar_main .subnav-wrap_main {

	display: none;

	margin: 0;

	padding: 0;

	font-size: 0px;

}



.sidebar_main .subnav_main li a {

	display: block;

	height: 26px;

	width: 285px;

	padding: 0 7px 0 14px;

	line-height: 26px;

	background-image: url('images/sidebar_link_sub_2_long.gif');

	background-repeat: no-repeat;

	color: #474847;

	text-decoration: none;

	font-family: Tahoma;

	text-transform: capitalize;

	margin-bottom: 1px;

	font-size: 11px;

}



.sidebar_main .subnav_main li a:hover {

	background-image: url('images/sidebar_link_sub_3_long.gif');	

	color: #000000;

	font-weight: ;

	text-transform: capitalize;

	

}



.sidebar_main .nav_main li a.expand {

	background-image: url('images/sidebar_link_plus_long.gif');

}



.sidebar_main .nav_main li a.expanded {

	background-image: url('images/sidebar_link_minus_long.gif');

}





/*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:#b30101



}







#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:#b30101



}







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



display:block;



border-top:1px solid #dedede;



border-bottom:1px solid #dedede;



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 #bcbcbc;



border-bottom:1px solid #bcbcbc;



background-color:#dbdada



}







#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:#b30101



}







#tabs .tab div.cont ul.small li.hover a span.ct {



background-position:left bottom;



color:#b30101



}







#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:#2f71d1



}







#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:black;



}







#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:white;



clear:both;



padding-bottom:0px;





}







#footer_bg .hr {



height:1px;



background-color:#FEFEFE;



clear:both;



margin:0 2px!important



}







#footer_bg .hr.scnd {



background-color:#dedece



}







#footer {



clear:both;



width:936px;



float:left;



background:url(images/footer-image-top.jpg) repeat-x;



padding:26px 0px 23px;

margin-left:2px;



}







#footer .box {



float:left;



padding-right:11px;



margin-right:23px;



margin-left:33px;



text-transform:capitalize;



}



.title {

text-align: left;



font-family: Tahoma;



font-size: 95%;



line-height: 19px;



color: #335D91;

}



#footer h3 {



margin-bottom:11px;



font-weight:400;



font-size:1.2em



}







#footer a {



color:#3a3a3a;



font-family: Tahoma;



font-size: 75%;



}







#footer a:hover {



color:#2f71d1



}







#footer ul {



float:left



}







#footer li {



font-size:.8em;



margin-bottom:10px;



margin-right:15px



}







#footer li a {



color:#2f71d1



}







#footer li a:hover {



color:#23665f



}







#love {



background:url(images/credits.png);



height:33px;



width:936px;



clear:both;



text-align:center;



color:white;



line-height:27px;



font-size:.75em;



position:relative;

margin-left:2px;

margin-bottom:12px;



}







#love p a.icon {



background:url(functions/monkpanel/images/myphen_icon_mini.png);



display:inline-block;



width:23px;



height:20px;



vertical-align:-6px



}



#love p a.firefox {



display:inline-block;



vertical-align:-2px



}







#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 h2.results { color:#6e6e6e; 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:.8em;



line-height:24px;



padding-left:20px



}







#content #postcontainer ol li {



color:#838375;



font-size:.9em;



padding-left:34px;



background:url(images/ol_1.png) no-repeat left center;



line-height:32px



}







#content #postcontainer p,#respond p {



color: #4f4f4f;



font-size:.9em;



margin-bottom:10px;



margin-right:-27px;



line-height:20px;



padding-right:24px;



}







#content.search #postcontainer .post p {



margin-bottom:10px



}







#content #postcontainer .post p,#content #postcontainer .post img {



margin-bottom:12px;
padding-right: 14px;



}







#content #postcontainer .post ul {



margin-bottom:25px



}







#content #postcontainer .post OL
{
	margin-bottom: 29px;
	font-size: 14px;
}








h1 {

	color: #335d91;

	font-size: 24px;

	font-weight: bold;

	letter-spacing: -1px;

	font-family: Myriad Pro,Arial,Helvetica,sans-serif;

	margin-bottom: 0.5em;

}



h2 {

	font-family: Myriad Pro,Arial,Helvetica,sans-serif;

	font-size: 21px;

	color: black;

	width: 100%;

	display: block;

	font-weight: bold;

	margin-right: 0;

	margin-bottom: 8px;

	margin-left: 0;

	padding-right: 0;

	padding-bottom: 5px;

	padding-left: 0;

	padding-top: 0px;

	margin-top: 0px;

}



h3 {

	color: #c3640a;

	font-size: 108%;

	font-weight: bold;

	font-family: Myriad Pro,Arial,Helvetica,sans-serif;

	margin-bottom: 0.5em;

}



h4 {

	color: #696969;

	font-size: 15px;

	font-weight: bold;

	letter-spacing: 0.5px;

	font-family: Myriad Pro,Arial,Helvetica,sans-serif;

	padding-bottom: 5px;

	border-bottom: none;

	margin-bottom: 0.2em;

}

h5 {

	font-family: Myriad Pro,Arial,Helvetica,sans-serif;

	font-size: 15px;

	color: #B00000;

	width: 100%;

	display: block;

	border-bottom: 1px solid #FFCCCC;

	font-weight: bold;

	margin-right: 0;

	margin-bottom: 8px;

	margin-left: 0;

	padding-right: 0;

	padding-bottom: 5px;

	padding-left: 0;

	padding-top: 0px;

	margin-top: 0px;

	margin-top: 20px;

    line-height: 18px;

}



h7 {

	font-family: Myriad Pro,Arial,Helvetica,sans-serif;

	font-size: 21px;

	color: #506c94;

	width: 100%;

	display: block;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #cccccc;

	font-weight: bold;

	margin-right: 0pt;

	margin-bottom: 8px;

	margin-left: 0pt;

	padding-right: 0pt;

	padding-bottom: 5px;

	padding-left: 0pt;

	margin-top: 35px;

	line-height: 18px;



}



h8 {

	font-family: Myriad Pro,Arial,Helvetica,sans-serif;

	font-size: 15px;

	color: #506c94;

	width: 100%;

	display: block;

	border-bottom-width: 1px;

	border-bottom-style: none;

	border-bottom-color: #cccccc;

	font-weight: bold;

	margin-right: 0pt;

	margin-bottom: 8px;

	margin-left: 0pt;

	padding-right: 0pt;

	padding-bottom: 5px;

	padding-left: 0pt;

	margin-top: 35px;

	line-height: 18px;



}



h9 {

	color: #335d91;

	font-size: 30px;

	font-weight: bold;

	letter-spacing: -1px;

	font-family: Myriad Pro,Arial,Helvetica,sans-serif;

	margin-bottom: 0.5em;

}





#postcontainer hr {



background-color:#dedede;



margin-top:18px;



margin-bottom:16px;



border:none;



height:1px;



clear:both



}







.search .thumb_cont {



height:113px



}







.thumb_cont {



position:relative;



width:250px;



height:98px;



float:left;



margin-right:12px



}







.thumb_cont .thumb {



background-color:#f2f2f2;



border:1px solid #dedede;



display:block;



height:88px;



width:240px;



padding:4px



}







.search .thumb_cont .thumb,.search .thumb_cont .thumb:hover span.hidden {



height:103px



}







.thumb_cont .thumb:hover {



border-color:#a09f9f



}







.thumb_cont .thumb:hover span.hidden {



background-color:#FFF;



position:absolute;



width:254px;



height:88px;



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:#2f71d1;



text-align:center;



font-size:.7em;



top:12px;



right:9px;



padding-bottom:7px



}







a.comments_balloon:hover {



background-position:left bottom;



color:#000000



}







div.tida {



display:inline-block;



margin-bottom:10px;



width:304px



}







#content #postcontainer h1.title {



float:left;



color:#ca4f2e;



margin-bottom:0



}







#content #postcontainer span.date {



color:black;



font-size:0.7em;



margin-bottom: 2px;



}











/*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:#f2f2f2 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 #dedede;



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,a.ad_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



}



button span,a.ad_btn span {



display:block;



position:relative;



white-space:nowrap



}







a.btn {



display:block



}



a.ad_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.ad_btn,a.ad_btn {



background:transparent url(images/ad_btn_sprite.png) no-repeat right -110px;



font-size:.8em;



margin-right:5px;



padding-right:12px;



text-align:center



}







button.btn {



padding-right:11px;



}



button.ad_btn {



padding-right:11px;



}







@media screen and (-webkit-min-device-pixel-ratio:0) {



button span,a.btn span {



margin-top:-1px;



}



button span,a.ad_btn span {



margin-top:-1px;



}





button.ad_btn{padding-right:10px}



}





button.btn span,a.btn span {



background:transparent url(images/btn_sprite.png) no-repeat left top;



color:white;



height:35px;



line-height:31px;



padding-left:12px



}



button.ad_btn span,a.ad_btn span {



background:transparent url(images/ad_btn_sprite.png) no-repeat left top;



color:#2f71d1;



height:35px;



line-height:31px;



padding-left:12px



}







button.btn:hover,button.btn.hover,a.btn:hover {



background-position:right -165px



}



button.ad_btn:hover,button.ad_btn.hover,a.ad_btn:hover {



background-position:right -165px;



color:#01327a;



}







button.btn:hover span,button.btn.hover span,a.btn:hover span {



background-position:0 -55px



}



button.ad_btn:hover span,button.ad_btn.hover span,a.ad_btn:hover span {



background-position:0 -55px;



color:#01327a;



}







/* 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:0



}







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

/* Newsletter Form */
#af-form-1490948533 .af-body .af-textWrap{width:98%;display:block;float:none;}
#af-form-1490948533 .af-body a{color:#3D7E7A;text-decoration:underline;font-style:normal;font-weight:normal;}
#af-form-1490948533 .af-body input.text, #af-form-1490948533 .af-body textarea{background-color:#FFFFFF;border-color:#aba9aa;border-width:1px;border-style:solid;color:#403F40;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-1490948533 .af-body input.text:focus, #af-form-1490948533 .af-body textarea:focus{background-color:#FFFFFF;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-1490948533 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#525152;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-1490948533 .af-body{padding-bottom:15px;padding-top:15px;background-repeat:repeat-x;background-position:bottom center;background-image:url("http://forms.aweber.com/images/forms/skinny/steel/body.png");color:#000000;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-1490948533 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
#af-form-1490948533 .af-quirksMode{padding-right:15px;padding-left:15px;}
#af-form-1490948533 .af-standards .af-element{padding-right:15px;padding-left:15px;}
#af-form-1490948533 .bodyText p{margin:1em 0;}
#af-form-1490948533 .buttonContainer input.submit{background-color:#0479c2;background-image:url("http://forms.aweber.com/images/forms/skinny/steel/button.png");color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;}
#af-form-1490948533 .buttonContainer input.submit{width:auto;}
#af-form-1490948533 .buttonContainer{text-align:right;}
#af-form-1490948533 body,#af-form-1490948533 dl,#af-form-1490948533 dt,#af-form-1490948533 dd,#af-form-1490948533 h1,#af-form-1490948533 h2,#af-form-1490948533 h3,#af-form-1490948533 h4,#af-form-1490948533 h5,#af-form-1490948533 h6,#af-form-1490948533 pre,#af-form-1490948533 code,#af-form-1490948533 fieldset,#af-form-1490948533 legend,#af-form-1490948533 blockquote,#af-form-1490948533 th,#af-form-1490948533 td{float:none;color:inherit;position:static;margin:0;padding:0;}
#af-form-1490948533 button,#af-form-1490948533 input,#af-form-1490948533 submit,#af-form-1490948533 textarea,#af-form-1490948533 select,#af-form-1490948533 label,#af-form-1490948533 optgroup,#af-form-1490948533 option{float:none;position:static;margin:0;}
#af-form-1490948533 div{margin:0;}
#af-form-1490948533 fieldset{border:0;}
#af-form-1490948533 form,#af-form-1490948533 textarea,.af-form-wrapper,.af-form-close-button,#af-form-1490948533 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-1490948533 input,#af-form-1490948533 button,#af-form-1490948533 textarea,#af-form-1490948533 select{font-size:100%;}
#af-form-1490948533 p{color:#000080;}
#af-form-1490948533 select,#af-form-1490948533 label,#af-form-1490948533 optgroup,#af-form-1490948533 option{padding:0;}
#af-form-1490948533 table{border-collapse:collapse;border-spacing:0;}
#af-form-1490948533 ul,#af-form-1490948533 ol{list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;}
#af-form-1490948533,#af-form-1490948533 .quirksMode{width:283px;margin-left:0px;}
#af-form-1490948533.af-quirksMode{overflow-x:hidden;}
#af-form-1490948533{background-color:#FFFFFF;border-color:#ABA9AA;border-width:1px;border-style:solid;}
#af-form-1490948533{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-form-wrapper{text-indent:0;}
.af-form{text-align:left;margin:auto;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}
body {
}