/* ________ _________________ | _____| CosmoThemes Generic CSS |_______ ______| | | | | | | _____ _____ ______ _____ | | _ _ _____ ______ _____ _____ | | | | | ___| | | | | | | | |_| | | ___| | | | ___| | ___| | |_____ | | | |___ | | | | | | | | | | | _ | | ___| | | | | | ___| |___ | |________| |_____| |_____| |_|__|_| |_____| |__| |_| |_| |_____| |_|__|_| |_____| |_____| */ @import url('http://fonts.googleapis.com/css?family=PT+Sans+Narrow'); @import url(''); /* style for .settings-style-general-logo_text*/ .dynamic-settings-style-general-logo_text{ /* font style */ font-family : 'PT Sans Narrow',Helvetica, Arial ,sans-serif !important; font-size : 25px !important; font-weight : normal !important; color : #cdcdcd !important; line-height : 25px !important; } /* link */ .dynamic-settings-style-general-logo_text a{ /* font style */ font-family : 'PT Sans Narrow',Helvetica,Arial,sans-serif !important; font-weight : normal !important; color : #cdcdcd !important; text-decoration : none !important; line-height : 25px !important; } /* hover */ .dynamic-settings-style-general-logo_text a:hover{ color : #990000 !important; text-decoration : none !important; } /* style for .settings-style-menu-top_menu*/ .dynamic-settings-style-menu-top_menu{ /* font style */ font-family : 'PT Sans Narrow',Helvetica, Arial ,sans-serif !important; font-size : 14px !important; font-weight : normal !important; color : #ffffff !important; text-align : center !important; line-height : 12px !important; } /* link */ .dynamic-settings-style-menu-top_menu a{ /* font style */ font-family : 'PT Sans Narrow',Helvetica,Arial,sans-serif !important; font-weight : normal !important; color : #ffffff !important; text-decoration : none !important; text-align : center !important; line-height : 12px !important; } /* hover */ .dynamic-settings-style-menu-top_menu a:hover{ color : #fbff8a !important; text-decoration : blink !important; } /* style for .settings-style-single-post_title*/ .dynamic-settings-style-single-post_title{ /* font style */ font-family : 'Helvetica',Helvetica, Arial ,sans-serif !important; font-size : 12px !important; font-weight : normal !important; color : #2d3930 !important; text-decoration : none !important; text-align : justify !important; line-height : 12px !important; } /* style for .settings-style-single-post_text*/ .dynamic-settings-style-single-post_text{ /* font style */ font-family : 'Helvetica',Helvetica, Arial ,sans-serif !important; font-size : 12px !important; font-weight : normal !important; color : #2d3930 !important; text-decoration : none !important; text-align : justify !important; } /* style for .settings-style-page-post_title*/ .dynamic-settings-style-page-post_title{ /* font style */ font-family : 'Helvetica',Helvetica, Arial ,sans-serif !important; font-size : 3px !important; font-weight : normal !important; color : #ffffff !important; text-decoration : none !important; text-align : none !important; } /* style for .settings-style-page-post_text*/ .dynamic-settings-style-page-post_text{ /* font style */ font-family : 'Helvetica',Helvetica, Arial ,sans-serif !important; font-size : 12px !important; font-weight : normal !important; color : #2d3930 !important; text-decoration : none !important; text-align : justify !important; } /* style for .settings-style-archive-title*/ .dynamic-settings-style-archive-title{ /* font style */ font-family : 'Helvetica',Helvetica, Arial ,sans-serif !important; font-size : 12px !important; font-weight : normal !important; color : #2d3930 !important; text-decoration : none !important; text-align : justify !important; line-height : 12px !important; } /* style for .settings-style-archive-post-title*/ .dynamic-settings-style-archive-post-title{ /* font style */ font-family : 'Helvetica',Helvetica, Arial ,sans-serif !important; font-size : 12px !important; font-weight : bold !important; color : #2d3930 !important; text-align : justify !important; line-height : 12px !important; } /* link */ .dynamic-settings-style-archive-post-title a{ /* font style */ font-family : 'Helvetica',Helvetica,Arial,sans-serif !important; font-weight : bold !important; color : #2d3930 !important; text-decoration : none !important; text-align : justify !important; line-height : 12px !important; } /* hover */ .dynamic-settings-style-archive-post-title a:hover{ color : #2d3930 !important; text-decoration : none !important; } /* style for .settings-style-archive-post-excerpt*/ .dynamic-settings-style-archive-post-excerpt{ /* font style */ font-family : 'Helvetica',Helvetica, Arial ,sans-serif !important; font-size : 12px !important; font-weight : normal !important; color : #2d3930 !important; text-decoration : none !important; text-align : justify !important; line-height : 12px !important; } /* style for .settings-style-sidebars-widget_title*/ .dynamic-settings-style-sidebars-widget_title{ /* font style */ font-family : 'Helvetica',Helvetica, Arial ,sans-serif !important; font-size : 14px !important; font-weight : bold !important; color : #22362A !important; line-height : 18px !important; } /* link */ .dynamic-settings-style-sidebars-widget_title a{ /* font style */ font-family : 'Helvetica',Helvetica,Arial,sans-serif !important; font-weight : bold !important; color : #22362A !important; text-decoration : none !important; line-height : 18px !important; } /* hover */ .dynamic-settings-style-sidebars-widget_title a:hover{ color : #CB3939 !important; text-decoration : none !important; } /* style for .settings-style-front_page_widgets-widget_title*/ .dynamic-settings-style-front_page_widgets-widget_title{ /* font style */ font-family : 'Helvetica',Helvetica, Arial ,sans-serif !important; font-size : 12px !important; font-weight : normal !important; color : #22362A !important; text-align : none !important; line-height : 12px !important; } /* link */ .dynamic-settings-style-front_page_widgets-widget_title a{ /* font style */ font-family : 'Helvetica',Helvetica,Arial,sans-serif !important; font-weight : normal !important; color : #22362A !important; text-decoration : none !important; text-align : none !important; line-height : 12px !important; } /* hover */ .dynamic-settings-style-front_page_widgets-widget_title a:hover{ color : #CB3939 !important; text-decoration : none !important; } /* style for .settings-style-front_page_widgets-posts_title_grid*/ .dynamic-settings-style-front_page_widgets-posts_title_grid{ /* font style */ font-family : 'Helvetica',Helvetica, Arial ,sans-serif !important; font-size : 12px !important; font-weight : bold !important; color : #22362A !important; text-align : justify !important; line-height : 12px !important; } /* link */ .dynamic-settings-style-front_page_widgets-posts_title_grid a{ /* font style */ font-family : 'Helvetica',Helvetica,Arial,sans-serif !important; font-weight : bold !important; color : #22362A !important; text-decoration : none !important; text-align : justify !important; line-height : 12px !important; } /* hover */ .dynamic-settings-style-front_page_widgets-posts_title_grid a:hover{ color : #7f770b !important; text-decoration : none !important; } /* style for .settings-style-front_page_widgets-posts_title_list*/ .dynamic-settings-style-front_page_widgets-posts_title_list{ /* font style */ font-family : 'Helvetica',Helvetica, Arial ,sans-serif !important; font-size : 12px !important; font-weight : normal !important; color : #22362A !important; text-align : justify !important; line-height : 12px !important; } /* link */ .dynamic-settings-style-front_page_widgets-posts_title_list a{ /* font style */ font-family : 'Helvetica',Helvetica,Arial,sans-serif !important; font-weight : normal !important; color : #22362A !important; text-decoration : none !important; text-align : justify !important; line-height : 12px !important; } /* hover */ .dynamic-settings-style-front_page_widgets-posts_title_list a:hover{ color : !important; text-decoration : none !important; } /* style for .settings-style-front_page_widgets-simple_text*/ .dynamic-settings-style-front_page_widgets-simple_text{ /* font style */ font-family : 'Helvetica',Helvetica, Arial ,sans-serif !important; font-size : 12px !important; font-weight : normal !important; color : #22362A !important; text-decoration : none !important; text-align : justify !important; line-height : 12px !important; } .b_page{ width: 930px; margin: 0 auto; position: relative; z-index: 99; display: table;} .b:before,.b:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.b:after{clear:both}.b{zoom:1} .b{ margin: 0 0 0 30px; } .b:first-child{ margin: 0;} .w_990{ width: 990px;} .w_930{ width: 930px; float: left;} .w_850{ width: 850px; float: left;} .w_770{ width: 730px; float: left;} .w_690{ width: 690px; float: left;} .w_640{ width: 640px; float: left;} .w_610{ width: 610px; float: left;} .w_590{ width: 590px; float: left;} .w_530{ width: 530px; float: left;} .w_450{ width: 450px; float: left;} .w_370{ width: 370px; float: left;} .w_290{ width: 290px; float: left;} .w_260{ width: 260px; float: left;} .w_210{ width: 210px; float: left;} .w_130{ width: 130px; float: left;} .w_50{ width: 50px; float: left;}/*Header background and opacity*/ .header-wrapper {background-color:#22362A !important; background-color: rgba(34,54,42, 0.3) !important; *filter: alpha(opacity = 30) !important; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.50); } .fixed-width .header-wrapper {background-color: black; background-color: rgba(0, 0, 0, 1); *filter: alpha(opacity = 100); box-shadow: none;} /*Menu background and opacity - must be identical to header background. Added values - border*/ .sf-menu li li {background:#22362A !important; background: rgba(34,54,42, 0.3) !important; *filter: alpha(opacity = 30) !important; border: 1px solid rgba(0, 0, 0, 0.2); border-top: none;} .cosmo-icons ul li.active a { background: black; background: rgba(255, 255, 255, 0.20); } .sf-menu li.active li a {background: none; } /*Needed to override the above styles*/ .sf-sub-indicator {background: url(../images/arrows-white.png) -11px -104px; } /*Slider caption background - must be identical to header background**/ .caption {background-color: #22362A !important; background-color: rgba(34,54,42, 0.3) !important; *filter: alpha(opacity = 30) !important;} #headertxt #firstline span { color:#ffffff !important; } #headertxt #firstline span:hover { color: !important; } #headertxt #firstline { color:#ffffff !important; } #headertxt #secondline { color: #ffffff !important; } /*Quick news - must be identical to header background*/ .cosmo-qnews-label, .cosmo-qnews-wrapper {background-color: #22362A !important; background-color: rgba(34,54,42, 0.3) !important; *filter: alpha(opacity = 30) !important;} .cosmo-qnews-close { color: #CB3939;} .cosmo-qnews-label a { color:#ffffff !important; } .cosmo-qnews-label a:hover { color: !important; } .cosmo-qnews-content { color: white; }.attached_imgs_gallery { width:100%; } .attached_imgs_gallery-element a { padding: 0px;} .attached_imgs_gallery-element { width:155px; height:150px; display:inline-block; margin:0 15px 15px 0;text-align:center; padding: 5px; background: whiteSmoke; border: none!important; vertical-align:middle; } .cosmo_uploader_label p.info { position:relative !important; bottom:auto !important; } .cosmo_uploader_interface { background-color:white; border-color: rgb(229, 229, 229); border-style: solid;border-width: 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-family: "Helvetica", "Arial", sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; position:relative; width: 70%; display:inline-block; } .cui_add_button, .cui_thumbnail { position:relative; float:left; overflow:hidden; margin:10px; display:inline-block; direction: 'ltr'; width:70px; padding-top:10px; text-align:center; border-style:solid; border-width:1px; border-color:white; } .cui_thumbnail img { cursor:pointer; } .cui_upload_button_container input { position:absolute; right:0px; bottom:0px; opacity:0; filter: alpha(opacity=0); cursor:pointer; font-size:460px; padding:0px; margin:0px; } .cui_add_button img { } .cui_spinner_container { text-align:center; clear:both; } .b_text .attach {float: left; width: 100%; background: #ffffe0 url(images/format.file.download.png) no-repeat 10px center; border: 1px solid #fff576; margin: 0 0 20px 0; padding: 20px 10px; border-radius: 6px;} .b_text .attach a { padding-left: 42px; } .b_text .attach.pdf a { background: url(images/format.file.pdf.png) no-repeat 42px center; padding-left: 58px;} .b_text .attach.doc a { background: url(images/format.file.doc.png) no-repeat 42px center; padding-left: 58px;} .cosmo_floating_uploader { position:absolute !important; border:none !important; background-color:transparent !important; width:100px!important; height:100px!important; overflow:hidden; z-index:9000!important; } .cosmo_floating_uploader img { margin:0px!important; } .cosmo_floating_uploader .cui_add_button { border:none!important; padding:0px!important; }/*Miscellaneous*/ .gray{color: gray;} .clearfix:before, .clearfix:after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} .clearfix:after{clear:both;} .clearfix{zoom:1;} .br{ height: 1px!important; font-size: 1px!important; padding: 0px!important; margin: 0px!important; clear: both!important; float: none!important; display: block!important; width: 100%!important; border: 0!important;} .fr{ float: right !important; } .fl{ float: left !important; } .txt_c{ text-align: center; } .txt_r{ text-align: right; } .txt_l{ text-align: left; } .no_padding{ padding: 0!important; } .no_margin{ margin: 0!important; } .auto-margin { margin: 0 auto!important; } .empty_tr,.empty_tr td{ padding: 0; margin: 0; height: 0; font-size: 0; } .margin15 {margin-top: 15px!important;} .padding15 {padding-bottom: 15px!important;} .padding15-top {padding-top: 15px!important;} .no_float {float: none!important; *float: left!important;} .no_bg {background: none!important;} .hidden {display: none;} .hide{display:none;} .inline-block{display:inline-block; } .clear {clear: both; display: block; width: 100%;} #content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0; } #content pre, #content kbd, #content tt, #content var { font-size: 15px; line-height: 21px; } #content code { font-size: 13px; } #content dt, #content th { color: #000; } table { border: 1px solid #e7e7e7; margin: 0 -1px 24px 0; text-align: left; width: 100%; } #content tr th, #content thead th { font-weight: bold; padding: 10px; } #entry-author-info { background: #f2f7fc; border-top: 4px solid #000; clear: both; font-size: 14px; line-height: 20px; margin: 24px 0; overflow: hidden; padding: 18px 20px; } #entry-author-info #author-avatar { background: #fff; border: 1px solid #e7e7e7; float: left; height: 60px; margin: 0 -104px 0 0; padding: 11px; } #entry-author-info #author-description { float: left; margin: 0 0 0 104px; } #entry-author-info h2 { color: #000; font-size: 100%; font-weight: bold; margin-bottom: 0; } .entry-utility { clear: both; color: #888; font-size: 12px; line-height: 1.6em; } .entry-utility a { color: #888; } .entry-utility a:hover { color: #ff4b33; } .video-player { padding: 0; } .sticky { } .bypostauthor { } .dynamic-settings-style-menu-top_menu a { font-size: inherit !important; }div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right {height:13px} div.pp_default .pp_top .pp_left {background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle {background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:105px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;font-color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover {opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}d iv.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0}div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:7px 0 0} .pp_social .facebook{float:left;position:relative;top:-1px;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a { border:1px rgba(0,0,0,0.5) solid; display:block; min-height:10px; float:left; height:auto; padding:0px; max-height: 33px; max-width:50px; overflow:hidden } .pp_gallery ul a img{border:none; padding:0px; margin:0px; dispaly:block; min-height: 50px; } .pp_gallery li{ display:table-cell; vertical-align:middle; float:left; margin:0 5px 0 0;padding:0 } .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}.pp_top,.pp_bottom{height:20px;position:relative}* html .pp_top,* html .pp_bottom{padding:0 20px}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_fade,.pp_gallery li.default a img{display:none}/*General*/ html, body{height: 100%;} body{ font:0.75em/1.6em Helvetica, Arial, sans-serif; color: #303e48;} /*Links*/ a,.link{ text-decoration: none; color: #1e9fbf; cursor: pointer; transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -webkit-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out;} a:hover, .link:hover{ text-decoration: none; color: #CB3939; } input[type="text"],input[type="password"], textarea{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #E5E5E5; padding: 2px 5px; width: 70%; height: 26px; line-height: 26px; font:12px/20px Helvetica, Arial, sans-serif;} input[type="text"].error,input[type="password"].error{ background: none #ffeaea; border: 1px solid #E5E5E5; } textarea{ min-height: 100px; overflow: hidden; } select{ border:1px solid #E5E5E5; padding:2px; width: 72%;} /*Typography*/ h1, h2, h3, h4, h5, h6 {margin-bottom: 20px; font-weight: normal;} h1 { font-size: 30px; line-height: 30px;} h2 { font-size: 26px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } p {line-height: 1.6em; margin-bottom: 15px; word-break: break-all;} p:last-child{margin-bottom: 0;} blockquote { quotes: none; } del { text-decoration: line-through; } table { border-collapse:collapse; border-spacing: 0; width: 100%; } pre { font-family: "Courier 10 Pitch", Courier, monospace; } code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } label { display: block;} /* Text elements */ *{ margin: 0; padding: 0; outline: none; } a img{ border:0; } ul li,ol li{ list-style: none; } fieldset{ border: 0; margin: 0; padding: 0;} ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 0 24px 0; } dt { font-weight: bold; } dd { margin-bottom: 18px; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big { font-size: 131.25%; } ins { background: #ffc; text-decoration: none; } blockquote { font-style: italic; padding: 0 3em; } blockquote cite, blockquote em, blockquote i { font-style: normal; } pre { background: #f7f7f7; color: #222; line-height: 1.6em; margin-bottom: 18px; padding: 1.5em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub {top: .5ex; }article footer .no_source{ display: none !important; } /*Body elements*/ .b_body { overflow: hidden; position: relative; } .b_body_c { margin: 0;} #myWrapper { width: 990px; margin: 0 auto; -webkit-box-shadow: 0px 2px 20px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 2px 20px rgba(50, 50, 50, 0.1); box-shadow: 0px 2px 20px rgba(50, 50, 50, 0.1); } .b_head, .b_content, .b_body_f { position: relative; display: block; margin: 0 auto; width: 100%;} .b_head { z-index: 15; height: auto;} .b_content { z-index: 10; min-height: 300px; padding-top: 30px; } .b_body_f { z-index: 9; } /*Fixed-width settings*/ .fixed-width .b_head, .fixed-width .b_content , .fixed-width .b_body_f {width: 990px;} .fixed-width .b_content{ background: white;} .fixed-width .breadcrumbs{ background-color: white; padding: 30px;} .fixed-width .cosmo-slider-inside { min-height: 300px; } .fixed-width .cosmo-slider {width: 990px; height: 300px;} .fixed-width #headertxt {bottom: 40px; display: none; } .fixed-width #headernav-outer #headernav .btn {height: 50px; width: 30px;} .fixed-width #headernav-outer #headernav #back { background:url(../images/arrows.smaller.png) 0 0; left: 30px;} .fixed-width #headernav-outer #headernav #next { background:url(../images/arrows.smaller.png) -30px 0; right: 30px;} .fixed-width #headernav-outer #headernav #back:hover { background-position:0 -50px;} .fixed-width #headernav-outer #headernav #next:hover { background-position: -30px -50px;} .fixed-width #share_buttons_wrapper.right { left: 970px;} .fixed-width #share_buttons_wrapper.left { left: -160px;} /*Fixed header*/ .fixed .header-wrapper {position: fixed;} /*Delimiter line*/ #primary {background: url(../images/delimiter.bg.y.png) repeat-y right top;} .home .b_text > #primary { background-image: none; } #primary, #secondary {float: left;} #primary.fr {background: url(../images/delimiter.bg.y.png) repeat-y left top;} #primary.fr #content {margin-left: 30px;} #primary.fullwidth {background: none;} /*Buttons*/ p.button, p.form-submit, p.submit { margin: 0 20px 0 0; padding: 0; height:32px; width: auto; position: relative; cursor: pointer; background: url(../images/button.bg.png) no-repeat left 0; float: left; } p.button a, p.button input, p.form-submit input, p.submit input{ float: left; height:32px!important; line-height:32px!important; margin: 0 -20px 0 0!important; padding: 0 20px; border: none; cursor: pointer; color: #3f4950; background: url(../images/button.bg.png) no-repeat right -32px; width: auto!important; text-shadow: 0 1px 0 #fff; } p.button:hover, p.form-submit:hover, p.submit:hover {background-position: left -64px;} p.button a:hover, p.button input:hover, p.form-submit input:hover, p.submit input:hover{text-decoration: none; background-position: right -96px;} /*Blue*/ p.button.blue, p.form-submit.blue, p.submit.blue { background-position: left -128px; } p.button.blue a, p.button.blue input, p.form-submit.blue input, p.submit.blue input{ background-position: right -160px; color: white; text-shadow: 0 -1px 0 #32719d; } p.button.blue:hover, p.form-submit.blue:hover, p.submit.blue:hover { background-position: left -192px;} p.button.blue a:hover, p.button.blue input:hover, p.form-submit.blue input:hover, p.submit.blue input:hover{ background-position: right -224px; } /*Red*/ p.button.red, p.form-submit.red, p.submit.red { background-position: left -256px;} p.button.red a, p.button.red input, p.form-submit.red input, p.submit.red input{ background-position: right -288px; color: white; text-shadow: 0 -1px 0 #ae2d2d;} p.button.red:hover, p.form-submit.red:hover, p.submit.red:hover { background-position: left -320px;} p.button.red a:hover, p.button.red input:hover, p.form-submit.red input:hover, p.submit.red input:hover{ background-position: right -352px; } p.button.add-to-cart {height:24px; margin: 0 10px 0 0; background: url(../images/button.bg.small.png) no-repeat left -96px;} p.button.add-to-cart a {height:24px!important; line-height:24px!important; margin: 0 -10px 0 0!important; padding: 0 10px; background: url(../images/button.bg.small.png) no-repeat right -120px; } p.button.add-to-cart a span { padding-left: 24px; background: url(../images/cart.png) no-repeat 0 0px; font-size: 11px; font-weight: normal; color: #3F4950;} p.button.add-to-cart a span:hover { background-position: 0 -16px;} .cosmo-cart p.button {float: none; display: inline-block;} /*Delimiter*/ .delimiter {width: 100%!important; margin: 20px auto!important; height: 2px; float: left; background: url(../images/delimiter.bg.x.png) repeat-x 0 0;} .delimiter.blank {margin: 15px auto!important; background: none; height: 0px;} .delimiter.noslide {margin: 0 auto 30px 0!important;} .widget .delimiter, #comments .delimiter, .box-related .delimiter { margin: 15px auto!important;} /*Mosaic overlay*/ .cosmo-arrow {font: 100% Times,sans-serif; } .readmore, .full-screen {position: relative; float: left; } .mosaic-overlay { display: none; z-index: 5; position: absolute!important; width: 100%; height: 100%; background: #fff; } .circle .mosaic-overlay { bottom: 0; right: 0; background: #fff url(../images/hover-magnify.png) no-repeat center center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00);} .full-screen .mosaic-overlay { bottom: 0; right: 0; background: transparent url(../images/bg.black.png); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00);} .readmore .mosaic-overlay { background: url(../images/bg.white.png); bottom: 0; right: 0; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);} .readmore .mosaic-overlay .details {position: absolute; z-index: 999; padding: 2px 10px; background: #fff; color: #303E48;} .grid-view .mosaic-overlay {height: 145px; top:0;} .grid-view .readmore .mosaic-overlay .details {right: 0px; bottom: 0px;} .grid-view .full-screen .mosaic-overlay .details {position: absolute; z-index: 999; height: 145px; width: 100%; background: transparent url(../images/full-screen.png) no-repeat center center; } .list-view .readmore {clear: both; float: left; width:100%; position: relative;} .list-view .readmore .holder {float: left; position: relative; text-align: center; width: 100%; } noindex:-o-prefocus, .list-view .readmore .holder { min-height: 315px; } /*opera hack - necessary so there's a dropdown menu*/ .list-view .readmore .mosaic-overlay .details {left: 42px; bottom: 10px; padding: 2px 10px 2px 0} .custom_posts .list-view .readmore .mosaic-overlay .details {left: 10px;} .format {position: absolute; bottom: 10px; left: 10px; padding: 2px 0; width: 32px; z-index: 9;} .format-standard .format{ background: #fff url(../images/format.standard.png) no-repeat 5px center; } .format-video .format{ background: #fff url(../images/format.video.png) no-repeat 5px center; } .format-image .format{ background: #fff url(../images/format.image.png) no-repeat 5px center; } .format-link .format{ background: #fff url(../images/format.file.png) no-repeat 5px center; } .format-audio .format { background: #fff url(../images/format.audio.png) no-repeat 5px center; } .format-text .format { background: #fff url(../images/format.text.png) no-repeat 5px center; } .format-video .play{ background:url(../images/button.play.png) no-repeat center center; width: 100%; height: 100%; position:absolute; top: 0; left: 0;} .grid-view .format-video .play{ background:url(../images/button.play.smaller.png) no-repeat center center;} .corner {position: absolute; bottom: 0px; left: 15px; width: 23px; height: 12px; z-index: 9; background: url(../images/corner.bg.png) no-repeat 0 0;} /*Gallery icon*/ .gallery-icon .mosaic-overlay { background: #fff url(../images/hover-magnify-small.png) no-repeat center 30%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); display: none; } .gallery-icon .mosaic-overlay { display: none; z-index: 5; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*--------- Here starts the overall styles ----------*/ .header-wrapper { margin: 0 auto; width: 100%; display: block; clear: both; position: relative; z-index: 99; /* background: url(../images/header.bg.png) no-repeat center top; */ background-color: rgba(0,0,0,0.5) !important; } /*Branding*/ .branding {margin: 20px 0; float: left; *float: none; *display: inline-block; display: table; width: 100%; z-index: 99;} /*Logo*/ .logo { display: block;} .logo img { width: 210px; margin-top: -10px; margin-left: -10px; margin-bottom: -15px; } .logo a{ cursor: pointer; float: left; width: 100%; } .logo a span{ font-size: 12px; color: gray; display: block;} /*Profile*/ .login-form { z-index: 99; display: table-cell; vertical-align: middle; float: none; *float: left; } .profile-pic { margin-right: 10px; float: left; max-height: 50px;} .login-form .profile-pic img{ display: table-cell; vertical-align: middle; float: none; } .login-form .cosmo-icons ul li.signin { max-width: 87px; white-space: nowrap; } .login-form .cosmo-icons ul li.signin a { max-width: 71px; overflow: hidden; border-radius: 0; padding-right: 22px;} .login-form .cosmo-icons ul li a { padding-left: 0; padding-right: 0; font: normal 12px/normal Helvetica, Arial; text-transform: none;} .login-form .cosmo-icons ul li:first-child { padding: 0;} .login-form .cosmo-icons ul li a span { max-width: 65px; white-space: nowrap;} .login-form .cosmo-icons ul{ margin-top: 3px; box-shadow: none;} .login-form .sf-menu li.sfHover:first-child ul { left: 6px; padding-top: 31px;} .login-form .cosmo-icons ul li ul{ margin-left: -41px;} .login-form .cosmo-icons ul li li{ text-indent: 10px;} .login-form .cosmo-icons ul li.signin li a{ max-width: none; padding-left: 15px; background: url(../images/my.profile.png) no-repeat; height: 16px; font-weight: normal; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;} .login-form .cosmo-icons ul li li.my-settings a{ background-position: 0 0px} .login-form .cosmo-icons ul li li.my-settings a:hover{ background-position: 0 -16px} .login-form .cosmo-icons ul li li.my-profile a{ background-position: 0 -32px} .login-form .cosmo-icons ul li li.my-profile a:hover{ background-position: 0 -48px} .login-form .cosmo-icons ul li li.my-posts a{background-position: 0 -64px } .login-form .cosmo-icons ul li li.my-posts a:hover{background-position: 0 -80px } .login-form .cosmo-icons ul li li.my-likes a{background-position: 0 -96px; } .login-form .cosmo-icons ul li li.my-likes a:hover{background-position: 0 -112px; } .login-form .cosmo-icons ul li li.my-logout a{background-position: 0 -128px; } .login-form .cosmo-icons ul li li.my-logout a:hover{background-position: 0 -144px; } .login-form .cosmo-icons ul li li.my-add a{background-position: 0 -160px; } .login-form .cosmo-icons ul li li.my-add a:hover{background-position: 0 -176px; } .login-form .cosmo-icons ul li li.my-cart a{background-position: 0 -352px; } .login-form .cosmo-icons ul li li.my-cart a:hover{background-position: 0 -368px; } .login-form .cosmo-icons ul li li.my-payments a{background-position: 0 -384px; } .login-form .cosmo-icons ul li li.my-payments a:hover{background-position: 0 -400px; } .login-form .cosmo-icons ul li li.my-sold-items a{background-position: 0 -416px; } .login-form .cosmo-icons ul li li.my-sold-items a:hover{background-position: 0 -432px; } /*Cosmo icons*/ .cosmo-menu, .login-form {display: table-cell; vertical-align: bottom; float: none; *float: left; *width: 530px; z-index: 99;} .b_head #access { float: left; width: 100%; *display: inline-block; *float: none;} .cosmo-icons { float: right; margin:0;} .cosmo-icons.main { display: inline-block; margin-top:0;} .cosmo-icons ul {float: left; } /*.cosmo-icons ul li {float: left; padding: 0; height: auto; max-height: 34px; padding: 0 5px; *padding: 0;}*/ .cosmo-icons ul li a { font: normal 14px Helvetica, "PT Sans Narrow"; padding: 2px 10px; float: left; height: auto; text-transform: uppercase; border-radius: 4px;} .cosmo-icons ul li.active a {background: black; background: rgba(255, 255, 255, 0.20);} .cosmo-icons ul li a:hover {color: #a6a6a6; } .cosmo-icons li a span { color: #AFAFAF; font:italic 12px Georgia, "Times New Roman"; clear: both; display: block;} .cosmo-icons.vp ul li { padding: 0px;} .cosmo-icons.vp ul li.current { color: #2CA4C2;} .cosmo-icons.vp ul li:first-child { padding-left: 0px;} .cosmo-icons.vp ul li a { font: normal 22px/20px Helvetica, "PT Sans Narrow"; text-transform: lowercase; float: left; background: url(../images/delimiter.bg.menu.png) no-repeat left center; padding: 0 15px; height: 22px; width: auto; margin: 0;} .cosmo-icons.vp ul li:first-child a { padding-left: 0px; margin-left: 0px; background: none; } /*** Menu ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu ul { position: absolute; top: -999em; width: 10em; } .sf-menu ul li { width: 25%; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; position: relative;} .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 0px; left: 0; /* match top ul list item height */ z-index: 99; margin-top: 0;} .sf-menu li.sfHover:first-child ul { left: 10px;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 11em; top: 0; padding-top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0;} .sf-menu li ul li a { padding:0; } /*** Menu SKIN ***/ .sf-menu { *float: none; width: auto; } .sf-menu a { text-decoration:none; } .sf-menu a, .sf-menu a:visited { /*color: #13a;*/} .sf-menu li { /*background: #;*/ } .sf-menu li li { height: auto; padding: 10px 0; text-indent: 5px; min-width: 115px; } .sf-menu li li a{ display: inline-block; } .sf-menu li.active li a{ display: inline-block; background: none; } .cosmo-icons ul.sf-menu li li:first-child { margin-top: 10px !important; padding: 10px 0; } .sf-menu li li:last-child { padding: 10px 0; } .sf-menu li li li { /*background: #;*/ } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { min-width: 1px; padding-right: 22px; } .sf-sub-indicator { position: absolute; display: inline-block!important; clear: none!important; right: 5px; top: 1.05em; /* IE6 only */ width: 10px; height: 7px; text-indent: -999em; overflow: hidden; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { top: 8px; background-position: 0 -104px; } a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -11px -104px; } .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; top: 3px; height: 10px; width: 10px; } .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0;} .sf-shadow ul { padding-top: 31px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /*Cosmo-icons Filter*/ .cosmo-filter { float: left; width: 100%; margin: 0 0 20px 0} .cosmo-filter .cosmo-icons ul li { padding: 0 15px; background: url(../images/delimiter.bg.menu.png) no-repeat left center;} .cosmo-filter .cosmo-icons ul li a {color: #303E48; padding: 0; font: normal 20px Helvetica, "PT Sans Narrow"; text-transform: none; } .cosmo-filter .cosmo-icons ul li:first-child{background: none; padding: 0 15px 0 0;} .cosmo-filter .cosmo-icons ul li.active a {color: #2CA4C2;} /*Search form*/ .searchform { display: inline-block; margin-top: 5px; } .searchform #searchform, .widget_search #searchform{ width: 100%; text-align: left; position: relative;} .searchform #searchform { float: left;} .searchform #searchbox, .widget_search #searchbox { float: left; margin: 0; } .searchform #searchbox input.input, .widget_search #searchbox input.input{ width: 432px; font-family: Georgia; font-style: italic; color: #999999; border-top-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-top-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px;} .widget_search #searchbox input.input{ width: 190px;} .searchform #searchform .button, .widget_search #searchform .button { margin-left: -1px; *top: 1px;} .searchform #searchform .button input, .widget_search #searchform .button input { *padding: 0 10px!important; font-family: Helvetica, Arial, sans-serif;} #searchform #s { position: relative; z-index: 2; border: 1px solid #AAA; border-top-right-radius: 0; border-bottom-right-radius: 0; height: 25px;} #searchform #searchsubmit { position: relative; z-index: 1; padding:0px 8px 1px 8px; height: 31px; margin-left: -4px; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); background-image: linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); border: 1px solid #AAA; color: #444; min-width: 4em; cursor: pointer; } @-moz-document url-prefix() { #searchform #searchsubmit { padding: 0px 8px 3px 8px } } /*Slider*/ .cosmo-slider-inside { min-height: 600px; } .cosmo-slider-wrapper { clear: both; position: relative; width: 100%; margin: 0 auto; } /* .cosmo-slider, .headerimg{ -moz-border-radius-bottomright: 16px !important; -webkit-border-bottom-right-radius: 16px !important; border-bottom-right-radius: 16px !important; -moz-border-radius-bottomleft: 16px !important; -webkit-border-bottom-left-radius: 16px !important; border-bottom-left-radius: 16px !important; } */ .absolute .cosmo-slider-wrapper{ position: absolute; top: 0; left: 0; clear: none;} .cosmo-slider {display: block; width: 100%; margin: 0 auto; position: relative; height: 600px; *float: none; *display: inline-block; overflow: hidden; } /* HEADER */ #headerimgs{background: url(../images/stripes.png) repeat 0 0; width:100%; height:100%; display: inline-block;} #headerimgs .headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; } /* Arrows */ #headernav-outer { position:absolute; margin:0 auto; width:100%; top: 40% } #headernav-outer #headernav { position: relative; z-index: 16; } #headernav-outer #headernav .btn { height:100px; width:60px; float:left; cursor:pointer; position: absolute;} #headernav-outer #headernav #back { background:url(../images/arrows.png) 0 0; left: 0;} #headernav-outer #headernav #next { background:url(../images/arrows.png) -60px 0; right: 0;} #headernav-outer #headernav #back:hover { background-position:0 -100px;} #headernav-outer #headernav #next:hover { background-position: -60px -100px;} /* HEADER TEXT */ #headertxt { position: absolute; width:100%; bottom:100px; } #headertxt #firstline { font: normal 40px/normal Helvetica, "PT Sans Narrow"; padding:0 0 20px 0; float:left; display:block; } #headertxt #secondline { text-decoration:none; font-size:14px; line-height: 20px; padding:0; float:left; *float: none; display:block; clear:both; } #headertxt #firstline span { color: #fa5d5d;} #headertxt .caption{ position: absolute; bottom:0; width: 45%; height: auto; z-index:15; display: none; } #headertxt .caption.left { left: 0;} #headertxt .caption.right { right: 0;} #headertxt .caption-text {position: relative; top: 0px; width: 340px;} #headertxt .left .caption-text { float: right; padding: 20px 30px 20px 0; } #headertxt .right .caption-text { float: left; padding: 15px 0 20px 30px; } /*Quick news*/ .cosmo-qnews { position: absolute; height: 100%; width: 100%; top: 0; left: 0;} .cosmo-qnews-label, .cosmo-qnews-wrapper { position: absolute; bottom: 100px; } .cosmo-qnews-label { left: 0; text-align: right; width: 50%; margin-left: -495px; } .cosmo-qnews-label a { display: block; font-weight: bold; padding: 0 20px 0 0; height: 50px; line-height: 50px; text-transform: uppercase; font-size: 16px; } .cosmo-qnews-wrapper { display: none; width: 990px; left: 50%; margin-left: -495px; min-height: 50px; overflow: hidden; z-index: 16; } .cosmo-qnews-content { padding: 30px; height: auto; float: left;} .cosmo-qnews-close { color: white; font-size: 11px; font-weight: bold; text-align: center; position: absolute; top: 0px; right: 10px; width: auto; height: 30px; line-height: 30px; } .cosmo-qnews-content, .cosmo-qnews-close { display: none; } .cosmo-qnews-content .grid-view, .cosmo-qnews-content .list-view { margin-top: 0;} /*Stripes*/ .stripes{ position: absolute!important; top: 0; left: 0; width:100%; height:100%; background: url(../images/stripes.png) repeat 0 0;} .grid-view .readmore .stripes {margin: 0;} .list-view .readmore .stripes {width: 430px; height: 215px; top: 10px; left: 10px; } .w_610.list-view .readmore .stripes {width: 590px; height: 295px; top: 10px; left: 10px; } /*Whitey*/ .whitey { background: white; float: left; width: 100%; display: block; padding: 15px 0; border-bottom: 1px solid #d9d9d9; border-bottom: 1px solid rgba(0, 0, 0, 0.15);} .whitey .widget { display: inline-block; vertical-align: middle; float: none; *float: left; float/*\**/: left\9} .whitey .widget:first-child { margin-right: 30px;} .whitey.black {background: black;} .whitey.black .widget {color: white;} /*Breadcrumbs*/ .breadcrumbs { padding:30px 0; margin: 0 auto; font-size: 11px; background: url(../images/delimiter.bg.x.png) repeat-x left bottom ; clear: both; float: none; position: relative; z-index: 14;} .breadcrumbs p{ float: left; line-height: 18px; margin: 0; } .breadcrumbs ul{ white-space: nowrap; overflow: hidden; max-width: 900px; float: left; } .breadcrumbs li { display: inline; margin-left: 8px; padding-left: 12px; width: auto; background: url(../images/breadcrumbs.arrow.gif) no-repeat left center; color: #303e48;} .breadcrumbs li:first-child { background: none; margin-left: 0; padding-left: 0; } /*ContactDetails*/ .contactdetails{ padding: 30px 0; font-size: 11px; z-index: 9999; float: right; } /*Single*/ .single {position: relative; } .post {clear: both; position: relative; float: left; width: 100%;} .vertical .b_text {float: left;} .w_610 .vertical .b_text {width: 690px;} .w_610 .vertical .b_text img{ max-width: 690px; } .w_930 .vertical .b_text {min-width: 690px;} /*Content title*/ .content-title { margin: 0px auto 0px auto; position: relative; } .content-title .title{position: relative; margin: 0; } .content-title .title h1.entry-title {font-size: 36px; line-height: 40px; width: 770px;} #content {float: left; *float: none; padding-bottom: 30px; position: relative; } .dynamic-settings-style-page-post_text{ font-size: inherit !important; text-align: inherit !important; } /*Title*/ h1.entry-title, h1.entry-title.archive, h1.entry-title.search, h1.entry-title.page_title, h1.entry-title.tag, h1.entry-title.author, h1.entry-title.blog_page { margin: 0; font: normal 22px/20px Helvetica, "PT Sans Narrow"; } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; } h1.entry-title { display: none; } .dynamic-settings-style-archive-title, h1 { margin-bottom: 20px !important; font-size: 21pt !important; line-height: 23pt !important; /* color: #008000 !important; */ color: #0c590c !important; } h1, h2, h3, h4 { font-weight: bold !important; color: #0c6200 !important; } h1 a, h2 a, h3 a, h4 a{ color: #0c6200 !important; text-decoration: underline; } h2,h3,h4,h5,h6{ font-weight: normal !important; } h2 { margin-top: 25px !important; margin-bottom: 15px !important; font-size: 18pt; line-height: 18pt; color: #0c6200; } h3 { margin-top: 15px; font-size: 14pt; line-height: 16pt; color: #0c6200; } h4 { font-size: 13pt; line-height: 15pt; color: #0c6200; } h5 { font-size: 12pt; line-height: 14pt; color: #0c6200; } h6 { font-size: 12pt; line-height: 14pt; color: #0c6200; } h2.entry-title { line-height: 26px;} h1.entry-title a{ color: #fa5d5d; } p {line-height: 1.6em; margin-bottom: 15px; word-break: inherit; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } p:last-child{margin-bottom: 0;} blockquote { quotes: none; } del { text-decoration: line-through; } table { border-collapse:collapse; border-spacing: 0; width: 100%; } pre { font-family: "Courier 10 Pitch", Courier, monospace; } code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } label { display: block;} h1.entry-title, h1.entry-title.archive, h1.entry-title.search, h1.entry-title.page_title, h1.entry-title.tag, h1.entry-title.author, h1.entry-title.blog_page { margin: 0; font: normal 22px/20px Helvetica; } h1.entry-title a{ color: #fa5d5d; } h2.entry-title { line-height: 21px; } h1.entry-title span {position: relative; margin-left: 10px} h1.entry-title span:first-child {margin: 0; } .home .entry-title { display: none; } .grid-view .post {clear: none;} /*Featuring image*/ .featimg {width: 100%; float: left; *float: none; position: relative; clear: both; } .featimg .img {width: 100%; float: left; position: relative; text-align: center; min-height: 100px;} .featimg .img img {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); background: #fff; padding: 10px; display: block; margin: 0 auto;} .featimg .img.noborder img {box-shadow: none; background: none; padding: 0; } .w_610 .featimg .img img{ max-width: 590px !important;} .w_930 .featimg .img img{ max-width: 910px !important;} .w_610 .featimg .img.noborder img{ max-width: 610px !important;} .w_930 .featimg .img.noborder img{ max-width: 930px !important;} .wp-caption-text{ display: block; text-align: center; font-family: Helvetica, "PT Sans Narrow"; margin: 0 auto; padding-bottom: 10px;} .single .featimg{ margin-bottom: 30px;} .nsfw .featimg .img{ background-color: #EDEDED;} /*Entry header*/ .entry-header {float: left; width: 100%; clear: both; position: relative;} .entry-content {float: left; width: 100%; clear: both;} .entry-footer { float: left; width: 100%; clear: both;} .w_930 .entry-header.w_450 {width: 450px; clear: none;} .w_930 .entry-footer.w_450 {width: 450px; clear: none;} .w_610 .entry-header.w_610 {width: 610px; } .w_610 .entry-footer.w_610 {width: 610px; margin: 20px 0 0 0;} /*Meta*/ div.entry-meta{ position: relative; float: left; margin:0; width: 100%;} div.entry-meta ul { float: left; position: relative; width: auto;} div.entry-meta ul li { float: left; padding: 0 0 0 10px; margin: 0 0 0 10px; line-height: 16px; height: 16px; color: #96999d; width: auto; background: url(../images/delimiter.bg.meta.png) no-repeat left center; font: italic normal 11px Georgia;} div.entry-meta ul li:last-child { background: url(../images/delimiter.bg.meta.png) no-repeat left center; } div.entry-meta ul:first-child li:first-child {padding: 0; margin: 0; background: none!important;} div.entry-meta ul.fr li:first-child {padding: 0; margin: 0; background: none!important;} div.entry-meta ul li a{ color: #96999d; display: block; float: none; padding-left: 18px; line-height: 16px; height: 16px; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; } div.entry-meta ul li a:hover {color: #797d82;} div.entry-meta ul li.cosmo-comments a{ background: url(../images/meta.sprite.png) no-repeat 0 0px; } div.entry-meta ul li.cosmo-comments a:hover{ background: url(../images/meta.sprite.png) no-repeat 0 -16px; } div.entry-meta ul li.edit_post a { background: url(../images/meta.sprite.png) no-repeat 0 -96px; } div.entry-meta ul li.edit_post a:hover { background: url(../images/meta.sprite.png) no-repeat 0 -112px; } div.entry-meta ul li.author a { background: url(../images/meta.sprite.png) no-repeat 0 -128px;} div.entry-meta ul li.author a:hover{ background: url(../images/meta.sprite.png) no-repeat 0 -144px;} div.entry-meta ul li.time a { background: url(../images/meta.sprite.png) no-repeat 0 -160px;} div.entry-meta ul li.time a:hover { background: url(../images/meta.sprite.png) no-repeat 0 -176px;} div.entry-meta ul li.delete_post a { background: url(../images/meta.sprite.png) no-repeat 0 -224px; } div.entry-meta ul li.delete_post a:hover { background: url(../images/meta.sprite.png) no-repeat 0 -240px; } div.entry-meta ul li.basket { background: none; padding-left: 0; color: #68747c; font:bold 14px/normal Helvetica, Arial, sans-serif; height: 24px; line-height: 24px;} /*Footer entry meta*/ .b_f_c div.entry-meta ul li a{ color: #B5BBBF;} /*Meta category*/ div.entry-meta ul.category { background: url(../images/delimiter.bg.meta.png) no-repeat left center; margin-left:10px} div.entry-meta ul.category li { background: none; margin: 0; padding: 0 0 0 4px;} div.entry-meta ul.category li:first-child { background: url(../images/meta.sprite.png) no-repeat 0 -32px; margin: 0 0 0 8px; padding: 0 0 0 18px;} div.entry-meta ul.category li a { padding: 0;} div.entry-meta ul.category li a:after { content: ","; } div.entry-meta ul.category li:last-child a:after { content: ""; } /*Meta tags*/ div.entry-meta ul.b_tag { background: url(../images/delimiter.bg.meta.png) no-repeat left center; margin-left: 10px;} div.entry-meta ul.b_tag li{ background: none; margin: 0; padding: 0 0 0 4px;} div.entry-meta ul.b_tag li:first-child{ background: url(../images/meta.sprite.png) no-repeat 0 -64px; margin: 0 0 0 8px; padding: 0 0 0 18px;} div.entry-meta ul.b_tag li a{ padding: 0;} div.entry-meta ul.b_tag li a:after { content: ","; } div.entry-meta ul.b_tag li:last-child a:after { content: ""; } /*Author entry-meta*/ div.entry-meta .entry-author {width: 100%; float: left; background: url(../images/delimiter.bg.x.png) repeat-x 0 bottom; padding: 0 0 10px 0; white-space: nowrap;} div.entry-meta .entry-author a {line-height: 1.4em; } div.entry-meta .entry-author a:first-child {width: auto;} div.entry-meta .entry-author span {color: #AFAFAF; font: italic 11px Georgia, "Times New Roman"; display: block; padding: 5px 0 0 0;} /*Meta horizontal*/ .horizontal div.entry-meta { margin: 0 0 25px 0;} /*Meta vertical*/ .vertical div.entry-meta { margin: 0 30px 20px 0;} .w_930 .vertical div.entry-meta {width: 210px;} .w_610 .vertical div.entry-meta {width: 130px; overflow: hidden;} .vertical div.entry-meta ul{ width: 100%;} .vertical div.entry-meta ul li{ float: none; margin: 0; padding: 10px 0; background: url(../images/delimiter.bg.x.png) repeat-x 0 bottom; } .vertical div.entry-meta ul:first-child li:first-child {padding: 0 0 10px 0; background: url(../images/delimiter.bg.x.png) repeat-x 0 bottom !important; } .vertical div.entry-meta ul.category, .vertical div.entry-meta ul.b_tag {margin: 0; padding: 10px 0; background: url(../images/delimiter.bg.x.png) repeat-x 0 bottom; } .vertical div.entry-meta ul.category li, .vertical div.entry-meta ul.b_tag li { float: left; margin: 0; padding: 0 5px 0 0; background: none; } .vertical div.entry-meta ul.category li:first-child, .vertical div.entry-meta ul.b_tag li:first-child { margin: 0; padding:0 5px 0 18px; } .vertical div.entry-meta ul.category li:first-child { background: url(../images/meta.sprite.png) no-repeat 0 -32px; } .vertical div.entry-meta ul.b_tag li:first-child { background: url(../images/meta.sprite.png) no-repeat 0 -64px;} /*Hotkeys meta*/ .hotkeys-meta {float: right; height: 20px;} span.nav-previous a, span.nav-next a, span.nav-zoom a, span.nav-close a{ width: 40px; height: 41px; background: url(../images/arrows.sprite.png) no-repeat 0 0; text-indent: -999em; position: absolute; top: 4px; } span.nav-previous a{ right: 100px; } span.nav-previous.no-zoom a{ right: 50px; } span.nav-zoom a{ background-position:-40px 0; right: 50px; } span.nav-next a{ background-position:-80px 0; right: 0; } span.nav-close a{ background-position:-120px 0; right: 0; } span.nav-next a:hover{ background-position:-80px -41px;} span.nav-zoom a:hover{ background-position:-40px -41px;} span.nav-previous a:hover{ background-position:0 -41px;} span.nav-close a:hover{ background-position:-120px -41px;} span.first a{ display: none;} /*Excerpt*/ .excerpt { float: left; width: 100%;} .entry-footer .excerpt {margin-bottom: 15px;} #content .demo-download { border: none; border-radius: 6px; margin: 25px -1px 25px 0; text-align: left; width: 100%; border-collapse: separate; border-spacing: 3px;} #content .demo-download tr td { padding: 10px; vertical-align: middle; background-color: #fff; text-align: center; width: 50%;} .entry-footer .attach { border-radius: 6px; border: 1px solid #E5E5E5; } .entry-footer .attach p.attach-title { height: 32px; line-height: 32px; padding-left: 42px; display: block; text-transform: uppercase; font: bold 18px Helvetica, "PT Sans Narrow"; background: transparent url(../images/format.file.download.png) no-repeat left top; margin: 0 auto; width: 90px;} .entry-footer .attach p.attach-title a { float: left; line-height: 32px;} .entry-footer .demo-link {border-radius: 6px; border: 1px solid #E5E5E5; } .entry-footer .demo-link p.demo-link-title { height: 32px; line-height: 32px; padding-left: 42px; display: block; text-transform: uppercase; font: bold 18px Helvetica, "PT Sans Narrow"; background: transparent url(../images/format.file.demo.png) no-repeat left top; margin: 0 auto; width: 50px;} .entry-footer .demo-link p.demo-link-title a { float: left; line-height: 32px;} .entry-footer .share {float: left; width: 100%;} .entry-footer .source {float: left; margin-top: 25px;} .entry-footer .source p{ display: inline-block; background: #FAFAFA; padding: 2px 10px; border-radius: 6px; } .grid-view .entry-footer .excerpt {margin-bottom: 15px; float: left; color: #303E48; } .share .share_button {position: relative; margin-right: 15px; top: -6px; display: inline-block;} .b_text .attach {float: left; width: 588px; background: #ffffe0 url(../images/format.file.download.png) no-repeat 10px center; border: 1px solid #fff576; margin: 0 0 20px 0; padding: 20px 10px; border-radius: 6px;} .b_text .attach a { padding-left: 42px; } .b_text .attach.pdf a { background: url(../images/format.file.pdf.png) no-repeat 42px center; padding-left: 58px;} .b_text .attach.doc a { background: url(../images/format.file.doc.png) no-repeat 42px center; padding-left: 58px;} .w_610 .vertical .b_text .attach { width: 428px; } .w_610 .horizontal b_text .attach { width: 588px; } .w_930 .b_text .attach { width: 908px; } .w_930 .vertical .b_text .attach { width: 668px; } /*NSFW*/ .nsfw h1.entry-title, .nsfw h2.entry-title {text-indent: 48px; background: url(../images/icon.nsfw.png) no-repeat left 7px;} .nsfw h2.entry-title {background-position: left 3px;} /*Map*/ #map_canvas {height: 300px;} .w_930 #map_canvas {height: 500px;} .featimg #map_canvas { text-align: left;} #map_canvas img { background: none; box-shadow: none; padding: 0; margin: 0; max-width: 10000px!important;} /*About the author*/ .box-author { position: relative; float: left; padding: 0;} .box-author a { float: left; width: 65px;} .box-author a img{width: 50px; height: 50px; border: none; } .box-author span.author-page{ float: left; width: 195px; color: #888888; font: italic 12px Georgia; line-height: 1.6em; display: block;} span.vcard {display: inline-block;} /*Author links*/ .widget span.links {font-size: 12px; margin-left:10px; float: right; position: relative; top: 8px;} .widget span.links a {margin: 0 10px 0 0; padding: 0 0 0 10px; background: url(../images/delimiter.bg.meta.png) no-repeat left center; font-weight: bold;} .widget span.links a:first-child {background: none; padding: 0;} .widget span.links a:last-child {margin: 0;} /*Author links*/ .entry-title.author span.links {font-size: 14px; margin-left:10px; } .entry-title.author span.links a {margin: 0 10px 0 0; padding: 0 0 0 10px; background: url(../images/delimiter.bg.meta.png) no-repeat left center; font-weight: bold;} .entry-title.author span.links a:first-child {background: none;} .entry-title.author span.links a.active { font-weight: normal; cursor: default;} /*Additional info*/ #content .additional-info { border: none; margin: 0 -1px 25px 0; text-align: left; width: 100%; border-collapse: separate; border-spacing: 0px;} #content .additional-info tr { background: url(../images/delimiter.bg.x.png) repeat-x bottom left; } #content .additional-info tr td:first-child { font-weight: bold; width: 25%;} #content .additional-info tr td { padding: 10px 0; vertical-align: top; } /*Related posts*/ .grid-view.box-related {margin-top: 0; width: 100%; } /*Comments*/ h3#reply-title, h3.comments-title, h3.related-title{font-size: 24px; font-weight: normal; margin: 0; width: 100%;} h3#reply-title { } #comments {float: left; clear: both; width: 100%; margin: 0 0 30px 0;} .cosmo-comment{} .cosmo-comment blockquote{color:#838383;} .cosmo-comment-list{ clear:both; list-style-position:outside; } .cosmo-comment-list li{ list-style-type:none; position:relative; margin-bottom:20px; padding:0px; } .cosmo-comment-list ul.children{ margin-left: 77px; clear: both; } .comment-body { margin: 20px 0; display: block; } .cosmo-comment-thumb{ width:50px; height:50px; float:left;} .cosmo-comment-thumb img{ width:50px; height:50px; background: none; padding: 0; } .cosmo-comment-leftpointer{ background:url(../images/leftpointer.png) 0 0 no-repeat; width:12px; height:23px; position:absolute; left:65px; top:15px; z-index:8; } .cosmo-comment-textinfo{ font-size:11px; margin:0; padding:0px; color: gray;} .cosmo-comment-name{ font-weight:normal; } .cosmo-comment-textinfo span.reply{ position: absolute; top: 15px; right: 15px; background: url(../images/reply.png) no-repeat 0 1px; margin:0!important; text-indent: 18px; height: 16px; } .cosmo-comment-textinfo a{ color: gray;} .cosmo-comment-quote{ *margin-top: -20px; border:1px solid #E5E5E5; border-radius: 4px; padding:15px; margin-left:76px; line-height:18px; background-color:#fff; word-wrap: break-word;} .cosmo-comment-quote p{ margin:0px 0px 0px 0px !important; padding:10px 0 0 0 !important; line-height:20px; background:none; clear:none; font-style:normal; } em.comment-awaiting-moderation{ color: red!important; } .bypostauthor .children .cosmo-comment-quote {border: 1px solid #E5E5E5;} .bypostauthor .children .cosmo-comment-leftpointer, .bypostauthor form .cosmo-comment-leftpointer{ background-position:0 0;} .bypostauthor .cosmo-comment-quote {border: 1px solid #ff8080;} .bypostauthor .cosmo-comment-leftpointer{ background-position:0 -23px;} li.pingback {margin: 15px 0 0 0; background: url(../images/delimiter.bg.x.png) repeat-x top left; padding-top: 15px;} li.pingback p {margin: 0;} #respond { display: inline-block; width: 100%; padding: 0; margin-top: 0; position: relative;} #respond h3#reply-title small a{ position: absolute; right: 0px; text-transform: lowercase; color: red!important; font-weight: normal; font-size: 16px;} #respond form p, .contact-form form p { margin: 5px 0; display: inline-block; width: 60%;} #respond form p.comment-notes{ margin: 0 0 10px 0; font-weight: bold; float: left; width: 100%;} #respond form p.logged-in-as {display: block; margin: 0 0 15px 0; float: left; width: 100%;} #commentform {float: left; width: 100%;} #commentform input { float: left; width: 76%; padding-right: 80px;} #commentform input.required { background: white url(../images/required.png) no-repeat center right; } #commentform label, .contactform label{ display: block; float: left; padding: 0; line-height: 48px; margin-left: 15px;} #commentform label{ clear: left; min-width: 77px; *width: 77px; margin: 0; line-height: 46px; } #commentform .cosmo-comment-avatar {position: relative; float: left; width: 100%;} #commentform .cosmo-comment-leftpointer {top: 20px;} #commentform p.textarea { margin-left: 26px; width: 87%;} #commentform textarea { resize: none; width: 98%;} ul.children #commentform p.textarea { width: 85%;} ul.children ul #commentform p.textarea { width: 83%;} ul.children ul ul #commentform p.textarea { width: 80%;} .w_930 #commentform p.textarea { width: 91%;} .w_930 ul.children #commentform p.textarea { width: 91%;} .w_930 ul.children ul #commentform p.textarea { width: 90%;} .w_930 ul.children ul ul #commentform p.textarea { width: 89%;} .w_930 #commentform textarea { width: 99%;} #commentform p.form-submit {width: auto; margin: 5px 20px 0 77px; clear: both; display: block; } #commentform p.form-submit input {width: auto; text-shadow: 0 1px 0 white; color: #3F4950; padding: 0 20px; } /*Contact form*/ .contact-form form.contactform p {width: auto; float: left;} .contact-form form.contactform p.form-submit {margin-top: 20px;} /*Widgets general*/ #primary .widget {float: left;} #secondary .widget {margin-bottom: 50px; float: left; width: 100%; display: block; clear: both;} #colophon .widget {float: left;} .home #primary .widget .mainpage-widget{ margin: 50px 0 0 30px; } .home #primary .widget .mainpage-widget.first{ margin: 50px 0 0 0; } .home #secondary .widget:first-child {margin-top: 50px;} .home.blog #secondary .widget:first-child {margin-top: 0px;} .single #secondary .widget:first-child, .archive #secondary .widget:first-child {margin-top: 0px;} #colophon .widget .margin-left {margin-left: 30px;} #colophon .widget .margin-left.first {margin-left: 0;} #secondary .widget .scroll-pane {height: 370px; width: 272px!important; overflow: auto;} #colophon .widget .scroll-pane {height: 370px; width: 302px!important; overflow: auto;} h4.widget-title, h5.widget-title { font: normal 20px/22px Helvetica, "PT Sans Narrow"; width: 100%; margin: 0; display: block;} .b_body_f h5.widget-title { color: #b5bbbf;} .widget a {color: #3F4950;} .widget a:hover {color: #2CA4C2;} .widget ul li h4, .widget ul li h6{font: bold 14px Helvetica, Arial, sans-serif;} .widget ul { float: left; width: 100%;} .widget ul li { font-size: 12px; background: url(../images/delimiter.bg.x.png) repeat-x bottom left; margin-top: 15px; padding-bottom: 15px; float: left; width: 100%; position:relative;} .widget ul li:first-child {margin-top: 0!important;} .widget ul li:last-child {background: none; padding-bottom: 0; } .widget ul li span{font-weight: normal; font-size: 12px;} /*Sponsors*/ .mainpage-footer-widget { float: left; width: 100%; display: block; margin: 0; min-height: 110px; } .cosmo-sponsors a {display: block; *display: inline-block; position: relative; margin: 0 auto; z-index: 2; text-align: center;} .cosmo-sponsors p:first-child a {margin-left: 0; *margin-left: 80px; } .cosmo-sponsors p img.shadow { margin: 0 auto; position: absolute; bottom: -10px; left: 0; z-index: 1; } .cosmo-sponsors p { display: inline-block; width: 24%; vertical-align: middle; } /*Program*/ .program { margin-top: 30px; float: left; clear: both; display: block;} .program span { float: left; width: 100%; } .program span.date { font-size: 18px; padding-bottom: 25px; text-align: center;} .program span.time { width: 130px; padding: 2px; background: #47aec8; border-radius: 6px; color: white; text-align: center; font-weight: bold; } .program span.event { padding: 2px 0 0 20px; font-weight: bold; } .program span.event-desc { padding: 15px 0 0 0; clear: both; display: block; margin-left: 154px; } .w_930 .program span.event, .w_930 .program span.event-desc {width: 776px;} .w_610 .program span.event, .w_610 .program span.event-desc {width: 450px;} .program div { float: left; background: url(../images/delimiter.bg.x.png) repeat-x top left; padding-top: 25px; margin-top: 25px;} .program div:first-child { margin-top: 0; padding-top: 0; background: none; } .program div ul {list-style-type: none; margin: 0; } .program div ul li {list-style-type: none; display: block; float: left; margin-top: 15px;} .program div ul li:first-child {margin-top: 0px;} .program div ul li.odd{/*background: #FAFAFA;*/} .program div ul li.even{/*background: #FFFFFF;*/} /*Program widget*/ .widget .program span.date {font-size: 12px; font-weight: bold; text-align: center; padding-bottom: 15px;} .widget .program span.time { width: 80px; background: white; color: #303E48; font-weight: normal;} .widget .program span.event { padding: 2px 0 0 15px; font-weight: normal; color: #69727d;} .widget .w_290 .program span.event {width: 180px;} .widget .w_260 .program span.event {width: 161px;} .widget .program div { background: url(../images/delimiter.bg.x.png) repeat-x top left; padding-top: 15px; margin-top: 15px; width: 100%; } .widget .program div:first-child { margin-top: 0; padding-top: 0; background: none; } .widget .program div ul li {padding: 0;} .widget .program div ul li.odd{background: none;} .widget .program div ul li.even{background: none;} /*Widget menu*/ .widget ul.menu li ul.sub-menu { margin: 0;} .widget ul.menu li ul.sub-menu li { background: url(../images/delimiter.bg.x.png) repeat-x top left; padding-top: 15px; padding-bottom: 0;} .widget ul.menu li ul.sub-menu li:first-child { margin-top: 15px!important; } .widget ul.menu li ul.sub-menu li:last-child { padding-bottom: 0; } .widget ul.menu li ul.sub-menu li a{ background: url(../images/sub.menu.png) no-repeat left center; padding-left: 20px;} .widget ul.menu li ul.sub-menu li ul li a{ padding-left: 40px; background-position: 20px center;} .widget p.select {margin: 0;} .b_text ol, .b_text ul { display: inline-block; margin: 0 0 5px 2.5em; float: none;} .b_text ul li {float: none; background: none; font-size: 12px; font-weight: normal; margin: 0; padding: 0; width: auto; list-style-type: disc;} .b_text ol li { list-style: decimal; } /*Tabber widget*/ .widget_tabber { clear: both; float: left; width: 100%; display: inline-block;} .widget_tabber ul.widget_tabber li {float: left; background: url(../images/delimiter.bg.menu.png) no-repeat left center; padding: 0 15px; height: 22px; width: auto; margin: 0;} .widget_tabber ul.widget_tabber li:first-child { background: none; padding: 0 15px 0 0;} .widget_tabber ul.widget_tabber li.last {padding: 0 0 0 15px;} .widget_tabber ul.widget_tabber li a { font: normal 20px Helvetica, "PT Sans Narrow"; float: left; height: 22px; line-height: 20px; color: #3F4950;} .widget_tabber ul.widget_tabber li.active a {color: #2CA4C2;} .b_f_c .widget_tabber ul.widget_tabber li a { font: normal 15px Helvetica, "PT Sans Narrow";} .b_f_c .widget_tabber ul.widget_tabber li.active a { color: #B5BBBF;} .widget_tabber .tabs-container {padding: 0; float: left; width: 100%; } .widget_tabber .custom-post div.entry { float: left; background: url(../images/delimiter.bg.x.png) repeat-x top left; padding-top: 15px; margin-top: 15px; width: 100%; } .widget_tabber .custom-post div.entry:first-child { margin-top: 0; padding-top: 0; background: none; } .widget_tabber .custom-post div .entry-img { float: left; width: 65px; height: 50px;} .widget_tabber .custom-post div .entry-img img { width: 50px; height: 50px; } .widget_tabber .custom-post div .entry-item { float: left; width: 195px;} .widget_tabber .custom-post div h5 { font: normal 12px/18px Helvetica, Arial, sans-serif; margin-bottom: 10px;} .widget_tabber .custom-post div h5 a {float: none; color: #3F4950;} .widget_tabber .custom-post div h5 a:hover { color: #2CA4C2;} .widget_tabber .custom-post div .entry-meta { margin: 0;} .widget_tabber .custom-post div.entry-meta ul li { background: url(../images/delimiter.bg.meta.png) no-repeat left center; font-size: 11px;} span.author_nr_views {display: block; font: italic 12px Georgia; margin-top: 5px; } /*Custom posts widget*/ .custom-post div.entry { float: left; background: url(../images/delimiter.bg.x.png) repeat-x top left; padding-top: 15px; margin-top: 15px; width: 100%; } .custom-post div.entry:first-child { margin-top: 0; padding-top: 0; background: none; } .custom-post div .entry-img { float: left; width: 65px; height: 50px;} .custom-post div .entry-img img { width: 50px; height: 50px; } .custom-post div .entry-item { float: left; width: 225px;} .custom-post .w_260 div .entry-item, .w_260 .custom-post div .entry-item { width: 195px;} .custom-post div h5 { font: normal 12px/18px Helvetica, Arial, sans-serif; margin-bottom: 5px;} .custom-post div .entry-details { margin: 0; color: #69727d;} .custom-post div .entry-meta { margin: 0;} .custom-post div .entry-meta ul li { background: url(../images/delimiter.bg.meta.png) no-repeat left center; font-size: 11px;} /*Top authors widget*/ .widget_top_authors.widget_tabber ul.widget_tabber { margin-bottom: 15px;} .widget_top_authors.widget_tabber ul.widget_tabber li a { font: normal 14px/20px Helvetica, Arial, sans-serif;} /*Tag list*/ p.tags{ margin: 0 30px 15px 0; padding: 0; height:26px; width: auto; position: relative; cursor: pointer; background: url(../images/tags.bg.png) no-repeat left 0; float: left; } p.tags a{ float: left; line-height:26px; margin: 0 -15px 0 0!important; padding: 0 15px; height:100%; border: none; cursor: pointer; color: #666666; background: url(../images/tags.bg.png) no-repeat right -26px; width: auto!important; text-indent: 5px;} p.tags:hover {background-position: left -52px;} p.tags a:hover{text-decoration: none; background-position: right -78px;} /*Social media widget*/ .widget .social-media ul{float: left;} .widget .social-media ul li{display: inline-block; float: left; background: none; margin: 0; padding: 0; margin-left: 7px; width: auto;} .widget .social-media ul li:first-child{margin-left: 0;} .widget .social-media ul li a{text-indent: -9999em; float: left; background: url(../images/social-media.png) no-repeat; width: 34px; height: 35px; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;} .whitey .widget .social-media {float: right;} .widget .social-media.white ul li.fb a {background-position: 0 0;} .widget .social-media.white ul li.linked a {background-position: 0 -70px;} .widget .social-media.white ul li.email a {background-position: 0 -140px;} .widget .social-media.white ul li.gplus a {background-position: 0 -210px;} .widget .social-media.white ul li.twitter a {background-position: 0 -280px;} .widget .social-media.white ul li.flickr a {background-position: 0 -350px;} .widget .social-media.white ul li.rss a {background-position: 0 -420px;} .widget .social-media.blue ul li.fb a {background-position: 0 -35px;} .widget .social-media.blue ul li.linked a {background-position: 0 -105px;} .widget .social-media.blue ul li.email a {background-position: 0 -175px;} .widget .social-media.blue ul li.gplus a {background-position: 0 -245px;} .widget .social-media.blue ul li.twitter a {background-position: 0 -315px;} .widget .social-media.blue ul li.flickr a {background-position: 0 -385px;} .widget .social-media.blue ul li.rss a {background-position: 0 -455px;} .widget .social-media.no-bg ul li.fb a {background-position: 0 -490px;} .widget .social-media.no-bg ul li.linked a {background-position: 0 -525px;} .widget .social-media.no-bg ul li.email a {background-position: 0 -560px;} .widget .social-media.no-bg ul li.gplus a {background-position: 0 -595px;} .widget .social-media.no-bg ul li.twitter a {background-position: 0 -630px;} .widget .social-media.no-bg ul li.flickr a {background-position: 0 -665px;} .widget .social-media.no-bg ul li.rss a {background-position: 0 -700px;} /*Submit content widget*/ .widget_submit p a {height:67px; width: 100%; float: left; background: url(../images/submit.bg.png) no-repeat; clear: both; font: 20px/67px 'PT Sans Narrow'; padding-left: 78px;} .widget_submit p a:hover{background-position: 0 -67px; } /*Categories with icons widget*/ .widget .cat-item-icon a {float: left; width: 100%;} .widget .cat-item-icon img{width: 16px; height: 16px; vertical-align: middle;} .widget .cat-item-icon span{ padding-left: 10px; font-size: 12px;} /*Other widgets*/ #wp_tag_cloud div { line-height: 1.6em; } .widget_archive select, .widget_categories select{margin-bottom: 15px;width: 100%;} /*Calendar*/ #calendar_wrap { margin: 0; clear: both; } #wp-calendar { width: 100%; border: none;} #wp-calendar caption { font-size: 14px; font-weight: bold; padding: 0 0 20px 0; text-align: center; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th { text-align: center;} #wp-calendar tbody { } #wp-calendar tbody td { padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next, #wp-calendar tfoot #prev {padding: 20px 0 0 0; } #wp-calendar tfoot #next { text-align: right; } #wp-calendar tfoot #next { text-align: right; } /*Twitter widget*/ .cosmo-twit-container { height:auto!important; width: 100%; position: relative; float: left; } .cosmo-twit-container .cosmo_twitter{ padding: 15px; border: 1px solid #e5e5e5; border-bottom: none; background: white;} .cosmo-twit-container .cosmo_twitter p{ margin:0; width: 230px;} .cosmo-twit-container ul li div{padding: 15px 0; } .cosmo-twit-container span.date{ color: #AFAFAF; display: block; } .i_join_us{ float: left; background: url(../images/bird.png) no-repeat; width:100%; height: 32px; line-height: 45px; display: block; margin: 0; text-align: right; font-weight: bold; position:relative;} /*Static Twitter widget*/ .static.cosmo-twit-container { top: -1px; width: 100%; } .static.cosmo-twit-container .cosmo_twitter{ padding: 0; border: none; background: none;} .static.cosmo-twit-container .cosmo_twitter .tweet_item{ background: url(../images/delimiter.bg.x.png) repeat-x bottom left; padding: 13px 0 15px 0; } .static.cosmo-twit-container .cosmo_twitter .tweet_item:first-child{ padding-top: 0; } .static.cosmo-twit-container .cosmo_twitter p{ width: auto;} .static.cosmo-twit-container.slides_container { padding: 0; } .static.i_join_us, .b_body_f .i_join_us{ background: url(../images/bird.static.png) no-repeat; margin-top: 15px; height: 23px; line-height: 22px; padding-left: 40px; text-align: left;} /*Footer Twitter widget*/ .b_body_f .cosmo-twit-container { top: -1px; } .b_body_f .cosmo-twit-container .cosmo_twitter{ padding: 0; border: none; background: none;} .b_body_f .cosmo-twit-container a:hover{ color: #afafaf; } .b_body_f .cosmo-twit-container p{ margin:0;} .b_body_f .cosmo-twit-container .cosmo_twitter .tweet_item{ background: url(../images/delimiter.bg.x.png) repeat-x bottom left; padding-bottom: 15px;} .b_body_f .cosmo-twit-container .cosmo_twitter p{ width: 290px;} /*Whitey Twitter widget*/ .whitey .cosmo-twit-container { top: 0; } .whitey .cosmo-twit-container .cosmo_twitter{ padding: 0 0 0 50px; border: none; background: none;} .whitey .cosmo-twit-container .cosmo_twitter .tweet_item{ background: none; padding-bottom: 0;} .whitey .cosmo-twit-container .cosmo_twitter p{ width: 100%;} .whitey .cosmo-twit-container span.date {display: inline; } .whitey .i_join_us {text-indent: -999em; text-align: left; height: 23px; line-height: 22px; margin: 0; padding: 0; width: 36px; background: url(../images/bird.static.gray.png) no-repeat; position: absolute; top: 0; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;} .whitey .i_join_us:hover {background-position: 0 -23px;} /*Flickr*/ .widget .flickr_badge_image{ float:left; margin:0px 16px 16px 0px; } .widget .flickr_badge_image.last { margin:0px 0 16px 0px; } .widget .flickr {margin: 0 0 -16px 0; float: left; width: 100%; } .widget .flickr_badge_image img {border: none; width: 60px; height: 60px; } .widget .w_260 .flickr_badge_image{ margin:0px 25px 25px 0px; } .widget .w_260 .flickr_badge_image.last { margin:0px 0 25px 0px; } .widget .w_260 .flickr_badge_image img{ width: 70px; height: 70px; padding: 0; background: none; } /*Quick contact form*/ form.b_contact {clear: both;} form.b_contact p.input input{width:248px; } form.b_contact p.textarea { float: left;} form.b_contact textarea { height: 150px; width: 248px; resize: none;} #send_mail_result { display: block; clear: both; margin: 10px 0 0 0} .w_210 form.b_contact p.input input{width:200px; } .w_210 form.b_contact textarea { width: 200px; } /*Contact form*/ form.contactform {clear: both} form.contactform p.input input{width:284px;} form.contactform p.textarea{width: 610px; height: 190px; float: left;} form.contactform textarea{ height: 190px; width: 570px; resize: none;} /*Resize images to fit the main content area.*/ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width: 600px; height: auto; } #fullResImage {max-width: none;} .alignleft, img.alignleft { display: inline; float: left; margin-right: 20px;} .alignright, img.alignright { display: inline; float: right; margin-left: 20px;} .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 20px; } .wp-caption { max-width: 610px !important;} .wp-smiley { margin: 0; } .gallery { margin: 0 auto 18px; float: left; display: inline-block; } .gallery .gallery-item { float: left; margin: 10px 30px 10px 0!important; text-align: left; position: relative;} .gallery.colls-2 .gallery-item:nth-child(2n+0) { margin:10px 0 10px 0!important; } .gallery.colls-3 .gallery-item:nth-child(3n+0) { margin:10px 0 10px 0!important; } .gallery.colls-4 .gallery-item:nth-child(4n+0) { margin:10px 0 10px 0!important; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { text-align: left; font-size: 14px; line-height: 20px; margin-bottom: 15px; font-family: 'PT Sans Narrow', Helvetica, Arial, sans-serif; font-weight: normal } .gallery dl { margin: 0; } .gallery img { padding: 5px; background: whiteSmoke; border: none!important;} .gallery br+br { display: none; } p.attachment img { display: block; margin: 0 auto; } /*Grid Category page*/ .loop-container-view.scroll-pane {height: 513px; overflow: auto; display: inline-block;} .fullwidth .loop-container-view.scroll-pane { width: 942px; } .loop-container-view div.element { position: relative; float: left; clear: both; width: 100%; } .loop-container-view div.last .col{ margin-bottom: 0;} .grid-view, .list-view { position: relative; display: inline-block; float: left; clear: both; } .widget_custom_post .grid-view, .widget_custom_post .list-view { margin-top: 50px;} .archive .grid-view, .archive .list-view, .search .grid-view, .search .list-view, .page .grid-view, .page .list-view { margin-top: 0;} .grid-view .col {float: left; *float: none; display: inline-block; width: 290px; margin-bottom: 30px; margin-left: 30px; position: relative; background: white; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); vertical-align: top; } .grid-view .col:first-child {margin-left: 0px;} .grid-view .readmore a.mosaic-overlay, .grid-view .full-screen a.mosaic-overlay { position: relative;} .grid-view .readmore img, .grid-view .full-screen img{float: left; width: 290px; height: 145px; border: none; padding: 0; background: none;} .grid-view h2{ float: left; width: 100%; margin: 0 0 15px 0; font-size:12px; font-weight: bold; position: relative; *float: none; } .grid-view .entry-footer { margin: 15px; width: auto; *float: none; *display: inline-block;} .error404 .grid-view .entry-footer { margin: 15px 0;} .list-view .readmore img{ float: left; background: white; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); padding: 10px;} .w_930.list-view .readmore img{ width: 430px; height: 215px;} .w_610.list-view .readmore img{ width: 590px; height: 295px;} .list-view h2 { margin: 0 0 15px 0; font: normal 20px Helvetica, "PT Sans Narrow";} .list-view h2 a, .grid-view h2 a { color: #2ca4c2;} .list-view h2 a:hover, .grid-view h2 a:hover { color: #fa5d5d; } .list-view .entry-meta { margin: 0 0 15px 0;} /*Love feature*/ .cosmo-love .ilove { text-align: right; top: 0; right: 0; position: relative; } .cosmo-love .ilove em{ font: italic normal 11px Georgia;} .cosmo-love .ilove strong { cursor: pointer; width: auto; float: left; text-align: right; height: 15px; font: italic normal 11px Georgia; padding-left: 18px; transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -webkit-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;} .cosmo-love .ilove strong {background: url(../images/like.thumbs.png) no-repeat left top;} .cosmo-love .ilove.hate strong { height: 17px; background: url(../images/like.thumbs.png) no-repeat left -30px;} .cosmo-love .ilove strong:hover, .cosmo-love .ilove.voted strong{background-position: 0 -15px;} .cosmo-love .ilove.hate strong:hover, .cosmo-love .ilove.hate.voted strong { background-position: 0 -47px;} /*Pagination*/ .b_pag{ display: inline-block; } .b_pag.center{ text-align: center; display: block; width: 100%; } .b_pag li{ display: inline; margin: 0 7px; } .b_pag li.active,.b_pag li.active a{ color: #000; text-decoration: none; font-weight: bold; } .b_pag li.next,.b_pag li.previous,.b_pag li.previous a,.b_pag li.next a{ width: 15px; display: inline-block; text-decoration: none; } .b_pag li.next,.b_pag li.previous{ display: inline !important; } .pag {width: 100%; float: left; text-align: center; padding-top: 50px; margin: 25px auto 0 auto; background: url(../images/delimiter.bg.x.png) repeat-x} /*Registration*/ .widecolumn { width: 1040px; margin: 30px auto; position: relative; min-height: 513px; } .mu_register { width: 90%; margin:0 auto; } .mu_register form { margin-top: 2em; } .mu_register input[type="submit"], .mu_register #blog_title, .mu_register #user_email, .mu_register #blogname, .mu_register #user_name { width:300px; font-size: 14px; margin:5px 0; } .mu_register .prefix_address, .mu_register .suffix_address {font-size: 18px;display:inline; } .mu_register label { font-weight:700; font-size:14px; display:block; margin:20px 0 0 0; } .mu_register label.checkbox { display:inline; } .mu_register .mu_alert { font-weight:700; padding:10px; color:#333333; background:#ffffe0; border:1px solid #e6db55; } /*Demo style switcher*/ .style_switcher{position: fixed; z-index: 999;} .cosmo-tabs.style_switcher{left:-152px; color:#000; top: 40px; width: 150px; margin: 0; border: 1px solid #cecece;} .cosmo-tabs.style_switcher .tabs-container {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; text-align: center; float: left;} .cosmo-tabs.style_switcher .tabs-container p { margin: 10px 0; display:inline-block; font-weight: bold; clear: both; width: 100%; line-height: 1em; } .cosmo-tabs.style_switcher .tabs-container select { width: 100%; padding: 0;} .cosmo-tabs.style_switcher a.cosmo-colors, .cosmo-tabs.style_switcher a.cosmo-pattern{width: 20px; height: 20px; display: block; float: left; margin-right: 2px; margin-left: 2px; margin-bottom: 5px; border: 1px solid #CACACA; text-indent: -9999em; cursor: pointer;} .cosmo-tabs.style_switcher input#pick_b_f_bg_color, .cosmo-tabs.style_switcher input#pick_content_bg_color, .cosmo-tabs.style_switcher input#pick_mid_bar_bg_color {margin:0 0 0 10px; float: left; padding: 3px 5px; width: 85px;} .pickcolor { display: inline-block; background: url(../images/color-picker.png) no-repeat center center; height: 22px; width: 22px; float: left; margin-top: 1px;} .colorPickerDiv {left: 150px!important; top: 100px!important;} .show_colors {background: url(../images/settings.png) no-repeat center center; height: 100px; width: 31px; position: absolute; top: 30%; left: 150px; cursor: pointer;} /*Advertisement*/ .cosmo-ads {padding:30px 0; clear: both; text-align: center;} .cosmo-ads.zone-1 {padding:30px 0px 30px 0px; margin-bottom: 30px; background: url(../images/delimiter.bg.x.png) repeat-x left bottom;} .cosmo-ads.zone-2 {margin-top: 30px; background: url(../images/delimiter.bg.x.png) repeat-x left top; border-bottom: 1px dotted #cccccc;} .cosmo-ads.zone-3 {padding: 0;} /*Keyboard demo*/ .keyboard-demo {position: fixed; right: 0; top: 45px; z-index: 999; } #simplemodal-keyboard-overlay { background-color: #000; } #lightbox-shadow{ background:#000; width:100%; margin:0px; top:0; position:fixed; z-index:99; height:8000px; display:none; opacity:0.8; -moz-pacity:0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); } #keyboard-container #img{ position:fixed; z-index:9999; display:none; } #keyboard-container img{ width:50px; } #keyboard-container .hint {color: white;} /*WP Stats*/ #wpstats {position: absolute; bottom: 0; left: 0;} .fbFeedbackContent .fbFeedbackContentHeader {border: none!important; padding: 0!important;} /*Front-end submition*/ .cosmo-tabs.submit {float: left; margin: 0; border: none; background: none; } .cosmo-tabs.submit ul.tabs-nav {padding: 0; float: left!important; background: none; height: auto; border: none;} .w_640 .cosmo-tabs.submit ul.tabs-nav { width:570px; } .w_930 .cosmo-tabs.submit ul.tabs-nav { width:890px; } .cosmo-tabs.submit ul.tabs-nav li { border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: none; min-width: 0; background: white!important; height: 32px; width: 32px; padding: 10px 20px 25px 20px!important; margin: 0 40px 0 0; border-radius: 5px;} .cosmo-tabs.submit ul.tabs-nav li.tabs-selected { background: none!important; } .cosmo-tabs.submit ul.tabs-nav li a {height: 32px; width: 32px; padding: 32px 0 0 0; text-align: center; color: #3f4950; text-shadow: none; top: 0; } .cosmo-tabs.submit ul.tabs-nav li a span {padding: 0; min-width: 0; position: relative; top: 2px; } .cosmo-tabs.submit ul.tabs-nav li.video a {background: url(../images/video.photo.png) no-repeat 0 0;} .cosmo-tabs.submit ul.tabs-nav li.image a {background: url(../images/video.photo.png) no-repeat -32px 0;} .cosmo-tabs.submit ul.tabs-nav li.text a {background: url(../images/video.photo.png) no-repeat -64px 0;} .cosmo-tabs.submit ul.tabs-nav li.attach a {background: url(../images/video.photo.png) no-repeat -96px 0;} .cosmo-tabs.submit ul.tabs-nav li.audio a {background: url(../images/video.photo.png) no-repeat -128px 0;} .cosmo-tabs.submit ul.tabs-nav li.tabs-selected a { color: #888;} .cosmo-tabs.submit ul.tabs-nav li.video.tabs-selected a { background-position: -160px 0;} .cosmo-tabs.submit ul.tabs-nav li.image.tabs-selected a { background-position: -192px 0;} .cosmo-tabs.submit ul.tabs-nav li.text.tabs-selected a { background-position: -224px 0;} .cosmo-tabs.submit ul.tabs-nav li.attach.tabs-selected a { background-position: -256px 0;} .cosmo-tabs.submit ul.tabs-nav li.audio.tabs-selected a { background-position: -288px 0;} .cosmo-tabs.submit .tabs-container {padding: 30px 0 0 0; float: left; width: 100%; background: none; } .cosmo-tabs.submit .tabs-container h3 { margin-bottom: 30px; font: normal 20px Helvetica, Arial, sans-serif;} .cosmo-tabs.submit .tabs-container .field { margin-bottom: 50px; position: relative; float: left; width: 100%; display: block; clear: both;} .cosmo-tabs.submit .tabs-container .field label { overflow: hidden; display: block; font-size: 12px;} .cosmo-tabs.submit .tabs-container .field h4 { float: left; font-weight: normal; margin: 0 20px 0 0; font: normal 14px/30px Helvetica, Arial, sans-serif; } .w_640 .cosmo-tabs.submit .tabs-container .field h4 {width: 144px;} .w_930 .cosmo-tabs.submit .tabs-container .field h4 {width: 190px;} .w_930 .cosmo-tabs.submit .tabs-container .field .front_post_input {width: 75%;} .w_930 .cosmo-tabs.submit .tabs-container .field select.postform {width: 76%;} .cosmo-tabs.submit .wp-editor-wrap {overflow: hidden;} .w_640 .cosmo-tabs.submit .wp-editor-wrap {width: 436px} .w_930 .cosmo-tabs.submit .wp-editor-wrap {width: 710px} .cosmo-tabs.submit .field p.info{ color: #AAA; font-size: 11px; line-height: 20px; clear: both; position: absolute; bottom: -20px; left: 0;} .w_640 .cosmo-tabs.submit .field p.info, .w_640 #loading_, .w_640 #success_msg, .w_640 .cosmo-tabs.submit .tabs-container .field label.nsfw { margin: 0 0 0 165px;} .w_930 .cosmo-tabs.submit .field p.info, .w_930 #loading_, .w_930 #success_msg, .w_930 .cosmo-tabs.submit .tabs-container .field label.nsfw { margin: 0 0 0 210px;} .cosmo-tabs.submit .field p.info a.upload_photo, .field p.info a.post_link { color: #338AC7;} .w_640 .cosmo-tabs.submit .field.button p.button {margin: 0 20px 0 165px; *margin: 0 20px 0 0px;} .w_930 .cosmo-tabs.submit .field.button p.button {margin: 0 20px 0 210px; *margin: 0 20px 0 0px;} /*Upload button*/ #upload_file_btn { width: auto;} #file_upload, #audio_upload {border: none; background: transparent;} #file_upload.invalid, #audio_upload.invalid {border: none!important; } .w_640 #file_upload, .w_610 #audio_upload { width:50%; } .w_930 #file_upload, .w_930 #audio_upload { width:60%; } /*Upload modal box*/ #TB_window { width: 656px!important} #TB_window #TB_iframeContent { width: 655px!important} /*Upload messages*/ #success_msg {float: left; padding: 15px; background:#EAFAE6; border: 1px solid #BCE5B6; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} #success_msg a{ font-weight: bold;} .w_640 #success_msg {width: 415px;} .w_930 #success_msg {width: 630px; } .cosmo-tabs.submit .tabs-container .field .warning {color: red;} .invalid {border: 1px solid red!important} /*Buttons and textarea*/ #text_content_ifr, #video_content_ifr, #image_content_ifr, #file_content_ifr, #audio_content_ifr {min-height:150px !important;} #image_content_spellchecker, #video_content_spellchecker, #text_content_spellchecker,#file_content_spellchecker, #audio_content_spellchecker { display: none; } /*Misc*/ .top_love{ position:absolute; width: 28px; height: 28px; z-index: 9999 !important; display:none; } .simplemodal-login.link {color:#2CA4C2;} .fb_connect {text-align: center; padding: 15px 0 5px 0; } /*To top*/ #toTop { background: white; background: rgba(255, 255, 255, 0.80);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); height: 70px; width: 70px; border-radius: 35px; position: fixed; bottom: 40px; right: 40px; cursor: pointer; display: none; z-index: 999;} #toTop .inner {display: table; width: 100%; height: 100%; } #toTop .inner p {display: table-cell; vertical-align: middle; text-align: center; line-height: 70px; } #toTop .inner p span {color: black; text-transform: lowercase; display: block; line-height: 1.4em; } #toTop .inner p span:first-child {color: gray; text-transform: uppercase; } /*Tour tooltips*/ .demo-tooltip { padding: 15px 15px 0 15px; background: white; border: 1px solid #dbdbdb; min-height: 140px; width: 260px; position: absolute; left:0; top: 0; z-index: 99; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);} .demo-tooltip .arrow { position: absolute; top: 50px; width: 32px; height: 66px; } .demo-tooltip .arrow.left { left:-32px; background: url(../images/demo-tooltip.arrow.png) no-repeat 0 0;} .demo-tooltip .arrow.right { right:-32px; background: url(../images/demo-tooltip.arrow.png) no-repeat -32px 0;} .demo-tooltip .arrow.top { width: 66px; height: 32px; top: -32px; left:113px; background: url(../images/demo-tooltip.arrow.png) no-repeat -64px 0;} .demo-tooltip .demo-steps { float: left; width: 100%; clear: both; margin-bottom: 10px; font-weight: bold; font-size: 14px; } .demo-tooltip .demo-steps strong { width: 224px;} .demo-tooltip .demo-content { float: left; *float: none; width: 100%; clear: both; *clear: none; display: block; position: relative; min-height: 55px; } .demo-tooltip .demo-buttons {position: relative; float: left; background: #f8f8f8 url(../images/demo-tooltip.bg.png) repeat-x left top; height: auto; width: 258px; padding: 15px; margin: 12px 0 0 -14px; *float: none; *display: inline-block; } .demo-tooltip .demo-content p.close{ padding: 5px 0 0 0; font-size: 11px; clear: both; width: 100%; text-align: right; } /*Buttons small*/ .demo-buttons p.button-small{ margin: 0 10px 0 0; padding: 0; height:24px; width: auto; position: relative; cursor: pointer; background: url(../images/button.bg.small.png) no-repeat left 0;} .demo-buttons p.button-small a{ float: left; line-height:26px; margin: 0 -10px 0 0; padding: 0 15px; height:100%; border: none; cursor: pointer; background: url(../images/button.bg.small.png) no-repeat right -24px; width: auto; color: white; text-shadow: 0 -1px 0 #32719d;} .demo-buttons p.button-small:hover {background-position: left -48px;} .demo-buttons p.button-small a:hover { background-position: right -72px;} .demo-buttons p.button-small.gray {background-position: left -96px;} .demo-buttons p.button-small.gray a { background-position: right -120px; color: #3f4950; text-shadow: 0 1px 0 white; } .demo-buttons p.button-small.gray:hover {background-position: left -144px;} .demo-buttons p.button-small.gray a:hover { background-position: right -168px; color: #3f4950; text-shadow: 0 1px 0 white; } /*My profile*/ #adduser .tabs-container {padding:0 0 30px 0; float: left; width: 100%;} #adduser img.avatar {float: left; margin-right: 20px; } #adduser #avatar_upload { width: auto; float: left; border: none; background: none; } #adduser label { float: left; margin: 0 20px 0 0; font: normal 12px/24px Helvetica, Arial, sans-serif; } .w_610 #adduser label {width: 144px;} .w_930 #adduser label {width: 190px;} .w_930 #adduser input.text-input, .w_930 #adduser textarea {width: 75%;} .w_610 #adduser p.form-submit {margin: 0 20px 0 165px; *margin: 0 20px 0 0px;} .w_930 #adduser p.form-submit {margin: 0 20px 0 210px; *margin: 0 20px 0 0px;} .w_610 #adduser label.remove-avatar { margin: 10px 0 0 165px; width: 100%} .w_930 #adduser label.remove-avatar { margin: 10px 0 0 210px; width: 100%} p.error{padding: 15px; background:#FAEBE6; border: 1px solid #E5C5B6; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} p.success {padding: 15px; background:#EAFAE6; border: 1px solid #BCE5B6; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} /*My posts*/ .status-pending h2.entry-title {text-indent: 70px; background: url(../images/icon.pending.png) no-repeat left 3px;} .status-draft h2.entry-title {text-indent: 60px; background: url(../images/icon.draft.png) no-repeat left 3px;} /*More posts*/ .get-more {float: left; width: 100%; margin-top: 30px;} .get-more p.button a{text-align: center; } .w_930 .get-more p.button a{ width: 890px!important;} .w_610 .get-more p.button a{ width: 570px!important;} /*Scroll bar*/ .jspContainer { overflow: hidden; position: relative; float: left; } .jspPane { position: absolute; float: left;} .jspVerticalBar { position: absolute; top: 0; right: 12px; width: 8px; height: 100%; background: transparent; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: transparent; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: transparent; position: relative; } .jspDrag { background: black; filter: alpha(opacity = 50); zoom: 1; background: rgba(0, 0, 0, 0.40); position: relative; top: 0; left: 0; cursor: pointer; border-radius: 6px; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } * html .jspCorner { margin: 0 -3px 0 0; } /*AJAX activity indicator*/ #ajax-indicator { left: 50%; position: fixed; top: 50%; z-index: 65365; } /*Slide panel*/ .slide-panel { box-shadow: 0 1px 20px rgba(0, 0, 0, 0.50); display: none; position: absolute; width: 100%; height: auto; top: 700px; left: 0; z-index: 999;} .slide-panel .content { display: block; height: auto; padding: 20px; overflow: auto; } /*Social sharing*/ #share_buttons_wrapper { position: relative; z-index: 999; } #share_buttons_wrapper.left { left:-140px;} #share_buttons_wrapper.right { left:950px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #share_buttons_wrapper { position: absolute; top: 90px; } /*Hack for Chrome because of incorrect dispatch of .fixed position*/ } #share_buttons_single_page{ position:absolute; text-align: left; margin: 0; width: 120px; box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.5); } #share_buttons_single_page.fixed { position: fixed; top:100px; } .cosmo-sharing { display:block; width:100px; margin: 0 auto; padding: 10px; text-align: center; height:auto; background:white; position:relative; } .cosmo-sharing iframe { width: 90px; } .entry-footer .share { clear:both; margin-bottom:20px; } .entry-footer div.share:last-child { margin-bottom:0px; } .share .share_button {position: relative; margin-right: 15px; top: -6px; display: inline-block;} #cosmo-cart-wrapper { position: absolute; margin-left: 0px; top: 0; z-index: 999; } #cosmo-cart-wrapper.left { left:-130px;} #cosmo-cart-wrapper.right { right:-20px;} #cosmo-cart-single-page{ position:absolute; text-align: left; margin: 0; width: 120px; } #cosmo-cart-single-page.fixed { position: fixed; top:100px; } /*Checkout*/ table.t_subscript { width: 100%; border-collapse: collapse; border: none; } .t_subscript { width: 100%; border-collapse: collapse; margin-bottom: 40px; } .t_subscript tr{ background: url(../images/delimiter.bg.x.png) repeat-x bottom left;} .t_subscript td, .t_subscript th{ vertical-align: middle; position: relative; } .t_subscript tr th {color: black; } .t_subscript td{ color: #777; padding: 10px; } .t_subscript td input{ width: 28px; text-align: center; height: 16px;} .t_subscript tr.subtotal{ text-align: right; font-size: 16px; font-weight: bold; background: none} .t_subscript tr.subtotal td{ color: black; border: none; } .t_subscript span.license{ float: left; line-height: 24px; } .t_subscript span.price{ } .t_subscript span.remove{ height: 16px; line-height: 16px; display: block; background: url(../images/meta.sprite.png) no-repeat 0 -224px; text-indent: -999em; transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -webkit-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;} .t_subscript span.remove:hover{ background: url(../images/meta.sprite.png) no-repeat 0 -240px; } .t_subscript .last{ text-align: right; } .termscond {margin-bottom: 20px; } p.cosmo-box { padding: 15px; width: 898px; margin-top: 0; } .cosmo-box.info, .cosmo-box.download { border-color: #E6DB55; background: #FFFFE0; } #shopping-cart{ width: 270px; position: fixed; top: 340px; right: -175px; cursor: pointer; z-index: 999; } /*Floating box cart*/ .cosmo-cart.fixed {position: fixed; top: 30px;} .cosmo-cart { width: 100%; padding: 0; background: transparent; } .cosmo-cart table { margin: 0; table-layout: fixed; box-shadow: none;} .cosmo-cart .t_subscript td, .cosmo-cart .t_subscript th { } .cosmo-cart .t_subscript tr.subtotal td { font-size: 12px; background: white; text-align: center;} .cartHeaders,.totalRow{display:none;} .simpleCart_items{ height:auto; width:260px; margin-bottom:20px; float: left;} .itemContainer{ clear:both; float: left; width:260px; padding:0; font-size:11px; margin-top: 20px; } .itemContainer:first-child{ margin-top: 0px; } .itemImage{ float:left; width:50px;} .itemContainer .itemName{ float:left; width:85px; text-align: left;} .itemName{ float:none; width:auto; text-align: center; } .itemContainer .itemPrice{ float:left; width:45px; text-align: left; font-size: 11px; font-weight: normal;} .itemPrice{ float:none; width: auto; text-align: center; color:#418932; font-size: 14px;font-weight: bold;} .itemQuantity{ float:left; width:50px; vertical-align:middle; } .itemQuantity input{ padding:2px; margin-top: -2px;} .itemTotal{ float:left; color:#c23f26; } /*Registration*/ h2.login-title{ width: 100%; display: block; margin-bottom: 30px; } .register, .login { float: left; width: 610px; margin: 0; } .register label, .login label{margin:0; width: 140px; float: left; cursor: pointer;} .register p.button, .login p.button, .login p.pswd { float: left; margin-left: 140px; clear: both; } .login p.pswd { margin-top: 15px;} .register span.error, .login span.error, .register span#registration_info{display: block; color: #ff5353; margin: 5px 0 15px 140px;} .register span#registration_info{ color: #797D82;} .w_930 .login-box { width: 290px; margin-left: 30px; float: left; } .w_640 .login-box { width: 610px; margin-top: 30px; float: left; clear: both; display: block;} .login-box p.box{border: 1px solid #E1E1E1; border-radius: 5px; background: white; padding: 20px ; } .login-box p.box span{ background: url(../images/login.key.png) no-repeat 0 1px; display: block; padding-left: 20px; } .login label.remeberme {float: none; margin-left: 140px;} .login label.remeberme input#rememberme { margin-right: 10px;} /*Footer*/ .b_f_c {margin:0 auto; position: relative; border-top: 1px solid #D9D9D9; border-top: 1px solid rgba(0, 0, 0, 0.15); color: #96999d;} .b_f_c a { color: #96999d;} .b_f_c a:hover {color: #B5BBBF; } .b_f_c .footer-area{padding: 30px 0;} .b_f_c .footer-area > div{ margin: 30px auto 0 auto; padding: 0; background: url(../images/delimiter.bg.x.png) repeat-x 0 0;} .b_f_c .footer-area > div:first-child{ background: none; margin: 0 auto; padding: 0;} .b_f_c .footer-area > div .w_450 {padding-top: 30px;} .b_f_c .footer-area p.copyright{ } /*Footer menu*/ .b_f_c ul.footer-menu{ float: right; text-align: right;} .b_f_c ul.footer-menu li{ display: inline-block; float: left; margin-left: 12px; width: auto; } .b_f_c ul.footer-menu li:first-child{ margin-left: 0px; } .b_f_c ul.footer-menu li:first-child a{ padding:0; } .b_f_c ul.footer-menu li a { padding: 0 0 0 12px; color: #353e3f; } .b_f_c ul.footer-menu li a:hover {color: #B5BBBF; } .b_f_c ul.footer-menu li ul{ display: none; } #header-wrapper.fixed { position: fixed; top: 0; left: 0;} .cp_title a {float: left; font: normal 22px/20px Helvetica, "PT Sans Narrow"; background: url(../images/delimiter.bg.menu.png) no-repeat left center; padding: 0 15px; height: 22px; width: auto; margin: 0; } .cp_title a:first-child { background: none; } .cp_title a.current { color: #2CA4C2; } .error-mail { color: red; border: 1px dotted red; padding: 5px; text-align: center; margin-bottom: 15px; width:248px; display: block; } .success-mail { color: green; border: 1px dotted green; padding: 5px; text-align: center; margin-bottom: 15px; width:250px; display: block;} div.facebook { padding:5px 20px; display: inline-block; } .login-error { color: red; border: none; margin-left: 140px; } .login-error a { color:red !important; font-weight: bold; text-decoration:underline } .login-success { color:green; margin-left: 140px; } .login label.remember { float: none; margin-left: 140px; } .login label.remember input#rememberme { margin-right: 10px; } .not_logged_msg { color: red; font: normal 16px Helvetica, "PT Sans Narrow"; text-align: center; border: 1px solid red; padding: 5px; } .fb-login-button-cosmo{width:181px; height:27px; background: url('../images/facebook.connect.png') no-repeat ; margin: 0 auto 10px auto; cursor:pointer;} /* ===== IVIT: Divers ===== */ .b_text h2 { line-height: 18pt; margin: auto 0 15px; } .tweets h4 { margin-bottom: 20px; } .tweets .delimiter { display: none; } /* E-mail form */ .footer-area .eemail_widget .eemail_caption { } .eemail_widget .eemail_textbox { width: 175px; float: left; } .eemail_widget .eemail_textbox_class{ border: 1px solid #AAAAAA; border-bottom-right-radius: 0; border-top-right-radius: 0; width: 175px; height: 25px; position: relative; z-index: 2; float: left; } .eemail_widget .eemail_button { width: 4em; float: left; } .eemail_widget .eemail_textbox_button { float: left; padding: 0 8px 3px; border: 1px solid #AAAAAA; border-radius: 0 4px 4px 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); color: #444444; cursor: pointer; height: 31px; margin-left: -4px; min-width: 4em; position: relative; z-index: 1; } /* Tweets */ .cosmo-twit-container .cosmo_twitter { height: 96px; } /* var */ .cosmo-blockquote p { font-size: 12pt; } .alignleft, .aligncenter, .alignright { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; } .children > li { border-radius: 4px; } .children > li { } #main { margin-top: 1px; padding-top: 40px; } .w1280 #main { margin-top: 0px; } #secondary .w_260 { width: 160px; } input[type="text"], input[type="password"], textarea{ width: 56%; } ul.children, ul.children li{ min-width: 115px !important; max-width: 150px !important; } .sf-menu li li { background: rgba(34,54,42, 0.6) !important; } .dynamic-settings-style-menu-top_menu a{ float: left !important; text-align: left !important; padding-left: 10px !important; } a{ color: #8c8c11; } .vfb-section.vfb-section-1 { width: 100%; } input.vfb-medium, input[type="text"].vfb-medium, input[type="tel"].vfb-medium, input[type="email"].vfb-medium, input[type="url"].vfb-medium, select.vfb-medium { width: 62%; padding: 5px; } .widget-area { margin-top: 80px; }.wp-page{ display:block; width: 960px; margin:100px auto; } .wp-content{ width:640px; } .wp-footer{ display:block; width: 960px; margin:30px auto; } .wp-footer p{ text-align: center; }aside .eemail_widget{ margin-left: -20px; } body { background-image: url('http://landgoedwickenburgh.nl/wp-content/themes/multipress/lib/core/images/pattern/pattern.dots.png'); background-repeat: repeat; background-color: #ffffff; } div#slidePanel.slide-panel { background-image: url('http://landgoedwickenburgh.nl/wp-content/themes/multipress/lib/core/images/pattern/pattern.dots.png'); background-repeat: repeat; background-color: #ffffff; } div.b_content.clearfix { background-color: #f8fbf9; } /* ------------- * Buttons * ------------- */ a.cosmolink { text-decoration: none; display: inline-block;} .cosmobutton { margin: 0 10px 0 0; padding: 0px; border: none; background-color: transparent; cursor: pointer; overflow: hidden; font-family: Arial; outline: none; } *:first-child+html .cosmobutton[type]{width: 1;} /* IE7 */ /* ------------- * Normal * ------------- */ .cosmobutton span {background: transparent url(../images/shortcodes/btn.right.gray.png) no-repeat right top; display: inline-block; float: left; padding: 0px 4px 0px 0px; margin: 0px; height: 33px; } .cosmobutton span span { background: transparent url(../images/shortcodes/btn.left.gray.png) no-repeat top left; color: #000; font-weight: bold; padding: 8px 16px 0px 20px; font-size: 12px; line-height: 19px; display: inline-block; float: left; text-decoration: none; height: 33px; *min-width: 82px; text-align: center; text-shadow: none;} .cosmobutton span span span{ *min-width: 16px;} /*Gray*/ .cosmobutton.gray span { background: transparent url(../images/shortcodes/btn.right.gray.png) no-repeat right top; } .cosmobutton.gray span span { background: transparent url(../images/shortcodes/btn.left.gray.png) no-repeat top left; } /*Blue*/ .cosmobutton.blue span { background: transparent url(../images/shortcodes/btn.right.blue.png) no-repeat right top; } .cosmobutton.blue span span { background: transparent url(../images/shortcodes/btn.left.blue.png) no-repeat top left; color: #fff; } /*Red*/ .cosmobutton.red span { background: transparent url(../images/shortcodes/btn.right.red.png) no-repeat right top; } .cosmobutton.red span span { background: transparent url(../images/shortcodes/btn.left.red.png) no-repeat top left; color: #fff;} /*Green*/ .cosmobutton.green span {background: transparent url(../images/shortcodes/btn.right.green.png) no-repeat right top;} .cosmobutton.green span span {background: transparent url(../images/shortcodes/btn.left.green.png) no-repeat top left; color: #fff;} /*Orange*/ .cosmobutton.orange span {background: transparent url(../images/shortcodes/btn.right.orange.png) no-repeat right top;} .cosmobutton.orange span span {background: transparent url(../images/shortcodes/btn.left.orange.png) no-repeat top left; color: #fff;} /*Black*/ .cosmobutton.black span {background: transparent url(../images/shortcodes/btn.right.black.png) no-repeat right top;} .cosmobutton.black span span {background: transparent url(../images/shortcodes/btn.left.black.png) no-repeat top left; color: #fff;} /*Brown*/ .cosmobutton.brown span {background: transparent url(../images/shortcodes/btn.right.brown.png) no-repeat right top;} .cosmobutton.brown span span { background: transparent url(../images/shortcodes/btn.left.brown.png) no-repeat top left; color: #fff;} /*Pink*/ .cosmobutton.pink span { background: transparent url(../images/shortcodes/btn.right.pink.png) no-repeat right top; } .cosmobutton.pink span span { background: transparent url(../images/shortcodes/btn.left.pink.png) no-repeat top left; color: #fff;} /* ------------- * Small * ------------- */ .cosmobutton.small span { background: transparent url(../images/shortcodes/btn.right.blue.small.png) no-repeat right top; height: 22px; } .cosmobutton.small span span { background: transparent url(../images/shortcodes/btn.left.blue.small.png) no-repeat top left; padding: 0px 10px 0px 14px; font-size: 11px; line-height: 22px; height: 22px;} /*Gray*/ .cosmobutton.gray.small span { background: transparent url(../images/shortcodes/btn.right.gray.small.png) no-repeat right top; } .cosmobutton.gray.small span span { background: transparent url(../images/shortcodes/btn.left.gray.small.png) no-repeat top left; } /*Blue*/ .cosmobutton.blue.small span { background: transparent url(../images/shortcodes/btn.right.blue.small.png) no-repeat right top; } .cosmobutton.blue.small span span { background: transparent url(../images/shortcodes/btn.left.blue.small.png) no-repeat top left; color: #fff; } /*Red*/ .cosmobutton.red.small span { background: transparent url(../images/shortcodes/btn.right.red.small.png) no-repeat right top; } .cosmobutton.red.small span span { background: transparent url(../images/shortcodes/btn.left.red.small.png) no-repeat top left; color: #fff;} /*Green*/ .cosmobutton.green.small span {background: transparent url(../images/shortcodes/btn.right.green.small.png) no-repeat right top;} .cosmobutton.green.small span span {background: transparent url(../images/shortcodes/btn.left.green.small.png) no-repeat top left; color: #fff;} /*Orange*/ .cosmobutton.orange.small span {background: transparent url(../images/shortcodes/btn.right.orange.small.png) no-repeat right top;} .cosmobutton.orange.small span span {background: transparent url(../images/shortcodes/btn.left.orange.small.png) no-repeat top left; color: #fff;} /*Black*/ .cosmobutton.black.small span {background: transparent url(../images/shortcodes/btn.right.black.small.png) no-repeat right top;} .cosmobutton.black.small span span {background: transparent url(../images/shortcodes/btn.left.black.small.png) no-repeat top left; color: #fff;} /*Brown*/ .cosmobutton.brown.small span {background: transparent url(../images/shortcodes/btn.right.brown.small.png) no-repeat right top;} .cosmobutton.brown.small span span { background: transparent url(../images/shortcodes/btn.left.brown.small.png) no-repeat top left; color: #fff;} /*Pink*/ .cosmobutton.pink.small span { background: transparent url(../images/shortcodes/btn.right.pink.small.png) no-repeat right top; } .cosmobutton.pink.small span span { background: transparent url(../images/shortcodes/btn.left.pink.small.png) no-repeat top left; color: #fff;} /* ------------- * Large * ------------- */ .cosmobutton.large span { background: transparent url(../images/shortcodes/btn.right.blue.large.png) no-repeat right top; height: 44px; } .cosmobutton.large span span { background: transparent url(../images/shortcodes/btn.left.blue.large.png) no-repeat top left; padding: 0px 20px 0px 24px; font-size: 14px; line-height: 44px; height: 44px; } /*Gray*/ .cosmobutton.gray.large span { background: transparent url(../images/shortcodes/btn.right.gray.large.png) no-repeat right top; } .cosmobutton.gray.large span span { background: transparent url(../images/shortcodes/btn.left.gray.large.png) no-repeat top left; } /*Blue*/ .cosmobutton.blue.large span { background: transparent url(../images/shortcodes/btn.right.blue.large.png) no-repeat right top; } .cosmobutton.blue.large span span { background: transparent url(../images/shortcodes/btn.left.blue.large.png) no-repeat top left; color: #fff; } /*Red*/ .cosmobutton.red.large span { background: transparent url(../images/shortcodes/btn.right.red.large.png) no-repeat right top; } .cosmobutton.red.large span span { background: transparent url(../images/shortcodes/btn.left.red.large.png) no-repeat top left; color: #fff;} /*Green*/ .cosmobutton.green.large span {background: transparent url(../images/shortcodes/btn.right.green.large.png) no-repeat right top;} .cosmobutton.green.large span span {background: transparent url(../images/shortcodes/btn.left.green.large.png) no-repeat top left; color: #fff;} /*Orange*/ .cosmobutton.orange.large span {background: transparent url(../images/shortcodes/btn.right.orange.large.png) no-repeat right top;} .cosmobutton.orange.large span span {background: transparent url(../images/shortcodes/btn.left.orange.large.png) no-repeat top left; color: #fff;} /*Black*/ .cosmobutton.black.large span {background: transparent url(../images/shortcodes/btn.right.black.large.png) no-repeat right top;} .cosmobutton.black.large span span {background: transparent url(../images/shortcodes/btn.left.black.large.png) no-repeat top left; color: #fff;} /*Brown*/ .cosmobutton.brown.large span {background: transparent url(../images/shortcodes/btn.right.brown.large.png) no-repeat right top;} .cosmobutton.brown.large span span { background: transparent url(../images/shortcodes/btn.left.brown.large.png) no-repeat top left; color: #fff;} /*Pink*/ .cosmobutton.pink.large span { background: transparent url(../images/shortcodes/btn.right.pink.large.png) no-repeat right top; } .cosmobutton.pink.large span span { background: transparent url(../images/shortcodes/btn.left.pink.large.png) no-repeat top left; color: #fff;} /* ------------- * Icons * ------------- */ .cosmo-ico { position: relative; top: 3px; width: 16px!important; height: 16px!important; margin-right: 10px!important; margin-top: 1px!important; padding: 0!important; float: left!important;} .cosmobutton .cosmo-ico {top: 0; } .cosmobutton.comment .cosmo-ico, .cosmo-box.comment .cosmo-ico { background: url(../images/shortcodes/icons.png) 0px 0 no-repeat!important; } .cosmobutton.download .cosmo-ico, .cosmo-box.download .cosmo-ico { background: url(../images/shortcodes/icons.png) -16px 0 no-repeat!important;} .cosmobutton.print .cosmo-ico, .cosmo-box.print .cosmo-ico { background: url(../images/shortcodes/icons.png) -32px 0 no-repeat!important;} .cosmobutton.delete .cosmo-ico, .cosmo-box.delete .cosmo-ico { background: url(../images/shortcodes/icons.png) -48px 0 no-repeat!important;} .cosmobutton.tick .cosmo-ico, .cosmo-box.tick .cosmo-ico { background: url(../images/shortcodes/icons.png) -64px 0 no-repeat!important;} .cosmobutton.info .cosmo-ico, .cosmo-box.info .cosmo-ico { background: url(../images/shortcodes/icons.png) -80px 0 no-repeat!important;} .cosmobutton.demo .cosmo-ico, .cosmo-box.demo .cosmo-ico { background: url(../images/shortcodes/icons.png) -96px 0 no-repeat!important;} .cosmobutton.warning .cosmo-ico, .cosmo-box.warning .cosmo-ico { background: url(../images/shortcodes/icons.png) -112px 0 no-repeat!important;} .cosmobutton.error .cosmo-ico, .cosmo-box.error .cosmo-ico { background: url(../images/shortcodes/icons.png) -128px 0 no-repeat!important;} /*hover Normal*/ .cosmobutton:hover span span { background-position: left -33px ; } .cosmobutton:hover span { background-position: right -33px ; } /*clicked Normal*/ .cosmobutton:active span span { background-position: left -66px ; } .cosmobutton:active span { background-position: right -66px ; } /*hover Large*/ .cosmobutton.large:hover span span { background-position: left -44px ; } .cosmobutton.large:hover span { background-position: right -44px ; } /*clicked Large*/ .cosmobutton.large:active span span { background-position: left -88px ; } .cosmobutton.large:active span { background-position: right -88px ; } /*hover Small*/ .cosmobutton.small:hover span span { background-position: left -22px ; } .cosmobutton.small:hover span { background-position: right -22px ; } /*clicked Small*/ .cosmobutton.small:active span span { background-position: left -44px ; } .cosmobutton.small:active span { background-position: right -44px ; } /* IE 6 */ * html .cosmobutton { height:33px; } * .cosmobutton span span { height: 25px; } /* IE 7 */ *+ html .cosmobutton { height:33px; } *+ .cosmobutton span span { height: 25px; } /* IE 6 Large */ * html .cosmobutton.large { height:44px; } * .cosmobutton.large span span { height: 44px; } /* IE 7 Large */ *+ html .cosmobutton.large { height:44px; } *+ .cosmobutton.large span span { height: 44px; } /* IE 6 Small */ * html .cosmobutton.small { height:22px; } * .cosmobutton.small span span { height: 22px; } /* IE 7 Small */ *+ html .cosmobutton.small { height:22px; } *+ .cosmobutton.small span span { height: 22px; } /* ------------- * Dividers * ------------- */ .cosmo-hr, .cosmo-divider { clear: both; display: block; width: 100%; } .cosmo-hr { background: url(../../images/delimiter.bg.x.png) repeat-x 0 0; } /* ------------- * Blockquote * ------------- */ .cosmo-blockquote { display: block; *display: inline-block;} .cosmo-blockquote p { margin: 1em 20px; padding: 0 0 0 40px; background: url(../images/shortcodes/quote.png) no-repeat 0 3px; font-style: italic; color:gray; min-height: 25px; } .cosmo-blockquote.left { float:left; width:40%;} .cosmo-blockquote.right { float:right; width:40%;} .cosmo-blockquote.boxed { background: white; border: 1px solid #ccc; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; -khtml-border-radius: 6px;} .cosmo-blockquote.boxed.left { margin: 0 1.5em 1em 0;} .cosmo-blockquote.boxed.right { margin: 0 0 1em 1.5em;} /* ------------- * Boxes * ------------- */ .cosmo-box { float: left; width: 100%; clear: both; margin: 1em 0 1.5em 0; padding:0; border-width: 1px; border-style: solid; color: #555; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .cosmo-box div.fl, .cosmo-box div.fr{padding: 10px;} .cosmo-box div.fr {height: auto; color: white;} .cosmo-box.large div.fl, .cosmo-box.large div.fr {padding:25px; } .cosmo-box h5 {font: italic normal 18px Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; display: block;} .cosmo-box.large h5 {font: italic normal 20px Georgia, "Times New Roman", Times, serif;} .cosmo-box .fr.arrow { padding: 20px 10px 20px 40px; text-align: right; } .cosmo-box .fr.color { padding: 20px 10px; text-align: right;background: url(../images/shortcodes/bg-info-boxes.png) no-repeat left center; } .cosmo-box.large .fr.arrow { padding: 40px 25px 40px 60px;} .cosmo-box.large .fr.color { padding: 40px 25px;} .cosmo-box .fr a{font: italic normal 16px Georgia, "Times New Roman", Times, serif; color: white; } .cosmo-box .fr a span.desc { display: block; font: normal 11px Helvetica, Arial, sans-serif; color: #dedede;} .cosmo-box .fr.arrow.blue {background: url(../images/shortcodes/bg-info-boxes-arrow-blue.png) no-repeat left center;} .cosmo-box .fr.arrow.green {background: url(../images/shortcodes/bg-info-boxes-arrow-green.png) no-repeat left center;} .cosmo-box .fr.color.blue {background-color: #1e9fbf} .cosmo-box .fr.color.green {background-color: #94C847} .cosmo-box.default, .cosmo-box.demo, .cosmo-box.comment { border-color: #e2e1e0; background: #f7f7f7;} .cosmo-box.tick { border-color: #bce5b6; background: #eafae6;} .cosmo-box.info, .cosmo-box.download { border-color: #B6CFE5; background: #E6F1FA; } .cosmo-box.warning { border-color: #E6DB55;background: #FFFFE0; } .cosmo-box.error { border-color: #e5c5b6;background: #faebe6; } /* ------------- * List Styles - Unordered List * ------------- */ .cosmo-unorderedlist ul, .cosmo-orderedlist ol { margin:0 0 1.5em 0; padding: 0; } .cosmo-unorderedlist ul li, .cosmo-unorderedlist ul li, .cosmo-unorderedlist ul li ul, .cosmo-unorderedlist ul li ul { list-style-type: none!important; padding-left:25px; } .cosmo-unorderedlist.tick ul li, .cosmo-unorderedlist.tick ul li { background: url(../images/shortcodes/list.tick.png) no-repeat left top; } .cosmo-unorderedlist.cancel ul li, .cosmo-unorderedlist.cancel ul li { background: url(../images/shortcodes/list.cancel.png) no-repeat left top; } .cosmo-unorderedlist.bullet ul li, .cosmo-unorderedlist.bullet ul li { background: url(../images/shortcodes/list.bullet.png) no-repeat left top; } .cosmo-unorderedlist.arrow ul li, .cosmo-unorderedlist.arrow ul li { background: url(../images/shortcodes/list.arrow.png) no-repeat left top; } .cosmo-unorderedlist.star ul li, .cosmo-unorderedlist.star ul li { background: url(../images/shortcodes/list.star.png) no-repeat left top; } /* ------------- * List Styles - Ordered List * ------------- */ .cosmo-orderedlist ol li, .cosmo-orderedlist ol li ol, .cosmo-orderedlist ol li { list-style-type: none; margin-left: 25px; } .cosmo-orderedlist.armenian ol li, .cosmo-orderedlist.armenian ol li { list-style-type: armenian; } .cosmo-orderedlist.decimal ol li, .cosmo-orderedlist.decimal ol li { list-style-type: decimal; } .cosmo-orderedlist.decimal-leading-zero ol li, .cosmo-orderedlist.decimal-leading-zero ol li { list-style-type: decimal-leading-zero; } .cosmo-orderedlist.georgian ol li, .cosmo-orderedlist.georgian ol li { list-style-type: georgian; } .cosmo-orderedlist.lower-alpha ol li, .cosmo-orderedlist.lower-alpha ol li { list-style-type: lower-alpha; } .cosmo-orderedlist.lower-greek ol li, .cosmo-orderedlist.lower-greek ol li { list-style-type: lower-greek; } .cosmo-orderedlist.lower-latin ol li, .cosmo-orderedlist.lower-latin ol li { list-style-type: lower-latin; } .cosmo-orderedlist.lower-roman ol li, .cosmo-orderedlist.lower-roman ol li { list-style-type: lower-roman; } .cosmo-orderedlist.upper-alpha ol li, .cosmo-orderedlist.upper-alpha ol li { list-style-type: upper-alpha; } .cosmo-orderedlist.upper-latin ol li, .cosmo-orderedlist.upper-latin ol li { list-style-type: upper-latin; } .cosmo-orderedlist.upper-roman ol li, .cosmo-orderedlist.upper-roman ol li { list-style-type: upper-roman; } /* ------------- * Highlight and Abbreviation * ------------- */ span.cosmo-highlight { background: #FFFFAA; padding: 3px 3px 1px; } abbr { border-bottom: 1px dashed #999999; cursor: help; } /* ------------- * Dropcap * ------------- */ span.dropcap { font-size: 300%; font-weight: bold; float: left; position: relative; margin:5px 7px 0 0; line-height: 0.7em; } /* ------------- * Tabs - Horizontal * ------------- */ .cosmo-tabs {clear: both; display: inline-block; background: white; margin: 20px 0; width: 100%; border: 1px solid #efefef; float: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} @media projection, screen { .cosmo-tabs .tabs-hide { display: none; } } @media print {.cosmo-tabs .tabs-nav { display: none;} } .cosmo-tabs ul.tabs-nav{ -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px 3px; list-style: none; margin: 0; padding: 0; height: 39px; border-bottom: 1px solid #efefef; background: #fafafa; float: none!important;} .cosmo-tabs .tabs-nav li { float: left; margin: 0; min-width: 68px; width: auto!important; border-right: 1px solid #efefef; height: 40px; padding: 0!important; background: none!important; list-style-type: none!important;} .cosmo-tabs .tabs-nav li.first{ -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px 4px; } .cosmo-tabs .tabs-nav a, .cosmo-tabs .tabs-nav a span { display: block; padding: 0 10px; cursor: pointer;} .cosmo-tabs .tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #444; text-shadow: 0 1px 0 #fff; font-size: 12px; font-weight: bold; line-height: 14px; text-align: center; text-decoration: none;} .cosmo-tabs .tabs-nav .tabs-selected a { color: #000; } .cosmo-tabs .tabs-nav .tabs-selected a, .cosmo-tabs .tabs-nav a:hover, .cosmo-tabs .tabs-nav a:focus, .cosmo-tabs .tabs-nav a:active { outline: 0;} .cosmo-tabs .tabs-nav a span { width: 46px; min-width: 46px; height: 28px; min-height: 28px; padding-top: 12px; padding-right: 0; } *>.cosmo-tabs .tabs-nav a span { width: auto; height: auto;} .cosmo-tabs .tabs-nav .tabs-selected { background: #fff!important; border-bottom: none;} .cosmo-tabs .tabs-container { padding: 15px; background: white; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px 3px; } /* ------------- * Tabs - Vertical * ------------- */ .cosmo-tabs.vertical {position: relative;} .cosmo-tabs.vertical ul.tabs-nav{ float: left!important; height: auto; width: 20%; border-bottom: none; *background: none; } .cosmo-tabs.vertical .tabs-nav li {float: none; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; height: 38px;} .cosmo-tabs.vertical .tabs-nav li.last { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px 4px; border-bottom: none;} .cosmo-tabs.vertical .tabs-nav .tabs-selected { border-right: 1px solid #fff; } .cosmo-tabs.vertical .tabs-nav li.first.tabs-selected {border-top: none;} .cosmo-tabs.vertical .tabs-nav a span { } .cosmo-tabs.vertical .tabs-container { margin-left: 20%; padding: 10px 20px; } .cosmo-tabs.vertical .tabs-container p{ margin: 0; padding: 0; } /* ------------- * Accordion * ------------- */ h2.cosmo-acc-trigger { padding: 0; margin: 2px 0 0 0; background: #fafafa; height: 39px; line-height: 39px; font-size: 14px; border: 1px solid #efefef; text-shadow: 0 1px 0 #fff; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;} h2.cosmo-acc-trigger a { color: #444; text-decoration: none; display: block; padding: 0 0 0 20px; margin: 0 0 0 20px; outline: none; background: url(../images/shortcodes/accordion.arrows.png) left 15px no-repeat; height: 30px;} h2.cosmo-acc-trigger.active a{background-position: left -10px;} .cosmo-acc-container { margin: 0 0 4px 0; padding: 15px 20px; background: #FDFCFA; color: #444; border: 1px solid #efefef; border-top: none; overflow: hidden; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} /* ------------- * Columns * ------------- */ .twocol_one{width:48%;} .threecol_one{width:30.66%;} .threecol_two{width:65.33%;} .fourcol_one{width:22%;} .fourcol_two{width:48%;} .fourcol_three{width:74%;} .fivecol_one{width:16.8%;} .fivecol_two{width:37.6%;} .fivecol_three{width:58.4%;} .fivecol_four{width:67.2%;} .twocol_one,.threecol_one,.threecol_two,.fourcol_one,.fourcol_two,.fourcol_three,.fivecol_one,.fivecol_two,.fivecol_three,.fivecol_four{float:left;margin-right:4%;position:relative; margin-top:10px; margin-bottom:10px;} .last{clear:right;margin-right:0 !important;} /* ------------- * Toggle * ------------- */ .cosmo-toggle {clear: both; display: inline-block; margin: 20px 0; width: 100%;} .cosmo-toggle h2 { padding: 0; margin: 0; background: #fafafa; height: 39px; line-height: 39px; font-size: 14px; border: 1px solid #efefef; text-shadow: 0 1px 0 #fff; cursor: pointer; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;} .cosmo-toggle h2 a.show, .cosmo-toggle h2 a.hide { color: #444; text-decoration: none; display: block; margin: 0 0 0 20px; padding: 0 0 0 20px; outline: none; background: url(../images/shortcodes/toggle.arrows.png) left 15px no-repeat; height: 30px;} .cosmo-toggle h2 a.hide { background-position: left -11px;} .cosmo-toggle .cosmo-toggle-container { margin: 0 0 4px 0; padding: 15px 20px; background: #FDFCFA; color: #444; border: 1px solid #efefef; border-top: none; overflow: hidden; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} div.hidden, span.hidden { display:none } /*-------------- * Admin Cosmo Ico *-------------*/ img.cosmo-icon { float: left; margin: 0 10px 0 0; } /*Pricing box*/ .cols-2, .cols-3, .cols-4, .cols-5 { float: left; width: 100%; display: block; margin-top: 20px; } .pricing_box { border: 1px solid #ccc; float: left; text-align: center; padding: 0 0 20px 0; margin-left:-1px; box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.5); background: #fff;} .pricing_box.radius-left { -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px;} .pricing_box.radius-right { -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;} .pricing_box .header { text-shadow: 0 1px 1px #fff; border-bottom: 1px solid #ccc; background: url(../images/shortcodes/price.bg.png) repeat; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px;} .pricing_box .header { width: 100%; height: 68px; } .pricing_box .header span { position: relative; top: 20px; font-size: 16px; font-weight: bold; line-height: 28px;} .pricing_box .header span.info { position: relative; font-size: 12px; font-weight: normal; top: 2px; display: block; color: gray; } .pricing_box p { line-height: 28px;} .pricing_box ul { list-style: none; margin: 0 0 15px 0!important; text-align: left;} .cols-2 .pricing_box { width: 49.8%; } .cols-3 .pricing_box { width: 33%; } .cols-4 .pricing_box { width: 24.8%; font-size: 1em; } .cols-5 .pricing_box { width: 19.5%; font-size: 0.9em;} .pricing_box ul li { line-height: 4em; padding-left: 20px!important; list-style-type: none!important;} .pricing_box ul li.odd { background: #F9F9F9;} .pricing_box ul li.even { background: #fff;} .pricing_box strong { background: url(../images/shortcodes/price.sprite.png) no-repeat 0 -9999px; height: 12px; padding-left: 20px; font-style: normal; color: gray; } .pricing_box strong.no { background-position: 0 0;} .pricing_box strong.yes { background-position: 0 -15px;} .pricing_box strong.single { background-position: 0 -30px; } .pricing_box strong.unlim { background-position: 0 -45px; } .pricing_box strong.more{ background: url(../images/shortcodes/price.more.png) no-repeat 0 0; height: 20px; width: 20px; cursor: pointer; float: right; padding: 0; margin: 14px 14px 0 0;} .pricing_box strong.nopad { padding: 0;} .pricing_box h3{ margin: 20px 0; font-size: 24px; display: block;} .pricing_box h3 em{ font-size: 12px; font-weight: normal;} .pricing_box p.button { height: 40px; background: url(../images/shortcodes/price.readmore.png) no-repeat left 0; float: none; *float: left; display: inline-block; } .pricing_box p.button a { font-size: 14px; height: 40px!important; line-height: 40px; background: url(../images/shortcodes/price.readmore.png) no-repeat right -40px; padding:0 40px; } .pricing_box p.button:hover {background-position:left -80px;} .pricing_box p.button a:hover{background-position:right -120px;} .pricing_box.large { position: relative; z-index: 9; margin-top: -20px; -moz-box-shadow: 0 1px 10px #cbcbcb; -webkit-box-shadow: 0 1px 10px #cbcbcb; box-shadow: 0px 1px 10px #cbcbcb; padding: 0 0 40px 0; border-radius: 5px;} .pricing_box.large .header { color: #fff; text-shadow:0 -1px 0 #47aec8; height: 88px; background: url(../images/shortcodes/price.bg.signup.png) repeat; border-bottom: 1px solid #47aec8;} .pricing_box.large .header span{ top: 30px; } .pricing_box.large .header span.info{ top: 14px; color: #576e1f; text-shadow:none; } .pricing_box.large p.button { background-position:left -160px;} .pricing_box.large p.button a{ background-position:right -200px; color: white; text-shadow:0 -1px 0 #47AEC8; } .pricing_box.large p.button:hover { background-position:left -240px;} .pricing_box.large p.button a:hover{ background-position:right -280px; } div.pricing_box div p input[type="text"], div.pricing_box div span p input, div.pricing_box ul li p input[type="text"] { width:270px; height:30px; } /*Tables*/ .cosmotable { clear: both; border-radius: 5px 5px 0 0; margin: 0 -1px 24px 0; text-align: left; width: 100%; border: 1px solid #e7e7e7; border-collapse: separate; border-spacing: 0; box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.5)} .cosmotable tr th { border-radius: 5px 5px 0 0; padding: 10px; font-weight: bold; color: black; background: #F9F9F9; border-bottom: 1px solid #e7e7e7; } .cosmotable tr td { padding: 10px; text-align: left; background: white; vertical-align} .cosmotable tr:nth-child(even) td, #content .cosmotable tr:nth-child(even) th { background-color: #F9F9F9; } .cosmotable.blue tr th { background: #47aec8; color: white; } .cosmotable.green tr th { background: #94c847; color: white;}