/* 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: 2.01 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;font-weight: inherit;font-style: inherit;font-family: inherit} 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} /* remember to define focus styles! */ button{outline:none;margin:0;padding:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */ strong, b {font-weight:bold;} em, i {font-style:italic;} /* GENERAL ELEMENTS */ body { font-family:arial, Helvetica, sans-serif; background:#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; } a:hover { color:#23665f;} 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: 2px; } /*#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 { background-position: right top; padding-left: 0; padding-right: 2px; } #heading #heading_right #heading_bg { background:#333; 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; padding: 4px; position: relative; } #heading #adv_468 a:hover { border-color: #5fafa5; } #heading #adv_468 a:hover span.hidden { background-color: #FFF; display: block!important; filter: alpha(opacity=20); height: 60px; -khtml-opacity: 0.2; left: 4px; -moz-opacity: 0.2; opacity: 0.2; position: absolute; top: 4px; width: 468px; } #heading .share { float: right; margin-top: 31px; } #heading .share li { float: left; margin-right: 11px; } #contribute {float:left;width:223px; height:64px; margin-right:5px;} #contribute a, #contribute a:visited { display:block; background:url(images/contribute.png) no-repeat 0 0; width:223px; height:64px;} #contribute a:hover, #contribute a:visited:hover {background-position: 0 -64px;} /* NAVIGATION */ #navigation { background: url(images/navigation_sides.png) no-repeat top right; clear: both; font-size: .8em; height: 40px; margin-bottom: 14px; padding-bottom: 2px; padding-right: 5px; text-transform: capitalize; width: 934px; } #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 { background: url(images/home.png) left top no-repeat; color: #fff; float: left; height: 42px; line-height: 40px; padding-left: 21px; padding-right: 0; width: 53px; } #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 .sf-menu { background: url(images/navigation_bg.png) repeat-x; float: left; height: 40px; padding-bottom: 2px; width: 860px; } #navigation ul li { background: url(images/navigation_sep.png) no-repeat right top; float: left; line-height: 40px; padding-right: 2px; } div.sf-menu ul.children{display: none;} #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, div.sf-menu a { background: url(images/navigation_bg.png) left top; } div.sf-menu a:hover{background-position: left bottom} #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; color: #3ca097; float: left; height: 36px; margin-left: 8px; margin-top: 4px; padding-left: 5px; padding-right: 8px; position: relative; z-index: 1000; } ul#nav li.popular.active > a span { background: url(images/hover_test.png) no-repeat bottom right; display: block; float: left; height: 31px; padding-left: 6px; padding-right: 11px; } ul#nav li.popular .menu-item-arrow { background: url(images/arrows.gif) -16px 0; display: inline-block; float: none; height: 5px; line-height: 4px; margin-left: 5px; padding: 0; width: 8px; } ul#nav li.popular.active .menu-item-arrow { background: url(images/arrows.gif) -8px 0; display: inline-block; float: none; height: 5px; line-height: 4px; margin-left: 5px; padding: 0; width: 8px; } .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; margin-top: -2px; position: absolute; right: 3px; top: 50%; width: 8px; } 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 { line-height: 1; list-style: none; margin: 0; padding: 0; } #nav li div.outerbox { left: -999em; position: absolute; z-index: 19; } #nav ul { display: none; } #nav li div.outerbox ul { display: block; } #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 { left: auto; margin: -29px 0 0 115px; z-index: 20; } #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; float: left; padding-bottom: 16px; } #nav ul li,#nav li.active .children li.active ul li { background: url(images/childul_bg.png); line-height: 24px; padding-left: 13px; padding-right: 15px; width: 112px; } .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 { background-position: top right; border-bottom: 1px solid #7db9b2; border-top: 1px solid #7db9b2; } .red #nav ul li.hover,.red #nav li.active .children li.active ul li.hover { border-bottom: 1px solid #be4f30; border-top: 1px solid #be4f30; } .black #nav ul li.hover,.black #nav li.active .children li.active ul li.hover { border-bottom: 1px solid #515146; border-top: 1px solid #515146; } .grey #nav ul li.hover,.grey #nav li.active .children li.active ul li.hover { border-bottom: 1px solid #c1c1b1; border-top: 1px solid #c1c1b1; } .pink #nav ul li.hover,.pink #nav li.active .children li.active ul li.hover { border-bottom: 1px solid #c65988; border-top: 1px solid #c65988; } .purple #nav ul li.hover,.purple #nav li.active .children li.active ul li.hover { border-bottom: 1px solid #ac5696; border-top: 1px solid #ac5696; } .blue #nav ul li.hover,.blue #nav li.active .children li.active ul li.hover { border-bottom: 1px solid #58a4bb; border-top: 1px solid #58a4bb; } .green #nav ul li.hover,.green #nav li.active .children li.active ul li.hover { border-bottom: 1px solid #bec44e; border-top: 1px solid #bec44e; } .orange #nav ul li.hover,.orange #nav li.active .children li.active ul li.hover { border-bottom: 1px solid #e0b828; border-top: 1px solid #e0b828; } .yellow #nav ul li.hover,.yellow #nav li.active .children li.active ul li.hover { border-bottom: 1px solid #da9d43; border-top: 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; height: 61px; margin-right: 17px; width: 226px; } #rss a { background: url(images/rss.png) left top no-repeat; color: #f1cbc1; display: block; font-size: .95em; font-weight: 700; height: 27px; padding-left: 64px; padding-top: 34px; width: 162px; } #rss a:hover { background-position: left bottom; color: #efbcae; } #rss a span { color: #e29783; font-size: .9em; font-weight: 400; } #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; } /* WITH TWITTER HEADER*/ .withTwitter #rss{margin-right:2px; } #follow{float:left; font-size:0.9em; height:61px; margin-right:17px; width:135px; } #follow #follow_tw{height:29px; width:inherit; } #follow #follow_fb{height:32px; width:inherit; } #follow a{background:url(images/followcounter.png) no-repeat left top; display:block; font-weight:bold; padding-left:33px; width:102px; } #follow span{font-size:0.8em; } #follow_tw a{color:#dcf1f9; height:27px; line-height:27px; padding-top:2px; } #follow_tw a span{color:#b5e2f3; } #follow_fb a{background-position:0 -29px; color:#d5ddee; height:29px; line-height:29px; padding-bottom:3px; } #follow_fb a span{color:#aab9db; } #follow_tw a:hover{background-position:0 -61px; color:#ffffff; } #follow_tw a:hover span{color:#dcf0f8; } #follow_fb a:hover{background-position:0 -90px; color:#ffffff; } #follow_fb a:hover span{color:#d2dbee; } .withTwitter #search{width:553px; } .withTwitter #search #search_right{width:547px; } .withTwitter #search #search_right #search_bg{width:537px; } .withTwitter #search .input-holder{background-position:0 -72px; width:292px; } .withTwitter #search .input-holder.focusField{background-position:0 -108px; } /* SEARCH */ #search { background: url(images/search_sides.png) top left no-repeat; float: left; height: 60px; margin-top: 1px; padding-left: 6px; width: 690px; } #search #search_right { background: url(images/search_sides.png) bottom right no-repeat; height: 60px; padding-right: 6px; 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; height: 36px; width: 429px; } #search .input-holder.focusField { background-position: 0 -36px; } #search .input-holder input { background: none; border: none; color: #bfbfb8; height: 24px; line-height: 24px; padding: 6px 12px 6px 35px; width: 380px; } #search .input-holder.focusField input { color: #838375; } #search .searchBtn { background: url(images/search_btn.png) top; border: none; cursor: pointer; float: left; height: 40px; margin-top: -1px; width: 83px; } #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 { background: url(images/categoriesBtn.png) top left; float: left; font-size: .8em; height: 38px; margin-left: 8px; margin-right: 6px; padding-left: 15px; width: 125px; } #box-outer { height: 40px; overflow: hidden; position: absolute; width: 138px; } #box-outer ul#cat-menu { background: url(images/categoriesLst.png) bottom left no-repeat; font-size: .75em; padding-bottom: 6px; position: absolute; text-transform: capitalize; width: 100%; z-index: 5; } #box-outer ul#cat-menu li:first-child { padding-top: 6px; } #box-outer ul#cat-menu li:last-child { padding-bottom: 4px; } #box-outer ul#cat-menu li { background: url(images/categoriesLst.png) 100% 0 repeat-y; line-height: 24px; padding: 0 10px; } #box-outer ul#cat-menu li a { background: url(images/categoriesRbt.png) no-repeat left center; border-bottom: 1px solid #e1e1d3; border-top: 1px solid #e1e1d3; padding-left: 14px; } #box-outer ul#cat-menu li a:hover { background-position: -118px 50%; } #box-outer ul#cat-menu li.ui-selectmenu-item-selected a { background-position: -236px 50%; } #box-outer 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: 0 -38px; color: #3d7770; } #search a#cat-button:hover span { background-position: 100% -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; height: 2em; overflow: hidden; position: relative; text-decoration: none; } .ui-selectmenu-menu { list-style: none; margin: 0; overflow: auto; padding: 0; position: absolute; top: 0; } .ui-selectmenu-open { visibility: visible; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu li { border-bottom: 1px dotted transparent; border-left-width: 0!important; border-right-width: 0!important; border-top: 1px dotted transparent; display: block; 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 { margin-left: 5px; padding-left: 20px; position: relative; } .ui-selectmenu-menu li .ui-icon,.ui-selectmenu-status .ui-icon { left: 0; margin-top: -8px; position: absolute; top: 1em; } /* 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; overflow:hidden; 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:#fff } .scrollContainer div.panel .content a { color:#898983 } .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 } .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 { /*new height:233px*/ } #content #posts .post .text { padding:12px 14px; min-height:200px; } #content #posts .post .text .thumb_cont { margin-bottom:9px; float:none; margin-right:0; } #content #posts .post .text a.thumb { background-color:#ebeadb; border:1px solid #dbdac9; width:240px; height:88px; display:block; position:relative; padding:4px; } #content #posts .post .text a.thumb:hover { background-color:#e6e5d3; border-color:#5fafa5 } #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:#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:289px; float:left } /* SIDEBAR - NEWSLETTER */ #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; line-height:19px; padding:6px 9px; width:179px} #sidebar #newsletter .emailBtn{background:url(images/btnNewsletter.png) left top; border:none; cursor:pointer; float:left; height:33px; margin-left:4px; margin-top:-1px; width:62px} #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 - ADVERTISEMENT */ #sidebar #adv_125{margin-bottom:19px; margin-left:2px; width:287px} #sidebar #adv_125 a.adv{background-color:#ebeadb; border:1px solid #dbdac9; float:left; margin-bottom:15px; margin-right:15px; padding:4px; position:relative} #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; display:block!important; filter:alpha(opacity=20); height:125px; -khtml-opacity:0.2; left:4px; -moz-opacity:0.2; opacity:0.2; position:absolute; top:4px; width:125px} #sidebar #adv_125 #adv_w_us{clear:both; margin-left:-2px} #sidebar #adv_125 #adv_w_us a{display:block; font-size:.9em; height:33px; line-height:33px; padding-bottom:2px; text-align:center; width:272px} /* SIDEBAR - TABS */ #tabs { padding-top:37px; position:relative; margin-bottom:13px; } #tabs ul#tabs_nav { position:absolute; top:0; left:0; font-size:.75em } #tabs ul#tabs_nav li { display:block; float:left; margin-top:1px; margin-right:4px } #tabs ul#tabs_nav 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_nav li a:hover { background-position:-98px -42px } #tabs ul#tabs_nav 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_nav li a:hover span { background-position:right bottom; color:#3ca097 } #tabs ul#tabs_nav li.first a { height:40px; background-position:left top } #tabs ul.active { display:block } #tabs ul#tabs_nav li.selected { margin-top:0 } #tabs ul#tabs_nav li.selected a,#tabs ul#tabs_nav li.selected a span { background-image:url(images/tabs_active.png); background-position:left bottom; height:39px; line-height:39px; color:#3ca097 } #tabs ul#tabs_nav li.selected.first a { height:41px; background-position:left top } #tabs ul#tabs_nav li.selected.first a span,#tabs ul#tabs_nav li.selected.first a:hover span { background-position:right top } #tabs ul#tabs_nav li.selected.first a:hover { background-position:left top } #tabs #tab_top { background:url(images/tabs_content_tops.png); width:289px; padding-top:5px; width:289px; clear:both; font-size:.8em } #tabs #tab_btm { background:url(images/tabs_content_tops.png) bottom; padding-bottom:7px; width:289px } #tabs #tab_cont { background:url(images/tabs_content.gif) repeat-y; width:283px; padding:8px 3px 7px } #tabs #tab_cont ul li { padding-left:11px; padding-right:13px; font-size:.9em; width:259px } #tabs #tab_cont ul li.hover { border-top:1px solid #7db9b2; border-bottom:1px solid #7db9b2; background-color:#6fd2c8 } #tabs ul.small li a,#tabs ul.big li span.element { line-height:30px; color:#3ca097; display:block; border-top:1px solid #e1e1d3; border-bottom:1px solid #e1e1d3; position:relative } #tabs 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 ul.small li.prev a,#tabs ul.big li.prev span.element { border-bottom:none } #tabs ul.small li.hover a,#tabs ul.big li.hover span.element { border:none; color:#fff } #tabs ul.small li.hover a span.ct { background-position:left bottom; color:#23665f } #tabs ul.big li span.element { display:block; line-height:normal; padding:9px 0 } #tabs ul.big li a { line-height:normal } #tabs ul.big li.hover a { color:#d4f2ef } #tabs ul.big li span.text { display:block; margin-top:5px; word-wrap: break-word; color:#76766a } #tabs ul.big li.hover span.text { color:#37837b } #tabs ul.big li a.author { background:url(images/count_comments.gif) no-repeat 0 2px; height:13px; padding-left:16px; margin-top:1px } #tabs ul.big li.hover a.author { background-position:0 -13px } #tabs ul#tabs_nav li.first a:hover,#tabs ul#tabs_nav li.selected a:hover { background-position:left bottom } #tabs ul#tabs_nav li.selected a span,#tabs ul#tabs_nav li.selected a:hover span { background-position:right bottom } #tabs ul.small li + li a,#tabs ul.big li + li span.element,#tabs ul.small li.next li a,#tabs ul.big li.next li span.element { border-top:none } /* FOOTER */ #footer_bg{background-color:#cfcfbd; clear:both; padding-bottom:15px; width:100%} #footer_bg .hr{background-color:#E6E6DA; clear:both; height:1px; margin:0 2px} #footer_bg .hr.scnd{background-color:#dedece} #footer{background:url(images/footer_bg.png) repeat-y; clear:both; float:left; padding:26px 30px 23px; width:878px} #footer .box{border-right:1px solid #dadad1; float:left; margin-right:20px; padding-right:5px; text-transform:capitalize} #footer h3{font-size:1.2em; font-weight:400; margin-bottom:11px; margin-right:15px} #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} #love{background:url(images/credits.png); clear:both; color:#76766a; font-size:.75em; height:37px; line-height:33px; position:relative; text-align:center; width:939px} #love p a.icon{background:url(functions/monkpanel/images/icon.png); display:inline-block; height:22px; vertical-align:-7px; width:22px} #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,.category a.more { width:75px; clear:both; float:right;} /*general stuff*/ .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:1em; line-height:24px; padding-left:20px } #content #postcontainer ol li { color:#838375; font-size: 12px; background:url(images/ol_1.png) no-repeat scroll 0 7px transparent; line-height:20px; padding:10px 10px 10px 34px; } #content #postcontainer ol li.item1 { background-image: url(images/ol_1.png) } #content #postcontainer ol li.item2 { background-image: url(images/ol_2.png) } #content #postcontainer ol li.item3 { background-image: url(images/ol_3.png) } #content #postcontainer ol li.item4 { background-image: url(images/ol_4.png) } #content #postcontainer ol li.item5 { background-image: url(images/ol_5.png) } #content #postcontainer ol li.item6 { background-image: url(images/ol_6.png) } #content #postcontainer ol li.item7 { background-image: url(images/ol_7.png) } #content #postcontainer ol li.item8 { background-image: url(images/ol_8.png) } #content #postcontainer ol li.item9 { background-image: url(images/ol_9.png) } #content #postcontainer ol li.item10 { background-image: url(images/ol_10.png) } #content #postcontainer ol li.item11 { background-image: url(images/ol_11.png) } #content #postcontainer ol li.item12 { background-image: url(images/ol_12.png) } #content #postcontainer ol li.item13 { background-image: url(images/ol_13.png) } #content #postcontainer ol li.item14 { background-image: url(images/ol_14.png) } #content #postcontainer ol li.item15 { background-image: url(images/ol_15.png) } #content #postcontainer ol li.item16 { background-image: url(images/ol_16.png) } #content #postcontainer ol li.item17 { background-image: url(images/ol_17.png) } #content #postcontainer ol li.item18 { background-image: url(images/ol_18.png) } #content #postcontainer ol li.item19 { background-image: url(images/ol_19.png) } #content #postcontainer ol li.item20 { background-image: url(images/ol_20.png) } #content #postcontainer p,#respond p { color:#838375; font-size:1em; margin-bottom:10px; line-height:30px; padding:0 } #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:15px; 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,.category .thumb_cont { height:113px } .thumb_cont { position:relative; width:250px; height:98px; float:left; margin-right:12px } .thumb_cont .thumb { background-color:#EBEADB; border:1px solid #DBDAC9; display:block; height:88px; width:240px; padding:4px } .search .thumb_cont .thumb,.search .thumb_cont .thumb:hover span.hidden,.category .thumb_cont .thumb,.category .thumb_cont .thumb:hover span.hidden { height:103px } .thumb_cont .thumb:hover { border-color:#5fafa5 } .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:#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; /*new width:100%;*/ } .hasThumbnail div.tida{width:304px} #content #postcontainer h1.title { float:left; color:#ca4f2e; margin-bottom:0 } #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; font-weight: bold; text-transform: capitalize; 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 .moderation{ color:#CA4F2E; font-size:0.8em; font-style:italic; font-weight:bold; } #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; 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; resize:none; 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 } /* SHARETHIS BUTTON */ .share h2 { margin-left: 2px; } .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 { background: url(images/social.png); 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.delicious { background-position: 0 0;} .share a.digg { background-position: -50px 0;} .share a.facebook { background-position: -100px 0;} .share a.myspace { background-position: -150px 0;} .share a.reddit { background-position: -200px 0;} .share a.stumbleupon { background-position: -250px 0;} .share a.technorati { background-position: -300px 0;} .share a.twitter { background-position: -350px 0; } .st_sharethis_custom { background: url(images/share_btn.png) 0 0; float: right; font-size: .8em; line-height: 36px; height: 36px; padding-bottom: 2px; margin-left: 8px; margin-right: 6px; padding: 0 0 0 15px; width: 106px; color: #3CA097; cursor: pointer} .st_sharethis_custom:hover { background-position: 0 -38px; color:#23665f; } .st_sharethis_custom.active { background-position: 0 -76px; } /*todo make this work*/ /* STYLED CHECKBOXES */ .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 .chkbox { 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; padding-right:0; position:absolute; text-indent:-9999px; top:0; width:83px} #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} .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; z-index:2} #pagination .scroll_knob{background:url(images/pagination_drag.png); bottom:-11px; cursor:pointer; height:14px; left:50%; margin-left:-10px; position:absolute; width:19px} .paginator .current_page_mark{background:#d1d1c6; height:3px; left:0; position:absolute; top:1px; z-index:1} /* COMMENT POPUP */ #comment-popup{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} #comment-popup_bottom{background:url(images/popup_tops.png) no-repeat right bottom; padding-bottom:4px; width:529px} #comment-popup_bg{background:url(images/popup_bg.png) repeat-y; padding:5px 12px; width:505px} #comment-popup .title a{background:url(images/close.png) no-repeat; cursor:pointer; height:15px; position:absolute; right:15px; text-indent:-9999px; top:27px; width:17px} #comment-popup .title a:hover{background-position:0 -15px} #comment-popup .col-right{width:328px} #comment-popup .area-holder{background-image:url(images/comments_inputBig_popup.png); width:306px} #comment-popup .area-holder textarea{width:306px} /* FLOWHUB BUTTONS */ button, a.btn{border:0; cursor:pointer; overflow:visible; padding:0; position:relative} a.btn{display:block} button::-moz-focus-inner{border:none} button span, a.btn span{display:block; position:relative; white-space:nowrap} button.btn, a.btn{background:transparent url(images/btn_sprite.png) no-repeat 100% -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 0 0; color:#3CA097; height:35px; line-height:31px; padding-left:12px} button.btn:hover, button.btn.hover, a.btn:hover{background-position:100% -165px} button.btn:hover span, button.btn.hover span, a.btn:hover span{background-position:0 -55px} /* NEWSLETTER PAGE */ #content #postcontainer.newsletter-page h1{color:#CA4F2E; margin-bottom:8px; text-transform:capitalize} #content #postcontainer.newsletter-page .block{background:url(images/newsletter_page.png) no-repeat left top; padding-left:80px; width:486px} #content #postcontainer.newsletter-page p{font-weight:normal} /* FULL WIDTH PAGE */ #content_container #content.fullwidth, .fullwidth .block{ width:inherit} .fullwidth .share .tl{ width:566px} /* WP-POST ELEMENTS */ .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} .wp-caption img{border:0 none; margin:0!important; padding:0} .wp-caption p{margin:10px 0!important; text-align:center!important} .sticky{background:#f7f7f7; padding:0 10px 10px} .sticky h2{padding-top:10px} .commentlist cite, .commentlist cite a{font-size:1.1em; font-style:normal; font-weight:700} 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} 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} .aligncenter, div.aligncenter{display:block; margin-left:auto; margin-right:auto} .alignright{float:right; margin-bottom:23px; margin-left:13px} .alignleft{float:left; margin-right:13px} /* WIDGETS */ #wp-calendar{empty-cells:show; } #wp-calendar caption{font:bold 24px 'Lucida Grande',Verdana,Arial,Sans-Serif;color: #504d3a; margin-left: -27px; text-align:left;margin-bottom:16px; width:100%} #wp-calendar th{font-style:normal; padding:4px 10px; text-transform:capitalize} #wp-calendar a{display:block; text-decoration:none} #wp-calendar td{padding:3px 0; text-align:center} #wp-calendar td.pad:hover{background-color:#fff} #wp-calendar #prev a, #wp-calendar #next a{font-size:9pt} #wp-calendar #next a{padding-right:10px; text-align:right} #wp-calendar #prev a{padding-left:10px; text-align:left} #wp-calendar thead{text-align:center;} #calendar_wrap { margin: -10px 39px 0; } .widget { margin-bottom: 13px; } .widget { background: url(images/tabs_content_tops.png); clear: both; font-size: .8em; padding-top: 5px; width: 289px; } .widget_btm { background: url(images/tabs_content_tops.png) bottom; padding-bottom: 7px; width: 289px; } .widget_cont { background: url(images/tabs_content.gif) repeat-y; padding: 8px 3px 7px; width: 283px; } .widget h2.widgettitle { color: #504d3a; font-size: 24px; margin-bottom: 16px; margin-left: 12px; } .widget .textwidget p { color: #838375; line-height: normal; margin-bottom: 1em; } .widget .widget_cont > div { margin: 0 12px; margin-top: -10px; } .widget li { font-size: .9em; padding-left: 11px; padding-right: 13px; width: 259px; } .widget li.hover { background-color: #6fd2c8; border-bottom: 1px solid #7db9b2; border-top: 1px solid #7db9b2; } .widget li a { border-bottom: 1px solid #e1e1d3; border-top: 1px solid #e1e1d3; color: #3ca097; display: block; line-height: 30px; position: relative; } .widget li.prev a { border-bottom: none; } .widget li.hover a { border: none; color: #fff; } .widget li + li a,.widget li.next li a { border-top: none; } .widget li .children { display: none; }